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

    .navbar {
        max-width:910px;
        margin:0 auto;
        background-color:#ffffff;
        border-radius:0px;
        border-width:0px;
        margin-bottom:7px !important;
        padding:0px 15px 0px 15px;
    }
    .navbar-default .navbar-collapse {
        border-color: #ffffff;
        border-width:0px;
    }

    .nav, .nav > li, .nav > li > a {
        /* height:80px !important; */
    }

    .nav > li {
        text-align:left !important;
    }

    .nav > li > a {
        padding-top:10px !important;
        padding-bottom:10px !important;

        /* background-color:red; */
    }
    .navbar-brand::after {
        font-size:10pt !important;
        top:-2px !important;
    }

    img {
        max-height:100%;
    }

    .thumbnail1,.thumbnail2 {
        margin-bottom:15px !important;
    }

    .boxen {
        padding:15px 0px 5px 0px !important;
    }

    .balken {
        margin-top:395px !important;
    }

    .slider {
        background-size: auto 200px;
        height:390px !important;
    }

    .slider_unten {
        background-size: auto 200px;
        /* background-color:orange; */
        /* height:198px !important; */
    }


    .slider_1 {
        background-image:url('/NDH/Bilder/slider_1_1_m.jpg') !important;

    }

    .slider_2 {
        background-image:url('/NDH/Bilder/slider_1_2_m.jpg') !important;
    }

    .slider_3 {
        background-image:url('/NDH/Bilder/slider_1_3_m.jpg') !important;
    }

    .sliderbox {
        padding:15px !important;
        width:100%;
        left:0px !important;
        top:200px !important;
        margin-left:0px !important;
        height:190px !important;
    }

    .sliderbox h1 {
        margin-bottom: 10px;
        margin-top:0px;
        font-size:1.4em;
    }

    .sliderbox h2 {
        font-weight: 400;
        margin-bottom: 10px;
        margin-top:0px;
        font-size:1.3em;
        line-height: 1.050em;
    }

    .carousel-control {
        top:100px !important;
    }

    .carousel-indicators_oben {
        bottom: 184px !important;
    }

    .demobalken h1 {
        font-size:1.5em;
    }

    .demobalken h2 {
        font-size:1.3em;
    }

    .demobalken p {
        font-size:1.05em !important;
    }

    .unsichtbar_falls_klein {
        display:none;
    }

    .footer_oben_textfeld h1 {
        margin:10px 0px 0px 0px !important;
    }
    
    .text_rechts_tel {
        text-align:left !important;
    }

    .thumbnail_tns {
        background-color:#ffffff !important;
        margin:0px;
        min-width:30% !important;
        /* min-height:370px; */
        height:340px !important;
    }

    .tnsbox {
        /* background-color:yellow; */
        height:240px !important;
        overflow:hidden;
    }

    .tnsbox p {
        font-size:0.9em;
    }

    .carousel-indicators_unten {
        bottom: 114px !important;
    }

    .breadcrumb {        
        width:100% !important;
        max-width:100% !important;        
        /* background-color:red !important; */
        white-space: nowrap !important;
        overflow:hidden !important;
        text-overflow:" » ..." !important;
        color:#ffffff;
        font-weight:300;
        font-size:0.95em;
    }

    .zweispaltig_breit, .einspaltig {
        padding:15px 0px 15px 0px !important;
    }

    .zweispaltig_schmal {
        padding:0px 0px 0px 0px !important;
    }

    .zweispaltig_breit ul, .einspaltig ul{
        padding-left:18px !important;
    }
    
    .om_modal_dialog {
        margin-top:40px !important;
    }

    .element_eingerueckt {
        margin-left:0px !important;
        font-weight:400;
    }

    .element_eingerueckt .impressum {
        margin:15px 0px 15px 30px !important;
        font-weight:300 !important;
    }

    .element_weit_eingerueckt {
        margin:15px 0px 15px 15px !important;
    }

    .element_weiter_eingerueckt {
        margin:15px 0px 15px 30px !important;
    }

    .personen img {
        margin-top:20px !important;
    }

    .ueber_seite hr {
        margin-bottom:0px !important;
    }
    .abstandhalter_kurz {
        height:0px !important;
    }

    .top_wrap {
        color:#a52a2a;
        margin-left:-20px;
        height:14px;
        font-size:1em;
    /*     background-color:#a52a2a;
        border-radius:3px; */    
        margin-top:4px;
        margin-bottom:-4px;
    }

    .top_wrap span {
        top:0px;
    }
    
    .personen_trenner {
        visibility:hidden !important;
    }

    .personen {
        margin-bottom:-70px;
    }

    .angebots_box {
        display:none;
    }

    .randspalte_bild {
        /* display:none; */
    }

    .ue_unsi {
        display:none;
    }
    .box_karte h2 {
        margin-top:-10px !important;
    }

}

@media screen and (min-width: 769px) {
    .navbar {
        height:80px;
    }

    .nav, .nav > li, .nav > li > a {
        height:80px;
    }

    .umbruch::before {
        content: ' ';
        display: block;
    }

}

@media screen and (min-width: 768px) and (max-width: 880px) {
    .sliderbox_1 {
        background-color:#a52a2a !important;
        left:0px !important;
        margin-left:0px !important;
    }

    .sliderbox_2 {
        right:0px !important;
        margin-right:0px !important;
    }
    
    .unsichtbar_falls_mittel {
        display:none;
    }

}


/* ---------------------- */
/*  Allgemeines           */
/* ---------------------- */

html {
    font-size:100%;
}

body {
    font-family:'Roboto Condensed', sans-serif;
    font-size:100%;
}

.container-fluid {
    padding-left:0px;
    padding-right:0px;
}

img {
    max-width:100%;
}

label {
    font-family:'Roboto Condensed', sans-serif;
    font-size:100%;
}

/* ---------------------- */
/*  Schriftgrößen         */
/* ---------------------- */


p {
    font-size: 0.95em;
    font-weight:300;
    line-height: 1.3em;
    color:#38373a;
    margin-top: 0em;
    margin-bottom:auto;
    -moz-hyphens:auto;
    -o-hyphens:auto;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
}

h1 {
    font-size: 2.25em;
    font-weight:700;
    line-height: 1.250em;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 1.375em;
    font-weight:700;
    line-height: 1.250em;
    margin-bottom: 0.3em;
}

h3 {
    font-size: 1.1em;
    font-weight:700;
    line-height: 1.250em;
    margin-bottom: 0.3em;
}

h5 {
    font-size: 0.8em;
    font-weight:300;
    line-height: 1.3em;
}

h6 {
    font-size: 0.9em;
    font-weight:700;
    line-height: 1em;
    margin-bottom: 5px;
    margin-top:0px;
}


a {
    font-size: 0.95em;
    font-weight:300;
    line-height: 1.3em;
    text-decoration: none;
}

strong {
    font-weight:700;
}


/* ---------------------- */
/*  Slider                */
/* ---------------------- */


.slider {
    background-repeat:no-repeat;
    background-position:top;
    /* background:url(/NDH/Bilder/slider1_1.jpg) no-repeat center fixed; */
    height:350px;
    width:100%;
}

.slider_1 {
    background-image:url('/NDH/Bilder/slider_1_1.jpg');
}

.slider_2 {
    background-image:url('/NDH/Bilder/slider_1_2.jpg');
}

.slider_3 {
    background-image:url('/NDH/Bilder/slider_1_3.jpg');
}

.slider_wrap {
    /* margin: 0 auto; */
    position: absolute;
    left: 50%;
    transform: translate(-50%, -0%);
    -webkit-transform:translate(-50%,-0%);
    height:350px;
    width:1920px;
    max-width:100%;

    /* background-color:orange; */
}

.slider_wrap img {
/*     left: 50%;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%, -50%); */
    width:1920px !important;
    height:350px !important;
}

.carousel-control.left {
    background-color:none;
    background-image:none;
    text-align:left;
    /* padding-right:424px; */
}

.carousel-control.right {
    background-color:none;
    background-image:none;
    text-align:right;
    /* padding-left:424px; */

}

.carousel-control {
    width:50%;
    opacity: 1;
    top:158px;
    bottom:150px;
    padding-top:0px;
}


.carousel-control img {
    width:16px !important;
    height:16px !important;
}

.carousel-control:focus, .carousel-control:hover {
    color: #ffffff;
    opacity: 1;
    outline: 0 none;
    text-decoration: none;
}

.carousel-control_link {
    background-color:rgba(0,0,0,0.3);
    height:40px;
    width:30px;
    /* display:block; */
    padding-bottom:4px;
}

.carousel-indicators li {
    /* background-color:#87888a; */
    background-color:rgba(255,255,255,0.5);
    height:7px;
    width:7px;
    margin:1px;
    border: 0px solid #ffffff;
}

.carousel-indicators .active {
    background-color: #a52a2a;
    border: 0px solid #ffffff;
    height:7px;
    width:7px;
    margin:1px;
}

    .carousel-indicators_unten li {
        background-color:#87888a !important;
        border: 0px solid #87888a !important;
}

    .carousel-indicators_unten .active {
        background-color: #a52a2a !important;
        border: 0px solid #a52a2a !important;
    }

#slider_start ol {
    margin-bottom:6px;
}
.carousel-indicators {
    bottom: 0px;
}

.sliderbox {
    background-color:#a52a2a;
    position:absolute;
    padding:20px;
    top:50px;
}

.sliderbox img {
    width: 17px !important;
    height: 16px !important;
    margin-bottom:4px;
}

.sliderbox h1 {
    color: white;
    margin-bottom: 10px;
    margin-top:0px;
}

.sliderbox h2 {
    font-weight: 400;
    color: white;
    margin-bottom: 10px;
    margin-top:0px;
}


.sliderbox_1 {
    left:50%;
    margin-left:-440px;
}

.sliderbox_2 {
    right:50%;
    margin-right:-440px;
}

.sliderpfeil {
    margin-left:17px !important;
    text-indent: -17px;
}

.sliderpfeil a {
    font-size:1em;
    color:#ffffff;
}


.tnsbox {
    /* background-color:yellow; */
    height:198px;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    padding:0px 30px 0px 30px;
}

.tnsbox p {
    text-align:center;
}

.tnsbox p.kursiv {
    font-style:italic;
    margin-bottom:10px;
}


.tns_wrap .carousel-control {
    width:50%;
    opacity: 1;
    top:50px;
    /* bottom:150px; */
    padding-top:0px;
}

.tns_wrap .slider {
    background-repeat:no-repeat;
    background-position:top;
    /* background:url(/NDH/Bilder/slider1_1.jpg) no-repeat center fixed; */
    height:208px;
    width:100%;
}

.tns_link {
    background-color:#38373a;
    display:block;
    position:absolute;
    top:0px;
    height:28px;
    width:16px;
    padding-top:6px;
}

.tns_left_link {
    left:0px;
}

.tns_right_link {
    right:0px;
}



.stimmen_wrap {
    text-align:center;
    /* background-color:blue; */
    height:65px;
}

.stimmen {
    font-style:italic;
    padding:0px 30px;
    margin-bottom:5px !important;
    text-align:center;
}

.stimmen_verfasser {
    padding:0px 30px;
    margin-top:10px !important;
    margin-bottom:5px !important;
    text-align:center;
}


.vmod_slider_1 {
    background-image:url('/NDH/Bilder/vmod_slider_1.jpg');
}

.vmod_slider_2 {
    background-image:url('/NDH/Bilder/vmod_slider_2.jpg');
}

.vmod_slider_3 {
    background-image:url('/NDH/Bilder/vmod_slider_3.jpg');
}

.vmod_slider_4 {
    background-image:url('/NDH/Bilder/vmod_slider_4.jpg');
}

.vmod_wrap {
    /* background-color:orange; */
    height:380px;
    width:500px;
    max-width:100%;
    margin:0 auto;
    margin-top:15px;

}
.vmodbox {
    /* background-color:yellow; */
    width:100%;
    position:absolute;
    top:300px;
    left:0px;
    padding:0px 30px 0px 30px;
    text-align:center;
}

.vmodbox p {
    text-align:center;
}

.vmodbox p.kursiv {
    font-style:italic;
    margin-bottom:10px;
}


.vmod_wrap .carousel-control {
    width:50%;
    opacity: 1;
    top:100px;
    /* bottom:150px; */
    padding-top:0px;
}

.vmod_wrap .slider {
    background-repeat:no-repeat;
    background-position:top;
    /* background:url(/NDH/Bilder/slider1_1.jpg) no-repeat center fixed; */
    height:380px;
    width:100%;
}

.vmod_link {
    background-color:#38373a;
    display:block;
    position:absolute;
    top:0px;
    height:28px;
    width:16px;
    /* padding-top:6px; */
    padding-top:0px;
}

.vmod_left_link {
    left:0px;
}

.vmod_right_link {
    right:0px;
}


.linie2 {
    visibility:visible;
    background-color:rgba(0,0,0,0.1);
    height:1800px;
    z-index:99;
    width:910px;
    position:absolute;
    top:40px;
    left:50%;
    margin-left:-455px;
}

.linie {
    visibility:visible;
    background-color:black;
    height:1700px;
    z-index:99;
    width:1px;
    position:absolute;
    top:60px;
    left:206px;
}

.linie3 {
    visibility:visible;
    background-color:black;
    height:1px;
    z-index:99;
    width:910px;
    position:absolute;
    /* top:269px; */
    /* top:861px; */
    /* top:883px; */
    /* top:906px; */
    top:928px;
    left:50px;
}

.kursinfo_toppfeil {
    margin-bottom:6px;
    float:left;
    margin-right:10px;
    margin-bottom:0px;
    margin-top:22px;
    /* display:block; */
}

.kursinhalte {
    /* background-color:yellow; */
}

.modulliste {
    margin:0px 0px 15px 0px !important;
}

.modulliste_down {
    margin:5px 0px 30px 0px !important;
}

.modulliste_down img {
    height:14px;
    margin:0px 10px 3px 0px;
}

.einzel_lp {
    background-color: #ededed;
    height: auto;
    padding: 5px 10px;
    border-left: 5px solid #a52a2a;
    margin-top: 10px;
}

.lehrpfadtitel {
    font-size:1em;
    font-weight:400;
    color:#a52a2a;
    margin-top:0px;
    line-height:1em;
}

.kursinhalt_abschnitt::before {
        display: block;
        font-size:10pt !important;
        color:#87888a;
        margin-bottom:0px;
        line-height:1em;
        font-weight:300;
}

.lehrpfadtitel::before {
    content: 'Lerneinheit';
}

.lp_seiten::before {
    content: 'Themen';
    margin-top:10px;
}

.lp_seiten {
    /* font-size:1em; */
    font-weight:300;
    color:#000000;
    margin-top:0px;
    /* line-height:1em; */
}

.kapiteltitel::before {
    content: 'Kapitel im Lernmodul';
    margin-top:20px;
}

.kapiteltitel {
    font-size:1em;
    font-weight:400;
    color:#000000;
    margin-top:0px;
    line-height:1em;
}

.modultitel::before {
    content: 'Lernmodul';
    margin-top:10px;
}

.modultitel {
    font-size: 1.1em;
    font-weight:700;
    color:#a52a2a;
    line-height: 1em;
    margin-bottom: -10px !important;
}

.kursinfo_aenderungen {
    font-size:10pt;
    color:#87888a;
    font-style:italic;
    margin-top:10px !important;
}




/* ---------------------- */
/*  Navigation            */
/* ---------------------- */

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #ffffff;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    color: #38373a;
}

.navbar-default .navbar-nav > .active > a {
    color:#38373a;
}

.navbar {
    max-width:910px;
    /* height:80px; */
    margin:0 auto;
    background-color:#ffffff;
    border-radius:0px;
    border-width:0px;
    margin-bottom:5px;
    padding:0px 15px 0px 15px;
}

.nav, .nav > li, .nav > li > a {
    /* height:80px; */
}

.navbar-brand {
    padding:0px 0px 0px 0px;
    background-color:#ffffff;
}

.active > a {
    font-weight:700 !important;
    background-color:#ffffff !important;
}

.nav > li {
    text-align:center;
    /* border-left:1px solid black; */
}

.nav > li > a {
    font-weight: 400;
    font-size: 0.975em;
    color: #38373a;
    padding-top:30px;
    padding-right:11px;
    padding-bottom:0px;
    padding-left:11px;
    /* background-color:red; */
}

.nav > li > a:hover {
    font-weight: 700;
    /* background-color:red !important; */
}

.nav > li > a::after {
    display:block;
	content:attr(title) "---";
	font-weight:bold;
	height:1px;
	color:transparent;
	overflow:hidden;
	visibility:hidden;
}

.nav > li > a > img {
    margin-left:5px;
}

.gwhp_login, .gwhp_login:hover {
    color:#a52a2a !important;
    background-color:#ededed !important;
    font-weight:700 !important;
}

.nav_zwischenue {
    font-weight:700 !important;
}

#nav_elem1 {
    /* width:95px; */
    border-left:0px solid red;
    border-right:0px solid red;
}

#nav_elem2 {
    /* width:125px; */
    border-right:0px solid red;
}

#nav_elem3 {
    /* width:120px; */
    border-right:0px solid red;
}

#nav_elem4 {
    /* width:110px; */
    border-right:0px solid red;
}

#nav_elem5 {
    /* width:85px; */
    border-right:0px solid red;
}



/* ---------------------- */
/*  Login             */
/* ---------------------- */

.login_wrap {
    width:400px;
    max-width:90%;
    margin:0 auto;
    margin-bottom:300px;
    margin-top:50px;
}


/* ---------------------- */
/*  Balken                */
/* ---------------------- */

.balken {
    width:100%;
    height:60px;
    background-color:#38373a;
    position:relative;
    margin-top:350px;
}

.balken_textfeld {
    max-width:880px;
    width:90%;
    margin:0 auto;
    color:#ffffff;
    text-align:center;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    position:absolute;
    /* background-color:#f00fff; */
    /* font-size: 1.1em; */
    /* font-weight:700;
    line-height: 1.250em;
    padding-top:18px; */
}

.balken_textfeld h3 {
    margin:0px;
}

.balken_farbig {
    color:#c9807f;
}

/* ---------------------- */
/*  Boxen                 */
/* ---------------------- */

.boxen {
    width:100%;
    height:auto;
    min-height:370px;
    padding:40px 0px 40px 0px;
    background-color:#ededed;
}

.boxen_1b {
    width:100%;
    height:auto;
    min-height:370px;
    padding:0px 0px 40px 0px;
    background-color:#ededed;
}


.boxen_1_inhalt {
    max-width:910px;
    margin:0 auto;
    /* background-color:orange; */
}

.thumbnail {
    background-color:#ffffff;
    border-width:0px;
    border-radius:0px;
    margin:0px;
    padding:0px;
    min-width:30% !important;
    min-height:370px;
    border-top:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
}

.thumbnail1 {
    min-width:280px;
    min-height:370px;
}


.thumbnail h2 {
    color:#a52a2a;
    margin:0px 0px 0.3em 0px;
}

.thumbnail p {
    color:#38373a;
}

.thumbnail .caption {
    padding:15px;
}


.tn_links {
    margin-left:0px;
    /* margin-right:7px; */
}

.tn_mitte_ {
    margin-left:0px;
    margin-right:0px;

}

.tn_rechts {
    /* margin-left:7px; */
    margin-right:0px;
}

.tn_u_rechts {
    /* margin-left:23px; */
    margin-right:0px;
}

.boxtext {
    min-height:65px;
}

/* ---------------------- */
/*  Demo-Balken                */
/* ---------------------- */

.demobalken {
    width:100%;
    height:350px;
    background-image:url('/NDH/Bilder/bg-demo.png');
    background-size:auto;
    position:relative;
}

.demobalken_textfeld {
    max-width:700px;
    width:90%;
    margin:0 auto;
    text-align:center;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    position:absolute;
    /* background-color:yellow; */
}

.demobalken h1 {
    color:#ffffff;
    text-transform:uppercase;
    margin-top:0px;
}

.demobalken h2 {
    color:#ffffff;
}

.demobalken p {
    color:#ffffff;
    font-size:1.063em;
}

.demoknopf {
    font-weight:400;
    display:block;
    width:220px !important;
    height:40px !important;
    padding:12px 0px 0px 0px !important;
    line-height:1em !important;
    margin-top:20px !important;
    position:relative;
    left:50%;
    margin-left:-110px !important;
}

/* ---------------------- */
/*  Boxen 2               */
/* ---------------------- */

.thumbnail2 {
    min-width:280px;
    height:265px;
    min-height:265px;
}

.thumbnail2 p {
    color:#38373a;
    margin-bottom:0px;
}


.phn1 {
    width: 40px;
    height: auto;
    float: left;
    margin-top: 14px;
}

.phn1_text {
    margin-top:10px;
}

.phn1_nr {
    color:#38373a !important;
}


/* ---------------------- */
/*  Footer                */
/* ---------------------- */

.footer_oben {
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #1a1a1a;
}

.footer_unten {
    width: 100%;
    height: auto;
    min-height: 60px;
    padding-top: 5px;
    background-color: #000000;
}

.footer_unten_textfeld, .footer_oben_textfeld {
    max-width:910px;
    margin:0 auto;
    /* background-color:orange; */
    padding:0px 15px 0px 15px;
}

.footer_oben_textfeld h1, .footer_oben_textfeld a, .footer_oben_textfeld p {
    color:#ffffff;
}

.footer_oben_textfeld a:hover {
    color: #87888a;
    text-decoration:none;
}

.footer_oben_textfeld h1 {
    margin:0px;
    font-size:1.5em;
}

.footer_oben_textfeld ul {
    padding-left:15px;
    margin-bottom:0px;
    list-style-image:url('/NDH/Bilder/ligrey.png');
}


.footer_unten_textfeld p, .footer_unten_textfeld a {
    color:#87888a;
    font-weight:400;
}

.footer_unten_textfeld a:hover {
    color:#b6b6b6;
    text-decoration:none;

}

.text_links {
    text-align:left;
    padding-left:0px;
}

.text_rechts {
    text-align:right;
    padding-right:0px;
}

.unter_kontakt {
    margin-top:2px;
}


/* ---------------------- */
/*  Knöpfe                */
/* ---------------------- */

.knopf {
    /* float: left; */
    width: auto;
    height: auto;
    min-width: 50px;
    border-radius: 5px;
    padding: 10px 20px;
    margin:10px 15px 10px 0px;
    font-size:1.05em;
    line-height:3em;

}

.grauer_knopf {
    background-color: #38373a;
    color:#ffffff;
}

.grauer_knopf:hover {
    background-color:#1b1b1b;
    color:#ffffff;
    text-decoration:none;
}

.weisser_knopf {
    background-color: #ffffff;
    color:#a52a2a;
}

.weisser_knopf:hover {
    /* background-color:#faf1f0; */
    /* background-color:#faf1f0; */
    background-color: #ffffff;
    /* background-color:#38373a; */
    /* color:#a52a2a; */
    color:#38373a !important;

    /* color:#87888a !important; */
    text-decoration:none;
}

.roter_knopf {
    background-color: #a52a2a;
    color:#ffffff !important;
}

.roter_knopf:hover {
    /* background-color:#c9807f; */
    background-color:#862323;
    color:#ffffff;
    text-decoration:none;
}

/* ---------------------- */
/*  Kopfbilder            */
/* ---------------------- */

.navbar-brand::after {
        content: 'Weiterbildung im Bauwesen';
        display: block;
        font-size:10pt !important;
        color:#87888a;
        margin-bottom:0px;
        line-height:0em;
        font-weight:700;
        top:-10px;
        position:relative;
}

.kopfbild_1 {
    background-image:url('/NDH/Bilder/kopfbild1.jpg');
    background-repeat:no-repeat;
    background-position:top;
    height:100px;
    width:100%;
}

.kopfbild_2 {
    background-image:url('/NDH/Bilder/kopfbild2.jpg');
    background-repeat:no-repeat;
    background-position:top;
    height:100px;
    width:100%;
}

.kopfbild_3 {
    background-image:url('/NDH/Bilder/kopfbild3.jpg');
    background-repeat:no-repeat;
    background-position:top;
    height:100px;
    width:100%;
}

.kopfbild_4 {
    background-image:url('/NDH/Bilder/kopfbild4.jpg');
    background-repeat:no-repeat;
    background-position:top;
    height:100px;
    width:100%;
}

.kopfbild_a {
    background-image:url('/NDH/Bilder/kopfbild_er.jpg');
    background-repeat:repeat-x;
    background-position:top;
    height:100px;
    width:100%;
}

/* ---------------------- */
/*  Breadcrumb            */
/* ---------------------- */

.brdcrmb_bg {
    width:100%;
    height:35px;
    background-color:#38373a;
    position:relative;
}

.bc_wrap {
    /* background-color:orange; */
    margin:0 auto;
    max-width:910px;
    width:100%;
    height:35px;
    padding:0px 0px;
}

.brdcrmb_txt {
    width:910px !important;
    max-width:100%;
    /* background-color:yellow !important; */
    padding:0px 0px;
    top:50%;
    transform:translate(0px,-50%);
    -webkit-transform:translate(0px,-50%);
    position:absolute;
}

.breadcrumb {
    width:910px;
    max-width:100%;
    margin:0 auto;
    border-radius:0px;
    background-color:#38373a;
    /* background-color:pink; */
    padding:0px 15px;
    white-space: nowrap !important;
    overflow:hidden !important;
    text-overflow:" » ..." !important;

}




.breadcrumb > li + li::before {
    color:#ffffff;
    content: "» ";
    padding: 0 5px;
    font-style:normal;
    font-weight:300;
}


.breadcrumb a {
    color:#ffffff;
    font-weight:300;
}

.breadcrumb li.active {
    color:#ffffff !important;
    font-style:italic;
    font-weight:300;
    font-size:0.95em;
}

.breadcrumb a:hover {
    color:#c9807f;
    text-decoration:none;
}

/* ---------------------- */
/*  Inhaltsbereich        */
/* ---------------------- */


.inhaltsbereich_wrap {
    width:100%;
    height:auto;
    min-height:400px;
}

.inhaltsbereich {
    max-width:910px;
    margin:0 auto;
    /* background-color:orange; */
    background-color:#ffffff;
    padding:0px 15px;
}

.zweispaltig_breit, .einspaltig {
    /* background-color:lightgreen; */
    background-color:#ffffff;
    padding:40px 0px 40px 0px;
}

.zweispaltig_schmal {
    /* background-color:lightblue; */
    background-color:#ffffff;
    padding:40px 0px 40px 0px;
}

.zweispaltig_breit h1 {
    color:#a52a2a;
    margin-top:0px;
    margin-bottom:0px;
}

.einspaltig h1 {
    color:#a52a2a;
    margin-top:0px;
    margin-bottom:10px;
}

.zweispaltig_breit h2 {
    color:#a52a2a;
    margin-top:0px;
    margin-bottom:15px;
}

.zweispaltig_breit img.abbildung {
    float:right;
    margin-left:5px;
    margin-bottom:5px;
}

.einspaltig h2 {
    color:#a52a2a;
    margin-top:25px;
    margin-bottom:10px;
}

.zweispaltig_breit p {
    margin-bottom:5px;
}

.zweispaltig_breit h1 + p {
    margin-top:15px;
}

.einspaltig p {
    margin-bottom:10px;
}

.zweispaltig_breit a, .einspaltig a {
    color:#87888a;
    text-decoration:none;
    font-size:1em !important;
}

.einspaltig a.grauer_knopf {
    color:#ffffff;
}

.zweispaltig_breit a.grauer_knopf {
    color:#ffffff;
}

.zweispaltig_breit a:hover, .einspaltig a:hover {
    color:#b6b6b6;
}

.zweispaltig_breit ul, .einspaltig ul{
    padding-left:18px;
    list-style-image:url('/NDH/Bilder/plus.png');
}

.zweispaltig_breit li, .einspaltig li {
    font-weight:300;
    font-size:0.95em;
}

.einspaltig img.abbildung {
    float:right;
    margin-left:5px;
    margin-bottom:10px;
}

.zweispaltig_breit h2.kein_kurs {
    color: #a52a2a;
    margin-top: 25px;
    margin-bottom: 10px;
}

.zwischenueberschrift {
    font-weight:700;
    margin-bottom:0px !important;
    margin-top:10px !important;
}

.randspalte_bild {
    width:100%;
}

.randspalte_box {
    padding:15px;
    background-color:#ededed;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    margin:0px 0px 20px 0px;
}

.box_rot {
    background-color:#a52a2a;
    border-top: 0px solid #d6d6d6;
    border-bottom: 0px solid #d6d6d6;
    text-align:center;
}

.box_dunkel {
    background-color:#38373a;
    border-top: 0px solid #d6d6d6;
    border-bottom: 0px solid #d6d6d6;
    text-align:center;
}

.box_rot p, .box_rot h2 ,.box_rot h3, .box_dunkel p, .box_dunkel h2, .box_dunkel h3, .box_blau p, .box_blau h2, .box_blau h3  {
    color:#ffffff !important;
}
.box_rot h3, .box_dunkel h3, .box_blau h3 {
    margin:0px;
}

.box_rot h2, .box_blau h2 {
    font-size:1.3em;
}


.randspalte_box h2 {
    margin:0px 0px 10px 0px;
    color:#a52a2a;
}

.box_rot p, .box_blau p {
    margin-bottom:0px;
    text-align:center !important;
}

.box_rot a, .box_blau a {
    margin:0px;
}

a.weisser_link {
    color:#ffffff !important;
    font-weight:700;
    font-size:1.05em;
}

.box_rot h3, .box_blau h3 {
    margin:0px 0px 10px 0px !important;
}

.randspalte_box .knopf {
    padding: 0px 20px;
    margin:10px 0px 10px auto;
    display:inline-block;
    line-height:2em;
}

.randspalte_box a {
    color:#a52a2a;
}

.randspalte_box p {
    margin-bottom:5px;
}


.link_im_text {
    font-size:1em;
}

.randspalte_box a:hover {
    color:#c9807f;
    text-decoration:none;
}

.download_icon {
    margin: 7px 10px 15px auto;
    float:left;
}

.lupe_icon {
    margin: 0px 15px 0px auto;
    float:left;
}

.link_icon {
    margin-left: 0px !important;
    text-indent: 0px;
    line-height:1.4em;
}

.download_linkfarbe {
    color:#a52a2a !important;
}

.down_p {
    margin-top:0px;
    margin-bottom:15px !important;
}

.unter_down {
    clear:left;
    margin-top:10px;
}

.kursinfoteil {
    margin-bottom:0px;
}

.hinweis {
    font-size:0.7em;
    margin-top:5px;
}

.partner_link {
    color:#ffffff !important;
    font-size:1.3em;
    font-weight:700;
}

.partner_link img {
    margin-bottom:3px;
    margin-left:5px;
}

.element_eingerueckt {
    margin-left:30px;
    font-weight:400;
}

.element_eingerueckt .impressum {
    font-weight:300 !important;
}


.element_eingerueckt a {
    font-weight:300;
}


.element_weit_eingerueckt {
    margin-left:50px;
}

.element_weiter_eingerueckt {
    margin-left:70px;
}

.bild_zentriert, .bild_zentriert img {
    float:none;
    text-align:center;
    margin-bottom:10px;
}

.quali_bildunterschrift {
    font-style:italic;
    font-size:0.9em;
}

.kursgruppen {
    list-style-image: url('/NDH/Bilder/lired.png') !important;
}

.kursgruppen a {
    color:#000000;
    font-weight:400;
}

.untertitel_ebs {
    font-size:0.9em;
    margin-top:-5px;
    color:#a52a2a;
    font-weight:400;
    font-style: italic;
}

li.ebs {

    font-size:0.9em;;
}

/* .untertitel_ebs {
    font-size:0.7em;
    color:#a52a2a;
    font-weight:400;
    font-style: italic;
} */


.ebs_kurse_wrap {
    margin:0px -10px 0px 0px;
}

.ebs_kurs_box {
    background-color: #ededed;
    width:31%;
    height: auto;
    min-height:300px;
    padding: 10px 10px;
    border-left: 5px solid #a52a2a;
    margin:10px 10px 0px 0px;
}

.ebs_kurs_box li {
    font-size:0.8em;
}

.ebs_kurs_box ul {
    margin-bottom:0px;
}


.ebs_kurs_box_down {
    margin:5px 0px 5px 0px;
}

.ebs_kurs_box_down a {
    font-size:1em !important;
}

/* .ebs_kurs_box_down a {
    font-size:0.8em !important;
} */

.ebs_kurs_box_down img {
    height:14px;
    margin:0px 10px 3px 0px;
}

.ebs_kurs_box_down .knopf {
    /* float: left; */
    width: 112px;
    height: 24px;
    border-radius: 5px;
    padding: 4px 21px;
    margin:6px 0px 6px 24px !important;
    font-size:1.05em;
    line-height:1em;
    display:block;
}

/* .ebs_kurs_box_down .knopf {
    /* float: left; */
    width: 90px;
    height: 22px;
    border-radius: 5px;
    padding: 5px 18px;
    margin:6px 0px 6px 24px !important;
    font-size:1.05em;
    line-height:1em;
    display:block;
} */


.zwueb_rot {
    color:#a52a2a;
}

li.ebs {
    -moz-hyphens:auto;
    -o-hyphens:auto;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
}



/* ---------------------- */
/*  Impressum             */
/* ---------------------- */

#mapdiv
{
    height:350px;
    width:100%;
    max-width:100%;
}

#mapwrap
{
    margin:15px 0px 20px 0px;
}

#OpenLayers_Map_2_OpenLayers_Container {
    height:350px;
}

/* ---------------------- */
/*  Angebot               */
/* ---------------------- */

.einzelkurs, .einzeldemo {
    background-color: #ededed;
    height: auto;
    padding: 10px 10px;
    border-left: 5px solid #a52a2a;
    margin-top: 10px;
}

.einzelkurs h3, .einzeldemo h3 {
    color:#a52a2a;
    margin-top:0px;
    margin-bottom:0.3em;
}

.einzelkurs p, .einzeldemo p {
    margin-bottom:0.2em;
}


.einzelkurs a, .einzeldemo a {
    color:#a52a2a;
    font-weight:700;
}

.einzelkurs h3 a {
    margin-top:-1px !important;
    display:block;
    margin-bottom:0.3em !important;
}

.angebot_erlaeuterung {
    font-weight:400;
    /* color:#38373a; */
    font-size:0.8em;

}

/* ---------------------- */
/*  Personen              */
/* ---------------------- */

.personen .thumbnail {
    min-width:100%;
    border:0;
}

.personen h3 {
    color:#a52a2a;
    font-size:1.05em;
}

.personen p {
    font-size:0.85em;
}

hr {
    border: 0;
    height: 0px;
    border-top: 1px solid #b6b6b6;
    border-bottom: 0px solid #87888a;
    margin: 10px 0px;
    width: 100%;
}

hr.modul_trenner {
    margin-top:25px;
    margin-bottom:5px;
}

.person {
    /* background-color:red; */
    /* max-width:100%; */
}

.partnerliste  {
    padding-left:15px;
    list-style-image:url('/NDH/Bilder/plus.png');
}


/* ---------------------- */
/*  Teilnehmer            */
/* ---------------------- */

.zitat {
    margin-bottom:5px;
    font-style:italic;
}

.zitat li {
    font-weight:400;
}

.zitierter {
    margin-bottom:30px;
    /* font-size:0.95em; */
    text-align:right;

}

/* ---------------------- */
/*  Frage-Modal           */
/* ---------------------- */

.fm_header {
    background-color:#a52a2a;
    height:120px;
    border-width:0px;
}

.fm_ai_header{
    background-color:#124D72;

}

.om_header {
    background-color:#007eb6;
    height:80px !important;
    border-width:0px;
}

.om_modal_dialog {
    margin-top:200px;
}

.fm_header h2,.fm_header h3,.om_header h2 {
    color:#ffffff;
    text-align:center;
}

.fm_header h2 {
    margin:15px 0px 0px 0px !important;
}

.om_header h2 {
    margin:12px 0px 0px 0px !important;
}

.fm_header h3 {
    margin:0px 10px 0px 0px !important;
    font-weight:300;
}

.fm_modal_content {
    border-width:0px;
}

.fm_modal_body, .om_modal_body {
    background-color:#ededed;
    padding:30px 30px 15px 30px;
}

.fm_modal_footer, .om_modal_footer{
    background-color:#ededed;
    border-top-width:0px;
    padding:0px 30px 30px 0px;
}

.fm_modal_footer .knopf {
    margin-right:0px;
}

.gk_rechts {
    display:inline-block;
    padding:8px 0px 0px 0px;
    line-height:1em;
    text-align:center;
    width:200px;
    height:30px;
    position:inherit;
    margin-left:170px;
}

/* ---------------------- */
/*  Partner               */
/* ---------------------- */

.ai h2 {
    color:#124D72;
}

.ai .link_icon a {
    color:#124D72;
}

.ai .roter_knopf {
    background-color:#124D72;
}

.box_blau {
    background-color:#124D72;
    border-top: 0px solid #d6d6d6;
    border-bottom: 0px solid #d6d6d6;
    text-align:center;
}

.box_blau .weisser_knopf {
    color:#124D72;
}

.box_blau .weisser_knopf:hover {
    color:#5797be;
}

.blaue_schrift {
    color:#124D72 !important;
}

.download_linkfarbe.blaue_schrift {
    color:#124D72 !important;
}

.kursinfoteil .grauer_knopf {
    color:#ffffff;
    margin-bottom:20px;
}

.kursinfoteil .grauer_knopf:hover {
    color:#87888a;
}

.bschr_wfs {
    /* font-size:0.975rem; */
    font-weight:400;
}

.bschr_wfs_gruen {
    color:green;
    font-weight:400;
}

.bschr_wfs_blau {
    color:#0080FF;
    font-weight:400;
}

.sust_titel {
    font-weight:700;
    /* text-decoration:underline; */
}

.sust_untertitel { 
    font-size:0.7em;
    font-weight:300;
    line-height:0.5em;
}

.sust_untertitel a {
    font-weight:400;
    font-style:italic;
}

.icon_klein img {
    height:14px;
    margin: 4px 5px 5px auto;
}

.icon_klein a {
    font-size:1em;
}

.icon_klein_oben {
    margin:10px 0px 10px 0px;
}

.float_firmenlogo {
    float:right;
    margin-left:5px;
}

.kleingedrucktes_referenzen {
    font-size:0.8em;
}

/* li.angebotsliste  {
    margin:0px 0px 20px 0px !important;
    line-height:5em !important;
} */

ul.angebotsliste {
    padding-left:20px;
    list-style-image:url('/NDH/Bilder/plus.png');
}

.angebotsliste.al_aktiv {
    font-weight:700;
}

a.angebotsliste {
    color:#000000;
    font-size:0.9em;
    margin-bottom:3px;
    line-height:1.1em !important;
    display:block;
}

.fm_header h2.allgemeine_frage {
    margin-top:30px !important;
}

#form_schliess_knopf {
    visibility:hidden;
}

#form_schick_knopf {
    visibility:visible;
}

.name_veroeffentlichung {
    font-weight:700;
    margin:15px 0px 0px 0px;
}

.abstandhalter_kurz {
    width:100%;
    height:200px;
}

.top_wrap {
    color:#a52a2a;
    width:20px;
    height:14px;
    font-size:1em;
    padding-left:4px;
/*     background-color:#a52a2a;
    border-radius:3px; */
    margin-top:4px;
    margin-bottom:-4px;
}

.top_wrap span {
    top:-2px;
}

div.olControlZoom a {
    background-color:#38373a !important;
}

.dropdown-menu {
    z-index:1005;
}

.liste_down, .liste_lupe {
    margin-bottom:0px;
}

.liste_down a, .liste_lupe a, .liste_anm a {
    font-size:0.9em !important;
}

.liste_lupe {
    list-style-image:url('/NDH/Bilder/lupe_kl.png') !important;
}

.liste_down {
    list-style-image:url('/NDH/Bilder/download_kl.png') !important;
}

.liste_anm {
    list-style-image:none !important;
    list-style-type:none !important;
}

.liste_anm a {
    padding:4px 0px 0px 8px;
    margin:5px 0px 0px -19px;
    display:block;
    height:23px;
    width:125px;
    line-height:1em;
}

.agb_download {
    font-size:1em;
    margin-top:15px;
    display:block;
}

.agb_download .download_icon {
    margin:4px 5px 5px auto;
    height:14px;
}

.link_im_fliesstext {
    font-size:1em;
}



.kursgruppen::before {
    display: block;
    font-size:10pt !important;
    color:#87888a;
    margin-bottom:0px;
    margin-left:-15px;
    line-height:1em;
    font-weight:300;
    content: 'Hier gelangen Sie schnell zum richtigen Kurs:';
}

.hinweis_rabatt {
    font-size:0.85em;
}

.rue {
    color:#2AA54D !important;
}

.gruener_knopf {
    background-color: #2AA54D;
    color:#ffffff !important;
}

.gruener_knopf:hover {
    /* background-color:#c9807f; */
    background-color:#05581D;
    color:#ffffff;
    text-decoration:none;
}

.quali_kleingedrucktes {
    font-size:0.9em
}

.quali_stand {
    font-weight:bold;
    color:#a52a2a;
    font-size:0.9em;
}

.kurstitel::before {
        display: block;
        font-size:11pt !important;
        color:#87888a;
        margin-bottom:0px;
        line-height:0em;
        font-weight:700;
        top:-6px;
        position:relative;
}

.kt_ku::before {
        content: 'Online-Kurs';
}

.kt_lg::before {
        content: 'Online-Lehrgang';
}

.kt_fo::before {
        content: 'Online-Fortbildung';
}

.kt_bl::before {
        content: 'Kombi-Kurs: Präsenz und E-Learning';
}

.anr_eel {
    background-color:#dddddd;
    width:70px;
    text-align:right;
    position:relative;
    top:20px;
    left:0px;
    float:right;
}

.anr_eel p {
    font-size:0.8em;
    font-weight:700;
}

.anr_eel::before {
        content:'Anrechnung';
        display: block;
        font-size:11pt !important;
        color:#a52a2a;
        line-height:0em;
        font-weight:700;
        top:-10px;
        position:relative;
}

.pr_eel {
    background-color:#dddddd;
    width:85px;
    text-align:right;
    position:relative;
    top:120px;
    left:70px;
    float:right;
    display:none;
}

.pr_eel p {
    font-size:0.8em;
    font-weight:700;
}


.pr_eel p.pr_erl {
    font-size:0.6em;
    font-weight:300;
}

.pr_eel::before {
        content:'Preis';
        display: block;
        font-size:11pt !important;
        color:#a52a2a;
        line-height:0em;
        font-weight:700;
        top:-10px;
        position:relative;
}


.halloween {
    background-color:#38373a;
    border-top:1px solid #2efe2e;
    border-bottom:1px solid #2efe2e;
}

.halloween h2,.halloween p {
    color:#2efe2e;
}

.halloween p {
    font-weight:bold;
}

.halloween img {
    float:right;
    margin-left:10px;
    margin-bottom:0px;
}

.halloween p a {
    background-color:#2efe2e;
    color:#38373a !important;
}

.halloween p a:hover {
    background-color:#2efe2e;
    color:#87888a !important;
}

/* .christmas {
    background-color:#43af38;
    border-top:3px solid #dc002a;
    border-bottom:3px solid #dc002a;
} */

.christmas {
    background-color:#998d87;
    border-top:3px solid #a52a2a;
    border-bottom:3px solid #a52a2a;
}

.christmas h2,.christmas p {
    color:#a52a2a;
}

.christmas p {
    font-weight:bold;
}

.christmas img {
    float:right;
    margin-left:10px;
    margin-bottom:0px;
}

.christmas p a {
    background-color:#a52a2a;
    color:#ffffff !important;
}

.christmas p a:hover {
    background-color:#a52a2a;
    color:#87888a !important;
}


.ostern {
    border-top:0px solid #2AA54D;
    border-bottom:0px solid #2AA54D;
    background-color:#ffffff;
}

.ostern h2 {
    color:#2AA54D;
}

.ostern p {
    font-weight:bold;
}

.ostern img {
    float:right;
    margin-left:10px;
    margin-bottom:0px;
}

.ostern p a {
    /* background-color:#a52a2a; */
    color:#ffffff !important;
}

.ostern p a:hover {
    /* background-color:#a52a2a; */
    color:#87888a !important;
}


.sommer {
    border-top:0px solid #2AA54D;
    border-bottom:0px solid #2AA54D;
    background-color:#ffffff;
}

.sommer h2 {
    color:#2AA54D;
}

.sommer p {
    font-weight:bold;
}

.sommer img {
    float:right;
    margin-left:10px;
    margin-bottom:0px;
}

.sommer p a {
    /* background-color:#a52a2a; */
    color:#ffffff !important;
}

.sommer p a:hover {
    /* background-color:#a52a2a; */
    color:#87888a !important;
}

.sommer_knopf {
    background-color: #2AA54D;
    color:#ffffff !important;
}

.sommer_knopf:hover {
    /* background-color:#c9807f; */
    background-color:#05581D;
    color:#ffffff;
    text-decoration:none;
}










.h2_ebs {
    margin-top:-15px !important;
}

.hinweis_aktuell, .hinweis_aktuell a {
    font-size:1.05em;
    font-weight:700;
    color:#2d941d;
    -moz-hyphens:auto;
    -o-hyphens:auto;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
}

.hinweis_aktuell a {
    text-decoration:underline;
}

.hinweis_aktuell a:hover {
    color:#87888a;
}

.tester {
    width:1300px;
    height:1px;
    background-color:red;
    top:293px;
    left:-520px;
    position:absolute;
    z-index:999;
    display:none;
}

.nav li.menue_zwischentitel {
    font-weight: 700;
    font-size: 0.95em;
    color: #38373a;    
    font-style:italic;
    padding-left:20px;
    padding-top:4px;
    padding-bottom:1px;
}

.menue_einrueckung {
    margin-left:5px;
}

label.datenschutz_check {
    font-weight:300;
    font-size:0.8em;
    margin-left:25px;
    margin-top:-22px;
}

label.aktionsmail_hinweis {
    font-weight:300;
    font-size:1em;
    margin-left:25px;
    margin-top:-24px;
}

.aktionsmail_knopf
{
    margin-left:24px;
    margin-top:20px;

}

.cookie-hinweis {
    /* font-size:0.8em; */
    text-align:center;

}

.cookie-hinweis button.btn-sm {
    font-size:1em;
    margin-top:5px;
}

.roter_link
{
    color:#a52a2a !important;
    font-weight:400;
}

.den_modul {
    background-color:#80A089 !important;
}

.geweb_modul {
    background-color:#ecd4b1 !important;
}

/* background-color:#80A089 !important; */

.den_modul h3::before {
    display: block;
    font-size:10pt !important;
    color:#000000;
    margin-bottom:0px;
    margin-left:0px;
    line-height:1em;
    font-weight:400;
    content: 'Präsenz – DEN-Akademie';
}

.geweb_modul h3::before {
    display: block;
    font-size:10pt !important;
    color:#000000;
    margin-bottom:0px;
    margin-left:0px;
    line-height:1em;
    font-weight:400;
    content: 'Online – GeWeB';
}

.geg_hinweis {
    border-top: 1px solid #a52a2a;
    border-bottom: 1px solid #a52a2a; 
    padding:5px 10px 5px 10px;
    background-color:#c9807f;
    font-size:0.8em;
}

.btn-geweb:hover {
    background-color:#c9807f;
    border-color:#c9807f;
    color:#38373a !important;
}

.btn-geweb {
    background-color:#a52a2a;
    color:#ffffff !important;
    border-color:#a52a2a;
    text-align:left;
}

.ausklapp_text {
    margin:15px 0px 15px 15px;
}

.ausklapp_text ol {
    margin-left:-25px;
}


/* [data-toggle="collapse"][aria-expanded="true"] > .js-rotate-if-collapsed {
    -webkit-transform: rotate(180deg);
    -moz-transform:    rotate(180deg);
    -ms-transform:     rotate(180deg);
    -o-transform:      rotate(180deg);
    transform:         rotate(180deg);
} */

[data-toggle="collapse"][aria-expanded="true"] > .umdrehen_wenn_offen {
    -webkit-transform: rotate(180deg);
    -moz-transform:    rotate(180deg);
    -ms-transform:     rotate(180deg);
    -o-transform:      rotate(180deg);
    transform:         rotate(180deg);
}

.kursumfang div {
    color:#333333;
    font-weight:300;
    font-size:0.95em;
}

.kombi_el, .kombi_lo, .kombi_fr {
    font-size:0.9em;
    padding-top:10px;
}

.kombi_lo {
    color:blue;
}

.kombi_fr {
    color:green;
}