@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;
}

/*
blau: 004494
pink: bd3187
*/

body { padding-top: 100px; font-family: 'Heebo', sans-serif; font-size:100%; font-weight: 300; color:#777; width: 100%; height: 100%; height: 100vh; background: #fff; }
body.overflow_hidden { overflow-y:hidden; }
.scroll_wrapper, .scroll_el { margin-top: -100px; padding-top: 100px; }
.noCookie { width:100%; background-color:#eeeeee; text-align: center; padding:40px 20px; margin:40px 0; }

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

#cookiebot_content { display: none; }
#CybotCookiebotDialogBody, #CybotCookiebotDialogDetailBody { max-width: 1200px!important; }

.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, h5 a.title { font-weight:400; display: block; }
h1 { font-size:210%; margin:40px 0 20px 0; font-weight: 400; color: #004494; }
h1:first-child { margin-top:0; }
h2, a.title { font-size:180%; margin:30px 0 10px 0; font-weight: 400; color: #004494; }
h3 { font-size:160%; margin:20px 0 10px 0; }
h3.decorated { color: #004494; }
h4 { font-size:130%; margin:15px 0 2px 0; }
h5 { font-size:100%; margin: 20px 0 10px 0; font-weight: 300; text-decoration: underline; }
p { margin:10px 0 0 0; }
a, .hash_click_link { color:#777; text-decoration:underline; cursor: pointer; }
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: #004494; }
a img { border:none; }
.icon { font-family: 'fontello'; }
.line { height: 1px; width: 100%; background: #ddd; margin: 5% 0; }
b, strong { font-weight: 600; }
.center { text-align: center; }
.nabu_schriftzug { font-weight: 600; color: #004494; }
.nabu_schriftzug .pink { margin: 0 -1px; position: relative; z-index: 1; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }
h1 .nabu_schriftzug .pink, h2 .nabu_schriftzug .pink { margin: 0 -3px; position: relative; z-index: 1; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }
.highlight { font-weight: 600; font-size: 130%; }
.blau { color: #004494; }
.pink { color: #bd3187; }

.sprache { position: absolute; top: 12px; right: 8px; }
.sprache a, .sprache div { display:block; float: left; margin-left: 10px; width:40px; height:30px; background-size:contain; background-repeat:no-repeat; background-position:center center; }
.sprache div { -webkit-filter: grayscale(100%); filter: grayscale(100%); }


.button { color: #fff; background: #004494; padding: 5px 10px; display: block; text-decoration: none; text-transform: uppercase; font-size: 120%; margin: 20px auto 0 auto; text-align: center; width: 200px; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.button:hover { text-decoration: underline; }

.back_btn { padding: 10px 10px; background: #004494; color: #fff; display: block; margin-bottom: 30px; font-size: 140%; text-decoration: none; }
.back_btn:before { content: "\E812"; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 35px; height: 36px; margin-right: 15px; color: #fff; transform: rotate(180deg); display: block; float: left; }
.back_btn:hover { background: #bd3187; }


.font_ninety { font-size: 90%; }

.kontakt_header { position: absolute; top: 35px; right: 0; }
.kontakt_header a { display:block; float: left; margin:0 0 0 10px; text-decoration:none; line-height: 30px; color: #004494; font-weight:300; height: 30px; width: auto; }
.kontakt_header a div { float:left; font-size: 27px; color: #bd3187; text-align: center; width: 27px; }
.kontakt_header a.mail_link div { font-size: 32px; }
.kontakt_header a span { display: none; padding:0 0 0 5px; }

.bild_link { display: block; float: left; margin-right: 20px; border: 1px solid #eee; padding: 5px; margin-bottom: 10px; }
.bild_link img { height: 70px; width: auto; }


/*ul { list-style: none; margin: 0; margin-left: 10px; padding-left: 1em; text-indent: -1em; }
ul li { padding: 1px 0; }
ul li:before { content: '// '; color: #004494; }*/
.container { width:100%; max-width:1200px; margin:0 auto; position:relative; z-index: 1; }
.highlight_link, .btn { color: #777; background: #004494; border-left: 5px solid #777; 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: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto; }
.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 #004494; width: 591px; margin: 0 10px; }
.decorated > span:before { right: 100%; }
.decorated > span:after { left: 100%; }

ul { padding: 0 0 0 25px; margin: 0 0 2% 1%; text-indent: -1em; }
ul li { list-style: none; padding: 3px 0; }
ul li:before { content: '// '; color: #004494; font-weight: 600; }

.zweispaltig { width: 100%; -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; }
.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%; }

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

.bild_text_link { display: block; width: 100%; max-width: 500px; text-decoration: none; }
.bild_text_link img { display: block; width: 100%; }
.bild_text_link .text { margin-top: 10px; text-align: center; }

a img { display: block; width: 100%; }

.banner { display: block; width: 100%; max-width: 650px; margin: 0 auto 5px auto; }

.header_fixed { z-index:500; width:100%; top: 0px; left:0px; background: #fff; box-shadow: 0 -10px 25px 10px rgba(0,0,0,0.3); position: fixed; }

header { position:relative; padding: 0; background: #fff; z-index: 501;}
.logo { width: 220px; display: block; position: relative; z-index: 2; float: left; margin: 8px 0; }
.logo img { width:100%; height:auto; }
.menu_wrapper { float: right; width: auto; margin-right: 125px; padding-right: 15px; border-right: 1px solid #ddd; }

main { margin: 30px 0 20px 0; }
.content { float:left; width:72%; }
.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:23%; }
.sidebar .sidebar_box { margin:0 0 20px 0; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.sidebar .sidebar_box img { display: block; width: 100%; }
.sidebar .header { font-size:160%; color: #004494; display: block; width: 100%; text-decoration: none; margin-bottom: 10px; border-bottom: 1px solid #004494; }
.aktuelles_sidebar { margin-bottom: 15px; margin-top: 15px; }
.aktuelles_sidebar .text { font-size: 110%; }
.aktuelles_sidebar .datum { font-size: 90%; text-align: right; }
.aktuelles_sidebar h3 { margin-top: 0; margin-bottom: 2px; font-size: 120%; }

.produktuebersicht .content, .products .content, .ansprechpartner .content, .contact_persons .content { width: 100%; }
.produktuebersicht .sidebar, .products .sidebar, .ansprechpartner .sidebar, .contact_persons .sidebar { display: none; }

footer { margin: 40px 0 0 0; padding:1% 0 1% 0; top:0px; left:0px; background: #004494; color: #fff; }
footer a { color: #fff; }
.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_logo { display: block; width: 100%; margin-top: 116px; }

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

.fakelabel { display: inline-block; font-weight: 600; width: 110px; }

/* menu > */
nav { margin:0; }
.menu { list-style:none; padding:0; margin:0; position:relative; display:block; width:auto !important; right:0px; text-indent: 0; }
.menu li { float:left; padding: 0 12px; width: auto; }
li.home { display:none; }
.footer_menu ul li:before, .menu li:before { content: ''; margin: 0; padding: 0; }
.menu li:last-child { padding-right: 0; }
.menu li a { color:#004494; font-size:125%; display:block; line-height: 100px; text-decoration:none; text-align: center; white-space: nowrap; }
.menu li a:hover, .menu li a:focus, .menu li a.aktiv { outline:none; color: #bd3187; }
.menu .sub { min-width:25%; list-style:none; margin:0; padding:0; position:absolute; top: 100px; z-index:50; display:none; text-indent: 0; }
.menu .sub li { float:none; width:auto; border:none; margin: 0; padding: 0; }
.menu .sub li a { background: #eee; color:#777; font-size:100%; line-height:40px; text-align:left; padding:0 20px; }
.menu .sub li a.aktiv, .menu .sub li a:focus { color: #004494; }
nav div.menu_mobile { display: none; font-size:250%; line-height:40px; cursor:pointer; color:#fff; }
body.overflow_hidden nav div.menu_mobile { color: #004494; }

/* < 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 { margin: 0 auto; }
.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 { bottom: 0; left: 0; width: 100%; position: absolute; z-index: 25; padding: 30px 0 30px 0; text-align: center; background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)) repeat scroll 0 0; }
.swiper-slide .caption h2 { margin: 0 0 10px 0; padding: 0; font-size: 250%; border: none; color: #fff; }
a.swiper-slide { padding: 0px; text-decoration: none; }
.swiper-pagination-bullet { border-radius: 100%; background: #fff; opacity: 0.5; }
.swiper-pagination-bullet-active { background: #fff; opacity: 1; }
.zitat_swiper .swiper-button-prev, .zitat_swiper .swiper-button-next { width: 20px; background-size: 20px 44px; }
.zitat_swiper .swiper-button-prev { left: 5px; }
.zitat_swiper .swiper-button-next { right: 5px; }
.schatten { display: block; width: 100%; }
.zitat_swiper .swiper-pagination-bullet { background: #004494; width: 10px; height: 10px; margin: 0 3px!important; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { 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:140%; margin:15px 0 0 0; font-weight: 500; color: #777; background: #eee; padding: 10px; }
div.msg_head div:first-child { float: left; margin-right: 2px; }
div.msg_head div:first-child:before { content: "\E812"; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 25px; margin-right: 5px; display: block; -webkit-transform: 0.2s; transition: transform 0.2s; }
div.msg_head.opened { background: #004494; color: #fff; }
div.msg_head.opened div:first-child:before { /*content: "\E813";*/ transform: rotate(90deg); }
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 */

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

.bild { display: block; width: 100%; max-width: 200px; float: right; margin: 0 0 20px 20px; }
.bild img { display: block; width: 100%; }
.bild span { display: block; margin-top: 5px; width: 100%; text-align: center; }

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

input, textarea, .autocomplete_wrapper .autocomplete_border, .autocomplete_wrapper .autocomplete_result { 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 10px 0px 0; } 

#reservierung textarea { height: 120px; }
#kontakt textarea { height: 351px; }
#schulung textarea { height: 228px; }
label { display: block; width: 100%; text-align: left; margin: 0; margin-bottom: 3px; }
#submit { width: 100%; background: #004494; 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; }

.bild_links { display: block; width: 100%; max-width: 250px; float: left; margin: 0 20px 20px 0; }
.bild_rechts { display: block; float: right; max-width: 250px; width: 100%; margin: 0 0 20px 20px; }
.bild_links.xs, .bild_rechts.xs { max-width: 150px; }
.bild_links.s, .bild_rechts.s { max-width: 200px; }
.bild_links.m, .bild_rechts.m { max-width: 250px; }
.bild_links.l, .bild_rechts.l { max-width: 300px; }
.bild_links.xl, .bild_rechts.xl { max-width: 350px; }
.bild_links img, .bild_rechts img { display: block; width: 100%; }

.left { float: left; }

table { border-collapse: collapse; padding: 0; margin: 0; width: 100%; }
table tr td, table tr th { vertical-align: top; margin: 0; text-align: left; padding: 10px; }
table tr th { font-size: 120%; background: #eee; }
table tr td { border-bottom: 1px solid #eee; }
table tr th:first-child, table tr td:first-child { margin-left: 0; padding-left: 0; }

.embed-container { position: relative; padding-bottom: 57.5%; 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; }

.auszeichnungen_wrapper { margin: 0 -1%; display: flex; flex-wrap: wrap; }
.auszeichnungen_wrapper .auszeichnungen_el { display: block; /*float: left;*/ width: 31.33%; margin: 1%; }
.auszeichnungen_wrapper .auszeichnungen_el img { display: block; width: 100%; max-width: 150px; margin: 0 auto; }
.auszeichnungen_wrapper .auszeichnungen_el .text { display: block; width: 100%; text-align: center; margin-top: 10px; min-height: 65px; }

.highlight_box { padding: 2%; background: rgba(0,68,148,0.05); margin: 2% 0; position: relative; padding-bottom: 65px; }
.highlight_box .titel { font-size: 600%; position: absolute; opacity: 0.08;	bottom: 0px; right: 10px; text-transform: uppercase; font-weight: 600; z-index: 0; line-height: 90px; color: #004494; }
.highlight_box .titel.small { font-size: 300%; line-height: 60px; }
.highlight_box h2, .highlight_box h3 { 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; }

.philosophie_el { margin: 0px 0; background: rgba(0,68,148,0.05); padding: 20px; position: relative; }
.philosophie_el .titel { font-size: 150%; margin-bottom: 5px; }
.philosophie_el .text { position: relative; z-index: 1; }
.philosophie_el .buchstabe { font-size: 600%; position: absolute; opacity: 0.08; bottom: 0px; right: 20px; font-weight: 600; z-index: 0; line-height: 90px; }

.icon_el { display: block; line-height: 32px; text-decoration: none; }
.icon_el:before { font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 25px; margin-right: 5px; color: #004494; float: left; text-align: center; width: 30px; }
.icon_el.tel:before { content: "\E802"; }
.icon_el.mail:before { content: "\E801"; }
.icon_el.fax:before { content: "\E808"; font-size: 22px; }
.icon_el.web:before { content: "\E815"; }
.icon_el.mobil:before { content: "\E816"; }
.icon_el.www:before { content: "\E817"; }
.icon_el.lupe:before { content: "\E809"; }
.icon_el.downloadpdf:before { content: "\E805"; }

.swiper-slide .zitat_wrapper { margin: 0; }
.zitat_container { text-decoration: none; }
.zitat_wrapper { margin: 0 0 3% 0; background: rgba(0,68,148,0.05); }
.zitat_wrapper .zitat_bild { display: block; float: left; width: 40%; background-size: cover; background-position: top center; }
.zitat_wrapper .text { display: block; float: left; width: 60%; padding: 20px; text-align: left; position: relative; }
.zitat_wrapper .text .zitat { font-size: 110%; }
.zitat_wrapper .text .zitat:before, .zitat_wrapper .text .zitat:after { font-size: 200%; font-weight: 600; line-height: 0px; }
.zitat_wrapper .text .zitat:before { content: '«'; margin-right: 5px; }
.zitat_wrapper .text .zitat:after { content: '»'; margin-left: 5px; }
.zitat_wrapper .text .name { margin-top: 20px; text-align: right; font-size: 150%; }
.zitat_wrapper .text .beruf { text-align: right; font-style: italic; }
.zitat_wrapper .text h2 { margin-top: 0; }
.zitat_wrapper .text .name { margin-right: 30px; }
.zitat_wrapper .text .beruf { margin-right: 30px; }
.zitat_wrapper .text .mehr { background: #004494; color: #fff; text-align: center; font-size: 100%; padding: 5px 10px; display: inline-block; position: absolute; bottom: 20px; }
.swiper-slide .zitat_wrapper .text .mehr  { bottom: 50px; }
.zitat_wrapper:hover .text .mehr { background: #bd3187; }

.home_kachel_wrapper .home_kachel_el { display: block; float: left; width: 23.5%; margin: 0 0 2% 2%; text-decoration: none; }
.home_kachel_wrapper .home_kachel_el:nth-child(4n+1) { margin-left: 0; }
.home_kachel_wrapper .home_kachel_el h2.titel { background: #004494; padding: 8px 0; color: #fff; text-transform: uppercase; margin: 0; font-size: 140%; }

.home_cms_wrapper .home_cms_el { display: block; width: 100%; margin: 0 0 5% 0; background: rgba(0,68,148,0.05); position: relative; }
.home_cms_wrapper .home_cms_el .text { padding: 20px; }
.home_cms_wrapper .home_cms_el .header { display: block; background: #bd3187; padding: 8px 0; color: #fff; text-transform: uppercase; margin: 0; font-size: 140%; text-decoration: none; }
.home_cms_wrapper .home_cms_el .header h2 { margin: 0; color: #fff; font-size: 100%; }

.home_cms_el .text { margin-bottom: -30px; }
.aktuelles_home { margin-bottom: 30px; }
.text .aktuelles_home:last-child { margin-bottom: 0; }
.aktuelles_home h3 { margin-top: 0; }
.aktuelles_home img { display: block; width: 100%; background-position: center; background-size: cover; }

a.more { margin-top: 10px; display: inline-block; background: #004494; color: #fff; text-decoration: none; padding: 5px 10px; }
a.more:hover { background: #bd3187; }

.sidebar .icon_el { line-height: 25px; }
.sidebar .icon_el::before { font-size: 22px; margin-right: 2px; }

.kachel_wrapper { margin: -1%; }
.kachel_wrapper .kachel_el { float: left; width: 31.33%; margin: 1%; }
.kachel_wrapper .kachel_el img { display: block; width: 100%; }
.kachel_wrapper .kachel_el .titel { background: #004494; color: #fff; text-align: center; padding: 10px 0; font-size: 110%; height: 60px; }

.flip_wrapper { margin: -3% 0; overflow: hidden; }
.flip_wrapper .flip_el { margin: 3% 0; cursor: pointer; }
.flip_wrapper .flip_el .flip_title { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; color: #004494; font-weight: 400; }
.flip_wrapper .flip_el#entwickung_flip .flip_title { background-image: url('../img/flip_cover/entwicklung.jpg'); }
.flip_wrapper .flip_el#team_flip .flip_title { background-image: url('../img/flip_cover/team.jpg?v=2020'); }
.flip_wrapper .flip_el#projekte_flip .flip_title { background-image: url('../img/flip_cover/projekte.jpg'); }
.flip_wrapper .flip_el#sozialleistungen_flip .flip_title { background-image: url('../img/flip_cover/sozialleistungen.jpg'); }
.flip_wrapper .flip_el#auszeichnungen_flip .flip_title { background-image: url('../img/flip_cover/auszeichnungen.jpg'); }
.flip_wrapper .flip_el#anforderungen_flip .flip_title { background-image: url('../img/flip_cover/anforderungen.jpg'); }
.flip_wrapper .flip_el#bei_uns_flip .flip_title { background-image: url('../img/flip_cover/bei_uns.jpg'); }
.flip_wrapper .flip_el#verlauf_flip .flip_title { background-image: url('../img/flip_cover/verlauf.jpg'); }
.flip_wrapper .flip_el#inhalte_flip .flip_title { background-image: url('../img/flip_cover/inhalte.jpg'); }
.flip_wrapper .flip_el#infos_flip .flip_title { background-image: url('../img/flip_cover/infos.jpg'); }
.flip_wrapper .flip_el#dual_flip .flip_title { background-image: url('../img/flip_cover/dual.jpg?v=2020'); }
.flip_wrapper .flip_el#werksstudent_flip .flip_title { background-image: url('../img/flip_cover/werksstudent.jpg?v=2020'); }
.flip_wrapper .flip_el#bachelor_flip .flip_title { background-image: url('../img/flip_cover/bachelor.jpg?v=2020'); }
.flip_wrapper .flip_el#praktikum_flip .flip_title { background-image: url('../img/flip_cover/praktikum.jpg?v=2020'); background-position: top center; }
.flip_wrapper .flip_el#stulln_flip .flip_title { background-image: url('../img/flip_cover/stulln.jpg'); }
.flip_wrapper .flip_el#welt_flip .flip_title { background-image: url('../img/flip_cover/welt.jpg'); }
.flip_wrapper .flip_el#spezialist_flip .flip_title { background-image: url('../img/flip_cover/spezialist.jpg'); }
.flip_wrapper .flip_el#berufsschule_plus_flip .flip_title { background-image: url('../img/flip_cover/berufsschule_plus.jpg?v=2'); background-position: center left; }
.flip_wrapper .flip_el .flip_title h3 { position: absolute; display: block; top: 50%; margin: 0; margin-top: -25px; width: 100%; text-align: center; font-size: 230%; opacity: 1;
transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
.flip_wrapper .flip_el .flip_title.flipped h3 { opacity: 0; }
.flip_wrapper .flip_el .flip_title h3 span { text-transform: none; }

.flip_title:hover { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); }

.job_wrapper .job_el { display: block; width: 100%; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #f2f5fa; }
.job_wrapper .job_el:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.job_wrapper .job_el h3 { color: #004494; }
.job_wrapper .job_el .button_wrapper a { display: block; float: left; margin-right: 10px; background: #004494; color: #fff; padding: 0 7px; }
.job_wrapper .job_el .button_wrapper a:before { width: auto; margin-right: 6px; color: #fff; font-size: 20px; }
.job_wrapper .job_el .button_wrapper a:hover { background: #bd3187; }

.job_detail h1.headline { margin-bottom: 0; }
.job_detail h2.headline { margin-top: 0; font-size: 160%; }

.socialmedia_wrapper { position: fixed; bottom: 10px; right: 10px; z-index: 600; }
.socialmedia_wrapper a { width: 35px; height: auto; display: block; float: left; margin: 10px 0 0 5px; }

.bewerbenButton { line-height: 50px; color:#fff; padding:0 15px; background-color: #bd3187; font-size: 120%; text-transform: uppercase; display: inline-block; margin:20px 0; text-decoration: none; }

.bannerBild { width:100%; height:auto; }
div.msg_body.withBanner { padding:0 0 1% 0; }

@media screen and (max-width:1400px) {
    .socialmedia_wrapper a { width: 40px; float: none; margin: 5px 0 0 0; }
    .footer_menu { margin-right: 50px; width: auto; }
}

@media screen and (max-width:1200px) {
	.sprachen { right: 1.5%; }
	header { padding: 0px 1.5%; }
	footer { padding: 1.5%; }
	.menu li a  { font-size: 130%; }
	.content, .sidebar { padding: 1.5%; }
	.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 { margin: 0; padding: 0; border: none; position: absolute; top: 0; right: 5px; float: none; }
	body {  font-size:90%; padding-top: 80px; }
	.logo { left: 0; width:160px; border: none; float: left; position: absolute; }
	header { height: 80px; }
	main { margin-top: 10px; }
	.scroll_wrapper, .scroll_el { margin-top: -80px; padding-top: 80px; }
	.header_fixed { top: 0!important; position: absolute!important; z-index: 540; }
	.header_wrapper { position: fixed; top: 0; left: 0; width: 100%; z-index: 499; box-shadow: 0 -10px 25px 10px rgba(0,0,0,0.3); }
	.slider_container { margin-top: 0; }
	.sprache { right: 55px; top: 20px; border-right: 1px solid #ccc; padding-right: 15px; z-index: 800; }
	.sprache a, .sprache div { float: left; height: 35px; }
	.kontakt_header { right: 55px; top: 24px; border-right: 1px solid #ccc; padding-right: 15px; z-index: 800; }
	.kontakt_header a div { font-size: 35px; }
	.kontakt_header a:nth-child(2) div { font-size: 40px; }
	.kontakt_header a { float: left; margin-left: 15px; }
	.kontakt_header a span { padding:0; display:none; }
	nav { margin:0px; position:relative; }
	nav div.menu_mobile { display: block; position:relative; z-index:2000; line-height:78px; color: #004494; }
	.menu { position:fixed; padding-top: 80px; 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; min-width: 200px; }
	.menu.open { right:0%; }
	.menu li { float:none; width:100%; margin: 0; padding: 0; }
	.menu li a { padding:0 20px; font-size:140%; color: #777; line-height: 60px; }
	.menu li a:hover, .menu li a:focus, .menu li a.aktiv { color: #fff; background: #004494; }
	.menu .sub { position:relative; top:0px; display:none; }
	.menu .sub li a, .menu .sub li a:hover, .menu .sub li a.aktiv { background-color:transparent; color:#777; line-height:initial; padding:8px 20px 8px 40px; text-align: center; }
	.menu .sub li a.aktiv { font-weight: bold; }
	.content .column { margin:40px 0 0 0; -moz-column-count:auto; -moz-column-gap: 0px; column-count: auto; column-gap:0px; }
	.content, .sidebar { width: 100%; }
	.content { margin-bottom: 20px; }
	.footer_left, .footer_menu { width: 100%; float: none; margin: 0; }
	.produkt_wrapper .produkt_el { width: 100%; margin-left: 0; height: auto!important; }
	.produkt_wrapper .produkt_el .eigenschaften, .produkt_wrapper .produkt_el .anwendung { float: left; width: 48%; margin: 1%; }
	.ansprechpartner_outerwrapper .ansprechpartner_wrapper .ansprechpartner_el { width: 49%; }
	.ansprechpartner_outerwrapper .ansprechpartner_wrapper .ansprechpartner_el:nth-child(3n+1) { margin-left: 2%; }
	.ansprechpartner_outerwrapper .ansprechpartner_wrapper .ansprechpartner_el:nth-child(2n+1) { margin-left: 0; }
	.sidebar .sidebar_box img { display: block; width: 100%; max-width: 200px; }
}

@media screen and (max-width:1000px)	{
	.swiper-slide .caption h2 { margin: 0; font-size: 200%; }
}

@media screen and (max-width:900px)	{
	.home_kachel_wrapper .home_kachel_el h2.titel, .home_cms_wrapper .home_cms_el .header { font-size: 120%; }
}

@media screen and (max-width:800px)	{
	.filter_wrapper .filter_el { width: 48%; }
	.swiper-button-prev, .swiper-button-next { display: none; }
}

@media screen and (max-width:700px)	{
	.home_kachel_wrapper .home_kachel_el h2.titel, .home_cms_wrapper .home_cms_el .header { font-size: 100%; }
}

@media screen and (max-width:600px)	{
	.flip_wrapper .flip_el .flip_title h3 { font-size: 160%; }
	.zitat_wrapper .text .mehr { position: static; margin-top: 5px; }
	.ansprechpartner_outerwrapper .ansprechpartner_wrapper .ansprechpartner_el { width: 100%; margin-left: 0; }
	.ansprechpartner_outerwrapper .ansprechpartner_wrapper .ansprechpartner_el:nth-child(3n+1) { margin-left: 0%; }
	.autocomplete_wrapper .autocomplete_input { width: 93%; }
	.home_kachel_wrapper .home_kachel_el { width: 49%; }
	.home_kachel_wrapper .home_kachel_el:nth-child(4n+1) { margin-left: 2%; }
	.home_kachel_wrapper .home_kachel_el:nth-child(2n+1) { margin-left: 0; }
	.home_kachel_wrapper .home_kachel_el h2.titel, .home_cms_wrapper .home_cms_el .header { font-size: 140%; }
	.home_cms_wrapper .home_cms_el { width: 100%; margin-left: 0; }
	.home_cms_wrapper .home_cms_el .text { min-height: 0px; }
	/*
	.swiper-slide img { width: 130%; margin-left: -15%; }
	.swiper-slide img.rechts { margin-left: -30%; }
	.swiper-slide img.links { margin-left: 0; margin-right: -30%; }
	*/
	.zitat_wrapper .text { width: 100%; height: auto!important; float: none; }
	.zitat_wrapper .zitat_bild { width: 100%; max-width: 200px; height: 200px!important; margin: 0 auto; float: none; }
	.decorated > span::before, .decorated > span::after { display: none; }
	.zweispaltig { width: 100%; -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; } 
	.fifty_wrapper .fifty { float: none; width: 100%; margin-left: 0; }
    .socialmedia_wrapper { width: 100%; background: rgba(255,255,255,0.95); right: 0; bottom: 0; padding: 5px;  }
    .socialmedia_wrapper a { float: left; margin: 0; }
    .socialmedia_wrapper a:first-child { margin-right: 5px; }
    .socialmedia_wrapper .inner { margin: 0 auto; width: 85px; }
    footer { margin-bottom: 40px; }
}

@media screen and (max-width:500px)	{
	.produkt_wrapper .produkt_el .eigenschaften, .produkt_wrapper .produkt_el .anwendung { float: none; width: 100%; margin: 0; }
	.filter_outer_wrapper .filter_outer_el { margin-left: 0; width: 100%; margin-bottom: 20px; }
	.sprache { top: 0; }
	.sprache a, .sprache div { height: 25px; width: 30px; float: none; }
	.kontakt_header { top: 0; right: 55px; }
	.kontakt_header a div { font-size: 25px; width: 20px; }
	.kontakt_header a:nth-child(2) div { font-size: 33px; }
	.kontakt_header a { line-height: 53px; height: 53px; }
	nav div.menu_mobile { line-height: 53px; }
	.logo { width: 115px; margin: 3px 0; }
	header { height: 53px; }
	body { padding-top: 53px; }
	.scroll_wrapper, .scroll_el { margin-top: -53px; padding-top: 53px; }
	.swiper-slide .caption h2 { margin: 0; font-size: 160%; }
	.highlight_box .titel.small { font-size: 190%; }
	.flip_wrapper .flip_el .flip_title div { font-size: 190%; }
}

@media screen and (max-width:400px)	{
	.autocomplete_wrapper .autocomplete_border { width: 100%; }
	.autocomplete_wrapper .autocomplete_result { width: 100%; top: 54px; left: 0; }
	.autocomplete_wrapper { width: 100%; }
	.autocomplete_wrapper .autocomplete_label { line-height: 18px; }
	.home_kachel_wrapper .home_kachel_el h2.titel, .home_cms_wrapper .home_cms_el .header { font-size: 120%; }
	body { font-size:80%; }
	.bild, .bild_rechts, .bild_links, div.aktuelles .bild { margin-left: 0; margin: 0 auto; float: none; margin-bottom: 20px; }
	.sidebar .sidebar_box { width: 100%; margin-left: 0!important; margin-right: 0!important; min-height: 0px; }
	.text_caption { display: none; }
	.swiper-slide .caption a h2 { margin-bottom: 0px; font-size: 200%; }
	.swiper-pagination { display: none; }
	.swiper-slide .caption { padding: 10px 0; }
	.galerie_wrapper.fuenf a { width: 49%; }
	.galerie_wrapper.fuenf a:nth-child(3n+1) { margin-left: 2%; }
	.galerie_wrapper.fuenf a:nth-child(2n+1) { margin-left: 0; }
	.galerie_wrapper.vier a { width: 49%; }
	.galerie_wrapper.vier a:nth-child(3n+1) { margin-left: 2%; }
	.galerie_wrapper.vier a:nth-child(2n+1) { margin-left: 0; }
	.sprache { right: 45px; }
	.footer_el { margin: 0; width: 100%; float: none; text-align: center; }
	.footer_menu { margin-top: 10px; }
	.footer_menu ul li { text-align: center; }
	.sprache { padding-right: 10px; }
	.kontakt_header a { margin-left: 7px; }
	.kontakt_header a div { font-size: 20px; }
	.kontakt_header a:nth-child(2) div { font-size: 27px; }
	.auszeichnungen_wrapper .auszeichnungen_el { width: 48%; min-height: 200px; }
	.bild_link img { width: 100%; height: auto; max-width: 250px; margin: 5px 0; }
}