*{font-family:"Lato", sans-serif;}
.container{width:1024px;margin:auto;}
section#slider, .mainmenu, .searchArea, .footer .menue, .footer a.top, .footer .socialmedia, .footer .logos, .footer .button, .kopfbereichAngebot img, .formular, p iframe,  .searchArea, .language {display: none;}
.floatend{clear:both;}
.element{margin-top:40px;}
.viererkachel { width: 246px; margin-right: 10px; float: left; height: 130px; margin-bottom: 10px; /*border:1px solid #000;*/}
.viererkachel p, .viererkachel h3{color:#fff;}
.viererkachel h3{font-size:1.4em;font-weight:700;margin:15px 10px 0 20px; }
.viererkachel .icon img {float:left;margin:0 10px;}
.viererkachel .text p { margin-left:20px; width: 230px;}
.meldung a, .viererkachel a{color:#fff;}
.kacheln .schmal {width:246px; height:70px;}
.kacheln .gross {width:246px; height:150px;}
.kacheln .gross img{height:120px;}
.kachel{float:left; position:relative; overflow:hidden;margin-right:10px;margin-bottom:10px;}
.kachel:before{content:''; position:absolute; bottom:-21px; right:-21px; width:42px; height:42px; background:#fff; transform: rotate(45deg);}
.kachel p {color: #fff;font-weight: 700;margin:5px 0;}
.kachel.hintergrundbild p{color:#fff;}
.kachel .info{font-weight:300;font-size:1em;}
.kachel .icon img{float: left;margin: 15px 10px;}
.schmal .text{margin-top:12px;}
.gross .text {margin-left: 10px;margin-top: -4px;}
.kachel.hintergrundbild .text { margin-left: 25px; text-shadow: 1px 1px 2px black;}
.kachel.hintergrundbild{-webkit-print-color-adjust: exact;}
.blue, .blau {background-color:#0078ba;-webkit-print-color-adjust: exact; }
.lightBlue, .hellblau {background-color: #37aae6;-webkit-print-color-adjust: exact; }
.iceBlue, .eisblau {background-color: #9dcde2;-webkit-print-color-adjust: exact; }
.lightGreen, .hellgruen {background-color: #b6ca47;-webkit-print-color-adjust: exact; }
.yellow, .gelb {background-color: #f5d304;-webkit-print-color-adjust: exact; }
.orange {background-color: #dc9018;-webkit-print-color-adjust: exact; }
.magenta {background-color: #e50068;-webkit-print-color-adjust: exact; }
.lightGrey, .hellgrau, .grau {background-color: #aca69f;-webkit-print-color-adjust: exact; }
.gruen{background-color:#b0c933;-webkit-print-color-adjust: exact; }
.dreieins .links { width:768px; float:left;-webkit-print-color-adjust: exact; }
.dreieins .rechts{width:256px;padding-top:0;float:left;-webkit-print-color-adjust: exact; }
.meldung {column-break-inside: avoid;page-break-inside: avoid;padding-bottom:20px;}
.zweizwei .links, .zweizwei .rechts, .fliesstext.zweizwei .rechts, .zweizwei.textkacheln.fliesstext .rechts {width:512px;margin-top:0px;float:left;}
.angebot .zweizwei .links, .angebot .zweizwei .rechts { width: 492px; margin-right: 10px; float: left;}
.vorteile, .zusatzqualifikationen, .zeitraum, .ziele{padding:10px;margin-bottom:10px;font-size:0.9em;color:#fff;}
.zweizwei.textkacheln .links, .zweizwei.kacheln .links, .zweizwei.kacheln .rechts {width: 512px; float:left; clear:none;}
.meldungen.zweizwei .links{width:502px;margin-right:10px;}
.meldungen.zweizwei .rechts{width:502px;float:left;}
.meldungen img{width:246px;}
.meldungen.zweizwei .links .aktuelles{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;  column-gap: 10px;}
.zweizwei .bild, .zweizwei .textblock { width: 246px;margin-right:10px;float:left;}
.zweizwei .bild img{width:246px;}
.zweizwei.erfolg .bild img{margin-bottom:0;}
.mitbild img{width:502px;}
.meldungen.dreieins .links{width:758px;margin-right:10px;}
.meldungen.dreieins .rechts{width:246px;float:left;}
.meldungen.dreieins .links .aktuelles {column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;  column-gap: 10px;}
.meldungen.dreieins .rechts .veranstaltungen {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;  column-gap: 10px;}
footer {background: #0078ba; padding: 20px;-webkit-print-color-adjust: exact;color:#fff;}
footer a{color:#fff;}
.footer .links{ width: 582px;float: left; margin-right: 10px;}
.footer .rechts { width: 382px;float: left; margin-right: 10px;}
.footer .logo img{margin:5px 0;}
.footer .standorte {column-count: 2; column-gap: 10px;height:230px;}
.footer .standorte p{margin:5px 0 10px 0;}
.footer .standorte h4 {margin:0;}
 /** ANGEBOTSMODUL **/
.resetButton{display:none;}
#filter{z-index:998;position:relative;}
#filter input[type=checkbox] {-webkit-appearance: none;-moz-appearance: none; appearance: none; border: 1px solid grey;padding: 10px;border-radius: 5px;vertical-align:sub;margin-right:5px;}
#filter input:checked{ background: url(../media/check-blau.svg);border-color: #0078ba;color:#0078ba;}
#filter input:checked+label{color:#0078ba;}
#filter input.cbxGreen:checked { background: url(../media/check-gruen.svg);border-color: #b0c933;}
#filter input.cbxGreen:checked+label{color:#b0c933;}
#filter input.cbxMagenta:checked { background: url(../media/check-magenta.svg);border-color: #e50068;}
#filter input.cbxMagenta:checked+label{color:#e50068;} 
#filter input.cbxOrange:checked { background: url(../media/check-orange.svg);border-color: #dc9018;}
#filter input.cbxOrange:checked+label{color:#dc9018;} 
#filter input.cbxLightBlue:checked { background: url(../media/check-hellblau.svg);border-color: #37aae6;}
#filter input.cbxLightBlue:checked+label{color:#37aae6;}
#filter input.cbxYellow:checked { background: url(../media/check-gelb.svg);border-color: #f5d304;} 
#filter input.cbxYellow:checked+label{color:#f5d304;}
form .location, form .typeOfEducation, form .fieldOfEducation, form .resetButton{float:left;width: 300px;clear:none;}
.location li, .typeOfEducation li, .fieldOfEducation li {margin: 10px; list-style: none;}
.location h3, .typeOfEducation h3, .fieldOfEducation h3, .location label{font-size:1.1em;color:#4b4b4d;margin-bottom:10px;}
#offerlist {column-count: 4;column-gap: 10px;width:1024px;clear:both; margin:40px 0;}
.offer {column-break-inside: avoid;page-break-inside: avoid;border:1px solid;margin-bottom:10px;}
.offerBlue {border-color:#0078ba;}
.offerLightBlue{border-color: #37aae6;}
.offerIceBlue{border-color: #9dcde2;}
.offerGreen{border-color: #b6ca47;}
.offerYellow{border-color: #f5d304;}
.offerOrange {border-color: #dc9018;}
.offerMagenta {border-color: #e50068;}
.offerGrey{border-color: #aca69f;}
.offerBlue h3 {background-color:#0078ba;-webkit-print-color-adjust: exact;}
.offerLightBlue h3{background-color: #37aae6;-webkit-print-color-adjust: exact;}
.offerIceBlue h3{background-color: #9dcde2;-webkit-print-color-adjust: exact;}
.offerGreen h3{background-color: #b6ca47;-webkit-print-color-adjust: exact;}
.offerYellow h3{background-color: #f5d304;-webkit-print-color-adjust: exact;}
.offerOrange h3{background-color: #dc9018;-webkit-print-color-adjust: exact;}
.offerMagenta h3{background-color: #e50068;-webkit-print-color-adjust: exact;}
.offerGrey h3{background-color: #aca69f;-webkit-print-color-adjust: exact;}
.offer .detail{padding:10px;line-height:2em;background-color:#fff;position:relative; overflow:hidden;}
.offer h3{ font-size:0.9em;padding:15px 10px;height:35px;color:#fff;margin:0;}
.offer .detail{font-size:0.9em;}
.angebot .vorteile, .angebot .zusatzqualifikationen {width:462px;}
.angebot .zeitraum, .angebot .ziele {width: 216px;float: left;margin-right: 10px;}
.angebot .formular {width: 718px; padding:20px;}
.offer .detail span{font-weight:700;}
.offer .detail .information span a, .offer .detail .download span a{color:#0078ba;text-decoration:none;}
.offer .detail .preWord { width: 130px; float: left;}
.kopfbereichAngebot .head{margin-top:20px;}
.kopfbereichAngebot .head p {display: inline; padding: 6px; color: #fff; font-size: 1.4em;font-weight: 700;line-height: 1.9em;}
.angebot .kontakt{width:512px;margin-bottom:20px;}
.angebot .kontakt p{margin:0;}
.angebot .kontakt .anschrift{float:left; margin-right:20px;}
.fliesstext p { padding-right: 10px;}
.angebot .zusatz {display: none;}