/* Logo */
#logo 		{ position: fixed; top: 100px; left: 50%; margin-left: -736px; width: 250px; height: 288px; 
			  background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: contain; background-repeat: no-repeat; background-position: 0 50%;
			  transition: all 0.2s ease-in-out; z-index: 2; }
.shrinklogo	{ top: 0 !important; height: 0 !important; width: 0 !important; opacity: 0.0; }
			  
.logosmal	{ top: 0px !important; width: 390px !important; height: 50px !important; box-shadow: none !important; transition: all 0.2s ease-in-out; background-image: url(../images/logo_smal.png) !important; border-radius: 0px !important; opacity: 1.0 !important; z-index: 4 !important; }

.headerspacer	{ height: 50px; }

a.headermore:hover	{ color: #fff !important; }

/* Breadcrumb */
#breadcrumb ul li:before { 
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";  font-size: 80%; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;
	float: left; margin-top: 0px; margin-left: -15px;  
}

#header h1 { hyphens: auto; }

/* Onepage-Navigation */
.opmenu li a				{ font-weight: normal; }
.opmenu li a:before			{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c8";  font-size: 60%; font-style: normal; font-variant: normal;
							text-rendering: auto; -webkit-font-smoothing: antialiased; float: left; margin-right: 5px; margin-top: 0 !important; }

/* Liste */
.content ul					{ margin-bottom: 10px; }
.content ul, #footer ul, .teaserkat ul		{ list-style-type: none !important; padding: 0; }
.content li, #footer li		{ font-size: 100%; line-height: 160%; }
#footer ul li:before 		{ content: ""; }
#main ul li					{ padding-left: 22px; }
#main ul li:before			{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c8";  font-size: 80%; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; float: left; margin-top: 0px; margin-left: -22px; }

/* Seitenspalte*/
#main .colright				{ border-left: solid 1px #d1d1d1; }
							
							
/*- < 1600px -*/
@media only screen and (max-width : 1600px) {
#navouter		{ top: 0px; position: fixed; }	
#menu_icon 		{ position: fixed; right: 4%; margin-right: 0; }
#lang			{ position: fixed; right: 4%; margin-right: 130px; }
#logo			{ left: 4%; margin-left: 0 !important; height: 200px; width: 175px; }
.teaserzoom.sp-5, .teaserzoom.sp-6, .sp-6	{ width: 20%; }	
}
/*- 1280px -*/
@media only screen and (max-width : 1280px) {
.colleft .sp-3, .colleft .sp-4, #footer .footersitemap .level-2	{ width: 44%; margin-bottom: 30px; }
}
/*- 1024px -*/
@media only screen and (max-width : 1024px) {
}	
/*- 980px -*/
@media only screen and (max-width : 980px) {
.teaserzoom.sp-4	{ width: 44%; }	
.teaserzoom.sp-5, .teaserzoom.sp-6, .sp-6	{ width: 28%; }	
}
/*- 860px -*/
@media only screen and (max-width : 860px) {
body			{ font-size: 90%; }
#footer .footersitemap .level-2 { width: 92%; margin-bottom: 30px; }
.sp-2, .sp-3, .sp-4	{ width: 92%; }
.fright.great, .fleft.great	{ width: 44%; margin-left: 4%; margin-right: 4%; }
.fright.smal, .fleft.smal, .fright.big, .fleft.big, #aufmacher .sp-4	{ width: 44%; }
.galimgthumb			{ width: 20% !important; }
}
/*- 800px -*/
@media only screen and (max-width : 800px) {
#search .searchinput	{ width: 100%;  }
#search .searchbutton	{ width: 100%; float: left; margin-top: 20px !important; }
#footer a.linkbutton	{ display: none; }
.colright .galimgthumb, .colright .sp-2	{ width: 100% !important; }
#lang					{ display: none; }
.slider .sliderhead h1, h1 				{ font-size: 200% !important; }
.slider .sliderhead h2, h2 				{ font-size: 120% !important; }
}
/*- 768px -*/
@media only screen and (max-width : 768px) {
.colleft		{ width: 100% !important; }
.colright		{ width: 100% !important; }
.teaserzoom.sp-5, .teaserzoom.sp-6, .sp-6	{ width: 44%; }	
}
/*- 680px -*/
@media only screen and (min-width : 681px) {
	.responsive		{ display: none; }
}
/*- 680px -*/
@media only screen and (max-width : 680px) {
#newsslider			{ position: relative; z-index: 3; }
.newsslider .slide	{ background: #FAF4EC; }
.slick-dots			{ background: #FAF4EC; padding: 15px 0 !important; }
.slick-dots li.slick-active button::before	{ color: #B11F2C !important;}
.fright.great, .fleft.great	{ width: 92%; margin-left: 4%; margin-right: 4%; }
}
/*- 640px -*/
@media only screen and (max-width : 640px) {
.galimgthumb	{ width: 44%; }
}
/*- 600px -*/
@media only screen and (max-width : 600px) {
#menu_icon:before	{ content: '' !important; }	
}
/*- 480px -*/
@media only screen and (max-width : 480px) {
#footer .colright, #footer .colleft	{ width: 100%; }
#footer .footersitemap .level-2, .teaserzoom.sp-4, .teaserzoom.sp-5, .teaserzoom.sp-6, .sp-6	{ width: 92%; }
.fright.great, .fleft.great	{ width: 92%; margin-left: 4%; }
.fright.smal, .fleft.smal, .fright.big, .fleft.big	{ width: 100%; }
.border .fleft, .border .fright { padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
.galimgthumb						{ width: 44% !important; }
.slider .slide .sp-1 .brighten  	{ width: 88%; }
.slider .sliderhead h1, h1 				{ font-size: 180% !important; }
.slider .sliderhead h2, h2 				{ font-size: 110% !important; }
.logosmal	{ background-image: url(../images/logo_smal_1.png) !important; }
#logo	{ top: -300px; }
#header	{ display: none; }
#main	{ margin-top: 50px; }
}
/*- 360px -*/
@media only screen and (max-width : 360px) {
.sliderhead							{ display: none !important; }	
.slider .sliderhead h1, h1 				{ font-size: 170% !important; }
.slider .sliderhead h2, h2 				{ font-size: 110% !important; }	
}
/*- 320px -*/
@media only screen and (max-width : 320px) {
}