@viewport {
     width: extend-to-zoom;
	    zoom: 1.0;
}

@-ms-viewport {
    width: extend-to-zoom;
   zoom: 1.0;	
 }

*, body	{ margin: 0; padding: 0; }
body 	{ height: 100%; overflow: hidden; overflow-y: scroll; }

/* Linkverhalten */
a					{ text-decoration: none; font-weight: bold; }
a:hover				{ text-decoration: none; cursor: pointer; }
#main a:hover, 
#footer a:hover		{ text-decoration: none; }


/* Klassen */
.clear		{ float: none!important; clear: both!important; }
.block		{ display: block; width: 100%; }
.left		{ text-align: left; }
.right		{ text-align: right; }
.fright		{ text-align: right; float: right; margin-left: 30px; }
.fleft		{ text-align: left; float: left; margin-right: 30px; }
.fright p, .fleft p { margin-bottom: 0; }
.fright.great, .fleft.great	{ width: 614px; }
.fright.big, .fleft.big	{ width: 480px; }
.fright.smal, .fleft.smal	{width: 230px; }
.fright img, .fleft img	{ width: 100%; margin-top: 5px !important; }
.border .fleft { padding-left: 20px; box-sizing: border-box; }
.bildtext	{ text-align: left; padding-top: 10px; margin-bottom: 20px; }
.center		{ text-align: center; }
.content	{ max-width: 1600px; margin: 0 auto; }
.fullwidth	{ width: 100%; }
.colleft	{ width: 70%; padding-left: 1.2%; }
.colright	{ width: 29%; vertical-align: top; padding-left: 1%; padding-right: 3%; }
#main .colright	{ margin-top: 30px; }
.social		{ font-size: 400% !important; margin-top: 20px; }
.linkbutton, .searchbutton	{ margin-top: 10px; padding: 10px; border: none; }
a.linkbutton:hover, .btn.btn-primary:hover, .searchbutton:hover { text-decoration: none; transform: scale(0.95); font-weight: normal; }
.nopad		{ padding-top: 0; }
.pad1 		{ padding-top: 15px; }
.pad		{ padding-top: 30px; }
.nopadbot	{ padding-bottom: 5px; }
.padbot1	{ padding-bottom: 30px; }
.padbot		{ padding-bottom: 50px; }
.marright	{ margin-right: 20px; }
.nomarleft	{ margin-left: 0 !important; }
.nomarbot	{ margin-bottom: -5px !important; }
.space		{ margin-top: 30px; margin-bottom: 30px; }
.nospacetop	{ margin-top: 0; }
.spacetop	{ margin-top: 30px; }
.spacetop1	{ margin-top: 15px; }
.nospacebot	{ margin-bottom: 0; }
.spacebot	{ margin-bottom: 30px; }
.spacebot1	{ margin-bottom: 15px; }
.reiter		{ position: relative; margin-left: 4%; width: 150px !important; padding: 10px 10px 0 10px !important; margin-bottom: -2px; z-index: 4; text-align: center; }	
.reiter.border 	{ background: #fff !important; border-bottom: solid 2px #fff !important; }
.icon		{ float: left; font-size: 200%; padding: 0 10px 5px 0; margin-top: -2px; }
.icon.block.center, .smoothscroll	{ font-size: 400% !important; }
.rounded	{ border-radius: 5px; }
.smaller	{ font-size: 80%; }
.big		{ font-size: 120% !important; }
.bigger		{ font-size: 150% !important; }
.biggest	{ font-size: 200% !important; }
blockquote	{ font-family: 'second'; font-size: 120%; }
dd 			{ display:none; }
dt .medium	{ padding-bottom: 0 !important; }
dt h3		{ margin-bottom: 0 !important; padding-left: 4%; }
dd .white, dd .bright, dd .medium, dd .dark, dd .spot	{ padding-top: 0 !important; padding-bottom: 0 !important; }
.closed 	{  }
.open 		{  }
.more		{ font-size: 140%; }
.piccopyright	{ width: 70px; float: left; margin-right: 20px; margin-bottom: 10px; }

/* Spalten */
.sp-1 { width: 92%; }
.sp-2 { width: 44%; }
.sp-3 { width: 28%; }
.sp-4, #footer .footersitemap .level-2 { width: 20%; }
.sp-5 { width: 15%; float: left; }

.sp-1, .sp-2, .sp-3, .sp-4, #footer .footersitemap .level-2, .sp-5 	{ vertical-align: top; margin-left: 4%; display: flex; }
.img-sp-1, .img-sp-2, .img-sp-3, .img-sp-4 							{ margin: 0 0 10px 0; width: 100%; }

/* Box-Sizing*/
#top, #header, .headermore, #nav_drop, #nav_side, #lang, #logo, .megabox, #nav_mega, #nav_mega > ul > li > .megabox > ul, .megasubbox, ul.mega_article li, .cube, .quadrat, .box, .boxhover, .opmenu, .megacol, .rex-navi2 li a, .rex-navi3 li a, .rex-navi4 li a, .content, .colleft, .colright, .sp-1, .sp-2, .sp-3, .sp-4, .img-sp-1 , .img-sp-2, .img-sp-3, .img-sp-4, .smoothscroll, .transparent, .white, .border, .bright, .medium, .dark, .spot, .galerie, .galimgbox, .galimg, .teaserzoom, .linkbutton, input, textarea, .control-label, .input-group, .form-control, .confirm, .alert.alert-danger, .fsleft, .fsright, #search, .newstext, .newsname  { box-sizing: border-box; }

/* Block */
#top, #header, .headerspacer, #main, .content, .transparent, .divclose { display: block; }

/* Inline-Block */
#menu_icon, .de, .en, .fr, .sp-1, .sp-2, .sp-3, .sp-4, #footer, #footer .footersitemap, #footer .footersitemap .level-2, .colleft, .colright, .galerie, .linkbutton, .teaserzoom, .teaserkat, .icon, .divopenhead, .cube, .quadrat  { display: inline-block; }

/* position: relative */
#top, #header, #main, #footer	{ position: relative; width: 100%; }

/* Kein javascript */

#nojava		{ position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; color: #fff; font-dize: 120%; z-index: 1000; }
#nojava .content	{ max-width: 400px !important; text-align: center; hyphens: none; }

/* Top */
#top		{ position: fixed; top: 0px; height: 50px; z-index: 4; font-size: 120%; }
.shrinktop	{  }	

/* Navigationsleiste Hintergrund */
#navouter		{ display: block; position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 6; }

/* Header/Hintergrundbild */
#header				{ z-index: 1; padding: 0; margin: 0; }


/* Breadcrumb */
#breadcrumb			{ padding-top: 20px; padding-bottom: 20px; font-size: 80%; }
#breadcrumb p		{ float: left; margin-right: 10px; margin-bottom: 0; }
.rex-breadcrumb		{ list-style: none; }
.rex-breadcrumb	li 	{ float: left; margin-right: 10px; }
#breadcrumb ul li	{ padding-left: 15px; }

/* Main */
#main				{ z-index: 2; }

/* Footer */ 
#footer 			{ padding-bottom: 40px;}
#footer .linkbutton	{ width: 100%; margin-top: 20px; }
#footer a			{ font-weight: normal!important; }

#footer .colleft	{ width: 70%; float: left; }
#footer .colright	{ width: 30%; float: right; }

#footer .footersitemap									{ padding-bottom: 50px; width: 100%; }
#footer .footersitemap ul > li	 						{ width: 20%; float: left; margin-left: 4%; }
#footer .footersitemap ul > li.level-1 > a				{ font-family: 'second'; font-size: 120%; display: block; border-bottom: solid 1px #fff; margin-bottom: 10px; }
#footer .footersitemap ul > li > ul > li 	  			{ font-family: 'plain'; font-size: 16px; display: inline-block; width: 100% !important; margin-left: 0 !important; } /* ab 2. Ebene */
#footer .footersitemap ul > li > ul > li > ul > li 		{ width: 96% !important; margin-left: 4% !important; } /* ab 3. Ebene */

/* Suche */
#search				{ margin-bottom: 30px; width: 100%;  }
#search fieldset	{ border: none; padding: 0; margin: 0; }
#search input			{ padding: 5px 10px; }
#search .searchinput	{ width: 60%; height: 35px; border: none; }
#search .searchbutton	{ width: 36%; height: 35px; float: right; border: none; margin-top: 0 !important; }

/* Shop */
#shopcontrol					{ position: fixed; top: 17px; right: 50%; margin-right: -475px; text-align: right !important; z-index: 100; z-index: 8; }
body.stadt #shopcontrol			{ margin-right: -455px; }
.basket, .loginicon	 			{ font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.basket:before					{ 
	content: "\f07a";  
	margin-right: 10px; 
}
.basket:hover, .basket:focus 	{ text-decoration: none; color: #1f5da6 !important; }
.loginicon:before					{ content: "\f2bd"; }
.loginicon:hover, .loginicon:focus 		{ text-decoration: none; color: #1f5da6 !important; }

/* Navigation */

	#menu_icon 			{ position: fixed; top: 10px; right: 50%; margin-right: -768px; float: right; z-index: 5; color: #B11F2C; cursor: pointer; font-family: 'FontAwesome'; font-size: 180%; }
	#menu_icon:before	{ font-family: 'schmuck'; padding-right: 10px; content: 'Menu'; }
	#menu_icon a:hover 	{ text-decoration: none;}
	.menu_label			{ position: relative; top: 20px; right: 10px; display: inline-block; margin-right: 10px; font-weight: bold; text-transform: uppercase; }

	/* erste Ebene */
	#nav_side	{ position: fixed; left: 0; top: -100%; width: 100%; height: 100% !important; background: rgba(205,148,69,1.0); z-index: 3; overflow: auto; padding-top: 130px; }
	.moveleft	{ top: 0% !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
	.moveright	{ top: -100%; opacity: 1.0 !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;  }
	#nav_side ul									{ position: relative; left: 0%; margin-left: 0; }
	#nav_side ul.rex-navi1							{ padding-top: 20px; padding-bottom: 60px; }
	#nav_side li, #nav_side .rex-navi1 li			{ display: block; text-align: center; font-family: 'schmuck'; letter-spacing: 2px; font-size: 150%; line-height: 200%; }
	#nav_side li a									{ font-weight: normal; color: rgba(255,255,255,0.7); }
	#nav_side li a:hover, #nav_side a.rex-current	{ border-bottom: none; color: rgba(255,255,255,1.0); text-decoration: none; }
	#nav_side a.rex-active							{ border-bottom: none; }

	/* zweite und nachfolgende Ebenen */	
	#nav_side ul.rex-navi2	{ display: block; padding-left: 10px; }
	#nav_side .rex-navi2 li, #nav_side .rex-navi3 li, #nav_side .rex-navi4 li, #nav_side .rex-navi5  li	{ font-family: 'plain'; letter-spacing: 0px; font-size: 80%; margin: 0; text-transform: none;  }
	#nav_side .rex-navi2 li	{ padding: 0; }
	#nav_side .rex-navi2 li:last-child	{ padding: 0 0 10px 0; }
	#nav_side .rex-navi3 li, #nav_side .rex-navi3 li:last-child	{ padding: 0; }
	

/* Aufmacher Articlellist*/
ul.articlelist				{ list-style-type: none !important; }
ul.articlelist li:before	{ content: "" !important; }
ul.articlelist li			{ padding-left: 0 !important; clear: both; }
.articletitle				{ font-family: 'dynobold'; font-size: 120%; margin-bottom: 0; }
.duration					{ font-size: 90%; margin-bottom: 0; }
.articlepic					{ width: 160px; height: 100px; margin-right: 20px; margin-bottom: 10px; float: left; background-repeat: no-repeat; background-size: cover !important;  background-position: 50% 50% !important; }
.colright .articlepic		{ width: 100%; height: 130px; }
.colright #eventkalender li.sp-1 	{ margin-left: 0 !important; width: 100%; }

/* Aufmacher Kategorien */
.teaserkat				{ margin-top: 30px; width: 100%; }
.teaserkat ul li		{ padding-left: 0 !important; }
.teaserkat ul li:before	{ content: "" !important; }
.teaserkat h3, .teaserkat a			{ color: #333; }
.teaserkat a:hover		{ text-decoration: none; }
.teaserkat img			{ width: 20%; float: left; padding-left: 4%; padding-right: 4%; padding-bottom: 20px; }
.teaserkat .more		{ display: inline-block; float: right; margin-right: 4%; color: #95C11E; }
.teaserkat .more:hover	{ text-decoration: underline; }

/* Aufmacher Quadrat */
.quadrat			{ margin-left: 4%; overflow: hidden; }
.quadrat.border, .quadrat.spot, .quadrat.white, .quadrat.bight, .quadrat.medium, .quadrat.dark, .quadrat.transparent	{ padding: 0; }
.quadrat p, .quadrat h1, .quadrat h2, .quadrat h3, .quadrat h4		{ margin: 20px !important; padding: 0 !important; }
.box1 				{ position:relative; width: 100%; }
.box1 				{ transition: all .7s ease-in-out; border: none; position: relative; }
.box1:before 		{ content: ""; display:block; padding-top: 92%; }
.box1 .content		{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.box1hover			{ width: 100%; height: 100%; padding-top: 100%; display: inline-block; margin-top: -100%; transition: all .7s ease-in-out; opacity: 0.0; }
a:hover .box1hover	{ opacity: 1.0 !important; transition: all .7s ease-in-out; }

/* responsive Video */
.responsive-video iframe	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-video			{ position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; margin-bottom: 30px; }