body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@charset "UTF-8";
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../../files/css/Montserrat-Regular.eot');
  src: url('../../files/css/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
       url('../../files/css/Montserrat-Regular.woff') format('woff'),
       url('../../files/css/Montserrat-Regular.ttf') format('truetype'),
       url('../../files/css/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
}
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../../files/css/Montserrat-Bold.eot');
  src: url('../../files/css/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
       url('../../files/css/Montserrat-Bold.woff') format('woff'),
       url('../../files/css/Montserrat-Bold.ttf') format('truetype'),
       url('../../files/css/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
}

@font-face {
  font-family: 'OpenSans';
  src:
       url('../../files/css/OpenSans-Light.ttf') format('truetype');

}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/**
 * Global TinyMCE style sheet
 * 
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 * 
 *   tl_files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 * 
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 * 
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 * 
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (tl_files/tinymce.css).
 */
.warning { color:#c55; font-size:1.1em; }
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }
html{box-sizing: border-box; min-height: 100.1%;--kurscount:0}
html *, html *:before, html *:after{box-sizing: inherit}
*{margin: 0; padding: 0}
body{background: #fff; font-family: "OpenSans", sans-serif; padding:36px calc(50% - 594px) 0; overflow-x: hidden; line-height: 1.8em; min-height: 100vh; hyphens:auto}
select, input,textarea{font-family: "OpenSans", sans-serif;background: #fff}
select:invalid { color: gray; }
#wrapper{min-height: 100%}
a{text-decoration: none; color:#587219; font-weight: 700}
.seminar a{color:#afca71}
.untransformed{text-transform: none !important}
.nodisp{display: none} 
.visually-hidden{position: absolute; overflow: hidden; display: block; width: 0; height: 0; left:-10000px;top:-10000px}
.dblock{display: block}
.fright{float: right}
.t-right{text-align: right}.t-left{text-align: left !important}
.nolist{list-style: none !important}
.flex,.news .flex{display: -webkit-flex;display: -ms-flexbox;display: flex }
.iflex{ display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;}
.colflex{-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction: column}
.flexgrow{-ms-flex: 1 0 auto;-webkit-flex-grow: 1;flex-grow: 1}
.aligncenter{-ms-flex-align:center;-webkit-align-items: center;align-items: center}
.alignend{-ms-flex-align:end;-webkit-align-items: flex-end;align-items: flex-end}
.flexwrap{-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap}
.justifybetween{-ms-flex-pack: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.self-end{-ms-flex-item-align:end; -webkit-align-self:flex-end; align-self:flex-end}
.rel{position: relative} .abs{position: absolute}
.w100{width: 100% !important}
.klammer:before{content:"("}
.klammer:after{content:")"}
.menu a{color: #000}
.bglgreen{background-color: #afca71}
.bgrose{background-color: #c55}
.bgnonline{background-color: #b1d5d5}
.bgdgreen{background-color: #587219}
.bgdrose{background-color: #cc1010}
.bgblau{background-color: #00bfff; background-color:#59BEE0}
.bgdblau{background-color: #0489b1}
.bgdtuerkis{background-color: #6c9b78}
.bgdnonline{background-color:#76afa8}
.bgdgrey{background-color: #999}
.bgorange{background-color: #e38623}
.bggrey{background-color:#bfbfbf }
.bglgrey{background-color:#efefef }
.bgwhite{background-color:#fff}
.lgreen{color: #afca71}
.dgreen{color: #587219}
.drose{color: #cc1010}
.dgrey{color:#999}
.dblau{color: #0489b1}
.nonline{color:#b1d5d5}
.dnonline{color:76afa8}
.orange, .error{color: #e38623} .borange{border-color:#e38623 !important}
.grey{color:#bfbfbf}
.white{color: #fff !important}
.transparent{color:transparent !important}
.italic{font-style: italic} .bold, .error{font-weight: 700}

.pointer{cursor: pointer}
.emptyOpt[disabled]{display: none}
.menu, h1, h2, h3, h4, h5, h6{font-family: "Montserrat-Bold", sans-serif; text-transform: uppercase; font-weight: 500}
.button{border:4px solid; text-align: center; font-weight: 500;font-family: "Montserrat-Bold", sans-serif;line-height: 28px; padding: 0 14px; display: inline-block; cursor: pointer }
.pfeilchen:before{content:"‣ ";font-size:1.4em; position: relative;display: inline-block;  -ms-transform: scale(1,1.2); -webkit-transform: scale(1,1.2); transform: scale(1,1.2); padding-right: .4em}
.button.pfeilchen:before{ top:2px}
.showmore .button, .button.big{line-height: 44px; font-size:1.1em}
.kastl{border:2px solid; padding: 36px}
.smallpad{padding: 18px}
.largepad{padding: 72px}
.logo{display: inline-block; margin-bottom: 35px}
.opener,.opener:checked+.selfhide{position: absolute; overflow:hidden; clip:rect(0,0,0,0)}
.lngnav li{list-style: none; display: inline-block; text-transform: uppercase; line-height: 28px; height: 28px}
.lngnav li:first-child:after{content: "| ";font-weight: 700;}
.lngnav li a{ color: #000;font-family: "Montserrat-Bold", sans-serif;}
.de .lngnav li:first-child a, .en .lngnav li:last-child a{color:#a3ce87}
html[data-realm='com'][lang='de'] .lngnav li:first-child a, html[data-realm='com'][lang='en'] .lngnav li:last-child a{color:#a3ce87}
.lngnav{position: absolute; right:0; top:17px}
.dm-at .lngnav, .dm-ch .lngnav{display: none}
.menu li{list-style: none; display: inline-block; padding-left: 36px}
.menu{position: absolute; right: 92px; top:18px}
.dm-at .menu, .dm-ch .menu{right:0}
.menu .level_2, .menu .footernav>a{display: none}
.menu .footernav{padding: 0}
form::after{content: ''; display: table; clear: both}
#header img{display: block}
#main h1{text-align: center; padding-bottom: 32px; line-height: 1em}
.domainnav{position: absolute; right: 0; top:-21px; text-transform: uppercase; font-weight: 700; font-size: .8em}
.domainnav label{position: relative; display: none}
.domainnav label:before, .domainnav label:after{content:"⋁"; padding: 0 9px; }
.flags li{list-style: none; display: inline-block; margin-right: 18px; position: relative}
.flags a{display: block; text-transform: uppercase; color: #000  }
.flags li:last-child{margin-right: 0; padding-left: 18px}
li.us + li{padding-left: 18px}
.flags li:last-child:before, li.us + li::before{content:"|"; position: absolute; left:-2px; top:-1px}
.dm-at .flags .at,.dm-ch .flags .ch,.en:not(.en-US) .flags .com, .dm-com.de .flags .de, .dm-us .flags .us{color: #afca71}
 html[lang='de'][data-realm='com'] .flags .de{color: #afca71;}
.flags .at{background-position: left bottom} .flags .ch{background-position: right top}
/*#main h2{padding-bottom: 14px}*/
.hamburger {
    width: 1.875em;
    height: 1.85em;
    border-width: .25em;
    border-style: solid;
    background: #000;
    background-clip: content-box;
    position: absolute;
    right: 0;
    top: 7px;
    padding: .56em 0;
    border-left: none;
    border-right: none;
    display: none;
    cursor:pointer;
}

h3.plain{padding-bottom: 7px}
#header{margin-bottom: 70px}
.home header .mod_article{height:0; padding-bottom: 38.55%; background: url("../../files/css/header-home.jpg") no-repeat; background-size: cover; position: relative; color:#fff; text-align: center; font-size: 1.2em; min-height: 205px}
.home.en-US header .mod_article{background-image:url("../../files/css/header-us.jpg")}
.home header .ce_text{position: absolute; bottom:5%; left:0; width: 100%; padding: 0 calc(50% - 294px)}
.home header h1{margin-bottom: .4em; line-height: 1.1em}
.kursdetails header{margin-bottom: 32px}
.kkastl{font-size:.9em; line-height: 1.4em}
.filterheadline{font-size: 18px !important; margin-left:36px; margin-bottom: 24px !important}
.filterelements{margin-top: 18px}
.filterelements > *{font-size: .9em}
.filterelements > label,.filterelements > .label{position: relative; margin-right: 18px; } .filterelements select{display: inline-block; }

 .filterelements select, .filterelements option,.filterelements > label > span{padding:0 0 0 36px; line-height: 44px; }
 .filterelements option{min-width: 100%}
 .filterelements select{width: 100%;height: 48px; border: 2px solid #afca71}
 .filterelements > label:first-child,.filterelements > form{width: calc(50% - 247px)}
 label.kursart{width: 220px}
 label.land{width: 220px}
.filterelements > label > span{position: absolute; bottom:100%;line-height: 2.3em;}
.filterwrap .kastl label,.filterwrap .label, label.virtualcb {color: #bfbfbf; display: inline-block; line-height: 34px; padding-left: 34px !important; font-weight: 700; position: relative; padding-right: 8px;cursor: pointer}
label.virtualcb{line-height:1.4em; padding-top:6px; min-height:30px}
.filterwrap .kastl label:before,.filterwrap .label:before, label.virtualcb:before {content:""; background: #fff; border:1px solid;position: absolute; left:7px; top:9px; width:16px; height: 16px;line-height: 14px;
    text-align: center;
    font-size: 12px;
    font-weight: 900;}

.filterwrap .kastl{padding: 0}
.filterwrap .kastl:first-child{padding: 2px 4px; margin-right: 18px}
.filter{width:53.5%;}

/*.filter label{min-width: 30%;
    border: 2px solid #fff;}
.land{width:30%}
.head{align-self: flex-end; padding-left: 34px}
.land.head{-ms-flex-order: 2;-webkit-order: 2;order: 2}
.search.head{-ms-flex-order: 3;-webkit-order: 3;order: 3}
.filter.body{-ms-flex-order: 4; -webkit-order: 4;order: 4}
.land.body{-ms-flex-order: 5;-webkit-order: 5;order: 5}
.search.body{-ms-flex-order: 6;-webkit-order: 6;order:6; }*/
form.search{position: relative}
.search div{position: relative; padding-right: 44px; border: 2px solid #afca71; width: 100%}
.search button{background: transparent url("../../files/css/lupe.png") no-repeat right center;display: inline-block;width:44px; height:44px; cursor: pointer;border:none;outline:none; position: absolute; right: 0; top:0}
.search input{width:100%; line-height: 44px; border:none; outline: none;padding: 0 5px 0 38px}
.search label{position: absolute; top:-32px; left:34px}
.plain{font: normal 500 1em "OpenSans", sans-serif; text-transform: none}

.kurswrap article{position: relative}
.kurswrap article:before{content:"Seminar"; background:#afca71; position: absolute; top:0; display: inline-block; font-style: italic; padding: 2px 18px; color:#fff; }
.kurswrap .lehrgang:before{content:"Lehrgang";background:#587219}
.kurswrap .online-mode-1::before{content:"Webinar"; background: #c55}
.kurswrap .online-mode-2::before{content:"Live-Online-Seminar"; background: #00bfff; background:#59BEE0}
.kurswrap .online-mode-4::before{content:"Online-Seminar"; background: #00bfff; background:#b1d5d5}
.kurswrap .lehrgang.online-mode-3::before{content:"Blended-Learning-Lehrgang";  background:#6c9b78}
.kurswrap .lehrgang.online-mode-1::before, .kurswrap .webgang::before{content:"Webinar-Reihe"; background: #cc1010}
.kurswrap .lehrgang.online-mode-2::before, .kurswrap .onlinegang::before{content:"Live-Online-Lehrgang"; background: #0489b1}
.kurswrap .lehrgang.online-mode-4::before{content:"Online-Lehrgang"; background: #76afa8}
.en .kurswrap .lehrgang.online-mode-1::before, .en .kurswrap .webgang::before{content:"Webinar Series";}
.en .kurswrap .online-mode-2::before{content:"Live Online Seminar"}
.en .kurswrap .lehrgang.online-mode-3::before{content:"Blended Learning Course"}
.en .kurswrap .lehrgang.online-mode-4::before{content:"Online Course"}
.en .kurswrap .lehrgang.online-mode-2::before, .en .kurswrap .onlinegang::before{content:"Live Online Course"}
.lg.online-mode-1 .anm-zeit, .lg.online-mode-1 .anm-zeit + dd, .wg.online-mode-1 .anm-zeit, .wg.online-mode-1 .anm-zeit + dd{display: none}
.en .kurswrap .lehrgang:before{content:"Course"}
.kurswrap article[data-semco]::before{background:#afca71 !important; color:#fff !important;}
.kurswrap article.lehrgang[data-semco]::before{background:#587219 !important;}
 .home h2.counter:not(.less),span.counter:not(.less){display: none}
h2.counter:has(> span[data-cnt='0']){display: none !important}
#newcnt:has(> h2 > span[data-cnt='0']) + #nothingfound{display: block}
#newcnt:has(> h2 > span[data-cnt='0']) ~ .showmore{display: none !important}
.showmore label{display:none}
.kkastl ~ #nothingfound{display: none}
#nothingfound{font-weight: 700}
#s-all:checked ~ .kurswrap article{position: relative; left:auto}
body{counter-reset: all-kurse, less-kurse }
.kurswrap{margin-bottom: 18px;margin-top:36px; position: relative}
.kurswrap > *:not(#newcnt){-webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.kurs-cnt:after,.total:after{content: attr(data-cnt)}

#newcnt{ padding-bottom: 9px}
.showmore .button{display: none}
.kurswrap.en article:not(.en){display: none !important}
.kurswrap.de article:not(.de){display: none !important}
.kurswrap.berlin article:not(.berlin){display: none !important}
.kurswrap.koeln article:not(.koeln){display: none !important}
.kurswrap.muenchen article:not(.muenchen){display: none !important}
.kurswrap.seminar article:not(.seminar){display: none !important}
.kurswrap.lehrgang article:not(.lehrgang){display: none !important}
.kurswrap.webgang article:not(.webgang){display: none !important}
.kurswrap.onlinegang article:not(.onlinegang){display: none !important}
.kurswrap.online-mode-1 article:not(.online-mode-1){display: none !important}
.kurswrap.online-mode-2 article:not(.online-mode-2){display: none !important}
.kurswrap.blendgang article:not(.lehrgang.online-mode-3){display: none !important}
.kurswrap .kastl{/*width:calc(33.33% - 18px); margin-right:18px;*/ margin-bottom: 18px; border-color:#d9d9d9; overflow: hidden; padding-top: 50px; padding-bottom: 54px}
#kurse .disp:nth-of-type(n+7){display: none !important}
.kurswrap .kastl h1{color: #afca71; font-size: 18px}
.kurswrap .kastl[data-semco] h1{color: #afca71 !important}
.kurswrap .lehrgang h1{color: #587219}
.kurswrap .lehrgang[data-semco] h1{color: #587219 !important}
.kurswrap .online-mode-1 h1{color: #c55}
.kurswrap .online-mode-2 h1{color: #00bfff; color: #59BEE0}
.kurswrap .online-mode-4 h1{color: #b1d5d5}
.kurswrap .lehrgang.online-mode-1 h1, .kurswrap .webgang h1{color: #cc1010}
.kurswrap .lehrgang.online-mode-2 h1, .kurswrap .onlinegang h1{color: #0489b1}
.kurswrap .lehrgang.online-mode-3 h1{color: #6c9b78}
.kurswrap .lehrgang.online-mode-4 h1{color: #76afa8}
.kurswrap dl{display: inline-block;  padding-left: 36px; line-height: 38px}
.kurswrap dl:first-child{width: calc(50% - 51px);}
.kurswrap dd, .kurswrap dt{display: inline-block; }
.kurswrap dt{font-weight: 700; margin-right: 18px}
.kurswrap dt:after,h2.counter:after{content: ":"}
.kurswrap .subline{position: absolute; left: 0; bottom: 0; width: 100%; border-top: 2px solid #d9d9d9; overflow: hidden}
.subline .button{width: 102px; position: absolute; right: 0; bottom: 0; white-space: nowrap}
.kurswrap hr{visibility: hidden}
.filterelements:has(#fgbsel option[value="1"]:checked) ~ #kurse article:not(.c-1),.filterelements:has(#fgbsel option[value="2"]:checked) ~ #kurse article:not(.c-2){display: none} 
.filterelements:has(#fgbsel option[value="3"]:checked) ~ #kurse article:not(.c-3),.filterelements:has(#fgbsel option[value="4"]:checked) ~ #kurse article:not(.c-4){display: none}
.filterelements:has(#fgbsel option[value="5"]:checked) ~ #kurse article:not(.c-5),.filterelements:has(#fgbsel option[value="6"]:checked) ~ #kurse article:not(.c-6){display: none}
.filterelements:has(#fgbsel option[value="7"]:checked) ~ #kurse article:not(.c-7),.filterelements:has(#fgbsel option[value="8"]:checked) ~ #kurse article:not(.c-8){display: none}
.filterelements:has(#fgbsel option[value="9"]:checked) ~ #kurse article:not(.c-9){display: none}

.filterelements:has(#kursel option[value="seminar"]:checked) ~ #kurse article:not(.seminar){display: none}
.filterelements:has(#kursel option[value="lehrgang"]:checked) ~ #kurse article:not(.lehrgang){display: none}
.filterelements:has(#kursel option[value="webgang"]:checked) ~ #kurse article:not(.webgang){display: none}
.filterelements:has(#kursel option[value="onlinegang"]:checked) ~ #kurse article:not(.onlinegang){display: none}
.filterelements:has(#kursel option[value="online-mode-1"]:checked) ~ #kurse article:not(.online-mode-1){display: none}
.filterelements:has(#kursel option[value="online-mode-2"]:checked) ~ #kurse article:not(.online-mode-2){display: none}
.filterelements:has(#kursel option[value="blendgang"]:checked) ~ #kurse article:not(.online-mode-3){display: none}

.filterelements:has(#domsel option[value="berlin"]:not([data-link]):checked) ~ #kurse article:not(.berlin){display: none}
.filterelements:has(#domsel option[value="berlin de"]:not([data-link]):checked) ~ #kurse article:not(.de){display: none}
.filterelements:has(#domsel option[value="berlin en"]:not([data-link]):checked) ~ #kurse article:not(.en){display: none}
.filterelements:has(#domsel option[value="koeln"]:not([data-link]):checked) ~ #kurse article:not(.koeln){display: none}
.filterelements:has(#domsel option[value="muenchen"]:not([data-link]):checked) ~ #kurse article:not(.muenchen){display: none}



#s-all:checked ~ h2{display: block}
#s-all:checked ~ div .counter{display: inline}
#s-all:checked ~ div .less, #h-all:checked ~ div .more{display: none !important}
h2.counter{font-size: 18px; margin-left: 36px}
span.counter{padding-right: 10px}
header p.back{display: none}
.h-pic,.normhead{width:100%; background:url("../../files/css/controlling-header.jpg") no-repeat; background-size: cover; height:0; padding-bottom: 16.7%;min-height: 115px;position: relative}
.h-pic h1, .normhead h1{color:#fff; padding-left: 36px; font-size: 2.1em; width: 100%; position: absolute; bottom:36px}
.stm-pic{background-image: url("../../files/css/inserate-header.jpg");}
.default-pic,.normhead{background-image: url("../../files/css/default-header.jpg")}
.breadcrumb{margin-top: 72px; font-weight: 700; position: relative}
.breadcrumb li{list-style: none; display: inline-block; line-height: 32px; color: #afca71}
.breadcrumb.semco li{color: #afca71 !important}
.breadcrumb li:last-child{float: right}
.print-share{width:32px; height:32px; display: inline-block; background: url("../../files/css/print-share.png") no-repeat left; text-indent: -10000px; vertical-align: top; margin-left: 18px; cursor: pointer}
.share{background-position: right}
.lehrgang li{color: #587219}
.lehrgang.semco li{color: #587219 !important}
.lehrgang.blended li{color: #6c9b78}
.blended li{color: #aed4b0}
.webinar li{color:#c55}
.onlineseminar li{color:#00bfff; color:#59BEE0}
.lehrgang.webinar li{color: #cc1010}
.lehrgang.onlineseminar li{color: #0489b1}
.nonline li{color:#b1d5d5}
.lehrgang.nonline li{color:#76afa8}
.breadcrumb li:first-child{margin-right: 18px}
.breadcrumb li:first-child a{padding: 0 72px 0 36px}
.breadcrumb li:nth-child(2):after{content: ">"; padding: 0 9px}
#kurse-detail .einleitung{font-weight: 700}
.opener + label + .openee,.opener + label + span + .openee,.opener + label + span + meta + meta + .openee,.range ~ .openee{overflow: hidden; max-height: 0}
.opener + label{cursor: pointer}

.opener:checked + label + .openee,.opener:checked + label + span + meta + meta + .openee,.opener:checked + label + span + .openee,.opener + label + .reverse,.range:checked ~ .openee, .range ~ .reverse {max-height: 3000px; transition-property:  max-height;transition-duration: 1.2s }
.opener:checked + label + .reverse,.opener:checked + .reverse, .range:checked ~ .reverse{max-height: 0; transition-duration: 0s; padding: 0 !important}
.forcedur{transition-duration: .5s !important}
.opener:checked + label + .openee,.range:checked ~ .openee, .opener:checked + label + span + .openee{transition-duration: 1.2s}
.module label{padding: 7px 0 7px 15px; font-weight: 700; font-size: 1.1em;  display: block;overflow: hidden;position: relative}
.timespan{float: right; font-weight: 500; font-size: .9em; padding-left: .75em}
aside.kurs label{line-height: 1.6em; font-weight: 700; display: block; position: relative}
.module label:before, .einzelbuchung:before, aside.kurs label:before{content: ">"; padding-right: 8px; font-size: 0.7em; display: inline-block; position: relative; top:-1px; -ms-transform: scale(1,1.2); -webkit-transform: scale(1,1.2); transform: scale(1,1.2)}
.module label:before{position: absolute;top:.7em;left: 0}
aside.kurs label:before{position: absolute; left:-18px}
.module .opener:checked + label:before, aside.kurs .opener:checked +  label:before{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg) scale(1,1.2);  left:-5px;top:2px}
aside.kurs .opener:checked +  label:before{left:-23px;}
.module .opener:checked + label:before{top:11px}
.module label:first-of-type{border-top:1px solid #d9d9d9;}
.module .openee{position: relative; }
.module .openee{ border-bottom: 1px solid #d9d9d9;}
.module ul, .moreinfo ul, .inhalte ul{list-style: square}
 #main .mod_article ul{padding-left: 18px;list-style: square}
.module li{padding-bottom: 5px}
article.kurs >div{width:63%; padding-right: 46px;display: inline-block }
article.kurs > h1{width:63%; padding-right: 46px}
aside.kurs{width: 34%;display: inline-block;vertical-align: top;  border-left:1px solid #d9d9d9; padding-left: 18px;}
.kurs h2{font-size:1.2em}
aside.kurs>div:nth-child(n+2){margin-top: 70px}
aside.kurs ul{padding-left: 18px}
.module dl {margin: 1em 0}
.module dh{font-weight: 700; padding-right: .4em}
.module ul,.module dl{padding-left: 36px; margin-bottom: 1em}
.inhalte ul{padding-left: 18px;margin-top: -7px }

.inhalte li{padding: 7px 0}
.inhalte li ul li:first-child{padding-top: 12px}
.inhalte li ul li{padding-bottom: 0; list-style:none; position: relative}
.inhalte li ul li:before{content:"– "; position: absolute;left:-1em; }
.inhalte ul ul{margin-bottom: 0}
.einzelbuchung{margin-bottom: 1em}
.einzelbuchung span:not(.currency):first-child{padding-right: 18px}
.euro, .dollar{font-size: 0} .euro::after{content:"€ "; font-size: 1rem} .dollar::after{content:"$ "; font-size: 1rem}
.zeitort{white-space: nowrap}
.kurs h1{font-size: 1.8em; line-height: 1.2em}
.kurs h1 span, .kkastl  h1 span{font-size: .8em; display: block}
#main .kkastl h1{text-align: left; padding-bottom: 18px; text-transform: none}
.testimonials li:not(:first-child){padding-top: 24px}
.testimonials blockquote{font-style: italic}
.testimonials blockquote p:not(:empty)::before{content:open-quote}
.testimonials blockquote p:not(:empty)::after{content:close-quote}
.testimonials footer{text-align: right; font-weight: 700; margin-top: .5em}
aside.kurs .moreinfo >div{padding-left: 18px}
.vortragende{border-bottom: 1px solid #d9d9d9}
.vortragende ul{border-top:1px solid #d9d9d9}
.vortragende li{position: relative}
.vortragende .opener:checked + label + .openee p:last-child{padding-bottom: 7px}
.vortragende li label, .moreinfo div label{line-height:2.5em}
.partwrap{position: relative;}
.partwrap:before, .partwrap:last-child:after,.vortragende li:not(:first-child):before{content:""; display: block; position: absolute; background:  #d9d9d9; top: 0; left:-18px; height: 1px; width:calc(100% + 18px)}
.partwrap:last-child:after{top:auto; bottom: 0}
.moreinfo .openee :last-child{padding-bottom: 7px}
.foerder p:not(:last-child), .foerder address{margin-bottom: 36px}
.foerder address{font-style: normal;line-height: 2em}
.foerder dd, .foerder dt{display: inline}
.foerder dt{padding-right: 4px}
.foerder dd:after{content: "\A";white-space: pre}
.teil-des-lg:before{content:", "}
.teil-des-lg:last-child:before{content:" und "}
html[lang="en" ] .teil-des-lg:last-child:before{content:" and "}
#kurse .teil-des-lg:first-child:before{content:"" }
#srchform button{text-indent: -200vw}
.orderwrap{padding: 72px 36px 54px; margin: 36px 0 }
.orderwrap dl{width:60%; margin-right: 36px}
.orderwrap dt,.orderwrap dd{display:inline-block}
.orderwrap dt{text-transform: uppercase; font-weight: 700;float:left}
.orderwrap dd{text-align: right;float:right; }
.orderwrap dt:not(:first-child){clear: both}
.orderwrap > div{width:calc(40% - 36px)}
.reserve{line-height: 44px; cursor: pointer}
.orderwrap >div>label{position: relative; top:-12px}
.orderwrap .button{width: 100%; max-width: 200px}
#kurse-detail{overflow: visible}
.orderwrap > .openee{position: absolute; width: 100%; z-index: 5; background: #fff; left:0;top:0}
.orderwrap form{  border: 2px solid #d9d9d9;padding: 36px}
.orderwrap fieldset{border: 1px solid #d9d9d9;padding:18px; margin-bottom: 18px;}
fieldset.forradios{border: none; padding: 0; margin: 0;position: relative}
fieldset legend{padding: 0 7px}
.formwrap form label, .forradios legend{width: 40%;display: inline-block;padding-right: 18px; padding-left: 0}
.orderwrap  label.virtualcb{width: 100%}
input:checked + .virtualcb:before, input[name="AGB"]:checked ~ .virtualcb:before{content:"x"}
.labelwrap,.inseratwrap .formbody > div{padding: 7px 0}
.formwrap input, .formwrap label:not(.virtualcb), fieldset.forradios, .formwrap select{line-height: 1.8em}
.formwrap input[type="text"], .formwrap input[type="email"], .formwrap input[type="tel"], .formwrap input[type="datetime-local"], .formwrap select{width:58%; padding: 0 4px; border:1px solid #d9d9d9; border-radius:2px}
.selwrap{width:58%;display:inline-block}
.forradios span{position: absolute; left:calc(40% + .4em); top:0; width: calc(60% - .4em)}
fieldset.forradios{min-height:1.8em}
.forradios legend{position: absolute}
.formwrap .virtualcb{color:#000; }
.formwrap .virtualcb:before{border-color:#bfbfbf}
.formwrap input[type="radio"] + label{width:auto}
label.mandatory:after, fieldset.mandatory:after, legend.mandatory:after{content:"*"; font-size: .9em;padding-left: .2em}
.cb_linktext{padding-left:7px}
.orderwrap .reverse{margin-top: 12px}
.formwrap button{max-width:170px}
.inseratwrap button{max-width: 230px}
.en .inseratwrap button{max-width: 280px}
.closebox{position: absolute !important; top:5px !important; right: 5px !important;bottom:auto !important;left:auto !important;  width:24px !important; height:24px !important;text-indent: -10000px;border:1px solid #d9d9d9; display: block !important; padding: 0 !important; cursor: pointer; color: #d9d9d9;z-index: 5; background: #fff}
.closebox:after{content:"+"; width:100%; height:100%; position: absolute; left: 1px; top:-1px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); text-indent: 0; font-size: 32px; text-align: center; line-height: 24px}
#reservebtn:checked + div .noreserve{display: none !important}
#orderbtn:checked ~ div .noorder{display: none !important}
#opt_20_0{width: auto; height: auto; margin: 10px; display: inline-block}
dt.anm-1:after,p.anm-1:before{content:"* "; font-size: .9em}
dt.anm-2:after,p.anm-2:before{content:"** "; font-size: .9em}
dt.anm-3:after,p.anm-3:before{content:"*** "; font-size: .9em}
p.anm{font-size: .9em}
article.kurs>div>*:not(:last-child){margin-bottom: 36px}
.foerdergsatzl a{color:#587219; font-weight: 700}
.textwrap label, .textwrap textarea{width: 100%}
.textwrap textarea{height:9.5em; padding: .4em; border:1px solid #d9d9d9; border-radius:2px}
#errormsg{position: fixed;  z-index: 5000; width: 1188px; left:20%; left:calc(50% - 594px); font-size: 2em;line-height: 30px;transition-duration: 0s; height: 174px}
#errormsg>div{padding: 72px;border:2px solid; position: absolute;width: 100%; left:0; top:0;min-height: 100%;background: #fff}
#errormsg div div{margin: auto; text-align: center}
.opener:checked + #errormsg{overflow: visible}
.filter-inserate label{width:18%; min-width: 130px}
.filter-inserate .o-inserat{min-width: 185px}
.en .filter-inserate .o-inserat{min-width: 250px; white-space: nowrap}
.filter-inserate .kastl{border-color: #afca71; padding: 2px}
.inserate .filter-inserate{margin-bottom: 48px;border-top: 20px solid #fff;}
#main .i-head{text-align: left; text-transform: none;}
.inserate h1 span{display: none}
#icb-0:checked ~ .inserate #lcb-0,#icb-1:checked ~ .inserate #lcb-1,#icb-2:checked ~ .inserate #lcb-2,#icb-3:checked ~ .inserate #lcb-3,icb-4:checked ~ .inserate #lcb-4{background: #afca71;color:#000}
#icb-0:checked ~ .inserate #lcb-0:before,#icb-1:checked ~ .inserate #lcb-1:before,#icb-2:checked ~ .inserate #lcb-2:before,#icb-3:checked ~ .inserate #lcb-3:before,#icb-4:checked ~ .inserate #lcb-4:before{content:"x"}
#icb-0:checked ~ .inserate #hcb-0,#icb-1:checked ~ .inserate #hcb-1,#icb-2:checked ~ .inserate #hcb-2,#icb-3:checked ~ .inserate #hcb-3,#icb-4:checked ~ .inserate #hcb-4{display:inline}
#icb-1:checked ~ .opener:checked ~ .inserate #hcb-1:after, #icb-2:checked ~ .opener:checked ~ .inserate #hcb-2:after,#icb-3:checked ~ .opener:checked ~ .inserate #hcb-3:after{content:", "}
#icb-0:checked ~ .inserate li,#icb-1:checked ~ .inserate .ins-1,#icb-2:checked ~ .inserate .ins-2,#icb-3:checked ~ .inserate .ins-3,#icb-4:checked ~ .inserate .ins-4 {display: table-row}
.f-i:checked ~ .inserate .nost{display: none !important}
.inserate h2{font-size: 1.1em; display: inline; padding-bottom: 18px !important}
.inserate ul{display: table; width: 100%}
.inserate li{display: none; min-width:80%}
.inserate li > *{display: table-cell; overflow: hidden}
.inserate li > h2{padding-left: 16px}
.inserate li > div{padding-left: 72px; width: 190px}
.inserate li>time{padding-left:18px; width: 150px; text-align: right}
.formwrap .widget-captcha input, .widget-upload .button {width: 28% !important}
.formwrap label.button{padding-right: 0}
.widget-captcha span{padding-left: 9px}
.formwrap select{height: 1.8em; height: calc(1.8em + 2px)}
.inseratwrap{position: relative;
    top: 0;
    width: 100%;
    background: #fff;}
#stellenmarkt{text-align: center}
#stellenmarkt > div, #stellenmarkt > article{text-align: left}
#stellenmarkt,.mods-adslist{overflow: visible}
#stellenmarkt .empty{display: none}
article.inserate{margin-bottom:72px}
.inseratwrap form label{padding-left:6px}
.inseratwrap input[type="text"], .inseratwrap input[type="email"], .inseratwrap input[type="tel"], .inseratwrap select{width:59%}
.inseratwrap .widget-headline{padding: 36px 18px !important; background: #efefef; margin-bottom: 18px}
.widget.error{position: relative; padding-top: 1.5em !important}
.widget.error p.error{position: absolute; top: 0; display: inline-block}
label.disabled{opacity: .4}
#o-inserat:checked ~ .openee{min-height: 100%}
.nl_fields>input:nth-child(2),.nl_fields select{float:right}
.nl-wrap fieldset.checkbox_container{border: none; outline: none; margin: 18px 0 18px -6px}
.nl-wrap legend{padding-bottom: 9px}
.nl-wrap fieldset label{width: 33.33%; width:100%}
.nl-wrap .forradios span{position: static; display: inline-block; width: 58%; float: right}
#lbl_NLAGB{margin-left: -6px}
footer{margin-top: 72px}
footer aside{height: 0; padding-bottom: 23.82%; position: relative; background: url("../../files/css/footer.jpg") center; background-size: cover; text-align: center; min-height: 167px}
footer aside div:first-child{position: absolute; left:0; top: 10.5%; width: 100%; color: #fff;  font-size: 1.4em; padding: 0 8px}
footer h1{margin-bottom: .6em} footer aside p{line-height: 1.6em}
footer aside div.flex{position: absolute; bottom:10.5%;left:0; width:100%}
footer .level_2{display: none}
footer li a{color:#000; font-weight: 500}
footer form{display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    border:1px solid #e38623; margin: 0 auto}
    footer form input{padding: 0 8px; line-height: 1.8em; border: none}
    .news h1{font-size: 2em}
    .news{margin-bottom: 54px}
    .news .opener:checked + label +.openee{padding-bottom: 18px}
    .news label,  .news .openee{padding: 0 18px 0 36px; overflow: hidden; position: relative}
    .news .openee{padding-left:54px}
    .news time{font-weight: 500; padding-left: 18px}
    .news label span{width: calc(100% - 36px);line-height: 1.4em;
    padding: 12px 0}
    .social{display: inline-block; width: 27px; height: 27px; margin-left: 12px; background: url("../../files/css/social.png") no-repeat left; text-indent: -10000px}
    .fb{background-position: center}
    .in{background-position: right}
    footer nav{display: inline-block}
    footer nav li{list-style: none; display: inline-block}
    .fusszeile{margin-top:36px; margin-bottom: 72px; line-height: 27px; font-size: .8em}
    .fusszeile nav{text-align: right}
    footer nav li{margin-left: -0.2em}
    footer nav li>*{padding: 0 9px}
    footer nav li:not(:last-child):after{content: "|"}
    .forsoc{margin-left: 15px}
    .kontakt address{margin-top: 18px; font-style: normal; margin-left: 18px}
   /* .noaside #main .inside{max-width: 760px}*/
    select.datum{width: auto !important}
    #subnav{margin-top: 72px}
    #subnav li{list-style: none; display: inline-block; margin-right: 24px; padding: 0 36px; font-weight: 700}
    #subnav li.active{color:#fff; background: #afca71}
    #subnav li:last-child{margin: 0}
    #subnav li a{color: #111}
    .blocklinks{padding-top: .4em}
    .blocklinks a{display: block;line-height: 1.25em;
    margin-bottom: .7em}
  .multicol{-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-width: 345px;
-webkit-column-width: 345px;
column-width: 345px;}
.foerdergsatzl{position: relative; padding-left: 90px}
.foerdergsatzl:before{content:"i"; color:#fff; background: #efefef; border-radius: 50%; position: absolute; left:0; top:6px; text-align: center; display: inline-block; width:72px; line-height: 72px; font-size: 48px; font-weight: 700}
.anm:not(:last-child){margin-bottom:18px}
.filterelements > label:after{content:"∨"; background: #fff; width:36px; line-height:44px; right: 2px; top:2px; position: absolute; text-align: center; pointer-events:none}
.subheadline{position: relative; padding-left: .8em}
.subheadline:before{content:"–"; position: absolute; left:0}
.iframe{max-width: 100%; position: relative; width:560px; display: inline-block; margin-bottom: 2em}
.iframe img{width: 100%}
.iframe iframe{position: absolute; top: 0; left:0; width: 100%; height: 100%}
#kurse-detail h1.untransformed{line-height: 1.2em}
#main .mod_article p, #main .mod_article h2, .noaside #main ul{margin-bottom: 1em}
#main .mod_article p + h2, #main .mod_article ul + h2{margin-top: 1.2em}
#main .mod_article address p{margin-bottom: 0}
.ce_text{margin-bottom: 1em}
#main p.error{margin-bottom: 0}
.kursdetails #main>.inside>.block{overflow: visible}
.teilvonlg h2{position: relative; top:9px }
aside .teilvonlg{display: none}
#cookie{background: rgba(175,202,113,.9); position: fixed; bottom: 0; left:0; width: 100%; padding: 1em; text-align: center; overflow: hidden}
.cookieform fieldset{border: none}
.cookieform label{margin-right: 1em}
.cookieform>fieldset{justify-content: space-between}
#cookie p{margin: auto}
#cookie label{margin-left: 1em}
.trainerlist > *{display: inline}
.trainerlist dh::after{content:": "}
.trainerlist dt:not(:last-child)::after{content: ", "}
.verschoben .subline dl:first-child dd::after, .verschoben .orderwrap > .flex::after{content:"verschoben"; text-transform: uppercase; color: #e32323; border: 4px solid; padding: .2em .5em; font-weight: 800; margin-left: .5em; background: #fff; letter-spacing: .1em}
html[lang="en"] .verschoben .subline dl:first-child dd::after, html[lang="en"] .verschoben .orderwrap > .flex::after{content:"postponed"}
.cs-combo, .cs-combo fieldset{border:none !important; padding: 0 !important}
.forradios .labelwrap.shown{margin-top:1.8em}
.labelwrap.hidden{position: absolute; top:-100000px; left:-10000px}
.offset_l{margin-left: 3px}
dd time[itemprop='duration']{text-transform: lowercase}
time.en::after, .subline dd time{content: ' CET';text-transform: none}

.faq h3{text-transform: none; position: relative; padding: 7px 0 7px 15px; font-size: 1.1em; cursor: pointer}
.faq h3::before{content: ">";
    padding-right: 8px;
    font-size: 0.7em;
    display: inline-block;
    position: absolute;
    top:.7em;
    left: 0;
    transform: scale(1,1.2)}
 .faq .showQ::before{
  transform: rotate(90deg) scale(1,1.2);
    left: -5px; top:11px
 }
 .faq h3 + div{
  overflow: hidden; max-height: 0
 }
 .faq .showQ + div{max-height: 5000px; transition: max-height .5s}
 .en .fl-cap::first-letter{text-transform: uppercase}
 .en .cap{text-transform: capitalize}
 .en .mod_adslist p.empty{display: none}
@media print{
  body{width:210mm; padding: 12mm; font-size:11pt; line-height: 1.4em}
  #header{margin-bottom: 0}
  #header .menu{display: none}
  #header .mod_article > *, .print-share, #footer{display: none}
  .logo{margin-bottom: 6mm}
  /*#header .mod_article .breadcrumb{display: block; margin: 0}*/
  .noprint {display: none !important}
   .openee{max-height: 3000px !important}
    aside.kurs, article.kurs > div{width: 100%; padding: 0; border: none; display: block}
    article.kurs>div>* {
    margin-bottom: 6mm;
}
  .kurs .orderwrap{width: 100%}
  .orderwrap{margin: 0 !important; padding: 6mm 0 !important; position: relative; bottom: 3mm; position: relative; bottom: 3mm}
  .breadcrumb li:first-child {
    display: none
}
aside.kurs *{border: none !important}
.moreinfo{margin-top: 6mm !important}
.inhalte li{padding: 0}
.inhalte li ul li:first-child{padding-top: .4em}
.foerdergsatzl{padding-left: 0} .foerdergsatzl:before{content:""}
}
#cookie, #cookie fieldset{border:none}
.cookieform{display:block}
#show-cookie-settings:checked + label{display: none}
#cookie button{margin-left:1em}
#c-overlay{position: fixed; width: 100vw; height: 100%; background: grey; left: 0; top: 0; opacity: .5}
.iframeplaceholder{position: absolute; top:0; left:0; width: 100%; height: 100%}
.iframeplaceholder form{display:flex;flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%}
@media screen and (max-width:1224px)
{
    body{padding: 36px 18px}
    #errormsg{left:36px; width:90%; width:calc(100% - 72px)}
    .h-pic h1{}
    footer aside div:first-child{font-size: 1.9vw}
   
}

@media screen and (max-width:1200px)
{
  .filterwrap .kastl,.filterwrap .search:last-child{font-size:.8em}
  .orderwrap{font-size:.9em}
}
@media screen and (max-width:1100px)
{
  .filterwrap .kastl,.filterwrap .search:last-child{font-size:1em}
  .filter{width:100%}
  .land{width:67%}
  .search{width:calc(33% - 18px)}
  .filter.body{-ms-flex-order: 2;-webkit-order: 2;order: 2; margin-bottom: 18px}
  .land.head{-ms-flex-order: 3;-webkit-order: 3;order: 3}
  .search.head{-ms-flex-order: 4; -webkit-order: 4;order: 4}
  .orderwrap{-webkit-flex-direction:column; -ms-flex-direction:column;flex-direction: column; font-size: 1em;}
  .orderwrap > dl, .orderwrap > div{width:100%}
  .orderwrap > div{position: relative; top:18px}
  .orderwrap{padding: 54px 36px }
  .orderwrap .formwrap{ width:90vw; width:calc(100vw - 52px);}
  .breadcrumb li:last-child{position: absolute; left: -18px; bottom: calc(100% + 18px)}
}

@media screen and (min-width:1024px)
{
  footer aside div{margin-top: 1em}
}
@media screen and (max-width:1024px)
{
  .filterelements .flexgrow{width: 50%; max-width:calc(100% - 228px)}
  .filterelements .flexgrow:first-child{width: 60%; max-width:calc(100% - 238px)}
  .filterelements .kursart{width:25%; min-width: 220px}
  .filterelements .land{width:25%; min-width: 210px}
  .filterelements .kursart{margin-right: 0}
  .filterelements .land, #srchform{margin-top: 36px}
}
@media screen and (max-width:910px)
{
  header .menu li{padding-left: 24px}
  .menu{right:80px}
}
@media screen and (max-width:860px)
{
  footer h1{margin-bottom: .4em}
  header .menu li{padding-left: 18px}
    .filter-inserate label{min-width: 115px}
}
@media screen and (max-width:840px)
{
  .hamburger{display: inline-block}
  .domainnav{border-top: 2px solid #fff; top:-36px}
  .domainnav, .domainnav label, .flags li{display: block; width: 100%; text-align: center; left:0; right:auto}
  #country-select:checked ~ .domainnav{z-index: 501; background: #fff; border:2px solid}
  #country-select:checked ~ .domainnav .flags{display: block; }
  .flags{display: none}
  .flags li:last-child:before{content: none}
  .dm-at .flags .at,.dm-ch .flags .ch,.en .flags .com, .dm-com.de .flags .de{color: #fff; background: #afca71}
  html[lang='de'][data-realm='com'] .flags .de{color: #fff; background: #afca71}
  
  header .menu{display: none}
  #hamburger:checked ~ .menu{display: block !important; background: #fff; position: absolute; left:0; top:98px; z-index: 500; padding-bottom: 36px; border-bottom: 2px solid #d9d9d9; width:100%}
  #header{padding-top: 6px}
  #header .menu li{display: block; line-height: 2.4em}
  .menu .level_2{display: block}
  #footer nav >*{display: none}
  aside.kurs, article.kurs > div{width: 100%; padding: 0; border: none}
  aside.kurs{margin-top: 36px}
  #main h1{width: 100%}
  .kurs .orderwrap{width: 100%}

  #subnav{display: none}
  aside.kurs>div:nth-child(n+2) {
    margin-top: 34px;
    }
    .lngnav{top:48px}
.kursdetails .kurswrap{margin-top: 72px}
.orderwrap .formwrap{width: 100%}
.teilvonlg{display: none}
aside .teilvonlg{display: block}
}
@media screen and (max-width:798px)
{
  .en .filter-inserate .kastl label{width:50%}
  .en .o-inserat{float: right;line-height: 32px}
  .en .filterwrap .flex .flex{width:calc(100% - 38px - 250px); float:left}
  .en .filterwrap > .flex{display: block; overflow: hidden}
}
@media screen and (max-width:780px)
{
  .kkastl{font-size:.8em}
}
@media screen and (max-width:740px)
{
  
  footer aside div:first-child{font-size: .87em}
  .h-pic,.normhead{display: -webkit-flex;display: -ms-flexbox;display: flex; padding: 0}
  .h-pic h1,.normhead h1{position: static; margin: auto}
  .filterwrap > .flex{display: block; overflow: hidden}
  .filterwrap .flex .flex{width:calc(100% - 38px - 165px); float:left}
  .filterwrap .flex .flex label{width: 50%}
  .o-inserat{float: right;line-height: 32px}
  .inserate ul, .inserate li > * {display: block; position: relative}
  #icb-0:checked ~ .inserate li,#icb-1:checked ~ .inserate .ins-1,#icb-2:checked ~ .inserate .ins-2,#icb-3:checked ~ .inserate .ins-3,#icb-4:checked ~ .inserate .ins-4 {display: block}
  .inserate li{padding-top: 2.2em; padding-bottom: 18px; border-bottom: 1px solid #d9d9d9;position: relative}
  .inserate time{position: absolute; top:.6em; left:0; margin-top: -.2em; text-align: left !important}
  .inserate li > div{text-align: right; width: 100%}
  .inserate h2{padding-bottom: 0 !important}
}
@media screen and (max-width:720px)
{
  .kkastl{font-size:.9em}
   
.kurswrap .subline dl{width: 100%}
  .kurswrap .kastl{padding-bottom: 100px}
  .formwrap{font-size: .9em}
}
@media screen and (max-width:660px)
{
  .nl-wrap fieldset label{width: 100%}
  .formwrap{font-size: 1em}
  .formwrap label.wide{width: 100%}
  .manyradio legend{width: 10%}
  .manyradio span{width: calc(90% - .4em); left: calc(10% + .4em)}
  .formwrap label:not(.stay){display:none}
  .offset_l{margin: 0}
  .formwrap .widget-upload label, .checkbox_container label.virtualcb{display: inline-block; }
  .formwrap .widget-upload label:first-child{width: auto}
  .formwrap .widget-upload .button{min-width: 168px}
  .formwrap input[type="text"], .formwrap input[type="email"], .formwrap input[type="tel"], .formwrap select {width: 100%}
  .captcha_text:after{content:"*"; font-size: .9em}
  .nl_fields>input:nth-child(2), .nl_fields select {
    float: none;
}
}

@media screen and (max-width:640px)
{
.home header .mod_article{font-size: 1em}
.h-pic,.normhead{font-size: .9em}
}
@media screen and (max-width:600px)
{
  
  .filterelements .flexgrow{min-width: 40%; width:calc(100% - 218px)}
  .filterheadline{margin-left:18px}
  .filterelements select, .filterelements option, .filterelements > label > span,.kurswrap dl {
    padding-left: 18px;
}
.kastl{padding: 18px}
.news label {
    padding: 18px 18px 0 18px;
}
.news .openee{padding:0 18px 0 36px}
.search label{left:18px;}
.search input{padding-left: 20px}
h2.counter{margin-left: 0; position: relative; left:18px}
.news time{position: absolute; left: 20px; top:6px; }

}
@media screen and (max-width:580px)
{
  .filterelements > *{width:100% !important; max-width:100% !important; margin: 0 0 36px 0 !important}
}
@media screen and (max-width:540px)
{
  .cs-wrapper legend{width: calc(35% - .4em)}
.cs-wrapper span {width: 65%; left:35%}
}
@media screen and (max-width:520px)
{
  .en footer aside p:last-child{display: none}
}
@media screen and (max-width:510px)
{
.formwrap{font-size: .9em}

.home .kurswrap{margin-top: 0}
.orderwrap form{padding: 18px}
.home header h1 {
    margin-bottom: .3em;
}
}
@media screen and (max-width:482px)
{
   .en .filterwrap .flex .flex, .filterwrap .flex .flex{width:100%; float:none}
    .o-inserat{clear: left; margin-top: 18px}
    .selwrap, .hop{width: 100% !important}
     .kurs dd, .kurs dt{display: block; text-align: left; float: none}
    .kurswrap dt{margin-right: 9px}
.kurs dd{margin-top: -.4em}
.home header .mod_article{font-size: .9em}
.cs-wrapper legend{width: calc(25% - .4em)}
.cs-wrapper span {width: 75%; left:25%}
}
@media screen and (max-width:450px)
{
  .h-pic h1,.normhead h1{padding-left: 18px}
}
@media screen and (max-width:440px)
{
  footer aside p:last-child{display: none}
  
}
@media screen and (max-width:400px)
{
 
  .home header .mod_article,.h-pic,.normhead {font-size: .8em}
  .home header h1 {margin-bottom: .5em;}
  #main h1.ce_headline, #main section>h1{font-size: 1.7em}
  body{padding: 36px 9px }
  .forradios span{left:auto; right: 0}
  .cs-wrapper span label{padding-left: 10px; padding-right: 0; width: auto}
}

@media screen and (max-width:370px)
{
  /*.home header .mod_article,.h-pic,.normhead {font-size: .7em}*/
   .home header .mod_article p{line-height: 1.4em}
  .h-pic h1,.normhead h1{padding-left: 12px}
  footer form{font-size: .8em}
  footer input{padding: 0 4px}
  footer .button{padding: 0 8px}
  .copyright{width: 48%; line-height: 1.2em}
  .forsoc{margin: 0}
  .kurswrap dl{font-size: .9em}
  .kurswrap .kastl{padding-bottom: 120px}
  .subline span[itemprop='location']{display: block; margin-top: -1.2em}
  .subline dd{vertical-align: top; }

}
@media screen and (max-width:350px)
{
  footer aside{min-height:190px}
  footer .button{padding: 0 4px}
  .cookieform label{display: block}
  .cookieform button{margin-top: 1em}
}