/*########## debug modus ########## */
/*### 1 | 0 	###*/
/* ############################################################# */
/* ############### layout type A (default)  #################### */
/* ############################################################# */
/*### px | % | .. 	wird gebraucht bei fixem Header	###*/
/*### px | % | .. 	wird gebraucht bei fixem oder sticky Footer	###*/
/* ############################################################## */
/* ######################## layout mixins ####################### */
/* ############################################################## */
/* ############################################################## */
/* ##################### element layout mixins ################## */
/* ############################################################## */
/* ############################################################# */
/* #################### glogal mixins  ######################### */
/* ############################################################# */
/*########## grid ##########*/
/*### px                ###*/
/* Breite vergeben um responsive zu deaktivieren */
/*### px | % | .. 		###*/
/* Breit der Inhaltscontainer*/
/*### max 24 	###*/
/*### 1 bis 5 	###*/
/*### 1 bis 5 	###*/
/*### 1 | 0 	###*/
/*### 0 bis 20 ? ###*/
/*### 0 bis 20 ? ###*/
/*### alles < 480px, max-width:479px ###*/
/*### von 480px bis 768px, max-width:767px ###*/
/*### von 768px bis 1024px, max-width:1023px ###*/
/*### alles > 1024px, no query needed ###*/
/* Smartphones (portrait and landscape): 320px and 480px */
/* iPads (portrait and landscape): 768px and 1024px */
/* Notebooks, Desktops, larger Screens > 1024px begrenzt durch maxwidth (s.o.) */
/* gridbreiten ohne padding und border (box-sizing:border-box) */
/*### 1 | 0 	###*/
/*### px | % | .. 		###*/
/* Paddingschrittweite, wird nur bei box-sizing: 1 verwendet; */
/* ############ Abstaende ausgleichen ############ */
.inside { position: relative; padding-left: 0px; padding-right: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*
@media (min-width:($maxwidth + 100px)){
	.inside{
		padding-left:50px;
		padding-right:50px;
		
	}	
}
*/
*[class*="debug_"] { display: none; background: #fff; }

.inside:after { content: ""; clear: both; display: table; }

#container:after { content: ""; clear: both; display: table; }

/* ##### mixins ##### */
/* #### default sizes  ##### */
/* #### base layout #### */
#nav_language { position: absolute; }
#nav_language li { float: left; }
#nav_language li.last { margin-right: 0px; }

.icon_link { position: relative; z-index: 1000; display: none; float: right; }
.icon_link a { padding-left: 40px; height: 35px; display: block; }

#slidebox_close_link { display: block; float: left; margin-top: 10px; margin-left: 10px; z-index: 1000; }

#nav_search input[type=search] { width: auto; }

#slidebox1_link { display: block; }

/* #### configurations #### */
/*### "boxed" | "wide" 	###*/
/*### 1 | 0 			###*/
/*### 1 | 0 			###*/
/*### "relative" | "overlay" | "fixed" ###*/
/*### "relative" | "sticky" | "fixed"	###*/
/*### left | right 	###*/
/*### left | right 	###*/
/*### left | right 	###*/
/*### 1 | 0 falls 1: Slider in "Hauptspalte" einbinden (als Modul oder Artikel) ###*/
/*### Hinweis: Slider kann im Header auch VOR Logo und Menue plaziert werden. ### */
/*### "left" | "right" ###*/
/* #### layout mixins #### */
#wrapper { margin: 0 auto; max-width: 1200px; }

.inside { max-width: none; width: auto; }

#header { position: static; width: 100%; max-width: none; z-index: 1000; }

#container { padding-top: 0px; }

#nav_main ul { float: left; }

#nav_search { float: right; }

#nav_footer ul { float: left; }

.slidebox { left: auto; right: -100%; }

.slidebox { position: fixed; top: 25%; width: 80%; height: 70%; overflow: hidden; z-index: 10; }
.slidebox.open { right: 0%; }
.slidebox .inside { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding-left: 40px; position: absolute; top: 0px; z-index: 0; max-width: none; }

/* ##### anpassungen ##### */
#slider_bg { visibility: hidden; height: 0px !important; }

.caroufredsel_thumbnails_skin { left: 100%; top: -40px; }

.caroufredsel_thumbnails_skin.open { left: 0; }

.caroufredsel_thumbnails_controls { display: none; }

#custom_show_switch { display: none; }

@media (max-width: 1023px) { /* ##### mixins ##### */
  /* ##### anpassungen ##### */ }
@media (max-width: 767px) { /* ##### mixins ##### */
  #slidebox2_link { display: block; }
  /* ##### anpassungen ##### */ }
@media (max-width: 559px) { /* ##### mixins ##### */
  /* ##### anpassungen ##### */ }