/* itv - 13.10.2021 */


/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/work-sans-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/work-sans-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/work-sans-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/work-sans-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/work-sans-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/work-sans-v9-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/work-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/work-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/work-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/work-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/work-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/work-sans-v9-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/work-sans-v9-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/work-sans-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/work-sans-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/work-sans-v9-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/work-sans-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/work-sans-v9-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}


/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/work-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/work-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/work-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/work-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/work-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/work-sans-v9-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-900 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/work-sans-v9-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/work-sans-v9-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/work-sans-v9-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/work-sans-v9-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/work-sans-v9-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/work-sans-v9-latin-900.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* barlow-500italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/barlow-v5-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/barlow-v5-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/barlow-v5-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/barlow-v5-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/barlow-v5-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/barlow-v5-latin-500italic.svg#Barlow') format('svg'); /* Legacy iOS */
}


:root {
    --dark-blue-text: #005086;
    --light-blue-text: #3e79a8;
    --dark-blue-bg: #005187;
    --light-blue-bg: #e2edff;
    --grey-text:#666666;
    --grey-bg:#333333;
    --black:#000;
}


* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}


html {height:100%; background-color:#FFF;}
body {font-family: "Work Sans", sans-serif;overflow-y:scroll; height:100%; font-style: normal; font-weight: normal;font-size: 20px;line-height: 24px;letter-spacing: 0.4px;color: var(--black); margin: 0; background-color:#FFF; overflow-x:hidden}

h1, .h1like {font-style: normal;font-weight: 600;font-size: 30px;line-height: 32px;letter-spacing: 0px; margin-bottom: 70px}
h2, .h2like {font-style: normal;font-weight: 600;font-size: 30px;line-height: 32px;letter-spacing: 0px; margin-bottom: 70px}  
h3, .h3like {font-style: normal;font-weight: 600;font-size: 30px;line-height: 32px;letter-spacing: 0px; margin-bottom: 70px} 
.underline {text-decoration: underline}

h1.hc_0, h2.hc_0, h3.hc_0, h4.hc_0, h5.hc_0, .h1like.hc_0, .h2like.hc_0, .h3like.hc_0, .h4like.hc_0, .h5like.hc_0, .hc_0 {color: var(--black)}
h1.hc_1, h2.hc_1, h3.hc_1, h4.hc_1, h5.hc_1, .h1like.hc_1, .h2like.hc_1, .h3like.hc_1, .h4like.hc_1, .h5like.hc_1, .hc_1 {color: var(--grey-text)}
h1.hc_2, h2.hc_2, h3.hc_2, h4.hc_2, h5.hc_2, .h1like.hc_2, .h2like.hc_2, .h3like.hc_2, .h4like.hc_2, .h5like.hc_2, .hc_2 {color:#FFF} 

.h0 {font-style: normal;font-weight: bold;font-size: 52px;line-height: 64px;letter-spacing: 0;color: var(--black);}
h2.subline {margin-top: 45px} 
.ovh {overflow: hidden}
#wrap {position:absolute; top:0px; z-index:1; margin:0px auto; text-align:left; width:100%}
/* diverse Divs  ---------------------- */
#tools_left {position:absolute; display:none; z-index:1; top:240px; left:-2px; width:40px; height:127px;border-top-right-radius:20px; border-bottom-right-radius:20px; background-image:url(/UserFiles/structure/tools/tools_left_green.png);}
.rss {margin-top:15px; margin-left:9px; width:18px; height:18px; display:block;}
.xing {margin-top:5px; margin-left:9px; width:18px; height:18px; display:block;}
/*.news {margin-top:5px; margin-left:9px; width:18px; height:18px; display:block;} */
.netzwerk {margin-top:5px; margin-left:9px; width:18px; height:18px; display:block;} 
#content,.content {width:1690px; max-width:100%; margin:0px auto; background-color:#FFF; box-sizing:border-box; padding: 0px 20px; min-height:100px} 
/*#content.s_team {width:1305px}*/
body.home #content {min-height:1px} 
#content {margin-top: 100px;}

.content.bg_0, #content.bg_0 {background-color: #fff}
.content.bg_1, #content.bg_1 {background-color: var(--light-blue-bg)}
.content.bg_2, #content.bg_2 {background-color: var(--dark-blue-bg); color: #fff}

.abstand {clear: both;}
.abstand::after {content: " "; display: block; clear: both}
.pt_0{padding-top:0px !important; display: block; width: 100%; height: 0px}
.pt_1{padding-top:20px !important; display: block; width: 100%; height: 0px}
.pt_2{padding-top:50px !important; display: block; width: 100%; height: 0px}
.pt_3{padding-top:70px !important; display: block; width: 100%; height: 0px}
.pt_4{padding-top:120px !important; display: block; width: 100%; height: 0px}
.pt_5{padding-top:240px !important; display: block; width: 100%; height: 0px}
.pt_6{padding-top:360px !important; display: block; width: 100%; height: 0px}
.abstand.pt_0 {display: none}

.pb_0{padding-bottom:0px !important; display: block; width: 100%; height: 0px}
.pb_1{padding-bottom:20px !important; display: block; width: 100%; height: 0px}
.pb_2{padding-bottom:50px !important; display: block; width: 100%; height: 0px}
.pb_3{padding-bottom:70px !important; display: block; width: 100%; height: 0px}
.pb_4{padding-bottom:120px !important; display: block; width: 100%; height: 0px}
.pb_5{padding-bottom:240px !important; display: block; width: 100%; height: 0px}
.pb_6{padding-bottom:360px !important; display: block; width: 100%; height: 0px}
.abstand.pb_0{display: none}

.flex {display: flex}
.flexLeftCentered {display: flex; justify-content: center}
.flexGrow1 {flex-grow: 1}
.pt10 {padding-top: 10px}
.pt20 {padding-top: 20px}
.pt30 {padding-top: 30px}
.pt40 {padding-top: 40px}
.pt50 {padding-top: 50px}
.pt60 {padding-top: 60px}
.pt70 {padding-top: 70px}
.pt80 {padding-top: 80px}
.pt90 {padding-top: 90px}
.pt100 {padding-top: 100px}
.pt110 {padding-top: 110px}
.pt120 {padding-top: 120px}
.pr40 {padding-right: 40px}
.w180 {width: 180px; max-width: 100%}
.w200 {width: 200px; max-width: 100%}
.indicator {width:25px; height: 10px; margin-right: 25px; margin-top: 12px; border-radius: 10px}
.mh600 {max-height: 600px;}
.ofh {overflow: hidden}


.flexcolumncenter {display: flex; flex-direction: column; align-items: center} 


#balkenoben {width:100%; position:fixed; z-index:999; box-sizing:border-box; height: 100px; background: #fff}
#topNav {width:1280px; max-width:100%; margin:0px auto; position:relative; font-size:0.7em; color:#000; box-sizing:border-box; padding-left:20px; padding-right:40px}
#topNav a {color:#000}
#topNav ul.topNav li {float:left; margin-right:10px; list-style-type:none; text-align:right}
#topNav ul.langChange li {float:left; margin-right:5px; list-style-type:none; text-align:right}
.topNav {float:right}


#logolink {display:block; position:relative; }
#logo {display:block; position:relative; background-image:url("/UserFiles/structure/logo_itv.jpg"); background-repeat:no-repeat; text-indent:-10000px; width:140px; height:50px; z-index:2; background-position-y:center; background-size: contain}
#claimSmall {width:65px; height:auto; min-height:110px; float:left; margin-right:40px; margin-left:-10px; }
#spruch {position:absolute; z-index:10001; color:#fff; top:40px; right:60px; text-align:right; font-size:20px; line-height:30px; font-weight:normal}
#spruch .small {font-size:12px;}
.xsmall {font-size:9px;}
.content p.xsmall, .content span.xsmall {line-height:15px}
#nav {position:relative; width:1920px; max-width:100%;  margin:0px auto; box-sizing:border-box; padding: 0 80px; height: 100%; display: flex; justify-content: space-between; align-items: center}
.contentInnen {width: 1690px; max-width: 100%; margin: 0px auto; position: relative; z-index: 10}
#contentInnen.start, .contentInnen.start {min-height:0px; margin-top:20px; margin-left:177px}
#contentInnen a:hover, .contentInnen a:hover {text-decoration:none;}
#contentInnen hr, .contentInnen hr {border:solid #ad333b 1px; height:0px }
#contentInnen p {}
.contentInnen .haupttext p {margin-bottom: 15px}
 
#content.mainContent #contentInnen {width: 50%; margin: 0; padding-left: 90px}

.pillBig {width: 160px; height: 30px; background: var(--grey-bg); border-radius: 16px}
.bulletpoint {margin-bottom: 20px}
.bulletpoint a {font-weight: 500; text-decoration: underline}
ul li {list-style: none; display: flex; align-items: baseline}


.slickGalleryOuter {display: block; width: 100%; overflow: hidden}
.slickLongGallery .slick-slide {margin: 0 15px; height: 245px; width: 340px}
.slickLongGallery  {height: 245px}
/* 
layout_0 = "Zentrierer Block (1690 Pixel Breite)";
layout_1 = "Text links / Bild rechts - Block zentriert  (1690 Pixel Breite)";
layout_2 = "Bild links / Text rechts - Block zentriert  (1690 Pixel Breite)";
layout_3 = "Headline links - 50/50  (1690 Pixel Breite)";
layout_4 = "Headine links / Text rechts - Block zentriert  (1690 Pixel Breite)";
layout_5 = "Text links / Bild rechts - Block rechtsbündig  (1690 Pixel Breite)";
layout_6 = "Bild links / Text rechts - Block linksbündig  (1440 Pixel Breite)";
layout_7 = "Text links / Bild rechts - Blockrechtsbündig  (1440 Pixel Breite)";
layout_8 = "Ganze Breite";
layout_9 = "Zentrierter Block - Zentrierter Text  (1240 Pixel Breite)";
*/

.content.layout_0 .contentInnen {width: 1080px !important; max-width: 100% !important}
.content.layout_0 .contentInnen .hauptbild {margin:120px 0 ;max-width: 100%}
.content.layout_0 .contentInnen .hauptbild img{width: 100%}
.content.layout_1 {padding-right: 210px;}
.content.layout_1 .contentInnen{display: flex; flex-direction: column; width: 1080px !important; max-width: 100% !important; position: relative;}
.content.layout_1 .contentInnen .haupttext{margin-top: 40px; line-height: 28px}
.content.layout_1 .contentInnen .hauptbild{width: 800px; max-width: 100%; flex-shrink: 0; margin-left: 130px}
.content.layout_2 .contentInnen{display: flex}
.content.layout_2 .contentInnen .textContent{order:2}
.content.layout_2 .contentInnen .hauptbild{width: 800px; max-width: 100%; flex-shrink: 0; order:1; margin-right: 130px; display: flex}
.content.layout_3 {}
.content.layout_3 .contentInnen {display: flex; width: 1690px !important; max-width: 100% !important}
.content.layout_3 .contentInnen .textContent {width: 50%}
.content.layout_4 {}
.content.layout_4 .contentInnen{display: flex; width: 1690px !important; max-width: 100% !important}
.content.layout_4 .contentInnen .textContent {width: 500px; max-width: 100%; padding-right: 100px; flex-shrink: 0}
.content.layout_5 {padding:0}
.content.layout_5 .contentInnen {display:flex; margin-right: 0; justify-content: space-between}
.content.layout_5 .contentInnen .hauptbild{width: 800px; max-width: 100%; flex-shrink: 0; margin-left: 130px}
.content.layout_6 {}
.content.layout_7 {padding: 0px; width: 100%; height: 300px}
.content.layout_7 .contentInnen {padding: 0px; width: 100%; height: 100%}
.content.layout_7 .contentInnen .hauptbild {overflow: hidden; height: 100%} 
.content.layout_7 .contentInnen .hauptbild img{ width: 100%;position: relative;height: 100%;object-fit: cover;}
/*.content.layout_7 .contentInnen .hauptbild{width: 800px; max-width: 100%; flex-shrink: 0; margin-left: 130px} */
.content.layout_8 {padding: 0px; width: 100%; max-height: 650px; } 
.content.layout_8 .contentInnen {margin: 0px; width: 100%} 
.content.layout_9 .contentInnen {width: 1240px; max-width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center}
.content.layout_9 h3 {line-height: 60px}
.mainContent {margin-top: 200px;position: relative;}

.aw_produktseite h2 {margin-bottom: 70px}

.hauptbild.img_pos_ {}
.hauptbild.img_pos_1 {justify-content: left}
.hauptbild.img_pos_1 {justify-content: center}
.hauptbild.img_pos_3 {justify-content: right}
.hauptbild .w100 {width: 100%}


#subnav {position:relative; margin-top:45px; margin-left:10px;  width:165px; overflow:hidden; float:left;}
#subnav div.subnav {height:auto; font-size:11px; line-height:1.1em; margin-bottom:7px }
#subnav div.subnav a.subnavlink { color:#000; text-decoration:none;}
#subnav div.subnav a.subnavlink:hover { color:#9f9f9f;}
#subnav div.subnav a.aktiv {color:#9f9f9f;}
#subnav div.subnavheadline {font-family: 'RubrikMedium', sans-serif;font-size:13px; margin-bottom:5px; font-weight:normal}
#subnav div.subnavheadline a.aktiv {font-family: 'RubrikMedium', sans-serif;color:#000; font-weight:normal}
#subnav span.h20 {height:20px; width:1px; display:block}

#subnav div.subnav a.aktiv {color:#9f9f9f; margin-bottom:5px; display:block;}
#subnav div.subnav1 {margin-left:10px; height:auto; font-size:11px; line-height:1.1em; margin-bottom:7px; color:#000}
#subnav div.subnav1 a {color:#000; font-size:11px;}
#subnav div.subnav1 a.aktiv {color:#9f9f9f;}

.moreArrowShort {background-image: url("/UserFiles/structure/arrow_right_long.png"); margin-left: 20px;position: relative;transition: 0.2s ease-in-out; width: 38px;display: inline-block;height: 15px;background-position-y: center;background-repeat: no-repeat;background-position-x: right;} 

.lines {margin: 30px 0; width: 100%;display: flex;justify-content: space-between;}
.lines .line{height: 1px;background-color: #000;width: 340px;}
 
.kontaktinfos {display: grid;justify-content: space-between;width: 100%;grid-template-columns: repeat(auto-fill,280px);row-gap: 70px;}
.kontaktinfos .kontaktinfo {}
.kontaktinfos .kontaktinfo .info {padding: 2px 0}
.kontaktinfos .kontaktinfo .info.zeile1, .kontaktinfos .kontaktinfo .info.zeile2 {color:var(--dark-blue-text); font-weight: bold}

.kategorienBoxenOuter {margin-top: 70px}
.kategorienBoxenOuter .kategorienBoxen {display: grid;justify-content: space-between;grid-template-columns: repeat(auto-fill,340px);grid-gap: 20px;row-gap: 50px}
.kategorienBoxenOuter .kategorienBoxen .kategorie {background-color: var(--light-blue-bg);height: 340px;width: 340px;color: var(--dark-blue-text);padding: 20px;position: relative;font-size: 18px}
.kategorienBoxenOuter .kategorienBoxen .kategorie li a{font-size: 18px; color: var(--dark-blue-text)}
.kategorienBoxenOuter .kategorienBoxen .kategorie .heading {text-transform: uppercase; font-weight: bold;}
.kategorienBoxenOuter .kategorienBoxen .kategorie .bigLetters {font-size: 100px;font-weight: bold;line-height: 100px;position: absolute;bottom: 10px;left: 0px;}

.aktuellesOuter {margin-top: 70px}
.aktuellesOuter .aktuellesInner {display: grid;justify-content: space-between;grid-template-columns: repeat(auto-fill,340px);grid-gap: 20px;row-gap: 50px}
.aktuellesOuter .aktuellesInner .aktuellesBox {width: 340px;position: relative;font-size: 15px; line-height: 23px;} 
.aktuellesOuter .aktuellesInner .aktuellesBox .line {height: 1px;background-color: #000;width: 340px;margin-bottom:30px}
.aktuellesOuter .aktuellesInner .aktuellesBox .heading {font-weight: 600;font-size: 16px; }  
.aktuellesOuter .aktuellesInner .aktuellesBox .text {margin: 30px 0; color:var(--grey-text)}
.aktuellesOuter .aktuellesInner .aktuellesBox .mehr {color:var(--light-blue-text); font-family: 'Barlow'; font-style: italic; font-weight: 500}
.aktuellesOuter .aktuellesInner .aktuellesBox .mehr:hover .moreArrowShort {width: 76px}

.aktuellesAll {width: 100%; margin-top: 60px}
.aktuellesAll .aktuelles {width: 100%}
.aktuellesAll .aktuelles .heading {font-weight: 600;font-size: 24px; margin-bottom: 30px}
.aktuellesAll .line {height: 1px;background-color: #000;width: 90%;margin: 40px auto;} 

.vorteileOuter {margin-top: 70px}
.vorteileOuter .vorteileInner {display: grid;justify-content: space-between;grid-template-columns: repeat(auto-fill,340px);grid-gap: 20px;row-gap:40px}
.vorteileOuter .vorteileInner .vorteileBox {width: 350px;position: relative;font-size: 15px; line-height: 23px;} 
.vorteileOuter .vorteileInner .vorteileBox .line {height: 1px;background-color: #000;width: 340px;margin-bottom:30px}
.vorteileOuter .vorteileInner .vorteileBox .heading {font-weight: 600;font-size: 16px; }  
.vorteileOuter .vorteileInner .vorteileBox .text {margin-top: 30px; color:var(--grey-text)}
.vorteileOuter .vorteileInner .vorteileBox .glyph {height: 30px;margin: 10px 0;}
.vorteileOuter .vorteileInner .vorteileBox .glyph img {width: auto;height: 100%;}
.vorteileOuter .mehrLinkOuter {display: flex; justify-content: center; margin-top: 40px}
.vorteileOuter .mehrLinkOuter .mehr {color: var(--dark-blue-text);text-decoration: none;font-size: 15px;font-family: 'Barlow';font-style: italic;font-weight: 500;}
.vorteileOuter .mehrLinkOuter .mehr:hover .moreArrowShort {width: 76px}


.referenzenOuter {margin-top: 70px} 
.referenzenOuter .referenzenInner {display: grid;justify-content: space-between;grid-template-columns: repeat(auto-fill,340px);grid-gap: 20px;row-gap: 50px}
.referenzenOuter .referenzenInner .referenzBox {width: 340px;position: relative;font-size: 15px; line-height: 23px;} 
.referenzenOuter .referenzenInner .referenzBox .line {height: 1px;background-color: #000;width: 340px;margin-bottom:30px}
.referenzenOuter .referenzenInner .referenzBox .heading {font-weight: 600;font-size: 16px; }  
.referenzenOuter .referenzenInner .referenzBox .subheading {font-weight: 600;font-size: 16px; color:var(--grey-text)}  
.referenzenOuter .referenzenInner .referenzBox .text {margin-top: 30px; color:var(--grey-text)}
.referenzenOuter .referenzenInner .referenzBox .bild {width: 100%;margin: 10px 0;}  
.referenzenOuter .referenzenInner .referenzBox .bild img {width: 100%;height: auto;}


.produkt, .simplestep {margin-bottom: 120px}
.produkt.last {margin-bottom: 240px}
.produkt + .buttonOuter {margin-bottom: 240px}

.artikelOuter {display: flex;}
.artikelOuter .left {width: 10%;background-color: #333;color: #fff;padding: 0px;font-weight: bold;font-size: 12px;text-align: center;}
.artikelOuter .right {width: 90%;}
.artikelOuter .right .artikel {display: flex;background: #ccc;width: 100%;margin-bottom: 2px;font-weight: bold;font-size: 13px;}
.artikelOuter .right .artikel:last-of-type {margin-bottom: 0px;}
.artikelOuter .right .artikel .artNr {width: 25%;padding-left: 20px;}
.artikelOuter .right .artikel .artName {padding-left: 26px;}
.artikelOuter .right .artikel .artName.artLink {text-decoration: underline}

.produkt.hiddenprodukt, .simplestep.hiddenstep {display: none} 


#subnav div.subnav div.subnav1 {display:none}
#subnav div.aktiv div.subnav1 {display:block}


#inhalt {margin-top:0px;}
#innerinhalt {height:auto; margin-top:0px;}
#innerinhalt p {}
#innerinhalt div {}
#innerinhalt ul, #inhalt ol {margin-left:15px; margin-bottom:15px}
#innerinhalt a {text-decoration:underline; color:#000}
#innerinhalt a:hover {text-decoration:none; color:#9f9f9f}


/*#innerinhalt a:hover {text-decoration:underline;}*/
#innerinhalt ul li {margin-left:0px;}
#innerinhalt ul ul {margin-top:10px; margin-bottom:10px}
#innerinhalt ul li ul {margin-left:30px;}
#start {margin-top: 100px; min-height: 870px; background-color: var(--grey-bg); position: relative}
#startseiteOuter {width: 1690px; max-width: 100%; margin:0px auto; padding-top: 160px; z-index:99; position: relative;display: flex;flex-direction: column;align-items: baseline;}
#startseiteOuter h1.start {}
#startseiteOuter .subline_start {margin-top: 45px;font-size: 35px;line-height: 47px; font-weight: 500}

.button {min-width: 240px; height: 65px; display: flex; justify-content: center; align-items: center; border-radius: 45px; cursor: pointer; padding: 0 20px}
button {font-family: "Work Sans"; font-size: 20px; border: 0px}
a.button {text-decoration: none !important}

#start .startImage {position: absolute; top: 75px; right:0; display: flex; align-items: flex-end}
#start .startImage img {height: 100%;}
body.isStart .subline_start, body.isStart h1.start {width: 500px}


.content.layout_1 img {width: 100%}
.content.layout_2 img {width: 100%}
.content.layout_8 img.hauptbild {width: 100%}
/*.hauptbild img {width: 100%} */
.xs, .normal {color:#444; line-height: 19px;} 
.clearer {clear:both}

.content_einleitung .flex .button {margin-right: 40px; margin-top: 40px}
.content_einleitung .flex .button {width:auto; min-width: 240px; padding: 0 40px}


#adresse {width:100%; max-width:100%; color: #fff; font-size: 15px; line-height: 21px; height:auto; box-sizing:border-box; text-align:left; position:relative; margin:0px auto; padding-top:10px; background-color:var(--dark-blue-bg); padding: 0 30px} 
#adresseInnen {width: 1690px; max-width: 100%; margin: 0px auto; padding-top: 30px; padding-bottom: 50px;display: flex; justify-content: space-between}
#adresseInnen .logoWhite {background-image: url(""); width: 430px; height: 65px; background-size: contain; margin-bottom: 90px; max-width: 100%; background-repeat: no-repeat}
#adresseInnen .emptyline {height: 21px; width: 100%;}
#adresseInnen .adresseInnen {display: flex; padding: 5px}
#adresseInnen .adresseInnen .left {display: flex;flex-direction: column;height: 450px;justify-content: space-between;width: 35%}
#adresseInnen .adresseInnen .location {display: flex}

#adresseInnen .right {width: 30%}
#adresseInnen .kontaktOuter {display: flex; flex-direction: column;}
#adresseInnen .kontaktOuter input, #adresseInnen .kontaktOuter textarea {padding: 20px; background-color: var(--light-blue-bg); margin-bottom: 15px; border: none; font-family: "Work Sans"; font-size: 15px}
#adresseInnen .kontaktOuter input::placeholder {font-family: "Work Sans"; font-size: 15px}
#adresseInnen .kontaktOuter textarea {resize: none}
#adresseInnen .kontaktOuter .flexRow {display: flex; justify-content: space-between;}
#adresseInnen .kontaktOuter .flexRow input {width: 48%} 

#adresseInnen .center .kontaktinfos {grid-template-columns: repeat(2,220px); row-gap: 20px; column-gap: 70px;}
#adresseInnen .center .kontaktinfos .info.zeile1, #adresseInnen .center .kontaktinfos .info.zeile2 {color: #fff}

#adresseInnen .adresseUnten .right .footerNav {display: flex; justify-content: space-between}
#adresseInnen .adresseUnten .right .footerNav .modul{width: 20%}
#adresseInnen .adresseUnten .right .footerNav .modul .footersubnav li {list-style: none; margin-bottom: 20px}
#adresseInnen .adresseUnten .right .footerNav .modul .footersubnav li a {color:#FFF}

#adresseInnen .footerNav {margin-top: 40px;}
#adresseInnen a {color: #ffffff;}

#adresseInnen .linkedin {margin-left: 46px; margin-top: 80px; padding-left: 37px;background-image: url("/UserFiles/structure/svg/linkedin_white.svg");height: 25px;background-size: contain;background-repeat: no-repeat;background-position-y: center;display: flex;align-items: center;text-decoration: underline}
#adresseInnen .linkedin a {color:#FFF}
.mapouter{position:relative;text-align:right;height:350px;width:450px;} .gmap_canvas {overflow:hidden;background:none!important;height:350px;width:450px;}
#printbutton {background-image:url(/UserFiles/structure/print.png); background-repeat:no-repeat; width:36px; height:30px; margin-top:7px; cursor:pointer;}
 
#adresseInnen .kontaktOuter .checkboxOuter {display: flex; align-items: center}
#adresseInnen .kontaktOuter .checkboxOuter input {margin-bottom: 0; margin-right: 15px} 


#search {width:930px; text-align:right; float:left; position:absolute; top:10px;}
.mfp-auto-cursor .mfp-content {width: fit-content; max-height: 90%; overflow-y: scroll}
#searchresult {padding: 40px; background-color: #fff; max-width: 100%; width: 1000px; margin: 0px auto;}
#searchresult h1 {text-align: center; color: var(--dark-blue-text)}
#searchresult h2 {margin-bottom: 30px; color: var(--light-blue-text)}
#searchresult .suchbegriff {margin-bottom: 50px; text-align: center;}
#searchresult ul li {margin-bottom:15px;} 
#searchsite {margin-top:-12px;}
#searchbutton {background-image:url(/UserFiles/structure/searchlupe.png); background-repeat:no-repeat; height:20px; width:20px; background-color:#FFF; border:0px; margin-top:10px}
#suchbegriff{margin-left:1px;background-color:#d9d9d9; width:130px; height:15px; border:0px;}

#langChange {width:50px; text-align:right; float:right; margin-top:8px; font-size:10px; position:absolute; top:-2px; right:0px; padding-right:20px}



#created {position:absolute; top:225px; opacity:0.5; left:0px; z-index:1; background-color:#000; width:900px; border:1px solid #999; border-radius:5px; display:none; padding:30px;}
#created a {text-decoration:underline;}
#createdcloser {position:absolute; top:-15px; left:980px; background-image:url(/UserFiles/structure/close.png); width:30px; height:30px; text-indent:-10000px; cursor:pointer; display:none}


.partleft {width:900px; float:left; box-sizing:border-box; padding-right:20px}
.partright {width:315px; float:left; box-sizing:border-box; padding-left:20px; padding-top:180px}




/* Navigation ----------------------------- */
/* empty.png in menu, damit der hover - effekt nicht rüttelt */
.menu{display: flex;text-align:left; font-size:12px; position:relative; color:var(--black); line-height: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px}
.menu a {color:var(--black); text-decoration:none;} 
.menu ul {display: flex;}
.menu ul li {list-style-type:none;  width:auto; text-align:center; display:block; padding-left:5px; padding-right:5px; height:18px; position:relative; z-index:99; margin-right:60px}
.menu > ul > li {background-image: linear-gradient(to left,var(--light-blue-bg) 0,var(--light-blue-bg) 50%,transparent 50%);background-position: 0 0;transition: background-position .3s .1s ease-out;background-size: 201%;}
.menu > ul > li:hover {background-position: -50%; transition: background-position .3s ease-out}
.menu ul li.last {border-right:0px} 
.menu ul li.aktiv {}
.menu ul li a { height:auto; border:1px solid transparent; display:block; background-color:transparent;white-space: nowrap; transition: .2s .1s linear}
.menu ul li a.aktiv {}
.menu ul li a.aktiv:hover {}
.menu ul li a.inaktiv:hover {}
.menu ul li > .aktiv, .menu ul li > .inaktiv {cursor: pointer}

.menu ul li a:hover, .menu ul li a.inaktiv:hover {}
.menu ul li:hover {} /*Hauptbutton*/
.menu ul li:hover a, .menu ul li a:hover, .menu ul li:hover > .inaktiv, .menu ul li:hover > .aktiv {transform: translateX(5px);transition: .2s linear} /* Hover Link */
.menu ul li:hover div.subnavOuter{visibility:visible; opacity: 1; color:var(--black); position:absolute; z-index:11000}
.menu ul li div.subnavOuter ul.subnav {position:relative; z-index:10000; padding: 30px 40px; background-color:var(--light-blue-bg);}  
.menu ul li:hover div.subnavOuter ul.subnav {position:relative; z-index:10000; float:left; padding:30px 40px}
.menu ul li:hover div.subnavOuter ul.subnav1 {position:relative; z-index:10000; float:left; padding-left:20px; padding-top:20px}
.menu ul li:hover div.subnavOuter ul.subnav, .menu ul li:hover div.subnavOuter ul.subnav1 {visibility:visible}
.menu ul li:hover div.subnavOuter ul.subnav li, .menu ul li:hover div.subnavOuter ul.subnav1 li {padding-left:0px;}
.menu ul li ul.subnav li, .menu ul li ul.subnav1 li {margin-bottom:10px; font-size:1em;}
.menu ul li ul.subnav .subnavblock a, .menu ul li ul.subnav1 li a { transform: translateX(0px);} 
.menu ul li ul.subnav li a:hover, .menu ul li ul.subnav1 li a:hover { color:var(--black);}
.menu ul li ul.subnav, .menu ul li ul.subnav1 {}

.menu ul li.subarrow {display: flex; align-items: center}
.menu ul li.subarrow::before {content:" "; background: url("/UserFiles/structure/svg/arrow_down.svg"); display:block; height: 5px; width: 15px; background-repeat: no-repeat; background-size: contain; transition: 0.2s .1s linear}
.menu ul li.subarrow:hover::before {transform: rotate(180deg) translateX(5px); transition: 0.2s linear} 
.menu ul li.subarrow:first-of-type:hover::before {transform: rotate(0); transition: 0.2s linear} 
.menu ul li.subarrow:first-of-type::before {content:" "; background: var(--dark-blue-bg); display:block; height: 10px; width: 10px; background-repeat: no-repeat; background-size: contain; margin-right: 5px}

/*Submenu */
.menu ul li div.subnavOuter {visibility:hidden; position:absolute;    z-index:101;top:24px;opacity:0;transition:visibility 0.2s .1s linear,opacity 0.2s .1s linear;}
.menu ul li:hover div.subnavOuter {transition:visibility 0.2s linear,opacity 0.2s linear;}
.menu ul li div.subnavOuter {margin-left:-4px; top:18px; }
.menu ul li #produkte + .subnavOuter {margin-left:-124px; top:18px; } 
.menu ul li div.subnavOuter .subnavSpacer {width: 100%; height: 20px }


.menu ul li ul.aktiv li { }
.menu ul li ul.aktiv li a.subaktiv {color:#524b3b;}

 

.menu ul li ul li {clear:both; min-width:220px; max-width:200px; overflow:hidden; text-align:left; padding-left:4px; } 
.menu ul li ul li.noborder {}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; position:relative; z-index:100;} /* Links im Submen+ */
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {}
.menu ul li:hover ul li a.aktiv:hover{color:#B5162E;}
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible;}
.menu ul li:hover ul.right {float:right}
.menu ul li:hover ul.right li {float:left;}
.menu ul li:hover div.subnavOuter ul.subnav1.right {float:right}
.menu ul li:hover div.subnavOuter ul.subnav1.right li {float:left}

.menu .langChange {display: flex;}
.menu .langChange a {padding: 0 5px; }
.menu .langChange a.aktiv {color:var(--dark-blue-text) }

.menu .kontaktButton {margin-left: 60px}
.menu .kontaktButton .kontakt {background-color: var(--dark-blue-bg);padding: 18px 40px; color: #fff} 

.menu .searchOuter {margin-left: 60px; display: flex; cursor: pointer}
.menu .searchOuter .searchInner {transition: 0.4s ease-in-out; width: 60px}
.menu .searchOuter.focused .searchInner {width: 0; opacity: 0}
.menu .searchOuter .searchField {opacity: 0; border: none; border-bottom: 1px solid #000; font-family: "Work Sans", sans-serif;position: relative;top: -5px;width: 0px; transition: 0.4s ease-in-out} 
.menu .searchOuter .searchField:focus {border:none;border-bottom: 1px solid #000; outline: none}  
.menu .searchOuter.focused .searchField {opacity: 1; width: 150px} 
.menu .searchOuter .searchImage {content: ""; background-image: url("/UserFiles/structure/search.png"); background-size: contain; height: 16px; width: 16px; margin-right: 10px; display: block}

.subnav a {text-transform: none; font-weight: 400; margin-bottom: 5px}


#navLayer_expertise .navLayerLeft {display:none}
#navLayer_expertise .subNavOuter {width:100%; background-color: var(--grey-bg)}

.subnavblock {display: flex;flex-direction: column;margin-right: 50px; align-items: flex-start}
.subnavblock:last-of-type {margin-right: 0px;}
.subnavblock .subnavHeadline {font-weight: bold; font-size: 11px; letter-spacing: 1.54px; line-height: 30px; margin-bottom: 20px; text-transform: uppercase; white-space: nowrap}
.subnavblock a.aktiv {color: #ffffff}


#teaserrechts {float:left; width:215px; margin-left:10px; margin-top:10px;  padding-left:15px; padding-top:25px; position:absolute; top:260px; left:795px}


#choose {float:left; width:158px; margin-top:5px; font-size:14px}
#choosebuttons > a {display:block; width:20px; height:20px; background-color:#aacaec; color:#FFFFFF; float:left; font-style:normal; margin-left:2px; padding:2px; border:1px solid #aacaec;}
#choosebuttons > a.langaktiv {background-color:transparent; border:1px solid #ddd; color:#000000}
#choosebuttons > a:hover {background-color:transparent; border:1px solid #ddd; color:#000000}

a.autor, a.subject {text-decoration: underline; margin-top: 15px; display: block}



#teaserganz{margin-left:-10px; margin-top:-20px;}
#teaserganz div {margin-bottom:0px}
.teaserbild img {width:340px; margin-right:20px; float:left}
.teaserbild_rechts img {width:205px; margin-right:20px; margin-bottom:5px}
.teaserheadline_rechts {font-weight:bold; font-size:17px; margin-bottom:5px}
.teasertext {float:right; width:215px; height:auto; margin-left:10px;  padding-bottom:10px; margin-bottom:20px}
.teasertext a {width:100%; text-align:right; font-style:italic}
.teasertext a {text-decoration:underline}
.teasertext a:hover {text-decoration:none;}
.sonderthema {font-size:20px; margin-bottom:10px}
.banner {background-color:#a9caed; color:#FFF;  margin-top:10px; text-align:right;  padding-right:15px; padding-top:5px; min-height:25px }
.banner .bannerbild {width:205px; margin-bottom:0px; margin-left:5px}
#banneranimiert {background-color:#a9caed; color:#FFF;  margin-top:10px; text-align:right;  padding-right:15px; padding-top:5px; min-height:25px }
.banneranimiertpartner {width:205px; margin-bottom:0px; margin-left:5px; text-align:center}


.teaserheadline {color:#80696f; font-weight:normal; margin:0px; padding:0px}
.teaserheadlineLinie {color:#80696f; font-weight:bold; margin:0px; padding:0px; border-bottom:1px solid #808080; padding-bottom:10px; width:auto; }
.teaser_0 {clear:both; width:215px;}


.slickGallery img.slick-slide {height:500px; object-fit: contain; object-position: top} 
.slickThumbGallery {margin-top: 50px}
.slickThumbGallery img.slick-slide {height:100px; object-fit: cover; object-position: top; margin: 0 20px; cursor: pointer} 



.abstandoben20 {height:20px; width:100%}
.bold {font-weight:600;}


.teaserstartseite {border-top:1px solid #ddd; padding:0px; padding-top:10px; height:140px; overflow:hidden; margin-top:-10px; width:48%; float:left; margin-right:1%}
.teaserstartseiteheadline {font-size:16px; font-weight:bold;}
.teaserstartseitebild {width:170px; float:left }
.teaserstartseitebild img {max-width:150px;  }
.teaserstartseitetext p {margin:0px; padding:0px; line-height:18px}
.teaserstartseitetext a {font-style:italic; font-size:16px; color:#808080; line-height:22px}
.teaserstartseitetext a:hover {text-decoration:none}
.teaserstartseitetext span.link {font-style:italic; font-size:16px; color:#808080; font-weight:normal}



/* klassen ------------------- */

p.partner {margin-top:10px; margin-bottom:20px; margin-left:0px; padding:0px}
p.abstandpartner {margin-top:20px}
td.tdpartner {vertical-align:bottom; padding-left:20px;}
div.partnerdiv ul {margin-top:0px}
p.partner > p {margin:0px; padding:0px}
.partnertdkontakt {vertical-align:bottom}
.partnertdbild {padding-left:20px;  padding-top:20px}
.partnertdkontakt {width:300px}
.partnerbild {float:right; position:relative; top:-5px; max-height:200px}
.partnertable {margin-bottom:-60px; top:-80px; position:relative;}
.partnertable p {margin:0px; padding:0px}
ul.nobullet {list-style-type:none;}
ul.nobullet li {font-size:12px}
#innerinhalt .downloadsBullet  ul.nobullet {margin-left:0px}
.downloadsBullet{margin-left:0px}

#teamUebersicht{}
.teamdiv {border: 1px solid black} 
.teamdivbig {width:510px; height:510px; overflow:hidden;}
.teamdivbig .teambildbig {width:100%;} 
.teamdivsmall {width:250px; height:250px; overflow:hidden;}
.teamdivsmall img, .partnerdivbig img {width:100%; max-width:100%; height:auto}


.img__description_layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(145, 145, 145, 0.6);
  color: #000;
  visibility: hidden;
  opacity: 0;
  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}

.img__description {
  transition: .2s;
  transform: translateY(1em);
}

.teamdivsmall .img__description_layer { padding-left:20px; padding-top:80px; font-size:40px; line-height:50px; }
.teamdivbig .img__description_layer { padding-left:30px; padding-top:180px; padding-right:50px; font-size:70px; line-height:70px; }

.teamdivsmall:hover .img__description, .teamdivbig:hover .img__description {
  transform: translateY(0);
}


.teamdivsmall img, .teamdivbig img {
  -webkit-filter: grayscale(0);
  filter: none;	
}

.teamdivsmall:hover .img__description_layer, .teamdivbig:hover .img__description_layer {
  visibility: visible;
  opacity: 1;
}

/* grayscale on hover */
.teamdivsmall:hover img, .teamdivbig:hover img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  opacity:0.6; 
}


.teamdiv .left, .teamdiv .right {width:50%; box-sizing:border-box;}
.teamdiv .left {padding-right:30px; width:calc(50% - 50px)}
.teamdiv h1 {margin-bottom:20px}
.teambilddiv {margin-bottom:20px; margin-top:7px}

.tac {text-align: center}
.mb5px {margin-bottom:5px}
.mb10px {margin-bottom:10px}
.mt10px {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mt70 {margin-top:70px}
.mt80 {margin-top:80px}
.mt90 {margin-top:90px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}
.mb60 {margin-bottom:60px}
.mb70 {margin-bottom:70px}
.mb80 {margin-bottom:80px}
.mb90 {margin-bottom:90px}
.mr40 {margin-right: 40px} 
.bt {border-top:1px solid #333; padding-top:5px}
.bb {border-bottom:1px solid #333; padding-bottom:10px; padding-top:10px}
.nbb {border-bottom:0px solid #333; padding-bottom:10px; padding-top:10px}
.nozoom {border:0px}
.uc {text-transform: uppercase}
.ls1 {letter-spacing: 1px}
a.higslide img {border:0px}
.symDown {background-image:url(/UserFiles/structure/symbol_downloads.png); width:20px; height:26px; margin-bottom:10px; margin-top:10px}
.symLink {background-image:url(/UserFiles/structure/symbol_linkliste.png); width:22px; height:20px; margin-bottom:10px; margin-top:10px}
.bildbeschreibung {display:block; position:relative; top:0px; left:0px; background:rgba(204,204,204,0.8); overflow:hidden; z-index:99999; display:block; font-size:12px}
.bildbeschreibungInner {width:96%; height:96%; padding:10px; display:block; color:#000}
.w100 {width: 100%}
.disnone {display: none}

.downloads .linkhead, .linkliste .linkhead {font-size:12px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #333; margin-bottom:10px}
#innerinhalt .linkliste ul.nobullet, #innerinhalt .downloads ul.nobullet {list-style-type: none; margin-left:0px; border-bottom:1px solid #333; padding-bottom:10px; margin-bottom:10px}
#innerinhalt .linkliste ul.nobullet li, 
#innerinhalt .downloads ul.nobullet li {margin-left:0px}
#innerinhalt .partnerdiv ul, #inhalt .partnerdiv ol {margin-bottom: 0px;}


#backgroundCubes.team, #backgroundCubes.s_team {display:none}

.twocolumn {display: flex;justify-content: space-between}
.twocolumn .column {border-top: 1px solid #000; padding-top: 40px}
.twocolumn .column .heading {font-style: normal;font-weight: 600;font-size: 25px;line-height: 25px;letter-spacing: 0px;margin-bottom: 10px}
.twocolumn .column .text {font-style: normal;font-size: 15px;color:var(--grey-text);margin-bottom: 20px}
.simplestep .twocolumn .column .text {color:var(--black);}
#simplesteps {display: block;position: relative;top: -150px;visibility: hidden;} /* Anchor for Navigation - not visible */
.twocolumn .column .buttonOuter {display: flex; justify-content: flex-end;}
.twocolumn .column .buttonOuter .moreButton {width: 330px; height: 30px; background-color: var(--light-blue-bg);padding: 5px 20px;display: flex; align-items: center; cursor: pointer}
.twocolumn .column .buttonOuter .moreButton a {color: var(--dark-blue-text); text-decoration: none; font-size: 15px; margin-right: 20px;font-family: 'Barlow'; font-style: italic; font-weight: 500; transition: 0.2s ease-in-out}
.twocolumn .column .buttonOuter .moreButton a .moreArrowShort {top:5px;}
.twocolumn .column .buttonOuter .moreButton:hover .moreArrowShort {width: 76px}
.twocolumn .column .buttonOuter .moreButton img {height: 80%}
.twocolumn .smallcolumn {width: 30%;}
.twocolumn .smallcolumn img {width: 100%; height: auto;}
.twocolumn .bigcolumn {width: 65%}

.mceTempl.twocolumn {
	margin-top: 70px;
} 

.threecolumn {display: flex;justify-content: space-between}
.threecolumn:first-of-type {margin-top:70px}
.threecolumn .column {width: 30%; border-top: 1px solid #000; padding-top: 30px}
.threecolumn .column .line {height: 1px;background-color: #000;width: 100%; margin-bottom: 40px}
h4, .threecolumn .column .heading {font-style: normal;font-weight: bold;font-size: 16px;line-height: 20px;letter-spacing: 0px;margin-bottom: 10px}
.threecolumn .column .text {font-style: normal;font-size: 15px;color:var(--grey-text);margin-bottom: 20px}
.threecolumn .column .text li::before {content: "+";padding-right: 10px;}
.threecolumn .column img {width: 100%; height: auto;}
.threecolumn .column .mehrlesen {color: var(--dark-blue-text); text-decoration: none; font-size: 15px; font-family: 'Barlow'; font-style: italic; font-weight: 500; cursor: pointer}

.mitarbeiterOuter {display: flex; flex-direction: column}
.mitarbeiterOuter .mitarbeiter {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 70px} 
.mitarbeiterOuter .mitarbeiter .mitarbeiterBild {width: 20%; padding-top: 20px; border-top: 1px solid #000000;}
.mitarbeiterOuter .mitarbeiter .mitarbeiterRight {width: 75%; padding-top: 20px; border-top: 1px solid #000000; line-height: 32px}
.mitarbeiterOuter .mitarbeiter .mitarbeiterRight .name {font-weight: bold}
.mitarbeiterOuter .mitarbeiter .mitarbeiterRight .position {color: var(--grey-text)}
.mitarbeiterOuter .mitarbeiter .mitarbeiterRight .email { color: var(--light-blue-text)}
.mitarbeiterOuter .mitarbeiter .mitarbeiterRight .email:hover { text-decoration: underline}
.mitarbeiterOuter .mitarbeiter .mitarbeiterRight a {display: block}


/* Formularfelder ---------------- */
.covid19link {font-weight:bold; font-size:1.3em;}

input, select, textarea {background-color:transparent; border:1px solid #000; margin-bottom:3px; height:25px; color:#000; padding-left:10px; padding-right:10px}
.anabmelden {float:left; margin-right:10px; border:0px }
#zustimmung {width:30px; height:30px}
#newslettersubmit {width:162px; text-align:center}
#password {width:123px; margin-top:5px; color:#87888a; font:100%  Helvetica, Arial, sans-serif;  padding-left:3px}
#comments {height:70px; overflow:auto; color:#87888a; font:100%  Helvetica, Arial, sans-serif;  padding-left:3px; padding-top:3px; width:262px}
#Senden {padding-left:20px; padding-top:3px; padding-bottom:3px; cursor:pointer; width:267px; float:left; color:#87888a; position:relative; z-index:100000}
#anrede {width:150px;}

.buttonOuter.kompatibelButton, .buttonOuter.simplestepButton, .buttonOuter {display: flex; justify-content: flex-end;}
.buttonOuter.kompatibelButton .moreButton, .buttonOuter.simplestepButton .moreButton {width: 400px; height: 40px; background-color: var(--light-blue-bg);padding: 5px 20px;display: flex; align-items: center; cursor: pointer}
.buttonOuter.kompatibelButton .moreButton a, .buttonOuter.simplestepButton .moreButton a {color: var(--dark-blue-text); text-decoration: none; font-size: 15px; margin-right: 20px;font-family: 'Barlow'; font-style: italic; font-weight: 500}
.buttonOuter.kompatibelButton .moreButton:hover a .moreArrowShort, .buttonOuter.simplestepButton .moreButton:hover a .moreArrowShort {width: 76px}
.buttonOuter.kompatibelButton .moreButton img, .buttonOuter.simplestepButton .moreButton img {height: 80%}

.sendButton {background-color: var(--light-blue-bg); padding: 5px 20px; display: flex; align-items: center; justify-content: center}
.sendButton {color: var(--dark-blue-text); text-decoration: none; font-size: 15px; }

img {border:0px;}
.highslide > img{border:10px solid #F00;}
.image {border:0px}
.rot {color:#80696f}
.emailcodierung{color:#000}
.emailcodierung  > a{color:#000}
a {outline:none; text-decoration:none; color:var(--black);}


#anfrageform {display:none;}
.anfrageformulartable {border:0px; padding:0px; margin:0px; width:100%;}
.anfrageformulartable .noborder {border:0px;}
.anfrageformulartable button {width:150px; height:30px; text-align:center}

#inhalt a {color:#000; text-decoration:none}
#inhalt a:hover {color:#9f9f9f}

#navMobile {display:none}
#logoMobile {display:none}
#langChangeMobile {display:none}

.newsdiv { clear:both; margin-bottom:50px}
.news_bild {width:30%; display:flex; align-items: baseline; justify-content: center}
.news_bild .imgBorder {max-width: 400px;max-height: 270px;width: 100%;height: 100%;border: 1px solid var(--grey-text);display: flex;justify-content: center;align-items: center;}
.news_bild img {max-width:100%; padding: 80px}
.news_text {float: left;
display: inline-block;
position: relative;
width: 690px;} 

body.practical-pointers.desktop .news_bild {float:right !important}
body.practical-pointers.desktop .news_text {width:600px !important}

.news_bild_startseite {width:90px; white-space:nowrap; float:left}
.newsdiv  .content_startseite {display: inline-block; width:700px; white-space:normal; float:right}
.news_bild_startseite img {max-width:75px}

.datum {font-weight:bold}
.newsdiv div.content {width:800px; max-width:100%; display:inline-block; float:left; margin-right:50px; box-sizing:border-box; border-bottom:1px solid #333; padding-bottom:50px}
.divarchiv {margin-bottom:50px}
.auszeichnungen_headline {font-weight:bold; margin-bottom:20px; font-size:1.2em}
.subheadline {font-weight:bold; margin-bottom:10px}



input.hiddenCheckbox[type=checkbox] {display: none}

input.hiddenCheckbox[type=checkbox] + label {
   vertical-align:middle;
   width: 20px; height: 20px; display: inline-block;
   margin-right: 12px; cursor: pointer;
	background-color: #FFF;
}

input.hiddenCheckbox[type=checkbox]:checked + label {
  background-color: #FFF;
   
}

.newsletter {margin: 0px auto; display: flex}
.newsletter .left{ width: 400px; margin-right: 180px; flex-shrink: 0}
.newsletter .right {}
.newsletter .form .input {width: calc(100% - 240px); padding-right: 20px}
.newsletter .form .input input {width: 100%; border:0px; border-bottom: 2px solid #FFF; height: 65px}
.newsletter button.button {border: 0px}

.content_startseite {font-weight:bold; font-size:13px}

#content ul li ul {
  margin: 0;
  margin-left:20px;
}
#content ul li ul {
  list-style-type: none;
}
#content ul li ul > li {
	display: table-row;
}
#content ul li ul > li:before {
  content: "-";
  display:table-cell;
  padding-right:0.3em;
  text-align:right;
}
#navMobileMenu {display:none}
.partnerbilddiv img {max-width:100%}
.partnertextEmpty .right {margin-bottom:30px}

.corona-info {padding-top:20px; padding-bottom:20px; text-align:justify; font-weight:bold}


/* Formularfelder ---------------- */
.formular {width:1000px; max-width:100%; margin-top:50px}
.zeile {margin-bottom:10px}
.zeile .links {width:400px; float:left;}
.zeile .rechts {width: calc(100% - 400px); max-width:100%; float:left}
.zeile .rechts img {max-width:100%}
input, select, textarea, checkbox{}
button#absenden {color:#FFF !important; font-size:20px;  padding-top:5px }
input#datenok, input#newsletter {width:50px; float:left; height:30px}

.formular {padding-bottom:50px}
.formular img{}
.formular .inputfile {
                width: 0.1px;
                height: 0.1px;
                opacity: 0;
                overflow: hidden;
                position: absolute;
                z-index: -1;
            }
.formular .inputfile + label {
                background-color: white;
                display: inline-block;
                border:1px solid #999;
                padding:10px;
                width:100%;
                border-radius:2px;
            }
            
.formular .inputfile:focus + label,
.formular .inputfile + label:hover {
                background-color: #bd8896;
                color:#FFF;
            }
.formular .inputfile + label {
                cursor: pointer; /* "hand" cursor */
            }
.formular .inputfile:focus + label {
                outline: 1px dotted #000;
                outline: -webkit-focus-ring-color auto 5px;
            }
.formular .inputfile + label * {
                pointer-events: none;
            }

.formular #fertig {color:#FFF; font-size:30px; padding-top:5px}

.small {font-size:16px; float:left; width:calc(100% - 100px)}
button{cursor:pointer}
button:hover{}
input#but_upload {padding-top:10px !important; background-color:rgba(52, 52, 52, 1); color:#FFF; font-size:20px; cursor:pointer}
.selecter {font-family:Verdana, Geneva, sans-serif}
.erklaerung {font-size:16px; font-style:italic}
textarea{padding-top:10px; height:200px}
input.drittel {width:200px}
input.zweidrittel {width:calc(100% - 205px) !important}
input.web {width:calc(100%) !important; float:left;}
::-webkit-input-placeholder { /* Edge */
  color: grey; opacity:0.4;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: grey; opacity:0.4;
}

::placeholder {
  color: grey; opacity:0.4;
}



@media (max-width:1350px) {
    #nav {padding: 0 20px}
    .menu ul li {margin-right: 20px}
    .menu .searchOuter, .menu .kontaktButton {margin-left: 20px}
    
    .menu ul li #produkte + .subnavOuter {margin-left: -78px; width: 900px;}
    .menu ul li #downloads + .subnavOuter {width: 500px;}
    .menu ul li .subnavOuter ul.subnav { display: grid; justify-content: space-around; grid-template-columns: repeat(auto-fill,180px); grid-gap: 20px;} 
    .menu ul li:hover div.subnavOuter ul.subnav {float: none; clear: both}
    
    
    #adresseInnen {flex-wrap: wrap}
    #adresseInnen .left,
    #adresseInnen .center,
    #adresseInnen .right {width: 50%; margin-top: 30px}
}


@media (max-width:1100px) {
    .lines {justify-content: space-around}
    .kategorienBoxenOuter .kategorienBoxen {justify-content: space-around}
}

@media (max-width:1024px) {
	
* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

body {font-size:17px; letter-spacing: 0.17px; line-height: 29px}

h1, .h1like {font-style: normal;font-weight: 500;font-size: 30px;line-height: 38px;letter-spacing: 0px;color: var(--black);}
h2, .h2like, #startseiteOuter .subline_start {font-style: normal;font-weight: 500;font-size: 26px;line-height: 35px;letter-spacing: 0px;color: var(--black); margin-bottom: 20px} 
h3, .h3like {font-style: normal;font-weight: 500;font-size: 22px;line-height: 29px;letter-spacing: 0px;color: var(--black);}
h4, .h4like {font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;letter-spacing: 0px;color: var(--black);}
h5, .h5like {font-style: normal;font-weight: bold;font-size: 18px;line-height: 25px;letter-spacing: 1.54px;color: var(--black);text-transform: uppercase;}
.h0 {font-style: normal;font-weight: bold;font-size: 34px;line-height: 40px;letter-spacing: 0;color: var(--black);}
    #startseiteOuter .subline_start {color: white}
.corona-info {padding-left:15px; padding-right:15px}
	
	
.pt_0{padding-top:0px !important; }
.pt_1{padding-top:5px !important; }
.pt_2{padding-top:10px !important;}
.pt_3{padding-top:15px !important;}
.pt_4{padding-top:20px !important;}
.pt_5{padding-top:40px !important; }
.pt_6{padding-top:60px !important; } 
.abstand.pt_0 {display: none}

.pb_0{padding-bottom:0px !important}
.pb_1{padding-bottom:5px !important;}
.pb_2{padding-bottom:10px !important;}
.pb_3{padding-bottom:15px !important}
.pb_4{padding-bottom:20px !important;}
.pb_5{padding-bottom:40px !important;}
.pb_6{padding-bottom:60px !important;}

/* Formularfelder ---------------- */
.zeile {margin-bottom:10px; font-size:1em; color:#444}
.zeile .links {width:100%; float:none; clear:both;}
.zeile .rechts {width:100%; max-width:100%; float:none; clear:both}
.zeile .rechts img {max-width:100%}
.zeile .small, .erklaerung {font-size:1em !important}
.formError {margin-left: -100px !important;}

    .button {height: 50px}
.topNav {float: left;}
.awards, .opinions, .partleft, .partright, .awardsdiv, .awards .awardsdiv  {max-width:100%; padding:0px; width:100%; clear:both; display:block}
#innerinhalt table tr td {width:100%; display:block; clear:both}


#langChangeMobile {display:block; width:50px; text-align:right; float:right; margin-top:8px; font-size:10px; position:absolute; top:-20px; left:80%; z-index:999}	
#content {width:100%; z-index:100;text-align:left; position:relative; margin:0px auto; margin-top:5px; height:auto; padding-right:20px; min-height:1px }

#balkenoben {display: flex; justify-content: space-between; align-items: center; padding: 0 30px}
#logoMobile {display:block; margin-left:0%; width:70%; height: 50px; max-width:370px}
#logo {width: 100%; height: 100%}
#logoXL {display:none;position:relative; background-image:url(); background-size:800px 380px; background-repeat:no-repeat; text-indent:-10000px; width:800px; height:380px; z-index:2; margin-top:20px; margin-left:50px}
#logoMobileSpan {display:block;position:relative; top:0px; left:0px; background-image:url(); background-repeat:no-repeat; text-indent:-10000px; width:169px; height:91px; z-index:2;}
#topNav {padding-left: 0px;padding-right: 0px;}
	 
#tools_left {display:none}
#subnav {display:none}
	 

#contentInnen, .contentInnen {min-height:inherit; margin-top:10px;}
#contentInnen.start {min-height:0px; margin-top:0px; margin-left:0px}
#inhalt {background-color:#FFFFFF; float:left;  margin-top:0px; width:100%}


#nav {display:none}

#navMobileMenu {display:none;height: calc(100% - 100px);position: fixed;width: 100%;z-index: 100;background: var(--light-blue-bg);overflow-y:scroll; margin-top: 100px;}
#navMobile {display:block; width:40px; height:auto;}

    

#navMobileOpener {display:block; padding-top:4px; position:relative; right:0px; float:right; padding-right:4px; cursor:pointer; padding-bottom:5px}
#navMobileOpener .balken {width:25px; height:4px; border-radius: 100px; background-color:var(--dark-blue-bg); margin-top:5px}
#navMobileCloser {display:none; padding-top:4px; position:relative; right:0px; float:right; padding-right:4px; cursor:pointer; padding-bottom: 5px}
#navMobileCloser .balken {width:25px; height:4px; border-radius: 100px; background-color:var(--dark-blue-bg); margin-top:5px}
    
.menuMobile{text-align:left; width:100%; font-size:12px; position:relative; float:left;  padding-top:10px; color:#000; z-index:10000;}
.menuMobile > ul > li { padding-left:10px; color:#000; list-style:none; padding-top:20px; margin-right:10px; width: 100%; flex-wrap:wrap}
.menuMobile > ul > li:last-child {border-bottom:0px} 
.menuMobile > ul > li > a, .menuMobile > ul > li > span {width: 100%; font-weight: bold; font-size:2em; color: var(--dark-blue-text)}
.menuMobile > ul > li > ul {display: flex;flex-wrap: wrap;margin-top: 10px}
.menuMobile > ul > li > ul > li {width: 100%}
.menuMobile > ul > li > ul > li > a, .menuMobile .subnavblock .subnavHeadline {width: 100%; font-size: 1.7em; color:var(--black); font-weight: normal; text-transform: none; margin-bottom: 0; letter-spacing:inherit; cursor: pointer}
.menuMobile > ul > li ul > li.subnavblock {align-items: flex-start; margin-right: 0}
.menuMobile > ul > li > ul > li.subnavblock > ul.subnavList {display: none;padding-left: 20px; margin-top: 10px; width: 100%}
.menuMobile > ul > li > ul > li.subnavblock > ul.subnavList > li {width: 100%;}
.menuMobile > ul > li > ul > li.subnavblock > ul.subnavList > li > a {width: 100%; font-size: 1.5em}


#subnavMobile {display:none; position:relative; margin-top:0px; margin-left:0px; padding-left:5%;  width:95%; overflow:hidden; float:left; text-align:left; margin-top:0px; padding-top:10px; background-color:#eee; padding-bottom:10px; margin-bottom:10px }
#subnavMobile div.subnav {height:auto; line-height:1.1em; width:100%; margin-top:2px;  }
#subnavMobile div.subnav1 {margin-left:10px; height:auto;  line-height:1.1em; margin-bottom:7px; color:#000; margin-top:2px}
#subnavMobile div.subnavheadline {font-family: 'RubrikMedium', sans-serif;margin-bottom:5px; font-weight:normal; width:100%; margin-top:5px; clear:both}
#subnavMobile div.subnav a.subnavlink { color:#000; text-decoration:none;}

#subnavMobileOuter {display:none; width:100%; height:40px; background-color:#eee; text-align:right; clear:both;}
.subnavMobileOpener {padding-top:4px; position:relative; float:right; cursor:pointer; padding-bottom:10px; padding-right:5px}
.subnavMobileOpener .balken {width:30px; height:5px; background-color:#000; margin-top:5px; margin-right:0px}


#subnavMobileOuterOpener {display:block; clear:both;  height:40px; background-color:#eee;}
#subnavMobileOuterOpener #subnavMobileOpener .balken {width:30px; height:5px; background-color:#000; margin-top:5px; margin-right:0px}


#subnav div.subnav div.subnav1 {display:none}
#subnav div.aktiv div.subnav1 {display:block}

    #startseiteOuter {padding-top: 50px; order:2; padding-left:15px; padding-right: 15px}
    #start {display: flex;flex-direction: column;}

    #start .startImage {position: relative;top: 0;right:0; order: 1;}
    #start #video1 {object-fit: fill;width: 100%;}
    .starttopabstand {order:0}
    .startbottomabstand {order:3}
    
    body.isStart .subline_start, body.isStart h1.start {max-width: 100%}

    .content.expertise {margin-top: 100px}
    .expertise {margin-top: 40px}
    .expertise .expertisefields {flex-direction: column;}
    .expertise .expertisefields .field {max-width: 100%;}
    
    .services {margin-top: 40px}
    .services a.button {border:none; color:var(--grey-text) !important; text-decoration: underline !important; margin: 0; padding-left: 10px; padding-right: 10px}
    .services .button:hover {border:none; background: none}
    
    
    .pressReleases {flex-wrap:wrap; margin-top: 60px}
    .pressReleases .left {margin-bottom: 40px}
    .pressReleases .right {width: 100%}
    
    .teamfinder .form.flex {flex-direction: column; align-items: center}
    .teamfinder .form.flex .input {width: 100%; padding-right: 0; margin-bottom: 25px}
    
    .content.layout_1 {padding: 0px}
    .content.layout_1 .contentInnen {flex-direction: column}
    .content.layout_1 .contentInnen .textContent {padding:0 20px}
    .content.layout_1 .contentInnen .hauptbild {margin-left: 0px; margin-top: 50px}
    .content.layout_2 .contentInnen {flex-direction: column-reverse}
    .content.layout_2 .contentInnen .hauptbild {margin-left: 0px; margin-top: 50px}
    .content.layout_3 .contentInnen {flex-wrap: wrap} 
    .content.layout_3 .contentInnen .textContent {width: 100%}
    .content.layout_4 .contentInnen {flex-wrap: wrap}
    .content.layout_4 .contentInnen .textContent {width:100%}
    .content.layout_3 .contentInnen .hauptbild {width: 100%}
    .content.layout_5 .contentInnen {flex-wrap: wrap; margin-right: auto}
    .content.layout_5 .contentInnen .hauptbild {margin: 0px auto;}
    .content.layout_7 .contentInnen {flex-wrap: wrap}
    .content.layout_7 .contentInnen .hauptbild {margin: 0px auto; margin-top: 40px}
    .content.layout_8 .contentInnen {padding:0px;}
    
    .hauptbild.img_pos_3 {justify-content: center}
    
    
    .newsletter {flex-direction: column}
    .newsletter .form .input {width: 100% !important}
    .newsletter .left {max-width: 100%}
    
    .teamSplit {flex-wrap: wrap}
    .teamSplit .partnerLeft {width: 100%; padding: 0}
    .teamSplit .partnerRight {width: 100%; padding: 0} 
    #partnerUebersicht {display: flex; flex-direction: column; align-items: center}
    
    .expertiseSplit {flex-wrap:wrap}
    .expertiseSplit .expertiseColumn {width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 60px}
    .expertiseSplit .expertiseColumn ul {width: 100%;} 
    .expertiseSplit .expertiseColumn li {width: 100%; text-align: center; display: block} 

    .slickGallery img.slick-slide {height: 400px}
    .slickThumbGallery img.slick-slide {height: 90px;}
    
    .awardsFav {margin-top: 60px; margin-bottom: 40px}
    .awardsFav .awardsFavInner {flex-wrap: wrap}
    .awardsFav .awardsFavInner .award{margin-bottom: 20px}

    .awards .awardcontent {flex-wrap: wrap}
    .awards .awardsright {width: 100%; padding-left: 0; margin-top: 40px}
    .awards ul li {display: block}
    
    .press .pressBody {flex-wrap: wrap;}
    .press .pressBody .pressLeft {width: 100%; margin-bottom: 40px}
    .press .pressBody .pressLeft .pressImg {max-width: 100%; margin-bottom: 40px}
    .press .pressBody .pressRight {max-width: 100%;}
    .press .pressBody .pressRight .links {flex-wrap: wrap}
    .press .pressBody .pressRight .links a {margin-top: 20px}
    
    #adresse {width:100%; height:auto; padding-left:0px; text-align:left; position:relative; margin:0px auto; padding:20px} 
    #adresseInnen {padding-top: 0px}
    #adresseInnen .adresseUnten {flex-direction: column}
    #adresseInnen .adresseUnten .left {width: 100%; height:400px}
    #adresseInnen .adresseUnten .right {width: 100%; margin-top: 100px}
    #adresseInnen .adresseUnten .right .footerNav {flex-wrap: wrap}
    #adresseInnen .adresseUnten .right .footerNav .modul {width: 50%; margin-bottom: 70px}
    #adresseInnen .linkedin {margin-left: 0px}
    #adresseInnen .logoWhite {margin-bottom: 70px}
	
	#adresseInnen .center .kontaktinfos {column-gap: 30px}


p.partner {margin-top:0px; margin-bottom:0px; margin-left:0px; font-size:0.8em}
p.abstandpartner {margin-top:0px}
td.tdpartner {vertical-align:bottom; padding-left:0px; padding-bottom:10px; padding-top:10px}
div.partnerdiv ul {margin-top:0px}
p.partner > p {margin:0px; padding:0px;}
.partnertdkontakt {vertical-align:bottom}
.partnertdbild {padding-left:0px}
.partnertdkontakt {width:100%}
.partnerbild {clear:both; position:relative; top:0px;}
.partnertable {margin-bottom:0px; top:0px; position:relative; font-size:0.8em}
.partnertable td { display:block; clear:both; padding-bottom:10px}



#contentInnen #inhalt #innerinhalt .content_einleitung, #contentInnen #inhalt #innerinhalt .content_einleitung p {font-size:1.1em; margin-bottom:20px}
.content{font-size:1em; color:#444}
div.content ul {font-size:1.2em}

.news_bild {float:left; width:300px;}
.news_bild img {max-width:300px; float:left; margin-bottom:5px}

.news_bild_startseite {float:left; width:100px;}
.news_bild_startseite img {max-width:75px; float:left; margin-bottom:5px}

.content_startseite {font-weight:normal; font-size:0.9em; max-width:100%; width:100%}

.newsdiv div.content {float:left; margin-left:5px; max-width:100%;}
.datum {margin-bottom:5px}
#contentInnen #inhalt #innerinhalt .content_einleitung, #contentInnen #inhalt #innerinhalt .content_einleitung p {margin-bottom: 20px;}
p::empty {display:none}
.teambilddiv {width:100%;}
.teambilddiv img {width:100%}
}

@media(max-width:900px) {
    
    .threecolumn {flex-wrap: wrap}
    .threecolumn .column {width: 100%}
    
    #adresseInnen .left,
    #adresseInnen .center,
    #adresseInnen .right {width: 100%} 
}

@media (max-width:800px) {
	
	.kategorienBoxenOuter {margin-top: 0px}
	#content, .content {min-height: unset}
	.mainContent {margin-top: 140px}
	.mceTempl.twocolumn {margin-top: 20px}
    
    
    .pt70 {padding-top: 30px}
    .pt80 {padding-top: 40px}
    .pt110 {padding-top: 50px}
    
    .publicationsOuter .publication {max-width: 100%}
    .publicationsOuter {grid-template-columns: repeat(auto-fill,300px)}
    
    
	#contentInnen {min-height:inherit; width:100%; padding:0%;}
	.teamdivbig {max-width:100%; width:310px; height:auto; margin-right:10px; margin-bottom:10px;}
	.teamdivsmall {max-width:100%; width:150px; height:auto; margin-right:10px; margin-bottom:9px;}
	.teamdivbig .img__description_layer {padding-top:20px; font-size:40px; line-height:40px;}
	.teamdivsmall .img__description_layer {padding-top:20px; font-size:20px; line-height:20px;}
	.teamdiv .left, .teamdiv .right {width:100%; clear:both; display:block}
	.teamdiv .left {padding-right: 0px;}	
	#textAbmelden {font-size:0.8em}
}

@media (max-width:740px) {
    .lines .line {width: 240px}
    .kategorienBoxenOuter .kategorienBoxen {grid-template-columns: repeat(auto-fill,320px); } 
    .kategorienBoxenOuter .kategorienBoxen .kategorie {width: 320px; height: 320px; font-size: 16px}
    .kategorienBoxenOuter .kategorienBoxen .kategorie .bigLetters {font-size: 64px; line-height: 64px; left: 0px}
    .aktuellesOuter .aktuellesInner {justify-content: center} 
    
    .vorteileOuter .vorteileInner, .referenzenOuter .referenzenInner {justify-content: center}
    
    .twocolumn {flex-wrap: wrap;}
    .twocolumn .smallcolumn {width: 100%;}
    .twocolumn .bigcolumn {width: 100%;border: none;}
    .simplestep {margin-bottom: 70px;}
    
    #adresseInnen .buttonOuter {margin-bottom: 50px}

    .contentInnen .haupttext p {margin-bottom: 0}

}


@media (max-width:600px) {
	#backgroundCubes {display:none}
    
    .slickGallery img.slick-slide {height: 200px}
    .slickThumbGallery img.slick-slide {height: 40px;}
    
    .searchTeamMemberForm form div.form.flex {flex-wrap:wrap; flex-direction: column; align-items: center}
    .searchTeamMemberForm .form.flex .input {width: 100%; margin-bottom: 40px}
    
    .content_einleitung .flex {flex-wrap: wrap}
    
    .content.layout_7 {height: 150px}
    
    .artikelOuter .right .artikel .artNr {width: 90px; padding-left: 5px}
    .artikelOuter .right .artikel .artName {padding-left: 10px} 
}

@media (max-width:450px) {
    
    .twocolumn .column .buttonOuter {margin-top: 30px}
    .twocolumn .column .buttonOuter .moreButton {width: 100%}
    
    .gmap_canvas, .mapouter {width: 100%; height: calc(100vw * 0.6)}
	
	#adresseInnen .center .kontaktinfos {grid-template-columns: repeat(1,100%)} 
}