#mobile_menu_button {position:absolute; left:10px; top:10px;z-index:12;width:97px; height:33px;background:url("../layout/menue_button.gif") no-repeat left top;display:none;}

#mobile_menu_button a {
    display: block;
    height: 33px;
    line-height: 40px;
    padding-left: 30px;
    width: 97px;
	text-decoration:none;
	color:#726e62;
}
#mobile_menu {text-align:left;display:none;}
#facebook_klein {display:none;}
li.mm-listitem_selected > strong {
    background: rgba(255, 255, 255, 0.6);
}
.mm-listview > li > strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    line-height: 20px;
    display: block;
    padding-left:20px;
    padding-right:10px;
    margin: 0;
    font-weight:normal;
    width:100%;
}
#mobile_menu li.abibuch,#mobile_menu li.facebook,#mobile_menu li.instagram {height:44px;}
#mobile_menu a.abibuch,#mobile_menu a.facebook,#mobile_menu a.instagram {
	background:none;
	text-indent: inherit;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 10px 10px 10px 20px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 10%;
	flex-basis: 10%;
}
@media screen and (min-width: 1261px) {
  #header_main .top-bar {margin-bottom: 0rem;}
}
@media screen and (max-width: 1260px) {
	#wrapper { width: 96%;padding:0 2%;}
	#header_main #logoblock { width: 96%;padding-right:2%;padding-left:2%;}
	#header > .inside, #footer > .inside {width:inherit;}
	#navigation a, #navigation strong, h1, h2 {font-size: 1em;}
	#logoblock {width: 96%; padding: 0 2%;}
}
@media screen and (max-width: 1160px) {
	#navigation a, #navigation strong, h1, h2 {font-size: 0.9em;}
	#navigation a::before, #navigation strong::before, h1::before, h2::before {border-right: 13px solid;}
	#footer p{font-size:0.9em;}
}
@media screen and (max-width: 1040px) {	
	#navigation a, #navigation strong, h1, h2 {font-size: 0.8em;}
}	
@media screen and (max-width: 960px) {
	#navigation a, #navigation strong {font-size: 0.9em;}
	#navigation a::before, #navigation strong::before {border-right: 10px solid;}	
	#navigation a, #navigation strong {padding: 5px;}
	#footer p {font-size:0.8em;}
	#footernav a, #footernav span {font-size:0.9em;}
	.logo, #socialnav, .mod_search {flex: 1;}
	.mod_search .formbody {padding: 0 30px;}
}
@media screen and (max-width: 820px) {
	#navigation li {margin-left: 0.25em;}
}
@media screen and (min-width: 768px) {
    #header_main {padding-bottom: 0;border-bottom: 0 none; border-top: 24px solid #009ee3;}
    #header_main .top-bar {padding: .25rem 0rem .25rem 0rem;display: block;font-size:0.9rem;height:28px;}
    #header_main .top-bar--navigation .navigation--entry:hover, #header_main .top-bar--navigation .navigation--link:hover {color: #009ee3;}
    #header_main .top-bar--navigation .field--select, #header_main .top-bar--navigation .navigation--entry {height: 1.5625rem;}
    #header_main .top-bar--navigation .navigation--entry {padding: 0rem .9375rem 0rem .9375rem;padding-right: 0.9375rem;line-height: 1.5625rem;float: left;display: block;}
}
@media screen and (max-width: 767px) {
	#main {padding-top: 0px!important;}
    #header_main {border-top: 0px solid #009ee3;}
    #header_main #logoblock {padding-top: 20px; padding-bottom: 20px;}
    #header_main .top-bar--block1 {display:none;}
    #header_main .top-bar { height: 40px;}
	#header_main .top-bar .top-bar--block2 {float: none; background-color: #E6E6E6; width: 100%;  text-align: center; line-height:2.5rem;font-size:1.5rem;} 
	#logoblock {  display: grid; place-items: center; width: 100%; height: 100px;}
	#wrapper {background-color: #fff;}
	.produktartikel {background:none;}	
	.produktartikel figure {float:inherit;height:inherit;width: 100%;}
	#footernav ul {margin-bottom:8px;}
	#footer p {font-size:13px;line-height:1.3em;margin-bottom:5px;}	
	#adresse {font-weight:normal;}
	#header {height:60px;}
	#wrapper { width: 100%;padding:0;}
	h1, h2 {text-indent:0px;}
	#main {margin-top:0px!important;}	
	#main > .inside {padding:2%;}
	#mobile_menu_button, #mobile_menu {display:block;}
	#navigation {display:none;}
	#main {padding-bottom: 80px;}
	.mod_article, .layout_latest, .kasten, .produkte #main .ce_text {padding: 10px 20px 20px;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea {width:97%;}
.satz_layout #main .ce_text, .kasten, .mod_article, .layout_latest, .layout_full {padding: 0px!important;}
	.grundpadding {width: calc(100% - 40px)!important;padding: 20px 20px!important;}
	#logoblock .mod_search {position: absolute;left: 80px; top: 125px; max-width: 200px;}
	#socialnav {position: absolute;left: 270px;top: 150px;}
	#socialnav li a {width:30px!important;height:30px!important;}
	.logo {justify-content: center;display: flex;}
	#startslider { padding:0;margin-bottom:50px;}
	 .ce_text figure {margin-top:0px;margin-bottom:30px;}
	.ce_text .image_container.float_right {float:inherit;padding-left:0;}
}
@media screen and (max-width: 400px) {
	#footernav a, #footernav span {font-size: 0.75em;}
	#adresse a, #adresse span {padding: 0 5px;}
	.text_cyan p {font-size: 1rem !important;}
}
@media screen and (max-width: 390px) {
	.form_group input[type="submit"] {margin-left: 0px;}
	.ergebnis {margin-left: 0px;}	
	#main {padding-bottom: 90px;}
}