/* 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:#114b9b;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:14px;margin-bottom:10px;}
main li:before {position: absolute;left: 0;top:0;content:"\e914";font-family: 'icomoon' !important;color:#0146ad;font-size:8px;}
.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?il7gdm');
  src:  url('../../files/method/css/fonts/icomoon.eot?il7gdm#iefix') format('embedded-opentype'),
    url('../../files/method/css/fonts/icomoon.ttf?il7gdm') format('truetype'),
    url('../../files/method/css/fonts/icomoon.woff?il7gdm') format('woff'),
    url('../../files/method/css/fonts/icomoon.svg?il7gdm#icomoon') format('svg');font-weight: normal;font-style: normal;font-display: block;}
[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-im-anhanger:before, .icon-im-bahnschild:before, .icon-im-block:before, .icon-im-callcenter:before, .icon-im-container:before, .icon-im-fahrplan:before, .icon-im-handy:before, .icon-im-lifted:before, .icon-im-liste:before, .icon-im-lock:before, .icon-im-news:before, .icon-im-schaffner:before, .icon-im-schiene:before, .icon-im-schranke:before, .icon-im-signal:before, .icon-im-signal2:before, .icon-im-silo:before, .icon-im-tank:before, .icon-im-tender:before, .icon-im-worker:before, .icon-im-zot:before {color:#6f7580;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-im-anhanger:before {  content: "\e900";}
.icon-im-bahnschild:before {  content: "\e901";}
.icon-im-block:before {  content: "\e902";}
.icon-im-callcenter:before {  content: "\e903";}
.icon-im-container:before {  content: "\e904";}
.icon-im-fahrplan:before {  content: "\e905";}
.icon-im-handy:before {  content: "\e906";}
.icon-im-lifted:before {  content: "\e907";}
.icon-im-liste:before {  content: "\e908";}
.icon-im-lock:before {  content: "\e909";}
.icon-im-news:before {  content: "\e90a";}
.icon-im-schaffner:before {  content: "\e90b";}
.icon-im-schiene:before {  content: "\e90c";}
.icon-im-schranke:before {  content: "\e90d";}
.icon-im-signal:before {  content: "\e90e";}
.icon-im-signal2:before {  content: "\e90f";}
.icon-im-silo:before {  content: "\e910";}
.icon-im-tank:before {  content: "\e911";}
.icon-im-tender:before {  content: "\e912";}
.icon-im-worker:before {  content: "\e913";}
.icon-im-zot:before {content: "\e914";}

/************** 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;}
@font-face {font-family: 'montbold';src: url('../../files/method/css/fonts/montserrat-bold.woff2') format('woff2'),url('../../files/method/css/fonts/montserrat-bold.woff') format('woff');font-weight: normal;font-style: normal;}

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

h1, h2, h3, h4, h5, h6 {font-family:'montlight';font-weight:300;}
h1 {font-size:50px; line-height:55px; 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:30px; letter-spacing:1px;margin-bottom:15px;}
h4 {font-size:20px; line-height:24px; letter-spacing:1px;margin-bottom:15px;}

.siz26 {font-size:26px;}
.siz40 {font-size:40px;}

/* 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:#0146ad;}
.red {color:#d92616;}
.gray {color:#5f6f75;}
.hellgray {color:#a5a9af;}

/* ### tinyMCE ### */
.blau {color:#0146ad!important;}
.rot {color:#d92616!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;}

.caption {margin-top: 20px;}
/********** HEADER **********/
header {position:relative; width:100%;}
header #loga {float:left;position:relative;width:400px;height:40px;margin-bottom:15px;}
header #logo {position:relative;width:300px;height:40px;-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 #logo img {width:100%;height:auto;}
.startlogo {max-width:370px;}
.startlogo img {width:100%;}
/* ## CONTAINER ## */
.wrap {opacity:0;}
.bgwhite, .bghell {width:100%;position:relative;}

.bgwhite {background:#fff;}
.bgdnkl {background:#393d44;background:url('../../files/method/methodpix/h_footer.jpg') no-repeat;background-size:cover;}

.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%;}
.center14 {max-width:1600px;margin:0 auto;position:relative;}

/********** HEADERBILD **********/
.header_image {position:relative;float:left;background:#fdf8f8;}
.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;}
.slogan {display:none;background:rgba(255,255,255,0.4);left: 50%;transform: translate(-50%,-50%);border: 1px solid #fff;padding: 50px 80px;text-align: center;position:absolute;top:50%;z-index:100;}
.slogan1 {line-height:44px;letter-spacing:1.7px;color:#fff;text-shadow: -1px 4px 7px rgba(0,0,0,0.76);}
.slogan h1 {margin-bottom:6px;}
.slogan2 {font-family:'sansreg';font-weight:400;font-size:16px;line-height:26px;color:#fff;max-width:720px;}
.slogan3 {position:relative;}


/********** navigation **********/
#navi {float:left;width:50%;}
.navigation {position:relative;z-index:1000;font-weight:300;color:#fff;letter-spacing:0.5px;}
.main_nav li {float:left; margin-right:1%;position:relative;padding:10px 12px 8px;-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:hover.trail a {color:#0146ad;}
.main_nav li.trail a {color:#fff;}
.main_nav li.trail {border: 1px solid #fff;}
.main_nav li:hover {background:rgba(255,255,255,1);}
.main_nav li:hover.active .active {color:#0146ad;}
.main_nav li.active {padding:10px 12px 6px;display:block;border: 1px solid #fff;}
.main_nav li.active .active, .main_nav .level_2 li.forward .forward {color:#fff;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:#fff;left:0;top: 42px;}
.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 #a5a9af;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 {color:#0146ad;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.active .active {color:#0146ad;}

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

/* STICKY Navi fest */
.sticky {z-index:690;position:fixed!important;width:100%;margin-top:0!important;border-bottom:1px solid #bac7dd;background:#fff;-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;}
.navkl li a {color:#5f6f75!important;}
.navkl li:hover a {color:#fff!important;}
.navkl li:hover {background:rgba(1,70,173,1);}
.navkl .level_2 li a {color:#5f6f75!important;}
.navkl .level_2 li:hover a {color:#fff!important;}
.navkl li.active {border: 1px solid #5f6f75;}
.navkl li.active .active {color:#5f6f75;}
.navkl li:hover.active .active {color:#fff;}
.logy img {content:url('../../files/method/methodpix/intermodal_logo.svg');}
.anstick a {color:#5f6f75!important;border:1px solid #5f6f75!important;}
.anstick a:hover {color:#fff!important;background:rgba(1,70,173,1)!important;}
.lang li.active {color:#5f6f75;}
.searcbutt img {content:url('../../files/method/methodpix/searchb.svg');}
.hambo .line {background:#5f6f75!important;}
.hambo:hover .line {background: #0146ad!important;}
/* Anmeldung */
.anmeldung {font-family:'montlight';text-transform:uppercase;font-size: 14px;position: absolute;right:50px;top:40px;margin-left: 20px;z-index:1001;}
.anmeldung a {text-align: center;color: #fff;position: relative;background-color: rgba(255,255,255,0.2);padding: 10px 12px 6px;margin: 0 1% 2% 0;white-space: nowrap;border:1px solid #fff;-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;}
.anmeldung a:hover {background-color: rgba(255,255,255,1);color:#0146ad;}

/* hamburger */
label.hamburg {display:none;z-index:1001;background:none; width:59px; height:50px; position:absolute; top:30px; 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:#fff;display:block; transition:0.5s; transform-origin:center;}
label.hamburg:hover .line {background: #5f6f75;}
.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(-3px) rotate(-45deg); -webkit-transform: translateY(-3px) rotate(-45deg); -moz-transform: translateY(-3px) rotate(-45deg); -o-transform: translateY(-3px) rotate(-45deg);transition-duration:0.2s;}
.line:nth-child(2).rotated {opacity:0;}
.line:nth-child(3).rotated {transform: translateY(-28px) rotate(45deg); -webkit-transform: translateY(-28px) rotate(45deg); -moz-transform: translateY(-28px) rotate(45deg); -o-transform: translateY(-28px) rotate(45deg);transition-duration:0.2s;}

/* language */
header .language {position:absolute; top:15px; right:50px; color:#fff;z-index:670;}
.language li {float:left; padding:0 10px; font-size:12px; line-height:12px; border-right:1px solid #818692;}
.language li.active .active {font-weight:normal;}
.language li:last-child {border-right:none; padding:0 0 0 10px;}
.language a {color:#818692;}
.language a:hover {color:#0146ad;}

.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:#0146ad; 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:#6f7580;margin-top:25px;text-align:center;border:1px solid #6f7580;}
.sobutt:hover {color:#6f7580;background-color:#fff;}

.whitebutt {color:#57595c;padding:6px 25px;background-color:#fff;margin-top:25px;text-align:center;}
.whitebutt:hover {color:#fff;background-color:#57595c;}

/* MOBHEAD */
.mobhead {width:100%;background:#eaebed;padding:30px 40px;}
.mobhead .mobhelog {display:none;}
.mobhead .anmeldung {top:20px;right:110px;}
.mobhead .anmeldung a {color:#5f6f75;border:1px solid #5f6f75;}
.mobhead .anmeldung a:hover {color:#fff;background:rgba(1,70,173,1);}

/********** 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;}   
.teaser50, .b40norm, .tl60norm, .b50norm, .tl50norm, .b50pic, .txt50 {float:left;}
.b40norm {float:left;display: -webkit-flex;display: -ms-flexbox;display: flex;}

/* starttext mit bild */
.b40norm img {height:auto;width:100%}
.b40norm {padding: 10px 0 10px 8%;;width:30%;}
.tl60norm {width:70%;padding: 50px 10% 50px 4%;}

/* teaser & Inhalte  */
.padmitt {padding:0 20%;}
.textblox {padding:100px 0 30px;}
.teaser50 {text-align:left;}
.teaser50 {width:100%;padding:80px 15% 80px;}
.stpic {margin-bottom:30px;}
.stpic img {width:100%;height:auto;}
.teaser50 h1, .tl50norm h1, .txt50 h1 {font-size:30px;float:left;}
.teaser50 p {margin-bottom:20px;}
.teaser50:hover {background:#0146ad;}
.teaser50 .sobutt {width:50%;}
.linieweiss {border-top:1px solid #ffffff;margin:30px auto;width:40%;}
.teaserrahm {border:1px solid #fff;padding:25px;}
.ce_rsce_startteaser50 h2, .ce_rsce_start50-50 h2, .ce_rsce_start2-50-50 h2, .ce_rsce_teaser50 h2, .ce_rsce_text-bild h2, .ce_rsce_bild-text-dnkl h2 {display:none;}
.ce_rsce_startteaser50, .ce_rsce_teaser50 {float:left;width:50%;}

.b50norm {width:50%;overflow:hidden;padding:80px 5% 80px;display:block;}
.tl50norm {width:50%;padding:80px 5% 80px;}

.b50pic {width: 50%;overflow: hidden;padding:80px 5% 40px;display: block;}
.txt50 {width: 50%;color: #fff;padding: 40px 5% 40px;border: 1px solid #fff;margin:80px 0;}
.teaser50 h1, .teaser50 h2, .teaser50 h3, .teaser50 h4, .teaser50 p {color:#fff;}

.inhall {width:100%;margin-bottom:40px;}
.txtl {width:48%;margin-right:4%;float:left;}
.txtr {width:48%;float:left;}
.txtr, .txtl {padding:10px 20px 10px;}

.kundenlogo {width:300px;padding:10px 20px;border:1px solid #fff;}
.kundenlogo:hover {border:1px solid #6f7580;}

.icon-dataicon:before {float:left;margin-right:30px;color:#6f7580;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, .txt50 .icon-dataicon:before, .teaser50 .icon-dataicon:before {color:#fff;}

.linieleft {border-top:1px solid #e2e3e6;margin:30px 0;width:40%;}
.linie {border-top:1px solid #e2e3e6;margin:30px auto;width:40%;}

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


/* ##### AKTUELL ##### */
.news {width:100%;position:relative;margin-bottom:50px;}
.news a {width:32%;float:left;border-radius:0;margin-bottom:20px;}
/* .news h2 {text-transform:uppercase;font-size:26px;} */
.aktuelltxt {width:100%;padding:30px 20px 30px;border: 1px solid #fff;margin-top: 15px;}
.aktuelltxt h2 {margin-bottom:30px;color:#fff;font-size:24px;}
.aktuelltxt p {color:#fff;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;width: 100%;}
.news .aktuellpix img, .aktuell .mod_newslist img, .aktuelltxt {-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 .aktuelltxt {background:#0146ad;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:#a5a9af!important;}

.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 .rte {margin-bottom:50px;}
.mod_newsreader .sobutt {width:40%;margin:0 auto;}
.mod_newsreader h3, .mod_newsreader h2, .mod_newsreader h4, .mod_newsreader h5, .mod_newsreader h6, .mod_newsreader h1 {padding: 40px 20px 10px;}
.mod_newsreader p {padding:4px 20px;} 
.mod_newsreader .sobutt a {color:#fff;}
.mod_newsreader .sobutt:hover a {color:#525e65;}
.mod_newsreader .sobutt {border:1px solid #fff;}
.mod_newsreader .sobutt:hover {border:1px solid #525e65;}
.mod_newsreader .ce_text {margin-bottom:40px;}
.mod_newsreader {margin-bottom:50px;}
.mod_newsreader ul {padding-left: 30px;}
/* ##### AKTUELLES-List ##### */
.mod_newslist img, .mod_newsreader img {height:auto;}
.aktuell .mod_newslist .aktuelltxt { border: 0;padding: 30px 20px 60px;border-bottom:1px solid #e2e3e6;}
.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:#0146ad;margin:40px 0;color:#fff;}
.aktuell .mod_newslist .sobutt, .mod_newsreader .sobutt {width:40%;margin:0 auto;}
.aktuell .mod_newslist p {color:#525e65;}
.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;}

/* ##### 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:#0146ad;}
.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:#0146ad; float:none; width:150px; margin-top:20px;padding:12px 30px;}
#kontform button:hover {background:#fff;color:#0146ad;}
#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 {height:8rem;position:fixed;top:0;right:0;display:flex;justify-content:flex-end;align-items:center;z-index:1001;}
.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: 12rem;top: 1.4rem;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(33, 40, 43, 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: #0146ad;}
.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 #0146ad;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;}


/* TEL */
.tel {color:#0146ad;}
.tel:hover {color:#525e65;}

/********** 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 p {width:90%;} */
.fooright {width:32%;float:left;text-align:left;}
.foomid a {color:#fff;text-transform: uppercase;width:100%;}
.foomid a:hover {color:#9ab5dd;}
.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, .fooleft a {color:#fff;}
.fooright a:hover, .fooleft a:hover {color:#9ab5dd;}
.fooright li a {margin-bottom:15px;padding:6px 0;}
.fooright li.active strong {padding:6px 0;font-weight: 400;}
.fooright li.active {margin-bottom:15px;}
.foologoleft {width:60%;float:left;padding:0 15px 0 0;}
.foologoright {width:40%;float:right;}
.mini {font-size:12px;}
footer .tel {color:#fff;}
footer .tel:hover {color:#9ab5dd;}


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


/****************************** MEDIAX **********************/
@media (max-width: 2100px) {
    .padmitt {padding:0 12%;}
}
@media (max-width: 1660px) {
    .padmitt {padding:0 5%;}
    .slogan {top:60%;width:50%;}
}
@media (max-width: 1400px) {
    .padmitt {padding:0;}
}
@media (max-width: 1150px) {
    .tl60 {padding:60px 5% 10px 8%;}
    .tl60norm {padding:10px 5%;}
}
@media (max-width: 1370px) {
    .slogan {padding: 30px 50px;}
    .slogan1 h1 {font-size:34px;line-height:36px;letter-spacing:1px;}
}
@media (max-width: 1100px) {
    .slogan3 {display:none;}
}
@media (max-width: 1210px) {
    .off {display:none;}
    .mobile {display:block;}
	.navigation {position:fixed;margin-top:0; top:0px; 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 #0146ad;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:#0146ad;}
    .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:#0146ad;text-align:center;}
    .main_nav li.active .active, .main_nav li:hover.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:#0146ad;border-bottom: 1px solid #fff;}
	.main_nav .level_2 li:hover a { color:#fff; background:#0146ad; }
	#navi {margin-top:0;width:100%}
	#logo {margin-bottom:20px;}
	.teaser50 {padding:40px 5% 40px;}
}
@media (max-width: 1060px) {
    .b50norm, .tl50norm {padding: 50px 5% 50px;}
}
@media (max-width: 1024px) {
    .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%;}    
    .teaser60 {padding:30px 5% 30px;}
    .txt30 {width:48%;margin-right:1%;margin-left:0;}
}

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

@media (max-width: 930px) {
	.fooleft, .foomid, .fooright {width:48%;}
	.slogan {width:70%;}
}
@media (max-width: 890px) {
	h1 {font-size:34px; line-height:36px; }
	    .txtl, .txtr {width:100%;margin:0;}
}
@media (max-width: 768px) {
	.navigation {width:100%; }
	.main_nav .level_2 {text-transform:none;}
	h2 {font-size:22px; line-height:26px; }
	h4 {font-size:18px; line-height:20px; }

}
@media (max-width: 730px) {
    .startlogo {margin:0 auto;}
	.slogan {opacity:0;}
    .teaser50 h1 {font-size:26px;}
    .b50norm, .tl50norm, .ce_rsce_startteaser50, .teaser50, .ce_rsce_teaser50, .tl60norm {width:100%;}
    .b40norm {display:none;}
    .txt30 {margin-right:0;margin-left:9%;width:90%;}
    .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;}
    .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) {
    .mehrlinx a {width:100%;}
    .mehrlinx a {padding: 20px 10px;}
    .b50norm {display:none;}
}
@media (max-width: 440px) { 
    label.hamburg {top:26px;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;}
    .centerstart {padding: 5% 3%;}
}