/* Logo */
#logo 		{ position: fixed; top: 0; left: 50%; margin-left: -736px; width: 200px; height: 50px; 
			  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: 10; }
.shrinklogo	{ top: 0 !important; width: 200px !important; height: 50px !important; transition: all 0.2s ease-in-out; box-shadow: none !important; background-position: 0 50%!important; }

.headerspacer	{ height: 150px; background: #fff; }

/* 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;  
}

/* 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; }
							
/* Sprachauswahl */
#lang	{ position: fixed; right: 50%; width: 100px; margin-right: -735px; z-index: 100; text-align: right; background: transparent; display: block; } 
.de, .en	{ width: 25px; height: 25px; margin-top: 14px; margin-left: 10px; transition: all ease-in-out 0.2s; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-color: transparent; border-radius: 50%; }
.de:hover, .en:hover	{ transform: scale(0.8); transition: all ease-in-out 0.2s; }
.de		{ background-image: url(../images/flag_de.png); }
.en		{ background-image: url(../images/flag_en.png); }

/* 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; }
							

/*- > 1600px -*/
@media only screen and (min-width : 1600px) {
#logo	{ top: 50px; width: 300px; height: 90px; background-color: #fff; border-left: solid 20px #fff; border-right: solid 15px #fff; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); background-position: 0 -10px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; }
}
							
/*- < 1600px -*/
@media only screen and (max-width : 1600px) {
#menu_icon 		{ right: 4%; margin-right: 0; }
#logo 			{ left: 4% !important; margin-left: 0 !important; }
#shopcontrol	{ right: 4% !important; margin-right: 390px; }
body.stadt #shopcontrol	{ right: 4% !important; margin-right: 410px; }
#lang			{ right: 4%; width: 100px; margin-right: 50px; }
}
/*- 1280px -*/
@media only screen and (max-width : 1280px) {
.colleft .sp-3, .colleft .sp-4, #footer .footersitemap .level-2	{ width: 44%; margin-bottom: 30px; }
#logo	{ width: 200px !important; height: 50px !important; box-shadow: none !important; }
}
/*- 1024px -*/
@media only screen and (max-width : 1024px) {
.colleft .sp-2.border, .colleft .sp-3.border, .colleft .sp-4.border	{ width: 44%; margin-bottom: 30px; }
}	
/*- 980px -*/
@media only screen and (max-width : 980px) {
}
/*- 860px -*/
@media only screen and (max-width : 860px) {
body			{ font-size: 90%; }
.sp-2, .sp-3, .sp-4, #footer .footersitemap .level-2 { width: 92% !important; margin-bottom: 30px; }
.fright.great, .fleft.great	{ width: 44%; margin-left: 4%; margin-right: 4%; }
.fright.smal, .fleft.smal, .fright.big, .fleft.big		{ width: 44%; }
#aufmacher .sp-4	{ width: 44%; }
.galimgbox			{ width: 20% !important; }
}
/*- 800px -*/
@media only screen and (max-width : 800px) {
#search .searchinput	{ width: 100%;  }
#search .searchbutton	{ width: 30%; float: left; margin-top: 20px !important; }
#footer a.linkbutton	{ display: none; }
.colleft, .colright		{ width: 50% !important; }
.colright .galimgbox, .colright .sp-2	{ width: 100% !important; }
.slider .sliderhead h1 				{ font-size: 280% !important; }
.slider .sliderhead h2 				{ font-size: 120% !important; }
}
/*- 768px -*/
@media only screen and (max-width : 768px) {

}
/*- 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;}
.slider .sliderhead h1, .slider .sliderhead h2 { color: #FAF4EC; }
.newssliderheader	{ position: relative; top: 0; }
.fright.great, .fleft.great	{ width: 92%; margin-left: 4%; margin-right: 4%; }
}
/*- 640px -*/
@media only screen and (max-width : 640px) {
.galimgbox	{ width: 44%; }
}
/*- 600px -*/
@media only screen and (max-width : 600px) {
}
/*- 480px -*/
@media only screen and (max-width : 480px) {
#footer .colright, #footer .colleft	{ width: 100% !important;  }
#footer .sp-4	{ margin-bottom: 0 !important; }
#footer .footersitemap .level-2, #footer.sp-4		{ 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; }
#menu_icon:before	{ content: ''; }
.galimgbox			{ width: 44% !important; }
.slider .sliderhead h1 				{ font-size: 200% !important; }
.slider .sliderhead h2 				{ font-size: 110% !important; }
}
/*- 360px -*/
@media only screen and (max-width : 360px) {
.slider .sliderhead h1 				{ font-size: 170% !important; }
.slider .sliderhead h2 				{ font-size: 110% !important; }	
}
/*- 320px -*/
@media only screen and (max-width : 320px) {
}