/* 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:#005577;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:#585755;}
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:#12627f;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: 'montlight', sans-serif; font-weight: 400; color:#283135; 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:#005577;}
.gray {color:#595957;}
.typocol {color:#283135;}

/* ### tinyMCE ### */
.blau {color:#005577!important;}
.grau {color:#595957!important;}
.weiss {color:#fff!important;}
.dunkel {color:#283135!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 {position:relative;width:446px;height:94px;float:left;}
header #logo {position:relative;width:446px;height:94px;background:url('../../files/method/methodpix/ChristophMechler_Orthopaedie_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:#fff;}
.bgblue {width:100%;background:#eef5f6 url('../../files/method/methodpix/bg_blueone.jpg')no-repeat center center;}
.bgbluekl {width:100%;background:#eef5f6 url('../../files/method/methodpix/bg_bluetwo.jpg')no-repeat top center;}

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

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

/********** HEADERBILD **********/
.header_image {position:relative;background:#005577;}
.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;}
.home .slogan {position:absolute;top:20%;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:20%;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:#29373d;}
.slogan h1 {margin-bottom:6px;}
.slogan2 {font-family:'sansreg';font-weight:400;font-size:16px;line-height:26px;display:none;color:#29373d;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;float:right;margin-top:50px;}
.main_nav li {float:left; margin-right:15px;position:relative;padding:10px 12px 6px;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;}
.main_nav li:last-child {margin-right:0;}
.main_nav li a {color:#29373d; display:block;text-align:center;text-transform:uppercase;font-family:'montlight';}
.main_nav li:hover a, .main_nav li.trail a {color:#12627f;}
.main_nav li:hover {border: 1px solid #12627f;}
.main_nav li.active {padding:10px 12px 6px;display:block;border: 1px solid #12627f;}
.main_nav li.active .active {color:#12627f;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 #12627f;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 {padding:10px 20px;text-align:left;}
.main_nav .level_2 li.active .active {line-height:40px;}
.main_nav .level_2 li:first-child {border-top:1px solid #12627f;}
.main_nav .level_2 li:last-child {border-bottom:none;}
.main_nav .level_2 li.trail a { color:#fff; background:#12627f;}
.main_nav .level_2 li:hover a { color:#fff; background:#12627f; }

/* 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:#12627f;display:block; transition:0.5s; transform-origin:center;}
label.hamburg:hover .line {background: #187698;}
.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:#12627f;}

.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:#12627f; 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:#12627f;padding:8px 30px 6px;background-color:#fff;margin-top:25px;text-align:center;border:1px solid #12627f;}
.sobutt:hover {color:#fff;background-color:#12627f;}

/********** MAIN **********/
main {position:relative;width:100%;}
.welcome {width:100%;display:none;margin-bottom:40px;text-align:center;}
.welcome h1 {margin-bottom:0;}
img {width:100%;height:auto;}
.flexcont {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}   

/*### Teaserstart ###*/
.teaser50, .teaser30 {float:left;text-align:center;width:100%;padding:0 0 30px;background:#fff;}
.teaser50 {box-shadow: 0 5px 30px 0 rgba(0,0,0,.2);}
.teaser30 {box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);}
.teaser50 h1, .teaser50 p {color:#29373d;}
.teaser50 h1, .teaser30 h1 {margin-top:20px;padding: 0 10px;}
.teaser50 h1 {font-size:30px;}
.teaser30 h1 {font-size:24px;line-height:30px;}

.teaser50 p, .teaser30 p {margin-bottom:20px;padding: 0 15px;}
.teaser50:hover {scale:1.05;box-shadow: 0 5px 40px 0 rgba(0,0,0,.4);}
.teaser30:hover {scale:1.05;box-shadow: 0 5px 20px 0 rgba(0,0,0,.4);}

.ce_rsce_startteaser50 {float:left;width:48%;margin:0 4% 80px 0;}
.ce_rsce_dreierteaser {float:left;width:31%;margin-right:2%;margin-bottom:20px;}
.ce_rsce_startteaser50:last-child {margin-right:0;}
.ce_rsce_startteaser50 h2 {display:none;}

/*### Inhalte ###*/
.inhall {width:100%;}
.txtl, .picl {width:48%;margin-right:4%;float:left;}
.picr, .txtr {width:48%;float:left;}
.txtr, .txtl {padding:10px 20px 10px;}

.ce_rsce_team {width:74%;position:relative;margin:2% auto;}
.team {width:100%;background:#fff;box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);}
.team:hover {scale:1.025;box-shadow: 0 5px 20px 0 rgba(0,0,0,.4);}
.teampic, .teamtxt {float:left;}
.teampic {width:50%;padding:4px;}
.teamtxt {width:50%;padding:5% 2% 2%;}
.teamtxt h3 {color:#12627f;font-size:20px;}

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

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

.ce_headline {margin-bottom:30px;}

.terminjana a {background:#005577;color:#fff;padding: 4px 15px;border:1px solid #005577;}
.terminjana:hover a {background:#fff;color:#005577;}


/* ##### AKTUELL ##### */

.aktuell .ce_headline {text-align:center;width:100%;padding:50px 0;background:#f8fbfc;margin-bottom:0;}
.newsbox {background:#f8fbfc;}
.newsblock {width:40%;box-shadow: 0 5px 30px 0 rgba(0,0,0,.2);background:#fff url('../../files/method/methodpix/news_bg.jpg')no-repeat top center;padding: 30px 30px;margin:50px auto 50px;}
.newsblock:hover {scale:1.05;box-shadow: 0 5px 50px 0 rgba(0,0,0,.4);}
.newsbox h2 {text-align:center;width:100%;margin-top:50px;}


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

/* ##### ACCORDION ##### */

.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:hover .image_container img {filter: grayscale(0%);transition-duration: 0.5s;}


.ce_rsce_team h4 {color:#12627f;}
.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_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 .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:#12627f; float:none; width:150px; margin-top:20px;padding:12px 30px;}
#kontform button:hover {background:#fff;color:#12627f;}
#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;}

/********** FOOTER **********/
footer {position:relative;width:100%;padding:50px 0;background:#29373d url('../../files/method/methodpix/footer_bg.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;}
.fooleft a, .foomid a, .fooright a {color:#fff;}
.foomid a {text-transform: uppercase;width:100%;}
.fooleft a:hover, .foomid a:hover, .fooright a:hover {color:#1690bc;}
.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 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;line-height:18px;}
.tel {color:#12627f;}
.tel:hover {color:#29373d;}
.telo {color:#12627f;}
.telo:hover {color:#29373d;}

/****************************** MEDIAX **********************/

@media (max-width: 1370px) {
    .home .slogan {top:18%;}
}
@media (max-width: 1180px) {
    .home .slogan {top:14%;}
}
@media (max-width: 1130px) {
    .home .slogan {top:10%;}
    .home .slogan h1 {font-size:40px;line-height:42px;}
    .home .slogan h2 {font-size:24px;line-height:28px;}
}
@media (max-width: 1060px) {
}
@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 #12627f;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:#12627f;}
    .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:#12627f;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:#12627f;border-bottom: 1px solid #fff;}
	.main_nav .level_2 li:hover a { color:#fff; background:#12627f; }
	#navi {margin-top:0;}
	#logo {margin-bottom:20px;}
	.ce_rsce_dreierteaser {width:48%;margin-right:2%;}
}
@media (max-width: 1024px) {
    .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;}
}
@media (max-width: 980px) { 
    .slogan {opacity:0;}
    .welcome {display:block;}
}
@media (max-width: 980px) {   
}
@media (max-width: 930px) {
	.fooleft, .foomid, .fooright {width:48%;}      
}
@media (max-width: 768px) {
    .newsblock {width:70%;}
	.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; }
	.ce_rsce_dreierteaser {width:100%;margin-right:0;}
}
@media (max-width: 730px) {
    .teaser50 h1 {font-size:26px;}
    .ce_rsce_startteaser50 {width:100%;margin-bottom:20px;}
    .txtl, .txtr {width:58%;}
    .picr, .picl {width:38%;float:left;}
    .textblox {padding:40px 8% 20px;}
    .news a {width:100%;margin-right:0;}
}
@media (max-width: 650px) {
    .teampic, .teamtxt {width:100%;}
    .teamtxt {padding:5% 3% 3%;}
    .centerstart {padding:2% 3%;}
    header #logo {position:relative; top:0; width:290px; height:60px}
    header #loga {width:290px; height:60px;}
    label.hamburg {top:20px;}
    .foomid, .fooleft, .fooright {width:100%;}
}
@media (max-width: 600px) {    
    .txtl, .txtr {width:100%;margin:0;}
    .picr, .picl {display:none;}
}
@media (max-width: 500px) {
	h1 {font-size:26px; line-height:30px;}
	h2 {font-size:22px; line-height:26px;}
	h3 {font-weight:400; }
	.navigation {font-size:18px; }
	.main_nav li { line-height:30px;}	
	.fooleft, .foomid {border-bottom: 1px solid #667b82;}
}
@media (max-width: 460px) {
    .newsblock {width:90%;} 
}
@media (max-width: 440px) { 
    label.hamburg {top:35px;right: 20px;}
    h2 {letter-spacing:0;}
}