@charset "utf-8";

@import url('/-/libs/normalize/normalize.min.css') all;
@import url("/-/libs/font-awesome/css/font-awesome.min.css") all;


/* open sans */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('/-/fonts/Open_Sans_300.woff2') format('woff2'), url('/-/fonts/Open_Sans_300.woff') format('woff'), url('/-/fonts/Open_Sans_300.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/-/fonts/Open_Sans_400.woff2') format('woff2'), url('/-/fonts/Open_Sans_400.woff') format('woff'), url('/-/fonts/Open_Sans_400.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: url('/-/fonts/Open_Sans_600italic.woff2') format('woff2'), url('/-/fonts/Open_Sans_600italic.woff') format('woff'), url('/-/fonts/Open_Sans_600italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('/-/fonts/Open_Sans_600.woff2') format('woff2'), url('/-/fonts/Open_Sans_600.woff') format('woff'), url('/-/fonts/Open_Sans_600.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('/-/fonts/Open_Sans_400italic.woff2') format('woff2'), url('/-/fonts/Open_Sans_400italic.woff') format('woff'), url('/-/fonts/Open_Sans_400italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('/-/fonts/Open_Sans_700.woff2') format('woff2'), url('/-/fonts/Open_Sans_700.woff') format('woff'), url('/-/fonts/Open_Sans_700.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url('/-/fonts/Open_Sans_700italic.woff2') format('woff2'), url('/-/fonts/Open_Sans_700italic.woff') format('woff'), url('/-/fonts/Open_Sans_700italic.ttf') format('truetype');
}


/*
  Primary Styles
  Author: matthias koplenig [koplenig@wukonig.com]
*/

::selection { background: #EB3C12; color: #fff; }
::-moz-selection { background: #EB3C12; color: #fff; }
input::-webkit-input-placeholder { color: #bbb; opacity: 1; }
input::placeholder, textarea::placeholder { color: #bbb; opacity: 1; }

b, strong { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600; }
i,em { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-style: italic; }
a, a:visited, a:link, section.c.l span { text-decoration: none; border-bottom: 1px #EB3C12 dotted; color: #EB3C12; font-weight: 400; }
a:hover, a:focus { color: #EB3C12; opacity: 1; outline: none; -moz-transition: color .5s; -webkit-transition: color .5s; transition: color .5s; }
a.fancybox-close { border: 0; }
a[href^=tel] { color: #444; border: 0; }
p, .ii, div.ccC div { margin: 0 0 1em; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
  p.sml { font-size: 80%; line-height: 130%; }
.nM { margin: 0; }
.tM { margin: 0 0 20px; }
.sM { margin: 0 0 60px; }
.topM, .oneLine div.topM { margin-top: 15px; }
img, a.nB { border: 0; display: block; }
img.inline { display: inline; padding: 15px 15px 15px 0; }
img.floaty { float: left; padding: 5px 15px 15px 0; }
figure > img { display: block; }
blockquote, .coloredBack { margin: 40px 0; padding: 30px; background: #f5f5f5; overflow: hidden; }
  blockquote p.sml { margin: 15px 0 0 0; }

a.tel { font-weight: 400; background: #EB3C12; color: #fff; padding: 2px 4px; border: 0; border-radius: 2px; }

.btn, a.btn, .btn:visited, .btn:link, .oneLine input[type='submit'], .oneLine .bttnLike, figcaption a.bttnLike, input.btn { display: inline-block; width: auto; height: 36px; padding: 0 15px; font: 400 13px/36px 'Open Sans', Arial, Helvetica, sans-serif; text-align: center; color: #EB3C12; background: transparent; border: 1px solid #EB3C12; cursor: pointer; }
.btn > a:hover, .btn:hover { transition: none; color: #fff; background: #EB3C12; }
.btn > a:active, .btn > a:focus, .btn:active, .btn:focus { color: #fff; background: #EB3C12; }
.btn > a { border: 0; display: block; }
  a.pdf:before { content: "\f1c1"; font-family: FontAwesome; padding: 0 10px 0 0; }


.left { float: left; }
.right { float: right; }
.clear { clear: both; float: none; }

.inner { width: 1020px; margin: 0 auto; overflow: hidden; }

html.html { background: #fff; }
html.html body, html.login-screen body { background: #fff; font: 400 15px/140% 'Open Sans', Arial, Helvetica, sans-serif; color: #444; min-height: 800px; }
html.login-screen, html.login-screen body { background: #eee; }
body.sub { }


a.mOpen { display: none; position: absolute; right: .75em; top: 1.75em; border: 0; z-index: 1001; }
  .mOpen > span { display: block; height: 4px; width: 26px; margin: 0 0 4px; background: #444; }
#pageslide { display: none; position: absolute; top: 0; height: 100%; z-index: 1000; width: 360px; padding: 109px 0 0; background: #EB3C12; color: #fff; }
#pageslideClose { display: none; position: absolute; top: 2.25em; right: 0.65em; z-index: 1001; cursor: pointer; border: 0; width: 30px; height: 30px; }
  #pageslideClose span { display: block; height: 4px; width: 30px; margin: 0; background: #444; }
  #pageslideClose span:nth-child(1) { transform: rotate(45deg); }
  #pageslideClose span:nth-child(2) { transform: rotate(-45deg); margin: -4px 0 0 0; }

#body { min-height: 400px; /*margin-top: 93px;*/ }

#meta { list-style: none; margin: 0; padding: 0; color: #666; position: absolute; right: 0; top: 15px; font: 600 14px/140% 'Open Sans', Arial, Helvetica, sans-serif; }
#meta > li { display: inline-block; color: #666; }
#meta > li:first-child:after { content: '|'; display: inline-block; margin: 0 5px; }
#meta a { color: inherit; text-decoration: none; border: 0; font-weight: inherit; }
#meta.de > li:first-child a,
#meta.en > li:nth-child(2) a { color: #d30; }

@media screen and (max-width: 768px) {
  #meta { top: -26px; right: 80px; color: #fff; }
  #meta > li { color: #fff; }

  #meta.de > li:first-child a,
  #meta.en > li:nth-child(2) a { color: #333; }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #meta { top: 25px; right: 60px; }
}

#metaBar { background: #EB3C12; height: 50px; }
  #metaBar div.inner > ul { margin: 0; padding: 0; list-style: none; overflow: visible; }
    #metaBar div.inner > ul > li { float: right; height: auto; margin: 6px 0 0 20px; font-size: 85%; }
    #metaBar div.inner > ul > li:first-child { float: left; margin: 12px 0; color: #fff; }
    #metaBar div.inner > ul > li.hasMenu:first-child { margin: 6px 0 0 20px; }
      #metaBar i { color: #fff; margin: 0 5px 0 0; }
      #metaBar a { color: #fff; border: 1px #fff solid; line-height: 34px; height: 34px; display: inline-block; padding: 0 10px; }

      #metaBar ul li > ul { list-style: none; margin: 0; padding: 0; display: none; position: relative; z-index: 1000; width: 200px; height: auto; top: -0px; left: 0;  background: #EB3C12; color: #fff; }
      #metaBar ul li > ul li { float: none; display: block; height: auto; margin: 0; padding: 0; }
      #metaBar ul li > ul li > a { border: 0; display: block; padding: 0 5px; margin: 0; }
      #metaBar ul li > ul li > a:hover { font-weight: 900; }
      #metaBar ul li:hover > ul { display: block; }

  body #top { background: #fff; padding: 0; height: 140px; /*box-shadow: 0 0 14px rgba(0,0,0,0.07);*/ position: relative; z-index: 300; }
    #top .inner { position: relative; overflow: visible; }
  body.sub #top { /*height: 52px;*/ }
    #top nav { position: absolute; right: 125px; top: 100px; /*height: 20px;*/ padding: 0; color: #444; font: 600 15px/140% 'Open Sans', Arial, Helvetica, sans-serif; }
      #top nav a { color: #444; border: 0; }
    #top .logo { position: absolute; top: 22px; left: 0; z-index: 250; border: 0; display: block; }
    #top .esf { position: absolute; top: 15px; right: 0; width: 90px; height: 110px; }


#nqr { position: absolute; top: 20px; left: 270px; overflow: hidden; height: 70px; width: 650px; }
  #nqr a { margin-right: 0; width: auto; display: inline-block; float: left; border: none; text-decoration: none; }
  #nqr img { height: 60px; }
  #nqr > span, #nqr > a.span { float: left; height: 70px; width: 500px; font: 500 .63em/140% 'Open Sans', Arial, Helvetica, sans-serif; margin: 0; color: #444; cursor: pointer; }
    #nqr > span em,  #nqr > a.span em { font: inherit; /*500 normal 11px/130% 'Open Sans', Arial, Helvetica, sans-serif;*/ }



@media screen and (max-width: 768px) {
  #nqr { top: 5px; left: 215px; width: 110px; height: 45px; overflow: visible; }
  #nqr > a { float: none; margin: 5px 0 0; }
  #nqr img { height: 45px; }
  #nqr > span,  #nqr > a.span { margin: -5px 0; hyphens: auto; width: 120px; float: none; font: 100 8px/90% 'Open Sans', Arial, Helvetica, sans-serif; display: none; }
  #nqr > span em,  #nqr > a.span em { display: none; }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #nqr { top: 20px; left: 240px; width: 330px; overflow: visible; }
  #nqr > span,  #nqr > a.span { margin: 0; width: 220px; }
}

    #mNav, #mNav ul { list-style: none; margin: 0; padding: 0; color: #444; font: 600 14px/140% 'Open Sans', Arial, Helvetica, sans-serif; }
    #mNav > li { margin: 0 20px 0 0; padding: 0 0 15px; display: inline-block; }
    #mNav > li:last-child { margin-right: 0; }
    #mNav > li.active, #mNav > li.active > a, #mNav > li:hover > a { color: #EB3C12; }
      #mNav > li > a { text-decoration: none; color: #666; display: block; padding: 0; text-transform: uppercase; font-weight: 600; }
      #mNav > li > ul { list-style: none; display: none; position: absolute; z-index: 10; margin: 15px 0 0 -15px; padding: 0; }
      #mNav > li:hover > ul { display: block; width: 260px; padding: 0; background: #fff; color: #444; font: 400 15px/40px 'Open Sans', Arial, Helvetica, sans-serif; /*border-top: 1px #eee solid;*/ box-shadow: 0 0 14px rgba(0,0,0,0.4); }
        #mNav > li ul li { min-height: 40px; border-top: 1px #eee solid; }
        #mNav > li ul li:first-child { border-top: 0; /*padding: 0;*/ }
          #mNav > li ul li a { display: block; min-height: 40px; border-left: 5px #fff solid; padding: 0 15px 0 10px; text-decoration: none; color: #444; font-weight: 400; }
          #mNav > li ul li:hover, #mNav > li ul li.active {}
          #mNav > li ul li.active > a, #mNav > li ul li:hover > a { color: #EB3C12; border-left: 5px #fff solid; }

  #kV { background: #000; overflow: hidden; height: 485px; position: relative; }
    #kV .inner { width: 1920px; height: 485px; position: absolute; top: 0; left: 50%; margin-left: -960px; }
      #kV .inner figcaption { text-shadow: 1px 1px 17px #000; }
  .sub #kV { background: #fff; overflow: hidden; height: 0; position: relative; }
    .sub #kV .inner { width: 1020px; height: auto; margin: 0 auto; overflow: hidden; position: static; }
      .sub #kV .inner > div.muh { display: none; }
        div.muh figure { height: 60px; margin: 0; }
          div.muh figure > img { display: block; float: left; margin: 0 20px 0 0; }
          div.muh figure > figcaption { float: left; padding: 8px 0; }
            div.muh h4 { color: #fff; font: 600 20px/130% 'Open Sans', Arial, Helvetica, sans-serif; margin: 0; }
            div.muh h5 { color: #fff; font: 400 15px/130% 'Open Sans', Arial, Helvetica, sans-serif; margin: 0; }

      nav#bC { padding: 0; margin: 0 0 27px; }
      nav#bC > ol.bC { margin: 0; padding: 0; overflow: hidden; }
        ol.bC li { list-style: none; margin: 0; padding: 0; float: left; color: #444; font: 400 13px/130% 'Open Sans', Arial, Helvetica, sans-serif; }
        ol.bC li:after { content: '>'; margin: 0 8px; display: inline-block; vertical-align: baseline; }
        ol.bC li:last-child:after { content: ''; padding: 0; background: transparent; width: 0; height: 0; display: none; }
          ol.bC li a { color: #444; border: 0; }


.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
  .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
  .rslides li:first-child { position: relative; display: block; float: left; }
    .rslides figure { display: block; height: auto; float: left; width: 100%; border: 0; margin: 0; }
    .rslides figcaption { position: absolute; display: block; top:0; left: 480px; width: 960px; padding: 245px 0 0; text-align: center; color: #fff; font: 400 42px/100% 'Open Sans', Arial, Helvetica, sans-serif; }
      .rslides figcaption h3 { color: #fff; font: 400 42px/100% 'Open Sans', Arial, Helvetica, sans-serif; margin: 0; }
      .rslides figcaption h4 { color: #fff; font: 400 24px/100% 'Open Sans', Arial, Helvetica, sans-serif; margin: 20px 0 30px; }
      .rslides figcaption a.bttnLike, section.three a.bttnLike { color: #fff; font-size: 16px; border-color: #fff; line-height: 43px; height: 43px; padding: 0px 15px; letter-spacing: 1px; text-transform: uppercase; border: none; background: #eb3c12; text-shadow: none; font-weight: 400; }

#kV .rslides1_nav.next, #kV .rslides1_nav.prev { display: none; }

#steps { position: relative; list-style-type: none; margin: 0 0 20px; overflow: hidden; clear: both; min-height: 250px; }
  #steps .intro { margin: 0 0 28px; }
  #steps ul.stp { min-height: 195px; }
    #steps ul.stp p { padding: 0 30px; }
      #steps ul.stp p > a { text-decoration: none; border-bottom: 1px #EB3C12 dotted; color: #EB3C12; font-weight: 400; }
  #steps ul.stpH { margin-bottom: 40px; }
    #steps ul.stpH > li { height: auto; font: 400 16px/40px 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
      #steps ul.stpH > li > a { color: #EB3C12; vertical-align: middle; padding: 9px 9px 9px 31px; }
        #steps ul.stpH > li:first-child > a { color: #EB3C12; vertical-align: middle; padding: 9px 9px 9px 18px; }
        #steps ul.stpH > li.active > a { color: #fff; }
          #steps ul.stpH > li:last-child > a { padding: 9px 18px 9px 31px; }
          #steps ul.stpH > li:last-child > a::after, #steps ul.stpH > li:last-child > a::before { display: none; }
  #steps li { display: inline-block; }
  #steps h4 { margin: 0 0 5px; padding: 0; font: 600 12px/120% 'Open Sans', Arial, Helvetica, sans-serif; color: #868686; text-transform: uppercase; }

.arrow_box { position: relative; background: #fff; border: 1px solid #eb3c12 !important; }

.arrow_box:after, .arrow_box:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 19px; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 20px; margin-top: -20px; }
.arrow_box:before { border-color: rgba(235, 60, 18, 0); border-left-color: #eb3c12; border-width: 21px; margin-top: -21px; }

li.active .arrow_box { background: #eb3c12; }
li.active .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-left-color: #eb3c12; }
li.active .arrow_box:before { border-color: rgba(235, 60, 18, 0); border-left-color: #eb3c12; }

  #content, .ccC { width: 100%; background: #fff; }
  .sub #content { width: 1020px; margin: 0 auto; padding: 40px 0 0 0; background: #fff; overflow: hidden; }
    #content .content { min-height: 480px; overflow: hidden; }

   article hgroup { text-align: center; }
   .sub article hgroup { text-align: left; }
     article hgroup > h1, article hgroup > h2.h1Like { color: #444; font: 300 42px/100% 'Open Sans', Arial, Helvetica, sans-serif; padding: 45px 0 0; margin: 0 0 10px; }
       h1 > em, h2.h1Like > em, hgroup > h2 > em, section.blk h2 > em, h3 > em { color: #EB3C12; font-style: normal; }
     section.blk hgroup > h1, section.blk > h1, section.blk hgroup > h2.h1Like, .login-section > h1, h1.green, h1.red { color: #444; font: 300 28px/120% 'Open Sans', Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 18px; }
     article hgroup > h2, section.blk hgroup > h2, section.blk h2, h3 { color: #444; font: 400 21px/140% 'Open Sans', Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 15px; }
     article hgroup > h2:before, form#bb h2:before, div.oneLine h2:before, .login-section h2:before { padding: 0 15px 0 0; content: url('/-/img/icn_arrow.png'); }

   section#content section.blk { margin: 0; float: left; width: 630px; }
     section.blk div.iamGray { background: #f5f5f5; padding: 20px; margin: 0 0 30px; }
     section.blk figure.img { margin: 0 0 40px; position: relative; }
       section.blk figure.img.nEWl:after { display: none; }
         section.blk figure.img > img{ width: 100%; }
     section.blk article section.txt { border-bottom: 1px solid #ddd; margin: 0 0 30px; }
     section.blk:last-child article section.txt { border: 0; margin: 0; }
       section.blk article section.txt h3 { font-size: 18px; margin-top: 30px; }
       section.blk article section.txt h3:first-child { margin-top: 0; }
       section.blk article section.txt ul { margin: 0 0 1em; }
       section.blk article section.txt li { padding: 0 0 8px 0; }
       section.blk article section.txt a.btn { margin: 10px 0 0 0; }
       article section.txt iframe { width: 100%; height: auto; aspect-ratio: 16/9; }
       section.blk section.c > section > p > img { max-width: 100%; height: auto; }
       section.blk section.c > section.ov { overflow: hidden; padding: 20px; margin-bottom: 30px; height: auto; background: #f5f5f5; }
         section.blk section.c > section.ov div.left { margin: 30px 0; }


   section#content aside.tB { float: right; width: 32.352941176%; /*28.885%;*/ }
     aside.tB > section { padding: 20px; height: auto; background: #f5f5f5; text-align: center; }
     aside.tB > section + section { margin-top: 30px; }
     aside.tB figure { margin: 0 0 17px; }
       aside.tB figure > img, section.blk section.c > section.ov img { display: inline-block; border-radius: 10px; border: 2px solid #fff; }
       aside.tB h3 { font: 400 24px/130% 'Open Sans', Arial, Helvetica, sans-serif; margin: 0 0 20px; }
       aside.tB > section > section { padding: 0; }
         aside.tB > section > strong { display: inline-block; font: 600 12px/120% 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 18px; }

     aside.tB > ul { list-style: none; margin: 0 0 3rem; padding: 0; background: transparent; }
       aside.tB > ul li, aside.tB > ul li.selected { display: block; height: 35px; line-height: 35px; background: #f5f5f5; margin: 0 0 5px 0; }
         aside.tB > ul li:hover, aside.tB > ul li.selected { background: #EB3C12; transition: none; }
       aside.tB > ul li a, aside.tB > ul li.selected a { border: 0; padding: 0 1rem; display: block; color: #333; }
         aside.tB > ul li:hover a, aside.tB > ul li.selected a { color: #fff; transition: none; }

@media screen and (max-width: 767px) {
         section.blk section.c > section.ov div.left { margin: .5rem 0; }
         section.blk section.c > section.ov img { display: none; }
}

     article section.intro, .introlike { color: #444; font: 300 18px/150% 'Open Sans', Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 25px 0; }
     article section.txt, aside.tB section { color: #444; font: 400 16px/150% 'Open Sans', Arial, Helvetica, sans-serif; }
     article section.txt.wide { width: 1020px; overflow: hidden; text-align: center; }
       article section.txt.wide > div { text-align: center; }
         article section.txt.wide a.btn { margin: 0 auto; }
     article section.txt.left { float: left; padding-bottom: 60px; }
     article section.txt.right { float: right; padding-bottom: 60px; }
       article section.txt figure.i { float: right; border: 1px #efefef solid; padding: 5px 5px 14px; transform: rotate(6deg); -webkit-transform: rotate(6deg); box-shadow: 3px 3px 8px; margin: 0px 0px 1.6em 1.6em; }
     article.g, article.fOrm { background: #eee; margin: 0; }
     article.rd { background: #eee; color: #666; margin: 0; min-height: 90px; text-align: center; }
     article.wh { background: #fff; color: #444; margin: 0; min-height: 290px; }
     article.g .inner, article.rd .inner, article.wh .inner { padding: 65px 0; width: 1020px; overflow: hidden; }
       article.g .inner section.three > div { width: 300px; margin: 0 60px 0 0; padding: 150px 0 0; float: left; text-align: center; }
       article.g .inner section.three > div:last-child { margin: 0; }
         section.three h3 { font: 400 20px/160% 'Open Sans', Arial, Helvetica, sans-serif; color: #EB3B12; text-align: center; margin-bottom: 20px; }
         section.three p { font: 300 20px/160% 'Open Sans', Arial, Helvetica, sans-serif; color: #444; text-align: center; }
         section.three.vid aside { float: left; margin: 0 30px 0 0; }
         section.three.vid h3, section.three.vid p { font-size: 18px; text-align: left; hyphens: auto; line-height: 145%; }
         section.three.vid p {}
           section.three h3 > em, h2 > em { color: #EB3C12; font-style: normal; }
         article.g .inner section.three a.btn { margin-top: 20px; height: 37px; font: 600 15px/37px 'Open Sans', Arial, Helvetica, sans-serif; background: #444; }

         section.three a.bttnLike { width: 145px; display: block; margin: 0 auto; }
         section.three.vid a.bttnLike { clear: both; margin: 50px auto 0; }

       article.three section.txt { width: 240px; padding: 0 40px 0 0; text-align: center; }
       article.three section.txt:last-child { padding: 0; }

     section#content article.wh .inner section.two > div+div > aside.tB { float: none; margin: 55px auto 0; width: 68.75%; }
       article.wh .inner section.two > div { width: 480px; margin: 0 60px 0 0; float: left; text-align: center; }
       article.wh .inner section.two > div+div { margin: 0; }
         article.wh section.two h2, h2.intro  { color: #444; font: 300 28px/120% 'Open Sans', Arial, Helvetica, sans-serif; margin: 0 0 20px; }
         article.wh section.two p { margin: 0 0 25px; }
           article.wh section.two p.intro { font: 300 20px/160% 'Open Sans', Arial, Helvetica, sans-serif; color: #444; text-align: center; margin: 0 0 20px; }

       article.rd section.one > figure { display: inline-block; text-align: center; }
       article.rd section.one > blockquote { padding: 0 70px 20px; margin: 0; font: 400 20px/140% 'Open Sans', Arial, Helvetica, sans-serif; font-style: italic; background: transparent; }
         article.rd section.one > blockquote:before { content: '»'; }
         article.rd section.one > blockquote:after { content: '«'; }
       article.rd section.one img { border-radius: 50%; }
       article.rd section.one h3 { color: #666; font: 400 15px/100% 'Open Sans', Arial, Helvetica, sans-serif; text-transform: none; margin: 0 0 5px; }
       article.rd section.one > em { font: 400 12px/120% 'Open Sans', Arial, Helvetica, sans-serif; }

       section.c.l { background: #f5f5f5; padding: 20px; margin: 0 0 20px; overflow: hidden; position: relative; }
       section.c.l:hover { background: #fafafa; }
          section.c.l.a { background: none; padding: 0 0 20px; margin: 0 0 20px; overflow: hidden; }
          section.c.l > a, article.txt > section.c.l > a { color: #525f72; border: 0; overflow: hidden; display: block; }
            section.c.l > div, section.c.l.a div { float: left; width: auto; }
            section.c.l > img + div, section.c.l > a > img + div, section.c.l > figure + div, section.c.l > a > figure + div { margin: 0; float: right; width: 71.19%; }
            section.c.l div > time { position: absolute; top: auto; bottom: 5px; right: 10px; color: #aaa; font-size: 12px; }
            section.c.l.a div > time { top: 0; bottom: auto; right: 0; }
            section.c.l a > div img { width: auto; }
            section.c.l img { display: block; float: left; width: 25.42%; }
            section.c.l span { display: inline-block; margin-top: 15px; }


article.g.news { background-color: #eb3c12; }
  article.g.news section.three h3 { color: #fff; text-align: left; }
    article.g.news section.c.l { background: transparent; color: #fff; }

    article.g.news section.c.l > a, 
    article.g.news article.txt > section.c.l > a, 
    article.g.news section.c.l div > time,
    article.g.news section.c.l span { color: #fff; }

    article.g.news section.c.l span { border-color: #fff; }
    article.g.news section.c.l:hover { /* background: linear-gradient(transparent 65%, rgba(255,255,255,.06)); */ }


article.g.news h2 { color: #fff; font: 300 28px/120% 'Open Sans', Arial, Helvetica, sans-serif; margin: 0; }
  article.g.news .inner { padding: 30px 0; }
  article.g.news section.c.l { margin: 0; padding: 0px 20px; }

article.g.list { background: #fff; }
  article.g.list section.three { display: grid; grid-template-columns: 48.03921569% 48.03921569%; grid-gap: 30px 3.92156863%; }
    article.g.list .c.l { background: transparent; padding: 0; margin: 0; }
      article.g.list section.three h3 { font-size: 18px; hyphens: auto; line-height: 150%; text-align: left; }




div.gallery { width: 100%; margin-top: 30px; }
  div.gallery a { float: left; border: 0; }
  div.gallery a:nth-child(2n) img { margin: 0 0 20px 0; }
    div.gallery a img { width: 305px; height: 203px; margin: 0 20px 20px 0; }

/*
  #body > footer { color: #858585; line-height: 150%; }
  #body:after {}
    footer .txt { padding: 40px 0; min-height: 260px; overflow: hidden; font: 14px/150% 'MuseoSans-300',Arial,Helvetica,sans-serif; }
      footer .txt .left { width: 370px; }
      footer .txt .right { width: 200px; }
    footer .txt strong { color: #fff; font: 18px/100% 'MuseoSans-500',Arial,Helvetica,sans-serif; display: block; margin: 0; }
    footer .txt a, footer .txt a:hover { font-weight: 400; color: #fff; border: 0; }
*/

  footer { min-height: 300px; color: #858585; }
    footer > div.inner { padding: 60px 0 0; }
      footer div.inner > section { width: 480px; min-height: 50px; float: right; overflow: visible; position: relative; }
      footer div.inner > section+section { float: left; }
        footer div.inner > section h3 { color: #858585; font: 400 15px/120% 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 30px; }
        footer div.txt strong { display: block; color: #858585; margin: 30px 0 20px; }
        div.inner > section > nav { float: left; width: 200px; margin: 0 0 40px; }
        div.inner > section > nav+nav { float: right; width: 250px; }
          div.inner > section h4 { color: #444; font: 400 15px/120% 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 0 10px; margin: 0 0 20px; }
          div.inner > section ul { margin: 0; padding: 0; list-style: none; }
          div.inner > section ul li a, div.txt address a { color: #858585; font: 400 15px/120% 'Open Sans', Arial, Helvetica, sans-serif; border: 0; hyphens: none; font-style: italic; }
          div.txt strong { color: #fff; }
          div.txt address, div.txt address a, div.txt p { color: #858585; margin: 0 0 30px; }
          div.inner > section > nav ul#meta, ul#s_ocial { margin: 30px 0 0; display: block; }
            ul#social li { display: block; height: 32px; margin: 0 0 10px; overflow: hidden; }
            ul#social li:hover { opacity: 1; }
            ul#social li.fb { background: url('/-/img/btn_fb.png') transparent 0 0 no-repeat; }
            ul#social li.tw { background: url('/-/img/btn_tw.png') transparent 0 0 no-repeat; }
            ul#social li.gp { background: url('/-/img/btn_gp.png') transparent 0 0 no-repeat; }
            ul#social li.yt { background: url('/-/img/btn_yt.png') transparent 0 0 no-repeat; }
            ul#social li.in { background: url('/-/img/btn_instagram.png') transparent 0 0 no-repeat; }
              ul#social li a { display: block; height: 32px; border: 0; margin: 0 0 0 45px; line-height: 32px; }

ul.social, ul.i_social { list-style: none; padding: 0; margin: 10px 0 0 0; float: left; }
ul.i_social { float: none; margin: 0; overflow: hidden; }
  ul.social li, ul.i_social li { display: block; background-color: transparent; width: 250px; margin-right: 10px; }
  ul.i_social li { width: 50%; float: left; margin: 0 0 20px; }
  /*ul.social li { display: block; overflow: hidden; list-style: none; text-indent: -3999em; }*/
  ul.social li a { color: #fff; }
  ul.i_social li a { color: #444; border: 0; }
  ul.i_social li span { margin-right: 10px; }
  ul.social .fa-inverse { color: #fff; /*font-size: 19px;*/ } 
  ul.social .fa-stack { font-size: 25px; color: #ddd; }
  ul.social .fa-stack.fa-2x { margin-right: 10px; }

div.fLogos a { float: left; display: block; margin: 60px 20px 20px 0; border: 0; }
div.fLogos a:nth-child(4) { float: right; display: block; margin: 60px 70px 0 0; }
div.fLogos a, div.fLogos p { color: #666; font-size: 11px; line-height: 120%; }

#coo { display: block; padding: 20px 20px; margin:0; background: #efefef; border-top: 2px #EB3B12 solid; position: fixed; bottom: 0; left: 0; right: 0; z-index:100; }
  #coo .content { width: 920px; margin: 0 auto; padding: 0 100px 0 0; vertical-align: middle; text-align: left; position: relative; }

  .cK.i { padding: 5px 20px; margin: 0; display: inline-block; /*float: right;*/ background: #EB3B12; color: white; text-decoration: none; position: absolute; right: 0; top: 15px; }

#google_translate_element { position: absolute; top: 160px; width: 210px; }
#google_translate_element img { display: inline; }
#google_translate_element a { border: none; }

.hidden, .collapse { display: none; }
ul.l { list-style: none; margin: 0; padding: 0; }
  ul.l > li { list-style: none; }
    a.shM { background-color: #f5f5f5; padding: 15px 0 15px 25px; display: block; margin: 15px 0 0; text-decoration: none; border: 0; }
    a.shM:before { content: "\f0da"; font-family: FontAwesome; padding: 0 10px 0 0; }
    a.shM:hover { background-color: #E9E9E9; }
    ul.l > li div.hidden { background: #efefef; padding: 15px; }
section.blk > ul.l { margin: 0 0 50px 0; }

/* forms */

fieldset.f { display: block; overflow: hidden; margin: 20px 0 20px 0; border: 0; padding: 20px /* 10px */; background: #f5f5f5; }
fieldset.f.login, fieldset.f.register, fieldset.f.new_password, fieldset.f.search, fieldset.f.absolventen { /*padding: 20px;*/ }
  fieldset.f legend { display: none; }
  fieldset.f section { background: transparent; min-height: 100px; padding: 0 0 30px; overflow: hidden; margin: 0; }
  fieldset.f.search section { min-height: 50px; padding: 0; }
    .oneLine { overflow: visible; margin: 0 0 20px; position: relative; display: block; /*width: 295px;*/ /*width: 50%; float: left;*/ }
    .oneLine.fM { margin: 0 0 40px; }
    .oneLine.sM { margin: 0 0 60px; }
    .oneLine.wide { display: block; clear: both; width: 100%; float: none; }
    .oneLine.noM { margin: 0; }
    .oneLine.smM { margin: 0 0 5px; }
    .oneLine.lM { margin: 0 0 10px; }
    .oneLine.req { border-right: 5px #ea0000 solid; padding: 5px 0; }
    .oneLine:last-child { margin: 0; }
      .oneLine div { float: left; width: 48.275862069%; margin: 0; }
      .oneLine div+div { float: right; }
      .oneLine.wide div { float: none; width: 100%; margin: 0; }
      .oneLine div:last-child { margin: 0 !important; }
      .oneLine div.topM { margin-top: 15px !important; }
        .oneLine div label, .oneLine > label.bigBoy, label { display: block; margin: 0 0 7px 0; font: 400 14px/120% 'Open Sans', Arial, Helvetica, sans-serif; text-transform: none; }
        .oneLine > label.bigBoy, .oneLine div input + label.bigBoy, .oneLine > div.txt { font: 400 14px/120% 'Open Sans', Arial, Helvetica, sans-serif; text-transform: none; text-transform: none; }
        .oneLine > div.txt { line-height: 170%; }
        .oneLine div label.innerLabel { text-transform: none; }
        .oneLine div div.i { position: absolute; top: 0; right: 0; color: #666; }
        .oneLine div em, .oneLine div em strong { color: #1f1f1f; font-size: 11px; line-height: 120%; font-style: italic; }
        .oneLine div em.sC { display: block; margin-left: 60px; line-height: 140%; }
        .oneLine div input + label { display: inline-block; margin: 0 0 0 15px; min-width: 140px; }
          .oneLine div input + label strong { font: 600 14px/120% 'Open Sans', Arial, Helvetica, sans-serif; text-transform: none; }
          .oneLine div input + label.lText { max-width: 470px; vertical-align: top; }
        .oneLine div input + label.innerLabel { min-width: 80px; }
        .oneLine div input[type='text'],
        .oneLine div input[type='password'],
        .oneLine div input[type='email'],
        .oneLine div input[type='url'],
        .oneLine div input[type='tel'],
        .oneLine div input[type='number'],
        .oneLine div textarea,
        .oneLine div select, select.txt { color: #1f1f1f; font: 400 14px/130% 'Open Sans', Arial, Helvetica, sans-serif; text-transform: none; padding: 0 5px; /*border: 1px #E5E6E8 solid;*/ border: 0; outline: 2px solid #E5E6E8; /*width: 260px;*/ width: 95.714285714%; height: 26px; background: #fff; }
        .oneLine.wide div input[type='text'],
        .oneLine.wide div input[type='password'],
        .oneLine.wide div input[type='email'],
        .oneLine.wide div input[type='url'],
        .oneLine.wide div input[type='tel'] { /*width: 560px;*/ width: 98%; }
        .oneLine input[type='checkbox'], .oneLine input[type='radio'] { vertical-align: middle; width: auto; box-shadow: none; }
        .oneLine div select { width: 100%; height: 28px; padding: 2px 5px; }
        .oneLine.wide div select { width: 100%; }
        .oneLine.wide div textarea { width: 97.666666667%; min-width: 97.666666667%; max-width: 97.666666667%; /*width: 560px; min-width: 560px; max-width: 560px;*/ min-height: 100px; padding: 5px; resize: none; }
        .oneLine div input[type='email'].req, .oneLine div input[type='password'].req { border: 1px #ea0000 solid; }
        .oneLine div.clearfix { display: block; clear: both; }
        .oneLine input[type='submit'], button, .oneLine .bttnLike, a#startQuiz, a#checkAnswers, form#bb input.btn {  display: inline-block; font: 600 14px/120% 'Open Sans', Arial, Helvetica, sans-serif; text-transform: none; text-transform: uppercase; padding: 0 24px; height: 28px; color: #fff; background: #333; border: 1px #333 solid; outline: 0; }
        input:invalid, textarea:invalid, :-moz-ui-invalid:not(output) { border-radius: 0; -moz-box-shadow: 0px 0px 0px red; -webkit-box-shadow: 0px 0px 0px red;  box-shadow: 0px 0px 0px red; }
        .oneLine div input.red, .oneLine span.red { color: #f00; }
        .oneLine div input.border_red, .oneLine div select.border_red { border: 1px solid #f00!important; }
        .oneLine div ul { list-style: none; margin: 5px 0; padding: 0; }
          .oneLine div ul > li { margin: 0 0 5px; }

.login-form { width: 300px; margin: 125px auto 0 auto; background: #fff; padding: 30px; font-size: 16px; line-height: 150%; text-align: center; -webkit-box-shadow: 0 0 28px rgba(0,0,0,.2); -moz-box-shadow: 0 0 28px rgba(0,0,0,.2); box-shadow: 0 0 28px rgba(0,0,0,.2); }
  .login-form img { margin: 0 0 40px 20px; }
    .login-form p a { text-align: left; }
  .login-form .oneLine div input[type='text'], 
  .login-form .oneLine div input[type='password'],
  .login-form .oneLine div input[type='submit'] { font-size: 16px; line-height: 44px; padding: 0 14px; width: 270px; height: 44px; border: 1px #A6A6A6 solid; background: #f4f4f4; }
  .login-form .oneLine div input[type='submit'] { width: 100%; background: #EB3C12; border: 0; }

.bigWarn { margin: 0 0 20px 0; padding: 20px; background: #ea0000; color: #fff; }
  .bigWarn.error { background: linear-gradient(to right, #ea0000 5px, #efefef 5px, #efefef); color: #444; }
  .bigWarn.success { background: linear-gradient(to right, green 5px, #efefef 5px, #efefef); color: #444; }
    .bigWarn ul { list-style: none; margin: 0; padding: 0; background: #ea0000; }
      .bigWarn ul li, .bigWarn strong { color: #fff; margin: 0; padding: 0; }

.coloredBack { overflow: hidden; height: auto; padding-bottom: 0px; margin: 0 0 40px 0; }
  .coloredBack .cert { float: right; width: 170px; text-align: left; }
  .coloredBack .left { float:left; width: 380px; }
  .coloredBack.sP { padding: 20px; margin: 0 0 15px 0; }
    .coloredBack.sP > div { margin: 0; }
    .coloredBack.sP .left { margin: 0 0 5px 0; }

.absList .coloredBack.sP { padding: 0; }
  .absList .coloredBack.sP .left { width: 100%; margin: 0; }
  .absList .coloredBack.sP a.shM { margin: 0; }
  .absList .coloredBack.sP > div:nth-child(2) { padding: 0 20px 20px; }

div.c article .info, article.txt .info { margin: 0 0 20px 0; padding: 10px; background: #efefef; border-radius: 10px; -moz-border-radius: 10px; }

table.vorteile { width: 100%; border: 0; margin-top: 50px; }
  table.vorteile td { vertical-align: top; }

img.teaserL { width: 100%; display: inline; }

img.contactF { float: left; border-radius: 10px; margin-right: 30px; border: 2px solid #fff; }
img.teamD { float: right; margin-top: -147px; }

.imgGrid a { float: left; display: block; background: #000; margin: 0 4.761% 4.761% 0; width: 30.15873%; border: 0; }
.imgGrid a:nth-child(3n+0) { margin-right: 0; }
  .imgGrid a img { width: 100%; opacity: 0.95; }
  .imgGrid a img:hover { opacity: 0.98; }

div#curr_tree td, #curr_tree div { font: normal 13px/130% 'Open Sans', Arial, Helvetica, sans-serif; color: #656b6e; }
div#curr_tree img { display: inline; }
div#curr_tree div { width: auto; }
div#curr_tree > div > a { border: 0; }

.login-section div { margin: 0; }
.login-section div.oneLine { margin: 0 0 20px 0; }
.login-section div.oneLine.nM { margin: 0 0 20px 0; }
.login-section div.oneLine:last-child { margin: 0; }
.login-section img, .login-section a.nB { display: inline; }
.login-section a.btn { display: inline-block; }
.login-section .btn i { margin: 0 5px 0 0; }
.login-section a.nB img { margin: 4px 6px 0 0; }
.login-section a.nB:last-child img { margin: 4px 0 0 0; }
.login-section .border_bottom { border-bottom: 1px solid #D0D0D0; }


.login-section table { width: 100%; }
  .login-section table.results td { padding: 8px; }
.login-section #evidences { font-size: 90%; }
  .login-section #evidences tr { background: #F5F5F5; }
    .login-section #evidences tr:first-child { background: #fff; }
    .login-section #evidences tr:nth-child(2n) { background: #EBEBEB; }
  .login-section #evidences td { padding: 5px 10px; }


.login-section .icn-info { margin: 0 0 0 5px; vertical-align: middle; }
.cViewDiv { border-top: 1px solid #ccc; margin-top: 1px; }
.cViewDiv table tr > td { font-size: 80%; line-height: 160%; }
.print_only { display: none; }




@media screen and (min-width: 769px) and (max-width: 1024px) {

a.mOpen { display: block; }

.inner { width: auto; margin: 0 auto; padding: 0 .75em; overflow: hidden; }
  #body { width: 100%; }

    #metaBar li:first-child { display: none; }

    #top .logo { position: absolute; top: 1.75em; left: .75em; z-index: 250; border: 0; display: block; }
    #top .esf { position: absolute; top: 0; right: 150px; width: 90px; height: 110px; }
      .logo:after { display: none; }

 #top .inner  { /*overflow: visible;*/ }
  #top nav#mm { display: none; /*position: absolute; display: none; right: 0; top: 50px; bottom: 0;*/ height: 100%; width: 360px; background: #EB3C12; color: #fff; }
    #mNav { list-style: none; display: block; padding: 0; margin: 0; height: 100%; /*background: #EB3C12;*/ }
      #mNav > li { width: 100%; float: none; display: block; padding: 0; font: 400 15px/50px 'Open Sans', Arial, Helvetica, sans-serif; background: #EB3C12; border-bottom: 1px #fff solid; }
      #mNav > li:first-child { border-top: 1px #fff solid; }
      #mNav > li.active { background: #5F5F5F; }
        #mNav > li > a, #mNav > li.active > a, #mNav > li:hover > a { display: block; color: #fff; padding: 0 .65em; border: 0; text-transform: uppercase; }
        #mNav > li > ul { margin: 0; padding: 0; background: #efefef; list-style: none; display: none; position: static; box-shadow: 0 0 0 transparent; font: 400 15px/50px 'Open Sans', Arial, Helvetica, sans-serif; z-index: inherit; }
        #mNav > li.active { background: #5F5F5F; }
        #mNav > li.active > ul, #mNav > li.active:hover > ul { display: block; width: 100%; background: #efefef; box-shadow: 0 0 0 transparent; }
        #mNav > li:hover > ul { display: none; width: 100%; background: #efefef; box-shadow: 0 0 0 transparent; }
          #mNav > li ul > li { min-height: auto; border: 0; font: 400 14px/50px 'Open Sans', Arial, Helvetica, sans-serif; border-bottom: 1px #333 inset; }
          #mNav > li ul > li:hover, #mNav > li ul li.active {}
            #mNav > li ul > li > a, #mNav > li.active ul li > a { min-height: auto; border: 0; display: block; color: #444; padding: 0 .65em; border: 0; /*text-transform: uppercase;*/ }
            #mNav > li ul li.active > a, #mNav > li ul li:hover > a { color: #444; border: 0; }

  #kV { height: 260px; }
 .sub #kV { display: none; }
    #kV .inner { width: 1280px; height: 260px; margin-left: -640px; }
    .sub #kV .inner { width: auto; }

.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

    .rslides figcaption { position: absolute; bottom: 0; left: 0; right: 0; width: auto; margin: 0; padding: 65px 0 0; }
      .rslides figcaption h3 { color: #fff; font: 400 31px/100% 'Open Sans', Arial, Helvetica, sans-serif; margin: 0; }
      .rslides figcaption h4 { color: #fff; font: 400 20px/100% 'Open Sans', Arial, Helvetica, sans-serif; margin: 15px 0; }
      .rslides figcaption a.bttnLike { color: #fff; font-size: 15px; border-color: #fff; line-height: 35px; height: 35px; padding: 0 20px; }

  .sub #content { width: auto; padding: 3em .75em 1em .75em; }
  #content > nav { float: none; width: 100%; min-height: 0px; margin: 0 0 30px; }
    #sNav { overflow: hidden; display: block; width: 100%; background: transparent; }
    #sNav li { background: #f4f4f4; float: left; display: inline-block; width: 210px; height: 45px; margin: 0 30px 0 0; font: 400 14px/45px 'Open Sans', Arial, Helvetica, sans-serif;  }
    #sNav li:nth-child(3n) { margin: 0; }


 section#content section.blk { width: 62.75%; float: none; }
    section.blk figure.img { padding: 0; margin: 0 0 2em; }
    section.blk figure.img:after { display: none; }
      section.blk figure.img > img { width: 100%; }

   section#content article.wh .inner section.two > div+div > aside.tB { margin: 30px auto 0; padding: 20px; width: 45%; }
     section#content article.wh .inner section.two > div+div > aside.tB > section { padding: 20px; }

  #content > div.content { float: none; }
  article section.txt.wide { width: 100%; }
  article section.txt, aside.tB section, section.blk article section.txt { padding: 0 0 1.3em; }

    article hgroup > h1, article hgroup > h2.h1Like { padding: .5em 0; margin: 0; font: 400 44px/100% 'Open Sans', Arial, Helvetica, sans-serif; }
      article section.txt a.zoooom > img { max-width: 100%; height: auto; }

  article.g .inner, article.rd .inner, article.wh .inner, footer > div.inner { padding: 3em .75em; width: auto; overflow: hidden; }
    article.g .inner section.three > div { text-align: left; float: none; padding: 0px 0px 0px 150px; width: auto; margin: 0px 0px 3em; overflow: hidden; }
       section.three > div.car, section.three > div.mop, section.three > div.mot { background-position: left center; }

       article.wh .inner section.two > div { width: auto; margin: 0; float: none; }

       article.rd section.one > blockquote { font-size: 16px; }


  article.g.news section.c.l > img + div, 
  article.g.news section.c.l > a > img + div, 
  article.g.news section.c.l > figure + div, 
  article.g.news section.c.l > a > figure + div { float: none; width: auto; text-align: center; }

  article.g.news section.c.l { padding: 2rem; margin: 0; }
  article.g.news section.three h3 { text-align: center; font-size: 1.4rem; }
  article.g.news section.c.l img { display: none; }


    section.blk hgroup > h1, section.blk hgroup > h2.h1Like { color: #444; padding: 0; margin: 0 0 .75em; }
    fieldset.f { margin: 2em 0; }

  footer { min-height: 100px; color: #858585; }
      footer > div.inner > section:nth-child(1) { }
      footer div.inner > section { float: none; width: auto; }
      footer div.inner > section > nav { display: none; }
        footer section h4 { display: none; }

    div.fLogos a:nth-child(4) { margin: 60px 0 0 0; }

    #coo .content { width: 100%; box-sizing: border-box; }

}





@media screen and (max-width: 768px) {

a.mOpen { display: block; }
#pageslide { left: 0 !important; width: 100%; padding: 69px 0 0; background: #EB3C12; }

.btn, a.btn, .btn:visited, .btn:link, .oneLine input[type="submit"], .oneLine .bttnLike { min-height: 40px; height: auto /*40px*/; font: 600 1em/40px "Open Sans",Arial,Helvetica,sans-serif; }

.inner { width: auto; margin: 0 auto; padding: 0 .75em; overflow: hidden; }
  #body { width: 100%; }

  #metaBar { height: 35px; }
    #metaBar li:first-child, #metaBar li:nth-child(3) { display: none; }
    #metaBar a { color: #fff; border: 0; line-height: 10px; height: 10px; padding: 0; }

  body #top { height: 70px; }
    #top .logo { position: absolute; top: .4em; left: .75em; z-index: 250; border: 0; display: block; }
    #top .esf { position: absolute; top: -10px; left: 140px; width: 60px; height: auto; }
    .logo:after { display: none; }
      #top .logo img { height: 55px; width: auto; }

 #top .inner  { /*overflow: visible;*/ }
  #top nav#mm { display: none; /*position: absolute; display: none; right: 0; top: 50px; bottom: 0;*/ height: 100%; width: 360px; background: #EB3C12; color: #fff; }
    #mNav { list-style: none; display: block; padding: 0; margin: 0; height: 100%; /*background: #EB3C12;*/ }
      #mNav > li { width: 100%; float: none; display: block; padding: 0; font: 400 15px/50px 'Open Sans', Arial, Helvetica, sans-serif; background: #EB3C12; border-bottom: 1px #fff solid; }
      #mNav > li:first-child { border-top: 1px #fff solid; }
      #mNav > li.active { background: #5F5F5F; }
        #mNav > li > a, #mNav > li.active > a, #mNav > li:hover > a { display: block; color: #fff; padding: 0 .65em; border: 0; text-transform: uppercase; }
        #mNav > li > ul { margin: 0; padding: 0; background: #efefef; list-style: none; display: none; position: static; box-shadow: 0 0 0 transparent; font: 400 15px/50px 'Open Sans', Arial, Helvetica, sans-serif; z-index: inherit; }
        #mNav > li.active > ul, #mNav > li.active:hover > ul { display: block; width: 100%; background: #efefef; box-shadow: 0 0 0 transparent; }
        #mNav > li:hover > ul { display: none; width: 100%; background: #efefef; box-shadow: 0 0 0 transparent; }
          #mNav > li ul > li { min-height: auto; border: 0; font: 400 14px/50px 'Open Sans', Arial, Helvetica, sans-serif; border-bottom: 1px #333 inset; }
          #mNav > li ul > li:hover, #mNav > li ul li.active {}
            #mNav > li ul > li > a, #mNav > li.active ul li > a { min-height: auto; border: 0; display: block; color: #444; padding: 0 .65em; border: 0; /*text-transform: uppercase;*/ }
            #mNav > li ul li.active > a, #mNav > li ul li:hover > a { color: #444; border: 0; }


  #kV { height: 190px; }
 .sub #kV { display: none; }
    #kV .inner { width: 760px; height: 190px; margin-left: -390px; }
    .sub #kV .inner { width: auto; }


.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

    .rslides figcaption { position: absolute; bottom: 0; left: 0; right: 0; width: auto; margin: 0; padding: 65px 0 0; }
      .rslides figcaption h3 { color: #fff; font: 400 16px/100% 'Open Sans', Arial, Helvetica, sans-serif; margin: 0; }
      .rslides figcaption h4 { color: #fff; font: 400 12px/100% 'Open Sans', Arial, Helvetica, sans-serif; margin: 5px 0; }
      .rslides figcaption a.bttnLike { color: #fff; font-size: 13px; border-color: #fff; line-height: 30px; height: 30px; padding: 0 15px; }
      section.three a.bttnLike { color: #fff; font-size: 13px; border-color: #fff; line-height: 30px; height: 30px; padding: 0 15px; width: 125px; display: block; margin: 0 auto; }


  .sub #content { width: auto; padding: 0 .75em; }
  #content > nav { float: none; width: 100%; min-height: 0px; margin: 0 0 30px; }
    #sNav { overflow: hidden; display: block; width: 100%; background: transparent; }
    #sNav li { background: #f4f4f4; float: left; display: inline-block; width: 210px; height: 45px; margin: 0 30px 0 0; font: 400 14px/45px 'Open Sans', Arial, Helvetica, sans-serif;  }
    #sNav li:nth-child(3n) { margin: 0; }

  article hgroup > h2, section.blk hgroup > h2, section.blk h2, h3 { font-size: 19px; margin: 0 0 7px; }
  article section.txt { font-size: 14px; }
    article section.txt a.zoooom > img { max-width: 100%; height: auto; }

  .content aside { display: none; }
  section#content aside.tB { width: 100%; }
  section#content aside.tB > section { display: none; }
  section#content section.blk { width: auto; float: none; }
    section.blk figure.img { padding: 0; margin: 0 0 2em; }
    section.blk figure.img:after { display: none; }
      section.blk figure.img > img { width: 100%; }

  #content > div.content { float: none; }
  article section.txt.wide { width: 100%; }
  article section.txt, aside.tB section, section.blk article section.txt { padding: 0 0 1.3em; }
    article hgroup > h1, article hgroup > h2.h1Like { padding: .75em 0; margin: 0; font: 300 2.2em/120% 'Open Sans', Arial, Helvetica, sans-serif; }
    article section.intro { font: 300 1.15em/140% "Open Sans",Arial,Helvetica,sans-serif; padding: 0px; margin: 0px; }
    article section.txt blockquote { text-align: center; }
    article section.txt ul, article section.txt ul > li { margin: 0 0 0 .5em; padding: 0 0 0.75em; }
    article section.txt iframe { width: 100%; }
  article.g .inner, article.rd .inner, article.wh .inner, footer > div.inner { padding: 3em .75em; width: auto; overflow: hidden; }
    article.g .inner section.three > div { text-align: center; float: none; padding: 0; width: auto; margin: 0px 0px 3em; overflow: hidden; background: none; }

       article.wh .inner section.two > div { width: auto; margin: 0; float: none; }
         article.wh section.two h2 { margin: 0 0 .65em; text-align: center; hyphens: none; }
       article.wh .inner section.two > div.dates { /*display: none;*/ }
         div.dates li > div, div.dates li a > div  { width: auto; float: left; }
         div.dates li > div:first-child, div.dates li a > div:first-child { margin: 0 1em 0 0; }
           div.dates > section > img { max-width: 100%; }
         div.pros ul li { background: transparent no-repeat left top; display: inline-block; text-align: left; min-height: 1px; vertical-align: top; padding: 0 0 0 30px; margin: 0 0 1em 0; width: auto; }
         div.pros ul li:nth-child(2n) { margin: 0 0 1em; }

  iframe { width: 100%; }

       article.rd section.one > figure { display: none; }
       article.rd section.one > blockquote { font-size: 16px; padding: 0 20px 20px; }

    section.blk hgroup > h1, section.blk hgroup > h2.h1Like { color: #444; font: 300 1.45em/140% "Open Sans",Arial,Helvetica,sans-serif; padding: 0; margin: 0 0 .75em; }

         section.three.vid aside { float: none; margin: 0 0 2em 0; }
           section.three.vid aside iframe { height: auto; min-height: 198px; }
         section.three h3 { font: 400 16px/160% 'Open Sans', Arial, Helvetica, sans-serif; color: #EB3B12; text-align: center; margin-bottom: 20px; }
         section.three p { font: 300 16px/160% 'Open Sans', Arial, Helvetica, sans-serif; color: #444; text-align: center; }


  article.g.news section.c.l > img + div, 
  article.g.news section.c.l > a > img + div, 
  article.g.news section.c.l > figure + div, 
  article.g.news section.c.l > a > figure + div { float: none; width: auto; text-align: center; }

  article.g.news section.c.l { padding: 1rem; margin: 0; }
  article.g.news section.three h3 { text-align: center; font-size: 1.4rem; }
  article.g.news section.c.l img { display: none; }


article.g.list { }
  article.g.list .c.l { background: transparent; padding: 0 1rem; }
    article.g.list section.c.l > img + div, 
    article.g.list section.c.l > a > img + div, 
    article.g.list section.c.l > figure + div, 
    article.g.list section.c.l > a > figure + div { float: none; width: auto; text-align: left; }

    article.g.list section.three { grid-template-columns: 100%; grid-gap: 30px 0; }
    article.g.list .c.l img { display: none; }
    article.g.list section.three h3 { text-align: left; font-size: 1.4rem; }



         article.wh section.two h2  { color: #444; font: 300 21px/120% 'Open Sans', Arial, Helvetica, sans-serif; margin: 0 0 20px; }
           article.wh section.two p.intro { font: 300 16px/160% 'Open Sans', Arial, Helvetica, sans-serif; color: #444; text-align: center; margin: 0 0 20px; }

img.contactF { float: none; margin: 0 auto 20px; width: 100px; }

fieldset.f { margin: 2em 0; }

        .oneLine div { float: none; width: 100%; margin: 0 0 20px; }
        .oneLine.wide div textarea { width: 280px; min-width: 280px; max-width: 280px; min-height: 100px; padding: 5px; }
  

.coloredBack { margin: 0 0 20px 0; }
  .coloredBack .cert { float: none; }
  .coloredBack .left { float: none; width: auto; }

  img.teamD { float: none; margin: 0; }

.imgGrid a { margin: 0 4.761% 4.761% 0; width: 47.6195%; }
.imgGrid a:nth-child(3n+0) { margin-right: 4.761%; }
.imgGrid a:nth-child(2n+0) { margin-right: 0; }

  footer { min-height: 100px; color: #858585; }
    footer > div.inner { padding: 3em .75em 0; }
      footer div.inner > section { float: none; width: auto; }
      footer div.inner > section + section { width: 100%; }
      footer div.inner > section > nav { float: none; width: 100%; margin: 0 0 40px; }
        div.inner > section > nav + nav { float: none; width: 100%; }
        div.inner > section h4 { margin: 0 0 1rem; }
        div.inner > section ul { overflow: hidden; float: none; }

        #qL { display: none; }
        img[alt='Kontakt'] { width: 100%; }

/*
      footer div.inner > section > nav { display: none; }
        footer section h4 { display: none; }
*/

    #coo .content { width: 100%; padding: 0; box-sizing: border-box; }
      .cK.i { margin: 10px auto; text-align: center; display: block; position: relative; width: 100px; }


div.fLogos { width: 100%;}
div.fLogos > img {width: 100%;}

div.fLogos a { margin: 40px 10px 10px 0; }
div.fLogos a img { width: 80%; }
.fLogos > a:nth-child(1) > img:nth-child(1) { width: 100%; }
div.fLogos a:nth-child(4) { margin: 40px 0 0 0; }


}


/* google translate */
.goog-te-banner-frame.skiptranslate { display: none !important; } 
body { top: 0px !important; }


section.floater { display: none; position: fixed; bottom: 0; top: auto; right: 20px; max-width: 320px; max-height: 320px; min-height: 215px; color: #fff; background: #eb3c12; z-index: 100; }
.floater div { padding: 40px 20px 40px 20px; font: 300 22px/130% 'Open Sans', Arial, Helvetica, sans-serif; }
.floater div.l { position: relative; padding: 0 20px 10px; text-align: right; font-size: 16px; }
.floater div.l a { color: #444; border-bottom: 1px #444 solid; }
.floater div.nl { background: #ddd; padding: 20px 30px; min-height: 50px; height: auto; }
.floater .nl a.btn { border: 1px #444 solid; color: #444; background: #ddd; font-size: 70%; margin: 0; }
.floater .nl a.btn:hover { background: #ccc; }
.floater #closeBttn { position: absolute; top: 10px; right: 10px; cursor: pointer; }