@charset "utf-8";
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello/fontello.eot?95275107');
  src: url('fonts/fontello/fontello.eot?95275107#iefix') format('embedded-opentype'),
       url('fonts/fontello/fontello.woff2?95275107') format('woff2'),
       url('fonts/fontello/fontello.woff?95275107') format('woff'),
       url('fonts/fontello/fontello.ttf?95275107') format('truetype'),
       url('fonts/fontello/fontello.svg?95275107#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

body { font-family: 'Lato', sans-serif; font-size:100%; color:#333; width: 100%; height: 100%; height: 100vh; background-color: #fff; background-image: url('../img/bg.jpg'); background-repeat: repeat; background-attachment: fixed; padding-top: 155px; font-weight: 300; background: #fff; }
body.overflow_hidden { overflow-y:hidden; }

#dev { position: fixed; top: 0; left: 0; padding: 20px; color: #000; background: #fff; z-index: 999; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearfix:before,.clearfix:after { content: " "; display: table; }  
.clearfix:after { clear: both; }  
.clearfix { *zoom: 1; }
h1, h2, h3, h4, a.title { font-weight:400; display: block; font-family: 'Source Serif Pro'; color: #333; }
h1 { font-size:210%; margin:40px 0 15px 0; border-bottom: 1px solid #333; }
h1:first-child { margin-top:0; }
h2, a.title { font-size:180%; margin:30px 0 5px 0; font-weight: 400; color: #333; }
.home h2 { margin-top: 0; margin-bottom: 20px; }
h3 { font-size:160%; margin:20px 0 5px 0; }
h3.decorated { color: #333; }
h4 { font-size:140%; margin:15px 0 5px 0; }
p { margin:10px 0 0 0; }
a, .hash_click_link { color: #333; text-decoration:underline; cursor: pointer; }
.fakelink { color: #333; font-weight: 400; text-decoration: underline; }
a.pdf { text-decoration:none; display:inline-block; margin: 10px 0; font-size: 120%; outline: none; font-weight: 300; }
.download a.pdf, a.pdf.decent { background: none; border: none; padding: 0; display: block; }
a.pdf:before { content: "\E805"; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 25px; margin-right: 10px; color: #333; }
a img { border:none; display: block; width: 100%; }
.icon { font-family: 'fontello'; }
b, strong { font-weight: 400; }
.center { text-align: center; }
.mail { white-space: nowrap; }

.button { color: #e5ddb2; background: #333; font-family: 'Source Serif Pro'; padding: 10px 10px; display: block; text-decoration: none; font-size: 110%; margin: 20px auto 0 auto; text-align: center; width: 100%; }
.button:hover { text-decoration: underline; }

.font_ninety { font-size: 90%; }
.container { width:100%; max-width:1200px; margin:0 auto; position:relative; z-index: 1; }
.highlight_link, .btn { color: #e5ddb2; background: #333; border-left: 5px solid #e5ddb2; padding: 5px 10px; display: inline-block; text-decoration: none; float: right; margin-top: 10px; }
.highlight_link { float: none; }
.todo { text-decoration: blink; font-size: 100%; color: #f00; border: 1px solid #000; padding: 2px; }
.todo:before { content: 'TODO: '; text-decoration: underline; }
.embed-container { position: relative; padding-bottom: 57.5%; overflow: hidden; width: 100%; height: auto; margin-top: 20px; }
.embed-container iframe, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }

/* headlines with lines */
.decorated { overflow: hidden; text-align: center; }
.decorated > span { position: relative; display: inline-block; text-transform:uppercase; }
.decorated > span:before, .decorated > span:after { content: ''; position: absolute; top: 50%; border-bottom: 1px solid #333; width: 591px; margin: 0 10px; }
.decorated > span:before { right: 100%; }
.decorated > span:after { left: 100%; }

.zweispaltig { width: 100%; -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; text-align: left; }
.zweispaltig p:first-child, .zweispaltig h2:first-child { margin-top: 0; }

.fltlft { display: block; float: left; margin: 0 4% 4% 0; }
.fltrt { display: block; float: right; margin: 0 0 4% 4%; }
.fltlft img, .fltrt img { display: block; width: 100%; }

.icon_wrapper { margin: 10px 0; }
.icon_el { display: block; line-height: 25px; text-decoration: none; }
.icon_el:before { font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 20px; margin-right: 5px; color: #333; text-align: center; width: 20px; display: inline-block; }
.icon_el.tel:before { content: "\E802"; }
.icon_el.mail:before { content: "\E801"; }
.icon_el.fax:before { content: "\E808"; font-size: 18px; }
.icon_el.web:before { content: "\E815"; }
.icon_el.mobil:before { content: "\E816"; }
.icon_el.www:before { content: "\E817"; }
.icon_el.maps:before { content: "\E803"; }

.fullpic { display: block; width: 100%; }

.header_fixed { z-index:500; width:100%; top: 0px; left:0px; position: fixed; background: #333; box-shadow:0px 0px 10px 1px rgba(0,0,0, 0.15);
-moz-box-shadow:0px 0px 10px 1px rgba(0,0,0, 0.15);
-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0, 0.15); }
header { padding: 0; background: none; z-index: 501; }

.logo_container { background: #e5ddb2; background-image: url('../img/bg.jpg'); }
.logo { display: block; float: left; width: 159px; padding: 10px 0; outline: none; float: none; margin: 0 auto; }

.kontaktHeader { float: right; margin: 10px 0; }
.realtime_header_wrapper { float: left; margin-left: 20px; }
.realtime_header_wrapper .realtime_header_el { display: block; }
.realtime_header_wrapper .realtime_header_el .realtime { width: auto; margin: 0; line-height: 30px; }
.realtime_header_wrapper .realtime_header_el .realtime .text strong { font-weight: 700; }
.realtime_header_wrapper .realtime_header_el .realtime .status { margin: 5px 7px 5px 0px; }

.schnellkontakt_wrapper { float: left; }
.schnellkontakt_wrapper a { display: block; text-decoration: none; }

.sprache { position: absolute; top: 0; right: 0; }
.sprache a, .sprache div { display:block; float:left; margin:0 0 0 10px; width:40px; height:60px; background-size:contain; background-repeat:no-repeat; background-position:center center; }
.sprache div { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.kontakt_header { position:absolute; z-index:50; top: 10px; right:0px; font-size:100%; }
.kontakt_header a { display:block; margin:0 0 0 20px; text-decoration:none; line-height: 30px; color: #333; font-weight:300; float: left; }
.kontakt_header a div { float:left; font-size: 20px; color: #e5ddb2; }
.kontakt_header a span { padding:0 0 0 5px; }

main { margin: 30px 0 20px 0; }
.content { float:left; width:68%; }
.content .column { margin:40px 0 0 0; -moz-column-count: 2; -moz-column-gap: 20px; column-count: 2; column-gap: 20px; }
.sidebar { float:right; width:28%; }
.sidebar .box { margin:0 0 20px 0; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.sidebar .header { font-size: 130%; color: #333; display: block; width: 100%; text-decoration: none; margin-bottom: 10px; font-family: 'Lato'; font-weight: 400; }
.aktuelles_sidebar { margin-bottom: 15px; }
.aktuelles_sidebar .text { font-size: 110%; }


/* menu > */
nav { margin: 10px auto; width: 530px; font-family: 'Source Serif Pro'; }
.menu_wrapper { margin: 0 auto; }
.menu { list-style:none; padding:0; margin:0; position:relative; display:block; width:auto!important; right:0px; text-indent: 0; }
.menu li { float:left; width: auto; padding: 0; }
li.home { display:none; }
.footer_menu ul li:before, .menu li:before { content: ''; margin: 0; padding: 0; }
.menu li:nth-child(2) { border-left:none; }
.menu li a { color:#e5ddb2; font-size:130%; font-weight: 400; display:block; text-decoration:none; text-align: center; padding: 0 10px; margin: 0 20px; line-height: 35px; border-bottom: 1px solid #333; }
.menu li:nth-child(2) a { margin-left: 0; }
.menu li a.subaktiv { font-weight: 600; }
.menu li a:hover, .menu li a:focus, .menu li a.aktiv { outline:none; background: #333; color: #e5ddb2; border-bottom: 1px solid #e5ddb2; }
.menu .sub { background: #e5ddb2; min-width:25%; list-style:none; margin:0; padding:0; position:absolute; top: 46px; z-index:50; display:none; text-indent: 0; width: auto; background-image: url('../img/bg.jpg'); }
.menu .sub li { float: none; width:auto; margin: 0; padding: 0; border-bottom: 2px solid #fff; background: none; }
.menu .sub li:last-child { border: none; }
.menu .sub li a { background: none; color:#333; font-size:110%; text-align:left; margin: 0; width: 100%; padding: 0; line-height: 40px; border: none; }
.menu .sub li a span { padding: 0px 20px; line-height: 40px; display: inline-block; }
.menu .sub li a.aktiv span, .menu .sub li a:focus span { background: #333; color: #fff; border: none; }
.menu .sub li a:hover, .menu .sub li a:focus, .menu .sub li a.aktiv { border: none; }
nav div.menu_mobile { display: none; font-size:250%; cursor:pointer; color:#fff; }
body.overflow_hidden nav div.menu_mobile { color: #333; }
.menu .sub.zweite_ebene { padding: 10px; }
.menu .sub.dritte_ebene { display: block; position: static; margin-top: 0px; }
.menu .sub.dritte_ebene li { float: left; padding: 0; border: none; }
.menu .sub.dritte_ebene li a { font-size: 80%; line-height: 30px; }
.menu .sub.drei { left: 0; width: 100%; }
.menu .sub.zwei { padding: 0; }
.menu .sub.zwei li { border: none; }
.menu .sub.zwei li a span { display: block; width: 100%; }
/* < menu */

/* sitemap_menu > */
ul.sitemap_menu, ul.sitemap_menu li ul { list-style:none; font-size:120%; text-transform:uppercase; }
ul.sitemap_menu a { text-decoration:none; }
ul.sitemap_menu li { margin:5px 0; }
ul.sitemap_menu li ul { font-size:80%; text-transform:none; }
ul.sitemap_menu .sub { display:block; }
div.sitemap_org a { display:block; }
/* < sitemap_menu */

/* swiper > */
.slider_container { width: 85%; float: left; }
.swiper-container { width: 100%; height: auto; display: block; }
.swiper-slide { overflow: hidden; }
.swiper-slide img { width:100%; height:auto; position: relative; background-repeat: no-repeat; background-position: 0; background-size: 100%; -webkit-animation-name: spinnerRotate; -webkit-animation-duration: 150s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;-moz-animation-name: spinnerRotate; -moz-animation-duration: 150s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spinnerRotate; -ms-animation-duration: 150s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; }
.swiper-slide .caption { display: block; bottom: 0; right: 0; width: auto; position: absolute; z-index: 25; padding: 20px; text-align: right; max-width: 40%; background: rgba(237,233,232,0.8); }
.swiper-slide .caption.links { right: auto; left: 0; text-align: left; }
.swiper-slide .caption h2 { margin: 0 0 10px 0; padding: 0; font-size: 120%; border: none; color: #333; }
.swiper-pagination-bullet { border-radius: 100%; background: #fff; opacity: 0.8; width: 8px; height: 8px; }
.swiper-pagination-bullet-active { background: #333; }
.schatten { display: block; width: 100%; }
.swiper-button-next, .swiper-button-prev { height: 30px; width: 30px; }
.swiper-pagination { display: none; }
/* < slider */

/* accordion > */
.msg_head { cursor:pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
div.msg_head { font-size:120%; margin:15px 0 0 0; font-weight: 500; color: #e5ddb2; background: #333; padding: 10px; }
div.msg_head div:first-child { float: left; margin-right: 2px; width: 20px; text-align: center; }
div.msg_head div:first-child:before { content: "\E810"; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 25px; margin-right: 5px; line-height: 25px; }
div.msg_head.opened { background: #e5ddb2; color: #333; }
div.msg_head.opened div:first-child:before { content: "\E811"; }
div.msg_head .personen { float: right; text-align: right; width: 150px; border-left: 1px solid #e5ddb2; }
div.msg_body { padding: 1%; }
div.msg_body p:first-child { margin-top: 0; }

.msg_body h4:first-child { margin-top: 0; margin-bottom: 10px; }

div.msg_body.big { background: #fff; padding: 2%; }
.msg_head.big { height: 175px; margin: 2% 0 0 0; }
.msg_head.big .datum { font-size: 90%; margin-bottom: 5px;}
.msg_head.big .bilder { float: right; width: 330px; margin: 0; }
.msg_head.big .bilder:before { content: ''; margin: 0; }
.msg_head.big.opened .bilder:before { content: ''; }
.msg_head.big .bilder img { width: 155px; margin-left: 10px; }

/* < accordion */
.oeffnungszeiten_head { margin-top: 10px; cursor:pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.oeffnungszeiten_body { margin-top: 10px; }
.oeffnungszeiten_head .realtime { float: left; width: auto; }
.oeffnungszeiten_head .oeffnungszeiten_icon { float: left; margin-left: 15px; margin-top: 3px; }
.oeffnungszeiten_head .oeffnungszeiten_icon:before { content: "\E811"; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 25px; margin-right: 5px; }
.oeffnungszeiten_head.opened .oeffnungszeiten_icon:before { content: "\E816"; }

/* aktuelles > */
div.aktuelles { margin-bottom: 50px; }
div.aktuelles .bild { float:right; margin:0 0 20px 20px; width: 100%; max-width: 200px; display: block; }
div.aktuelles h2 { margin: 0 0 20px 0; }
.sidebar .aktuelles { margin:15px 0 0 0; }
.sidebar .text .datum { font-size: 90%; }
.aktuelles .aktuelles_top .datum { font-size: 110%; float: left; padding-top: 10px; }
.aktuelles_top { border-bottom: 1px solid #ccc; padding-bottom: 2px; }
.kategorie_wrapper { float: right; }
.kategorie_wrapper .kategorie_el { float: left; background: #333; color: #fff; text-align: center; padding: 5px 10px; margin-left: 10px; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-bottom: 5px; }
/* < aktuelles */

/* color pfeile, dreieck, etc. */
.callbacks_nav:before { color:#333; }
[class*='lightcase-icon-']:before { color:#fff; }

.map, iframe { display: block; width: 100%!important; height: 350px; border: none; margin: 20px 0; }
iframe.big_map { height: 600px; }
.map { height: 450px; }

input, textarea, select { border: 1px solid #cccccc; border-radius: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: rgba(0, 0, 0, 0.75); display: block; font-size: 100%; padding: 6px; transition: all 0.15s linear 0s; width: 100%; margin-bottom: 10px;  }
input[type="checkbox"], input[type="radio"] { border: none; box-shadow: none; display: inline-block; padding: 0px; width: auto; height: auto; margin: 0; margin-bottom: 10px; } 
#reservierung textarea { height: 163px; }
#kontakt textarea { height: 294px; }
label { display: block; width: 100%; text-align: left; margin: 0; margin-bottom: 3px; }
#submit { width: 100%; background: #333; color: #fff; padding: 10px; font-weight: 500; border: none; cursor: pointer; }
.warning { background: rgba(255,0,0,0.5); }
select { line-height: 32px; height: 32px; }

.fifty_wrapper .fifty { float: left; width: 49%; margin-left: 2%; }
.fifty_wrapper .fifty:nth-child(2n+1) { margin-left: 0; }

.facebook { display: block; text-decoration: none; font-size: 120%; text-align: center; }
.facebook div { display: inline-block; margin-right: 7px; font-size: 30px; color: #4267B2; }

.bild_text img { display: block; width: 100%; }
.bild_text .text { margin-top: 5px; }

.bild_rechts { float: right; margin: 0 0 20px 20px; }
.bild_links { float: left; margin: 0 20px 20px 0; }
.bild_rechts img, .bild_links img { display: block; width: 100%; }
.bild_rechts, .bild_links { display: block; max-width: 250px; width: 100%; }
.bild_rechts.small, .bild_links.small { max-width: 150px; }
.bild_rechts.big, .bild_links.big { max-width: 350px; }

.portrait_rechts { float: right; display: block; width: 100%; max-width: 120px; }

.mitarbeiter_wrapper { margin: -1%; }
.mitarbeiter_wrapper .mitarbeiter_el { float: left; width: 48%; margin: 1%; }
.mitarbeiter_wrapper .mitarbeiter_el .bild { float: left; display: block; width: 30%; margin-right: 2%; }
.mitarbeiter_wrapper .mitarbeiter_el .text { float: left; width: 68%; }
.mitarbeiter_wrapper .mitarbeiter_el .text .name { font-size: 120%; text-transform: uppercase; font-weight: 500; }

.iconbox { text-decoration: none; margin: 10px 0; }
.iconbox:before { font-family: "fontello"; font-style: normal; color: #333; font-weight: normal; font-size: 25px; margin-right: 5px; display: block; width: 30px; text-align: center; float: left; margin-top: -5px; line-height: 25px; }
.iconbox.position:before { content: "\F061"; }
.iconbox.beruf:before { content: "\F19D"; }
.iconbox.aufgabe:before { content: "\E800"; }

.highlight_container { padding: 20px; background: #F1F1F1; margin-bottom: 20px; }
.highlight_container h3 { margin-top: 0; }
.highlight_container table tr td, .highlight_container table tr th { border-bottom: 1px solid #ddd; }

.left { float: left; }

table { border-collapse: collapse; padding: 0; margin: 0; width: 100%; border: none; }
table tr td, table tr th { vertical-align: top; margin: 0; text-align: left; padding: 5px; border-bottom: 1px solid #eee; }
.oeffnungszeiten_table { margin-top: 20px; }

.fifty_wrapper .embed-container { padding-bottom: 27%; }
.embed-container { position: relative; padding-bottom: 57.5%; padding-bottom: 56%; height: 0; overflow: hidden; width: 100%; height: auto; }
.embed-container iframe, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container-small { position: relative; padding-bottom: 72.75%; height: 0; overflow: hidden; width: 100%; height: auto; }
.embed-container-small iframe, .embed-container-small video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container-flash { position: relative; padding-bottom: 57.5%; height: 0; overflow: hidden; width: 100%; height: auto; z-index: 0; }
.embed-container-flash embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.zweier_wrapper .zweier_el { float: left; width: 49%; margin: 0 0 2% 2%; }
.zweier_wrapper .zweier_el:nth-child(2n+1) { margin-left: 0; }

.dreier_wrapper .dreier_el { float: left; width: 32%; margin: 0 0 2% 2%; }
.dreier_wrapper .dreier_el:nth-child(3n+1) { margin-left: 0; }

.vierer_wrapper .vierer_el { float: left; width: 23.5%; margin: 0 0 2% 2%; }
.vierer_wrapper .vierer_el:nth-child(4n+1) { margin-left: 0; }

.content_box { padding: 2%; background: #eee; margin: 2% 0; }
.content_box h1:first-child, .content_box h2:first-child, .content_box h3:first-child, .content_box h4:first-child { margin-top: 0; }

table.decent tr td:first-child { padding-left: 0; }
table.decent tr:nth-child(2n) td { background: none; }

table.first_td_bold tr td:first-child { font-weight: 600; }

.realtime { display: block; width: 100%; line-height: 20px; margin-top: 20px; height: 40px; }
.realtime .status { width: 20px; height: 20px; border-radius: 20px; margin-right: 7px; display: block; float: left; }
.realtime .status.open { background: #0BD50B; }
.realtime .status.close{ background: #f00; }
.realtime .text { display: block; float: left; font-weight: 400; color: #333; }
.sidebar .realtime { margin: 10px 0px; }

footer { margin: 40px 0 0 0; padding:1% 0 1% 0; top:0px; left:0px; color: #333; background-image: url('../img/bg.jpg'); }
footer a { color: #333; }
footer .icon_el:before { color: #333; }
.footer_anschrift { float: left; }
.footer_menu { float: right; }
.footer_menu ul { margin: 0; padding: 0; list-style: none; }
.footer_menu ul li { display: block; margin: 0px; text-align: right; }
.footer_menu ul li a { font-weight: 400; text-decoration: none; }
.footer_menu ul li a:hover { text-decoration: underline; }
.footer_anschrift { float: left; }
.footer_menu { float: right; }

.uebersicht_wrapper .uebersicht_el { display: block; text-decoration: none; margin: 3% 0; }
.uebersicht_wrapper .uebersicht_el .bild { float: left; margin-right: 20px; width: 250px; }

.marken_wrapper { margin: -1%; }
.marken_wrapper .marken_el { float: left; width: 18%; margin: 1%; }
.marken_wrapper .marken_el a, .marken_wrapper .marken_el img { display: block; width: 100%; }

.galerie_wrapper { margin: -1%; }
.galerie_wrapper .bild, .galerie_wrapper .galerie_el { display: block; float: left; margin: 1%; }
.galerie_wrapper .bild img, .galerie_wrapper .galerie_el img { display: block; width: 100%; }
.galerie_wrapper.zwei .bild, .galerie_wrapper.zwei .galerie_el { width: 48%; }
.galerie_wrapper.drei .bild, .galerie_wrapper.drei .galerie_el { width: 31.33%; }
.galerie_wrapper.vier .bild, .galerie_wrapper.vier .galerie_el { width: 23%; }
.galerie_wrapper.fuenf .bild, .galerie_wrapper.fuenf .galerie_el { width: 18%; }

.filiale_wrapper { margin: -1.5% 0; }
.filiale_wrapper .filiale_el { float: left; width: 48%; margin: 1%; padding: 20px; background: #e5ddb2; width: 100%; margin: 1.5% 0; }
.filiale_wrapper .filiale_el h3 { margin-top: 0; }

.scroll_wrapper { margin-top: -155px; padding-top: 155px; }

.home_outer { margin: 1% -3%; }
.home_outer .home_wrapper { float: left; width: 44%; margin: 3%; }
.sidebar .box .home_wrapper:first-child { margin-bottom: 20px; }
.home_wrapper h2 { margin: 0 0 10px 0; text-align: center; }
.home_wrapper a { text-decoration: none; }
.home_wrapper .button { margin-top: 0; }
.home_wrapper .home_el { display: block; position: relative; outline: none; 
box-shadow:0px 0px 7px 0px rgba(0,0,0, 0.2);
-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0, 0.2);
-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0, 0.2);
 }
.home_wrapper .home_el img { display: block; width: 100%; background-size: cover; background-position: top center; }
.home_wrapper .home_el .text_wrapper { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); }
.home_wrapper .home_el .text_wrapper .text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin-top: -45px; }
.home_wrapper .home_el .text_wrapper .text h3 { margin-top: 0; }
.home_wrapper .home_el .text_wrapper .text .datum { font-weight: 600; margin-bottom: 10px; }


@media screen and (max-width:1200px) {
	footer { padding: 1.5%; }
	.content { padding: 1.5%; }
	.footer_anschrift, .footer_menu { float: none; width: 100%; text-align: center; margin: 0; margin-top: 10px; }
	.footer_menu ul li { text-align: center; }
	.home_wrapper .home_el { float: left; width: 100%!important; margin: 0!important; margin-bottom: 2%; }
	.kachel_wrapper .kachel_el { width: 31.33%; }
	.filiale_wrapper { margin: -1%; }
	.filiale_wrapper .filiale_el { margin: 1%; width: 48%; height: auto!important; }
	.home_outer { margin: 1% -1%; }
}

@media screen and (max-width:1000px) {
	.logo { width: 100px; }
	header { padding: 0 1.5%; }
	.header_wrapper { background-image: url('../img/bg.jpg'); }
	.logo_container { background: none; float: left; }
	nav { width: auto; }
	body { padding-top: 70px; }
	.scroll_wrapper { margin-top: -75px; padding-top: 75px; }
	.sidebar .home_wrapper { float: left; width: 44%; margin: 3%; }
	.sidebar .box .home_wrapper:first-child { margin-bottom: 0px; }
	
	.sidebar, .content { float: none; width: 100%; padding: 1.5%; }
	.sidebar { margin-top: 20px; border-top: 1px solid #ddd; padding-top: 20px; }
	.menu li:nth-child(2), .menu li:nth-child(3), .menu li:nth-child(4), .menu li:nth-child(5), .menu li:nth-child(6) { background: #eee; }
	.menu_wrapper { width: auto; float: right; margin: 0; }
	body {  font-size:90%; }
	nav { margin:0px; position:relative; }
	nav div.menu_mobile { display: block; position:relative; z-index:2000; line-height:50px; color: #333; font-size: 30px; margin-right: 10px; }
	.menu { position:fixed; padding-top: 65px; top:0px; right:-100%; width:auto; max-width:100%; height:100%; overflow-y:scroll; background-color:#eee; box-shadow:0 0 10px #aaa; z-index:500; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
	.menu.open { right:0%; }
	.menu li { float:none; width:100%; margin: 0; }
	.menu li a { padding:0 20px; font-size:140%; color: #333; text-align: left; margin: 0; border: none; line-height: 50px; }
	.menu li a:hover, .menu li a:focus, .menu li a.aktiv { color: #333; background: #e5ddb2; border: none; }
	.menu .sub { position:relative; top:0px; display:none; background: none; }
	.menu .sub li { border-bottom: 1px solid #fff; }
	.menu .sub li a span { line-height: 30px; }
	.menu .sub li a, .menu .sub li a:hover, .menu .sub li a.aktiv { background-color:transparent; color:#333; line-height:initial; padding: 0 8px; }
	.menu .sub li a.aktiv span, .menu .sub li a:focus span { background: none; color: #333; text-decoration: underline; }
	.menu .sub li a.aktiv { font-weight: bold; }
	.swiper-pagination-bullet { display: none; }
	.swiper-button-next, .swiper-button-prev { display: none; }
	.slider_container { float: none; width: 100%; }
	.swiper-slide .caption, .swiper-slide .caption.links { text-align: left; width: 100%; max-width: 100%; padding: 10px; }
	.menu .sub.zweite_ebene { padding: 0; }
	main { margin-top: 0px; }
	.fifty_wrapper .fifty { margin: 0!important; width: 100%!important; margin-bottom: 2%!important; }
	.fifty_wrapper .embed-container { padding-bottom: 56%; }
}

@media screen and (max-width:850px) {
	div.msg_head .personen { width: auto; float: none; border: none; text-align: left; }
	div.msg_head .personen:before { content: 'für '; }
}

@media screen and (max-width:600px) {
	body { font-size: 80%; }
	.swiper-slide img { width: 150%; margin-left: -25%; }
	.uebersicht_wrapper .uebersicht_el .bild { float: none; width: 100%; max-width: 250px; margin: 0 auto 20px auto; }
	.uebersicht_wrapper { margin: -1%; }
	.uebersicht_wrapper .uebersicht_el { float: left; width: 48%; margin: 1%; }
	.kontaktlinsen .uebersicht_wrapper .uebersicht_el .text { min-height: 220px; }
	.bild_rechts, .bild_links { float: none; margin: 0 auto 20px auto; }
	ul { padding-left: 6%; }
	.vierer_wrapper .vierer_el { float: left; width: 32%; margin: 0 0 2% 2%; }
	.vierer_wrapper .vierer_el:nth-child(4n+1) { margin-left: 2%; }
	.vierer_wrapper .vierer_el:nth-child(3n+1) { margin-left: 0; }
	.marken_wrapper .marken_el { width: 23%; }
}

@media screen and (max-width:600px) {
	.home_outer { margin: 1% 0; }
	.home_outer .home_wrapper, .sidebar .home_wrapper { float: none; width: 100%; margin: 2% 0; }
	.sidebar .box .home_wrapper:first-child { margin-bottom: 20px; }
}

@media screen and (max-width:450px) {
	body { font-size: 75%; }
	.swiper-slide img { width: 160%; margin-left: -30%; }
	.kachel_wrapper .kachel_el { width: 48%; }
	ul { padding-left: 8%; }
}

@media screen and (max-width:350px) {
	.uebersicht_wrapper { margin: 0%; }
	.uebersicht_wrapper .uebersicht_el { float: none; width: 100%; margin: 1% 0; }
	.kontaktlinsen .uebersicht_wrapper .uebersicht_el .text { min-height: 0px; }
	.marken_wrapper .marken_el { width: 31.33%; }
}