#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
/* normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color:transparent; color:#00a6de;text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block;}
a:active, a:hover { outline: 0; color:#5f6f75;}
abbr[title] { border-bottom: 1px dotted; }
b, strong, .bold { font-weight:700; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; -webkit-appearance: none; border-radius: 0;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="checkbox"] {-webkit-appearance: checkbox;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0;-webkit-appearance: none !important;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
::-moz-selection {background: #8ccae5; text-shadow: none; }
audio, canvas, iframe, svg, video { vertical-align: middle; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* allgemein */
* { margin:0; padding:0; border:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; font-size: 100%}
html { font-size:100%; }
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none;list-style-position: outside;}
.home-li li::before {position:relative;}
main li {position:relative; padding-left:12px;margin-bottom:10px;}
main li:before {position: absolute;left: 0;top:13px;content:"\e903";font-family: 'icomoon' !important;color:#00a6de;font-size:30px;}
.transit, input.submit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}


/************** ICON SITES *****************/
@font-face { font-family: 'icomoon'; src:  url('../../files/method/css/fonts/icomoon.eot?b2v1di'); src:  url('../../files/method/css/fonts/icomoon.eot?b2v1di#iefix') format('embedded-opentype'), url('../../files/method/css/fonts/icomoon.ttf?b2v1di') format('truetype'), url('../../files/method/css/fonts/icomoon.woff?b2v1di') format('woff'), url('../../files/method/css/fonts/icomoon.svg?b2v1di#icomoon') format('svg'); font-weight: normal;  font-style: normal; }
[class^="icon-"], [class*=" icon-"], .icon { font-family: 'icomoon' !important;speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon-akademie:before, .icon-aktuell:before, .icon-auge:before, .icon-dot:before, .icon-erfolg:before, .icon-haken:before, .icon-kontakt:before, .icon-kooperation:before, .icon-kunden:before, .icon-leistungen:before, .icon-pfeil:before, .icon-pfeildoppel:before, .icon-plus:before, .icon-preis:before, .icon-suche:before, .icon-team:before, .icon-unternehmen:before {color:#cdcdcd;font-size:4em;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.icon-akademie:before {content: "\e900";}
.icon-aktuell:before {content: "\e901";}
.icon-auge:before {content: "\e902";}
.icon-dot:before {content: "\e903";}
.icon-erfolg:before {content: "\e904";}
.icon-haken:before {content: "\e905";}
.icon-kontakt:before {content: "\e906";}
.icon-kooperation:before {content: "\e907";}
.icon-kunden:before {content: "\e908";}
.icon-leistungen:before {content: "\e909";}
.icon-pfeil:before {content: "\e90a";}
.icon-pfeildoppel:before {content: "\e90b";}
.icon-plus:before {content: "\e90c";}
.icon-preis:before {content: "\e90d";}
.icon-suche:before {content: "\e90e";}
.icon-team:before {content: "\e90f";}
.icon-unternehmen:before {content: "\e910";}

/************** FONTS *****************/
@font-face {font-family: 'sansbold';src: url('../../files/method/css/fonts/opensans-bold-webfont.woff2') format('woff2'),url('../../files/method/css/fonts/opensans-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'sanslight';src: url('../../files/method/css/fonts/opensans-light-webfont.woff2') format('woff2'),url('../../files/method/css/fonts/opensans-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'sansreg';src: url('../../files/method/css/fonts/opensans-regular-webfont.woff2') format('woff2'),url('../../files/method/css/fonts/opensans-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montlight';src: url('../../files/method/css/fonts/montserrat-light-webfont.woff2') format('woff2'),url('../../files/method/css/fonts/montserrat-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montthin';src: url('../../files/method/css/fonts/montserrat-thin-webfont.woff2') format('woff2'),url('../../files/method/css/fonts/montserrat-thin-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

body { font-family: 'sansreg', sans-serif; font-weight: 400; color:#4b5959; font-size:16px; line-height:24px; background:#fff;}

h1, h2, h3, h4, h5, h6 { text-transform:uppercase;font-family:'montlight';font-weight:300;}
h1 {font-size:50px; line-height:46px; letter-spacing:1px;margin-bottom:20px;}
h2 {font-size:30px; line-height:36px; letter-spacing:1px;margin-bottom:20px;}
h3 {font-size:25px; line-height:28px; letter-spacing:1px;margin-bottom:15px;}
h4 {font-size:20px; line-height:24px; letter-spacing:1px;margin-bottom:15px;}


/* allgemein */
.transit, input.submit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.loading {position:fixed; top:50%; left:50%; margin:-40px 0 0 -40px; width:80px; height:80px; background:url(../../files/method/methodpix/logoicon.png) no-repeat center center; -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-name: pulse; 	animation-name: pulse;	-webkit-animation-iteration-count: infinite;}
@-webkit-keyframes pulse {  0% { -webkit-transform: scale(0.7); } 50% { -webkit-transform: scale(1.0); } 100% { -webkit-transform: scale(0.7); } }
@keyframes pulse {  0% { transform: scale(0.7); } 50% { transform: scale(1.0); } 100% { transform: scale(0.7); } }
.no-js .wrap {opacity:1;}
.no-js .loading {display:none;}

/* COLORZ */
.blue {color:#00a6de;}
.gray {color:#5f6f75;}
.green {color:#78b832;}

/* ### tinyMCE ### */
.blau {color:#00a6de!important;}
.grau {color:#5f6f75!important;}
.weiss {color:#fff!important;}
.dunkel {color:#637277!important;}

.space {padding-bottom:80px;}
.mobile {display:none;}
.off {display:block;}
.left {float:left;}
.right {float:right;}
/********** HEADER **********/
header {position:relative; width:100%;}
header #loga {float:left;position:relative;width:300px;height:50px;margin-bottom:15px;}
header #logo {position:relative;width:300px;height:50px;background:url('../../files/method/methodpix/SONOXO_Logo.svg') no-repeat;text-indent:-10000px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

/* ## CONTAINER ## */
.wrap {opacity:0;}
.bgwhite, .bghell {width:100%;position:relative;}

.bgwhite {background:#e9f1f4;}
.bghell {background:#e9f1f4;}
.bggrau {background:#889398;}
.bgdunkel {background:#637277;}
.bggreen {background:#78b832;}
.bgblue {background:#00a6de;}

.center {max-width:1200px; margin:0 auto; position:relative; padding:0 20px;}
.centerkl {max-width:800px; margin:0 auto; position:relative; padding:0 20px;}
.centerstart {position:absolute;width:100%;padding:2% 5%;}

/********** HEADERBILD **********/
.header_image {position:relative;float:left;background:#0b212b;}
.header_image img {position:relative; width:100%; height:auto;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
header:hover img {opacity:0.4;}
.home .slogan {position:absolute;top:33%;left:10%;z-index:100;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.slogan {position:absolute;top:50%;left:15%;z-index:100;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.slogan1 {line-height:44px;letter-spacing:1.7px;display:none;color:#fff;}
.slogan h1 {margin-bottom:6px;}
.slogan2 {font-family:'sansreg';font-weight:400;font-size:16px;line-height:26px;display:none;color:#fff;max-width:720px;}
.slogan3 {display:none;position:relative;}
.slogan3 p  {float:left;}

/********** navigation **********/
#navi {float:left;width:70%;margin-top:-10px}
.navigation {position:relative;z-index:1000;font-weight:300;color:#fff;letter-spacing:0.5px;width:100%}
.main_nav li {float:left; margin-right:1%;position:relative;padding:10px 12px 6px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main_nav li:last-child {margin-right:0;}
.main_nav li a {color:#ffffff; display:block;text-align:center;text-transform:uppercase;font-family:'montlight';}
.main_nav li:hover a, .main_nav li.trail a {color:#00a6de;}
.main_nav li:hover {border-bottom: 1px solid #00a6de;}
.main_nav li.active {padding:10px 12px 6px;display:block;border-bottom: 1px solid #00a6de;}
.main_nav li.active .active, .main_nav .level_2 li.forward .forward {color:#00a6de;text-align:center;text-transform:uppercase;font-family:'montlight';font-weight:normal;}

.main_nav .level_2 {position:absolute;display:none;transition: transform 250ms ease-in-out;background:#eaf2f5;left:0;top: 40px;}
.main_nav li:hover .level_2 {display:block;opacity: 1;animation-name: fadeInOpacity;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 0.4s;}
@keyframes fadeInOpacity {0% {opacity: 0;} 100% {opacity: 1;}}
.main_nav .level_2 li {border-bottom:1px solid #00a6de;display:block;width:100%;margin-right:0;height:auto;padding:0;}
.main_nav .level_2 li a {font-size:16px;line-height:40px;display:block;width:100%;white-space:nowrap;color:#000;padding:6px 20px;height:auto;text-align:left;}
.main_nav .level_2 li.active, .main_nav .level_2 li.forward {padding:10px 20px;text-align:left;}
.main_nav .level_2 li.active .active, .main_nav .level_2 li.forward .forward {line-height:40px;}

.main_nav .level_2 li:first-child {border-top:1px solid #00a6de;}
.main_nav .level_2 li:last-child {border-bottom:none;}
.main_nav .level_2 li a { }
.main_nav .level_2 li.trail a { color:#fff; background:#00a6de;}
.main_nav .level_2 li:hover a { color:#fff; background:#00a6de; }

/* hamburger */
label.hamburg {display:none;z-index:1001;background:none; width:59px; height:50px; position:absolute; top:50px; right:34px; cursor:pointer; margin-left:auto; margin-right:auto;border-radius:4px;}
input#hamburg {display:none}
.line { position:absolute; left:2px; height:6px; width:55px; background:#00a6de;display:block; transition:0.5s; transform-origin:center;}
label.hamburg:hover .line {background: #2cb8dd;}
.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }
.line:nth-child(1).rotated {transform: translateY(12px) rotate(-45deg); -webkit-transform: translateY(12px) rotate(-45deg); -moz-transform: translateY(12px) rotate(-45deg); -o-transform: translateY(12px) rotate(-45deg);transition-duration:0.2s;}
.line:nth-child(2).rotated {opacity:0;}
.line:nth-child(3).rotated {transform: translateY(-12px) rotate(45deg); -webkit-transform: translateY(-12px) rotate(45deg); -moz-transform: translateY(-12px) rotate(45deg); -o-transform: translateY(-12px) rotate(45deg);transition-duration:0.2s;}

/* language */
header .language {position:absolute; top:20px; right:5%; color:#00a0de;}
.language li {float:left; padding:0 10px; font-size:12px; line-height:12px; border-right:1px solid #5f6f75;}
.language li.active .active {font-weight:normal;}
.language li:last-child {border-right:none; padding:0 0 0 10px;}
.language a {color:#cdcdcd;}
.language a:hover {color:#00a6de;}

.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in, margin-top .7s ease-out; transition: opacity .7s ease-in, margin-top .7s ease-out; }
.onscroll-hidden { opacity: 0; margin-top:0; }

.go_top {position:fixed; right:20px; bottom:20px; width:35px; height:35px; background:#00a6de; z-index:999; text-align:center; display:none;}
.go_top:hover {background:#5f6f75;}
.go_top .arrow {width:18px; height:18px; border-top:3px solid #fff; border-left:3px solid #fff; position:absolute; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg); top:12px; left:9px;}

.sobutt {color:#fff;padding:6px 25px;background-color:#00a6de;margin-top:25px;text-align:center;border-radius:6px;}
.sobutt:hover {color:#fff;background-color:#5f6f75;}


/********** MAIN **********/
main {position:relative;width:100%;}
img {width:100%;height:auto;}
.middle {width:90px;margin:0 auto;margin-bottom:10px;}
.middle .icon-erfolg:before {color:#fff;}
.headblox {padding:100px 25px;}
.headblox h1 {display:none;}

.flexcont {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}   
.tl60, .br40, .tr60, .bl40, .teaser50, .teaser40, .tl40, .br60, .teaser60, .b40norm, .tl60norm {float:left;}
.br40, .bl40, .br60, .b40norm, txt40 {float:left;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.tl60, .tr60 {width:60%;padding:50px 8% 30px 8%;}
.br40, .bl40 {width:40%;overflow:hidden;}
.br40 img, .bl40 img, .br60 img {object-fit:cover;}
.b40norm img {height:auto;}
.b40norm {padding:10px 4%;width:40%;}
.tl60norm {width:60%;padding:50px 8%;}
.tl40 {width:40%;padding:60px 8% 30px 8%;}
.br60 {width:60%;overflow:hidden;}

.textblox {padding:100px 0 30px;}
.teaser50, .teaser40, .teaser60 {text-align:center;}
.teaser50 {width:100%;padding:60px 6% 60px;height:500px;}
.teaser40 {width:40%;padding:40px 3% 40px;}
.teaser60 {width:60%;padding:40px 10% 40px;}
.teaser60 h1, .teaser60 p, .teaser50 h1, .teaser50 p {color:#fff;}
.teaser60 p {margin-bottom:20px;}
.teaser60 .sobutt {width:40%;margin: 0 auto;}
.teaser60box:hover .sobutt {background:#5f6f75;}
.teaser60box:hover .linie {border-top:1px solid #fff;}
.teaser60box:hover {background:#00a6de;;}

.teaser50 h1, .teaser40 h1, .teaser60 h1 {font-size:30px;}
.teaser50 p {margin-bottom:20px;}
.teaser50:hover {background:#00a6de;}
.teaser50 .sobutt {width:40%;margin: 0 auto;}
.teaser50:hover .sobutt {background:#5f6f75;}
.teaser50:hover .linie {border-top:1px solid #fff;}
.teaser40 h1, .teaser40 p {color:#434d51;}
.teaser40 p {margin-bottom:20px;}
.ce_rsce_startteaser40, .ce_rsce_startteaser60B40T {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.ce_rsce_startteaser40:hover {background:#00a6de;}
.ce_rsce_startteaser40 .sobutt, .ce_rsce_startteaser40r .sobutt {width:50%;margin: 0 auto;}
.ce_rsce_startteaser40:hover h1, .ce_rsce_startteaser40:hover p, .ce_rsce_startteaser40r h1, .ce_rsce_startteaser40r p, .ce_rsce_startteaser60B40T h1, .ce_rsce_startteaser60B40T p {color:#fff;}
.ce_rsce_startteaser60B40T:hover {background:#7b868b;}
.ce_rsce_startteaser40:hover .sobutt, .ce_rsce_startteaser40r:hover .sobutt {background:#5f6f75;}
.ce_rsce_startteaser40r .sobutt {background:#fff;color:#78b832;}
.ce_rsce_startteaser40r .linie {border-top:1px solid #fff;}
.ce_rsce_startteaser40r:hover .sobutt {color:#fff;}
.ce_rsce_startteaser40:hover .linie, .ce_rsce_startteaser40r:hover .linie {border-top:1px solid #fff;}
.ce_rsce_startteaser50 h2, .ce_rsce_startteaser40 h2, .ce_rsce_startteaser40r h2, .ce_rsce_teaser60T-40B h2, .ce_rsce_teaser50 h2, .ce_rsce_teaser40B-60T h2, .ce_rsce_startteaser60B40T h2 {display:none;}
.ce_rsce_startteaser50, .ce_rsce_teaser50 {float:left;width:50%;}
.ce_rsce_startteaser40, .ce_rsce_startteaser40r, .ce_rsce_startteaser60B40T {float:left;width:100%;}
.trainer {margin:40px 0;}
.trainerbild {border-radius: 200px;-moz-border-radius: 200px;-webkit-border-radius: 200px;border: 2px solid #fff;box-shadow: 2px 2px 4px #000000;overflow:hidden;width:200px;}
.trainerbild img {width:100%;}
.trainertxt {color:#fff;margin:20px 0;}
.midd {margin: 0 auto;margin-bottom: 30px;}
.icon-dataicon:before {color:#cdcdcd;font-size:4em;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
*[data-icon]:before {content: attr(data-icon);}
.icon-dataicon {margin-bottom:20px;}
.teaser50:hover .icon-dataicon:before, .ce_rsce_startteaser40:hover .icon-dataicon:before, .ce_rsce_startteaser40r:hover .icon-dataicon:before, .ce_rsce_startteaser60B40T:hover .icon-dataicon:before {color:#fff;}

.linieleft {border-top:1px solid #00a6de;margin:30px 0;width:40%;}
.linie {border-top:1px solid #00a6de;margin:30px auto;width:40%;}
.linieweiss {border-top:1px solid #ffffff;margin:30px auto;width:40%;}
.lino {border-top:1px solid #00a6de;margin:60px auto;width:40%;}
.ce_rsce_lino {float:left;width:100%;position:relative;}
hr {border-top:1px solid #00a6de;margin:30px 0;width:60%;}

.ce_rsce_dreispalt {max-width:1200px;margin:0 auto;padding:100px 20px;}
.txt30 {width:30%;margin-right:3%;float:left;margin-bottom:50px;}

.txt60, .txt40 {float:left;}
.txt60 {width:60%;padding:100px 10%;}
.txt40 {width:40%;background:#dde8ec;padding:100px 6%;word-wrap: break-word;}
.ce_rsce_leistung60x40 li:before {content:"\e905";font-family: 'icomoon' !important;font-size:16px;top:0;}
.ce_rsce_leistung60x40 li {padding-left: 30px;}
.ce_headline {margin-bottom:30px;}
.karriere img {height:auto;}

/* ##### REFERENZEN ##### */
.referenzen main {background:#525e65;}
.referenzen main img {height:auto;}
.referenzen .bgwhite {background:none;}

/* ##### AKTUELL ##### */
.news {width:100%;position:relative;}
.news a {width:32%;background:#ffffff;float:left;border-radius:0;margin-bottom:20px;}
.news h2 {text-transform:uppercase;font-size:26px;}
.aktuelltxt {width:100%;padding:30px 20px 30px;border-top:1px solid #40cedd;}
.aktuelltxt h2 {margin-bottom:30px;color:#60bae9;font-size: 24px;}
.aktuelltxt p {color:#525e65;margin-bottom:20px;}
.news a:nth-child(1), .news a:nth-child(2) {margin-right:2%;}
.news .aktuellpix, .aktuell .aktuellpix {overflow:hidden;}
.news .aktuellpix img {height:auto;}
.news .aktuellpix img, .aktuell .mod_newslist img {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.news a .sobutt {width:50%;}
.news a:hover {background:#00a6de;color:#fff;}
.news a:hover p, .news a:hover h2 {color:#fff;}
.news a:hover img {transform: scale(1.05,1.05);}
.news a:hover .sobutt {background-color:#fff;color:#525e65;}
.date {font-size:12px;color:#7a868d;}

.refstyle h1 {text-align: center;margin:40px 0 30px 0;}
.back {display:none;}
.mod_newsreader h1 {font-size:35px;}
.mod_newsreader {padding:50px 0;}
.refstyle {background:#fff;}
.mod_newsreader .sobutt {width:40%;margin:0 auto;}
.mod_newsreader p, .mod_newsreader h3, .mod_newsreader h2, .mod_newsreader h4, .mod_newsreader h5, .mod_newsreader h6, .mod_newsreader h1 {padding:30px 20px;}
.mod_newsreader .sobutt a {color:#fff;}

/* ##### AKTUELLES-List ##### */
.mod_newslist img, .mod_newsreader img {height:auto;}
.aktuell .mod_newslist a:hover img {transform: scale(1.05,1.05);}
.aktuell .mod_newslist a {background:#fff;margin:40px 0;}
.aktuell .mod_newslist a:hover {background:#00a6de;margin:40px 0;color:#fff;}
.aktuell .mod_newslist .sobutt, .mod_newsreader .sobutt {width:40%;margin:0 auto;}
.aktuell .mod_newslist p, .aktuell .mod_newslist .date {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.aktuell .mod_newslist a:hover p, .aktuell .mod_newslist a:hover .date {color:#fff;}
.aktuell .mod_newslist a:hover .sobutt {background:#525e65;}
.mod_newsreader .sobutt {margin-bottom:40px;}
/* ##### WORKSHOP  ##### */
.ce_rsce_workshop60x40 h2 {display:none;}
.ce_rsce_workshop60x40 .txt40 {background: #5f6f75;color:#fff;}
.ce_rsce_workshop60x40 .sobutt a {color:#fff;}
.ce_rsce_workshop60x40 .sobutt {width:50%;}
.ce_rsce_workshop60x40 .sobutt:hover a {color:#525e65;}
.ce_rsce_workshop60x40 .sobutt:hover {background:#fff;}
.workwahl {background:#525e65;width:100%;padding:40px 30px;color:#fff!important;text-align:center;margin-top:20px;}
.worktxt {width: 100%;padding: 80px 10px 30px;}
.workshopsend #kontform .explanation, .workshopsend #kontform .checkbox_container {color:#525e65;} 

/* ##### ACCORDION ##### */
.ce_rsce_team {width:32%;position:relative;float:left;}
.ce_rsce_team .image_container img {height:auto;filter: grayscale(100%);-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.ce_rsce_team h4 {color:#00a6de;}
.ce_rsce_team .socialbox {width:100%;}
.ce_rsce_team .ico {float:left;margin-right:10px;}
.ce_rsce_team a img {width:40px;height:40px;}
.ce_rsce_team {margin:0 1% 2% 0;}
.ce_rsce_team:last-child {margin:0 0 10% 0;}
.ce_accordion {position:relative;margin-bottom:20px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.toggler {background:rgba(255,255,255,1);color:#525e65;padding:15px 30px 15px 15px;;width:100%; top:0;font-size:16px;cursor:pointer;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;position:relative;}
.toggler:hover {background:rgba(0,166,222,1);color:#fff;}
.ce_rsce_team .toggler:hover h4 {color:#fff;}
.accbox:hover .image_container img {filter: grayscale(0%);transition-duration: 0.5s;}
.accbox:hover .togglerxx, .ce_accordion .toggler.on, .ce_accordion.on, .accbox:hover .ce_accordion, .ce_rsce_team .toggler.on h4 {background:rgba(0,166,222,1);color:#fff;}
.toggler.on {border-bottom:none;}
.toggler:after {content: "\e90a"; font-family: 'icomoon' !important; position:absolute;top:15px;right:16px;-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg);-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.toggler.on:after {-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.accordion {position:relative;color:#fff;padding:30px 15px 15px; border-bottom:1px solid #60bae9;background:rgba(0,166,222,1);}
.accordion a {color:#fff;}
.accordion a:hover {color:#95cedb;}
.accordion li:before {color: #fff;}

/* KONTAKT */

#kontform input, #kontform select { width:100%;height:36px; line-height:30px; padding-left:5px; margin-bottom:10px;}
#kontform select {background: #fff;margin-bottom: 20px;}
#kontform label{line-height:30px;display:block;margin-bottom:30px;}
#kontform textarea {width:100%; height:150px; padding:5px;margin-bottom:10px; -webkit-appearance: none; border-radius: 0;}
#kontform input.captcha {width:50px; margin-right:10px;}
#kontform button {color:#fff; background:#00a6de; float:none; width:150px; margin-top:20px;padding:12px 30px;}
#kontform button:hover {background:#fff;color:#00a6de;}
#kontform .checkbox {width: 5%;float: left;margin-right: 15px;}
#kontform .explanation,#kontform .checkbox_container {color:#fff;}
#kontform a:hover {color:#95cedb;}
.kontakt .txt60 {background:#5f6f75;}
.kontakt .txt40 {background:none;color:#fff;}
/* .kontakt .ce_rsce_kontakt60x40 {background:#dde8ec url('../../files/Bilder/kontakt/kontakt_kl.jpg')no-repeat;background-size:cover;background-position:50% left;} */
.captcha_text { line-height:30px;}

/* SUCHE */
.shead {width:100%;height:8rem;position:fixed;top:0;left:0;display:flex;justify-content:flex-end;align-items:center;z-index:666;}
.search {display:flex;justify-content:center;align-items:center;position:relative;}
.searchbar {position:relative;display:flex;align-items:center;width:50%}
header .search .searchbar form {width: 100%;}
.search .searchbar form input[type="search"] {background-color: transparent;border: none;border-bottom-color:currentcolor;border-bottom-style: none;border-bottom-width: medium;border-bottom: 1px solid transparent;font-size: 2rem;padding: 1rem 3rem 1rem 0;  width: 0;-webkit-appearance: none;}
.search .search-button {display: block;top: 2.5rem;}
.search .close-button img {transition: all 250ms;opacity:1;width:2rem;}
.search .close-button {position: absolute;right:2.5rem;top:1.5rem;background-color:transparent;border:none;cursor:pointer;  display: none;}
.search .searchbar form button {position:absolute;right:2rem;top:-0.5rem;background-color:transparent; border: none;  cursor: pointer;}
.search .searchbar form button img {transition: all 250ms;opacity:0.5;width:2rem;}
.search .submit {display: none;}
.search.open {position: fixed;top:0;left: 0;bottom: 0;right: 0;background-color: rgba(5, 25, 32, 0.8);}
.search.open .close-button {display: block;top:1.5rem;}
.search.open .search-button {display: none;}
.search.open .searchbar form input[type="search"] {border-bottom: 1px solid white;width: 100%;color: white;}
.search.open .searchbar form button img {opacity: 1;}
.search.open .submit {display: block;position:absolute;right:-2rem;top:1.5rem;background-color:transparent;border:none;cursor:pointer;}
.search.open .submit img {transition:all 250ms;opacity:0.5;width:2rem;}
    
.suchbox .mod_search .widget-text, .mod_search .widget-submit {float: left;}
.suchbox .mod_search .submit {padding-left: 0;margin-left: 0;position: relative;background: url('../../files/method/methodpix/searchb.svg') no-repeat center center;width: 20px;right: 0;text-indent: -10000px;}

.suchbox h1 {margin-bottom:50px;}
.suchbox .header {margin-bottom:20px;}
.suchbox .header strong {color: #00a6de;}
.suchbox .formbody {width:100%;height:60px;}
.suchbox .mod_search input {background:transparent;width:200px;}
.suchbox .mod_search .widget-text {padding:3px 15px;border:1px solid #00a6de;margin-right:10px;background:#fff;}

.mod_search .even, .mod_search .odd {margin:0 0 30px;border-bottom:1px solid #5f6f75;padding:0 0 20px;}
.mod_search .info {margin:0 0 40px;}
.mod_search h3 {margin:0 0 15px;}
.mod_search h3 span {font-size:14px;}


/* Team Adresse */
.adrleft, .adrright {width:50%;float:left;text-align:center;}
.adrleft {margin-bottom:20px;}
/********** FOOTER **********/
footer {position:relative;width:100%;padding:50px 0;background:#49555c url('../../files/method/methodpix/h_footer.jpg')no-repeat center center; background-size: cover;float:left;}
.fooleft, .foomid {width:30%;padding:0 0 20px;margin-right:4%;float:left;}
.fooleft img {width:auto;min-width: 0;}
/* .fooleft p {width:90%;} */
.fooright {width:32%;float:left;text-align:left;}
.foomid a {color:#fff;text-transform: uppercase;width:100%;}
.foomid a:hover {color:#95cedb;}
.foomid .socialbox {width:100%;}
.foomid .ico {float:left;margin-right:10px;width:40px;height:40px;}
.linewhite {border-top:1px solid #667b82;margin:30px 0;width:60%;}
.fooleft, .fooright, .foomid {color:#fff;margin-bottom:10%;}
.fooright a {color:#fff;}
.fooright a:hover {color:#95cedb;}
.fooright li a {margin-bottom:15px;padding:6px 0;}
.foologoleft {width:60%;float:left;padding:0 15px 0 0;}
.foologoright {width:40%;float:right;}
.mini {font-size:12px;}
.tel {color:#fff;}
.tel:hover {color:#95cedb;}
.telo {color:#5f6f75;}
.telo:hover {color:#000;}

.icheader {max-width:38%;text-align:center;margin:0 auto;margin-top:80px;position:relative;}
.icheader .headmid, .icheader .icon-aktuell {float:left;color:#5f6f75;}
.icheader .icon-aktuell:before {color:#5f6f75;}
.icheader .icon-aktuell {margin-right:20px;margin-top:-15px;}

.xrechner {margin-top:30px;}
.xrechner a {padding: 20px 12px;background:rgba(255,255,255,0.1);}
.xrechner a:hover {background:rgba(108,121,126,0.8);}


/****************************** MEDIAX **********************/
@media (max-width: 1150px) {
    .tl60 {padding:60px 5% 10px 8%;}
    .tl60norm {padding:10px 5%;}
}
@media (max-width: 1370px) {
    .home .slogan {top:32%;left:4%;}
    .slogan {top:45%;}
}
@media (max-width: 1180px) {
    .slogan {padding:6px 12px;left:6%;}
    .slogan2 {font-size:15px;line-height:24px;max-width:100%;}
    .slogan3 a {font-size:16px;padding:10px 20px;line-height:20px;}
}
@media (max-width: 1130px) {
    .home .slogan3 .sobutt {margin-top:15px;}
}
@media (max-width: 1060px) {
    .home .slogan {top:32%;left:4%;}
    .slogan {top:45%;}
}
@media (max-width: 1210px) {
    .off {display:none;}
    .mobile {display:block;}
	.navigation {position:fixed;margin-top:0; top:120px; right:0; width:100%; max-height:100%;display:none;overflow: hidden; bottom:0;}
    label.hamburg {display: block;}
	.overflowbox { position: relative; top:0; height: calc(100% - 10px); max-height: 100%; overflow:auto; background:#eaebed; }
	.main_nav {margin-top:0;position: relative; margin-bottom:20px; font-weight:400;font-size:22px;}
	.main_nav li {float:none; margin-right:0;width:100%;position:relative;border-bottom: 1px solid #00a6de;padding:0;}
    .main_nav li:hover .level_2 {animation-name:fadeOffOpacity;display:none;}	
    .main_nav li a {color:#000;padding:30px 15px;}
    .main_nav li a:hover, .main_nav li.trail a {color:#fff;background:#00a6de;}
    .main_nav li.trail a {border-bottom:1px solid #fff;}
    .main_nav li.active {padding:30px 0;display:block;border-bottom: 1px solid #fff;width:100%;background:#00a6de;text-align:center;}
    .main_nav li.active .active {color:#fff;}
    .main_nav li.trail .level_2 a {background:#fff;}
    .main_nav .level_2 {top:0;}
    .main_nav .level_2 li.active {padding:30px 0;text-align:center;}
    .main_nav .level_2 li.active .active {line-height: 20px;}
	.main_nav li.active .level_2, .main_nav li.trail .level_2 {display:block; position:relative; width:100%;}
	.main_nav .level_2 li {border-bottom: 1px solid #92a9b5;text-transform:none; }	
	.main_nav .level_2 li a {color:#4b5053;font-size:16px; line-height:30px;white-space:normal;padding:30px 15px;text-align:center;}
	.main_nav .level_2 li.trail  { color:#fff; background:#00a6de;border-bottom: 1px solid #fff;}
	.main_nav .level_2 li:hover a { color:#fff; background:#00a6de; }
	#navi {margin-top:0;}
	#logo {margin-bottom:20px;}    
}
@media (max-width: 1024px) {
    .ce_rsce_startteaser40 .teaser40, .ce_rsce_startteaser40 .br60, .ce_rsce_startteaser40r .teaser40, .ce_rsce_startteaser40r .br60 {width:50%}
    .tl60 {padding:50px 5% 30px 5%;}
    .tl60norm {padding:50px 4% 50px 4%;}	
    .ce_rsce_team {width:49%;margin-bottom:3%;}
    .news a {width:49%;}
    .news a:nth-child(1), .news a:nth-child(2) {margin-right:1%;}
    .slogan1 h1 {font-size:30px;line-height:36px;letter-spacing:1px;}
    .teaser60 {padding:30px 5% 30px;}
    .txt30 {width:48%;margin-right:1%;margin-left:0;}
}

@media (max-width: 980px) {   
    .teaser50 h1, .teaser40 h1, .teaser60 h1 {font-size:24px;}
    .txt60, .txt40 {width:100%;padding:60px 8%;}
    .slogan2 {opacity:0;height:0;}
    .teaser50 {height:auto;} 
}

@media (max-width: 930px) {
	.fooleft, .foomid, .fooright {width:48%;}      
}
@media (max-width: 768px) {
	.navigation {width:100%; }
	.main_nav .level_2 {text-transform:none;}
	h1 {font-size:34px; line-height:36px; }
	h2 {font-size:22px; line-height:26px; }
	h4 {font-size:18px; line-height:20px; }
}
@media (max-width: 730px) {
    .teaser50 h1, .teaser40 h1 {font-size:26px;}
    .tl60, .br40, .ce_rsce_startteaser50, .tr60, .bl40, .teaser50, .teaser40, .tl40, .br60, .ce_rsce_startteaser40 .teaser40, .ce_rsce_startteaser40 .br60, .ce_rsce_startteaser40r .teaser40, .ce_rsce_startteaser40r .br60, .teaser60, .ce_rsce_teaser50, .tl60norm, .b40norm {width:100%;}
    .txt30 {margin-right:0;margin-left:9%;width:90%;}
    .teaser60box .br40 {display:none;}
    .b40norm, tl60norm {text-align:center;}
    .textblox {padding:40px 8% 20px;}
    .news a {width:100%;margin-right:0;}
}
@media (max-width: 650px) {
    .centerstart {padding:2% 3%;}
    header #logo {position:relative; top:0; width:200px; height:33px;}
    header #loga {width:200px; height:33px;}
    .slogan3 {opacity:0;}
    .foomid, .fooleft, .fooright {width:100%;}
    .adrleft, .adrright {width:100%;}
}
@media (max-width: 600px) {    
    .info .infoicon, .info .infohead {width:100%;text-align:center;}
    .ce_rsce_team {width:100%;}
}
@media (max-width: 500px) {
	h1 {font-size:26px; line-height:30px;}
	h2 {font-size:22px; line-height:26px;}
	h3 {font-weight:400; }
	.headblox {padding:80px 10px;}
	.navigation {font-size:18px; }
	.main_nav li { line-height:30px;}	
	.fooleft, .foomid {border-bottom: 1px solid #667b82;}
}
@media (max-width: 460px) {
    .home .slogan {top:32%;left:4%;}
    .slogan {top:40%;left:4%;}
    .slogan1 h1 {font-size:25px;line-height:28px;}
    .mehrlinx a {width:100%;}
    .mehrlinx a {padding: 20px 10px;}
    .ce_rsce_startteaser40 .br60, .ce_rsce_startteaser40r .br60 {display:none;}
}
@media (max-width: 440px) { 
    .trainerbild {float:none;}
    .trainertxt {float:none;}
    label.hamburg {top:35px;right: 20px;}
    h2 {letter-spacing:0;}
    .search .searchbar form input[type="search"] {font-size: 1.5rem;}
    .search.open .close-button {top:0.5rem;}
    .search .searchbar form button {top:-1.5rem;}
}