/**************************************/
/* sc-fonts.css                       */
/* Oliver Eberhagen - 2016-07-08      */
/**************************************/

/**************************************/
/* Fonts                              */
/**************************************/

h1 {
    /*font-family: 'Roboto Slab', serif;*/
    /*font-family: 'Ubuntu', sans-serif;*/
    font-family: Calibri, Arial, sans-serif;
    font-weight: 700;
    font-size: 42px;
    text-align: center;
    padding: 40px 0 30px 0;
    color: #555;
}

h2 {
    /*font-family: 'Roboto Slab', serif;*/
    /*font-family: 'Ubuntu', sans-serif;*/
    font-family: Calibri, Arial, sans-serif;
    font-weight: 700;
    font-size: 36px;
    padding: 40px 0 30px 0;
    color: #555;
}

h1 span {
    /*font-family: 'Roboto Slab', serif;*/
    /*font-family: 'Ubuntu', sans-serif;*/
    font-family: Calibri, Arial, sans-serif;
    font-weight: 400;
    font-size: 23px;
    display: block;
    margin-top: 15px;
    color: #4b4a4d;
}
h2 span {
    /*font-family: 'Roboto Slab', serif;*/
    /*font-family: 'Ubuntu', sans-serif;*/
    font-family: Calibri, Arial, sans-serif;
    font-weight: 400;
    font-size: 23px;
    display: block;
    margin-top: 15px;
    color: #4b4a4d;
}

h3.t3_subheader {
    text-align: center;
    font-family: Calibri, Arial, sans-serif;
    font-weight: 400;
    font-size: 23px;
    display: block;
    color: #4b4a4d;
    margin-top: -15px !important;
    margin-bottom: 30px !important;
    padding-bottom: 0;
}

.align-center,
.csc-header-alignment-center,
.ce-headline-center {
    text-align: center !important;
}

.align-leftt,
.csc-header-alignment-left,
.ce-headline-left {
    text-align: left !important;
}

.align-right,
.csc-header-alignment-right,
.ce-headline-right {
    text-align: right !important;
}

h1.no-padding {
    padding-top: 0 !important;
}

h1, h2, h3 {
    margin: 0 !important;
}

h3 {
    /*font-family: 'Ubuntu', sans-serif;*/
    font-family: Calibri, Arial, sans-serif;
    font-weight: 400;
    color: #4b4a4d;
    padding-bottom: 15px;
    font-size: 28px;
}

h4 {
    /*font-family: 'Ubuntu', sans-serif;*/
    font-family: Calibri, Arial, sans-serif;
    font-weight: 400;
    color: #4b4a4d;
    font-size: 20px;
}

p {
    /*font-family: 'Ubuntu', sans-serif;*/
    font-family: Calibri, Arial, sans-serif;
    font-weight: 400;
    color: #4b4a4d;
}

p {
    font-size: 18px;
    line-height: 1.4em;
    margin: 0 0 23px;
    padding: 0;
}

p.last {
    /*Olli*/
    /*margin-bottom:0;*/
    margin-bottom: 23;
}

a {
    /*font-family: 'Ubuntu', sans-serif;*/
    font-family: Calibri, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #0069b3;
    outline: 0;
}

a:hover {
}

a.arrow {
    padding: 8px 25px 9px 0;
    /*color: #0069b3;*/
    color: #0069b3;
    background: url(../gfx/icons/arrow-right-sc-blue.png) no-repeat right 0 center;
    font-size: inherit;
    /*background: url(../../../../typo3conf/ext/cmag_website/Resources/Public/gfx/icons/arrow.png) no-repeat right center;*/
}

a.arrow:hover {
}

a.download {
    padding: 8px 25px 9px 0;
    /*color: #0069b3;*/
    color: #0069b3;
    background: url(../gfx/icons/arrow-download-sc-blue.png) no-repeat right center;
}

a.download:hover {

}

a.mfp-link {
    color: #fff;
    background: url(../gfx/icons/arrow-right-sc-blue.png) no-repeat right center;
}

a.mfp-link:hover {
    color: #0069b3;
    background: url(../gfx/icons/arrow-right-green.png) no-repeat right center;
}
.green-txt{
    color: #719f3b !important;
}

/****************************************************************************************************/
/* Fonts Colors                                                                                     */
/****************************************************************************************************/
/****************************************************************************************************/
/* S+C Blue                                                                             */
/****************************************************************************************************/

.sc-blue h1, .sc-blue h2, .sc-blue h3, .sc-blue h4, .sc-blue h5, .sc-blue h6 {
    color: #fff !important; /* CM-White */
}
.sc-white-nachhaltigkeit h1, .sc-white-nachhaltigkeit h2, .sc-white-nachhaltigkeit h3, .sc-white-nachhaltigkeit h4, .sc-white-nachhaltigkeit h5, .sc-white-nachhaltigkeit h6 {
    color: #719f3b !important; /* CM-White */
}

.sc-green-nachhaltigkeit h1, .sc-green-nachhaltigkeit h2, .sc-green-nachhaltigkeit h3, .sc-green-nachhaltigkeit h4, .sc-green-nachhaltigkeit h5, .sc-green-nachhaltigkeit h6 {

    color: #fff !important; /* CM-White */

}
.sc-green-nachhaltigkeit-light h1, .sc-green-nachhaltigkeit-light h2, .sc-green-nachhaltigkeit-light h3, .sc-green-nachhaltigkeit-light h4, .sc-green-nachhaltigkeit-light h5, .sc-green-nachhaltigkeit-light h6 {

    color: #719f3b !important; /* CM-White */

}
.sc-green-nachhaltigkeit-lighter h1, .sc-green-nachhaltigkeit-lighter h2, .sc-green-nachhaltigkeit-lighter h3, .sc-green-nachhaltigkeit-lighter h4, .sc-green-nachhaltigkeit-lighter h5, .sc-green-nachhaltigkeit-lighter h6 {

    color: #719f3b !important; /* CM-White */

}
.sc-green-nachhaltigkeit-light h3.t3_subheader{

    color: #4b4a4d !important;

}
.sc-green-nachhaltigkeit-lighter h3.t3_subheader{

    color: #4b4a4d !important;

}

.sc-blue h1 span, .sc-blue a:hover, .sc-blue a:focus, .sc-blue p, .sc-blue p, .sc-blue span {
    color: #fff; /* CM-Volcano 10% */
}

.sc-blue span.on-hide, .sc-blue span.on-show {
    color: #0069b3; /* Green */
}

.sc-blue span.on-hide:hover, .sc-blue span.on-show:hover {
    color: #e9ebeb; /* CM-Volcano 10% */
    text-decoration: underline;
}

.sc-blue ul li {
    color: #fff; /* CM-Volcano 10% */
}

.sc-blue ol li {
    color: #fff; /* CM-Volcano 10% */
}

.sc-blue ul.list li {
    color: #e9ebeb; /* CM-Volcano 10% */
}

.sc-blue a {
    color: #fff;
}

.sc-blue a:hover {
    color: #0069b3;
}

.sc-blue a.arrow {
    color: #fff;
    background: url(../gfx/icons/arrow-right-white.png) no-repeat right center;
}

.sc-blue a.arrow:hover {

    background: url(../gfx/icons/arrow-right-white.png) no-repeat right center;
}

.sc-blue a.download {
    color: #fff;
    background: url(../gfx/icons/arrow-download-white.png) no-repeat right center;
}

.sc-blue a.download:hover {
    background: url(../gfx/icons/arrow-download-white.png) no-repeat right center;
}

.sc-blue a.mfp-link {
    color: #fff;
    background: url(../gfx/icons/arrow-right-white.png) no-repeat right center;
}

.sc-blue a.mfp-link:hover {
    background: url(../gfx/icons/arrow-right-white.png) no-repeat right center;
}

.sc-blue figcaption {
    color: #fff;
}

.sc-blue a figcaption {
}

.sc-blue a figcaption:hover {
    color: #fff; /* Green */
}




.button.btn-flex90 {
    width: 90%;
    white-space: break-spaces;
}


.button.btn-invert {
    background: #fff;
    border: 1px solid #4679ae;
    color: #4679ae;
}


.button.btn-invert:hover {
    background: #4679ae;
    border: 1px solid #fff;
    color: #fff;
}

/****************************************************************************************************/
/* S+C Blue/CM Volcano                                                                              */
/****************************************************************************************************/

.volcano h1, .volcano h2, .volcano h3, .volcano h4, .volcano h5, .volcano h6 {
    color: #fff !important; /* CM-White */
}

.volcano h1 span, .volcano a:hover, .volcano a:focus, .volcano p, .volcano p, .volcano span {
    color: #fff; /* CM-Volcano 10% */
}

.volcano ul.list li {
    color: #fff; /* CM-Volcano 10% */
    font-size: inherit;
}

.cm-volcano h1, .cm-volcano h2, .cm-volcano h3, .cm-volcano h4, .cm-volcano h5, .cm-volcano h6 {
    color: #fff !important; /* CM-White */
}

.cm-volcano h1 span, .cm-volcano a:hover, .cm-volcano a:focus, .cm-volcano p, .cm-volcano p, .cm-volcano span {
    color: #fff; /* CM-Volcano 10% */
}

.cm-volcano span.on-hide, .cm-volcano span.on-show {

}

.cm-volcano span.on-hide:hover, .cm-volcano span.on-show:hover {
    color: #e9ebeb; /* CM-Volcano 10% */
    text-decoration: underline;
}

.cm-volcano ul li {
    color: #fff; /* CM-Volcano 10% */
}

.cm-volcano ol li {
    color: #fff; /* CM-Volcano 10% */
}

.cm-volcano ul.list li {
    color: #e9ebeb; /* CM-Volcano 10% */
}

.cm-volcano a {
    color: #fff;
}

.cm-volcano a:hover {

}

.cm-volcano a.arrow {
    color: #fff;
    background: url(../gfx/icons/arrow-right-white.png) no-repeat right center;
}

.cm-volcano a.arrow:hover {
    background: url(../gfx/icons/arrow-right-white.png) no-repeat right center;
}

.cm-volcano a.download {
    color: #fff;
    background: url(../gfx/icons/arrow-download-white.png) no-repeat right center;
}

.cm-volcano a.download:hover {
    background: url(../gfx/icons/arrow-download-white.png) no-repeat right center;
}

.cm-volcano a.mfp-link {
    color: #fff;
    background: url(../gfx/icons/arrow-right-white.png) no-repeat right center;
}

.cm-volcano a.mfp-link:hover {
    background: url(../gfx/icons/arrow-right-white.png) no-repeat right center;
}

.cm-volcano a figcaption {
}

.cm-volcano a figcaption:hover {
    color: #fff; /* Green */
}

.cm-volcano figcaption {
    color: #fff;
}

/* cm-volcano-10percent */

/* cm-volcano-4percent */

/* cm-white */

.cm-volcano-10percent span.on-hide,
.cm-volcano-10percent span.on-show,
.cm-volcano-4percent span.on-hide,
.cm-volcano-4percent span.on-show,
.cm-sand span.on-hide, .cm-sand span.on-show {
    color: #0069b3; /* cm-seaweed */
}

.cm-volcano-10percent span.on-hide:hover,
.cm-volcano-10percent span.on-show:hover,
.cm-volcano-4percent span.on-hide:hover,
.cm-volcano-4percent span.on-show:hover,
.cm-white span.on-hide:hover,
.cm-white span.on-show:hover {
    color: #0069b3;
    /*color: #2a363b;*/
    text-decoration: underline;
}

/*cm-ocean*/

.cm-ocean h1, .cm-ocean h2, .cm-ocean h3, .cm-ocean h4, .cm-ocean h5, .cm-ocean h6 {
    color: #2a363b; /* cm-volcano */
}

.cm-ocean .schmucktext, .cm-ocean .schmucktext span {
    color: #fff; /* CM-White */
}

.cm-ocean ul, .cm-ocean p, .cm-ocean span {
    color: #2a363b; /* CM-Volcano */
}

.cm-ocean h1 span, .cm-ocean a {
    color: #fff; /* CM-White */
}

.cm-ocean a:hover, .cm-ocean a:focus {
    color: #d4d7d8; /* CM-Volcano 20% */
}

.cm-ocean span.on-hide, .cm-ocean span.on-show {
    color: #fff; /* CM-White */
}

.cm-ocean span.on-hide:hover, .cm-ocean span.on-show:hover {
    color: #d4d7d8; /* CM-Volcano 20% */
    text-decoration: underline;
}

.cm-ocean .arrow {
    padding: 10px 28px 10px 0;
    color: #fff;
    background: url(../gfx/icons/arrow-right-cm-white.png) no-repeat right center; /*background: url(../../../../fileadmin/module/icons/arrow-right-cm-white.png) no-repeat right center;*/

}

.cm-ocean .csc-layout-default ul li, .cm-ocean ul.bullet li {
    background: url(../gfx/icons/bulletpoint-cm-white-12px.png); /*background-image: url(../../../../fileadmin/module/icons/bulletpoint-cm-white-12px.png);*/

}

/* cm-ocean-20percent */

/* cm-lagoon */

/* cm-sand */

.cm-ocean-20percent a, .cm-lagoon a {
    color: #0069b3; /* cm-seaweed */
}

.cm-ocean-20percent a:hover, .cm-ocean-20percent a:focus, .cm-lagoon a:hover, .cm-lagoon a:focus, .cm-sand a:hover, .cm-sand a:focus {
    color: #2a363b; /* cm-volcano */
    text-decoration: underline;
}

.cm-ocean-20percent span.on-hide, .cm-ocean-20percent span.on-show, .cm-lagoon span.on-hide, .cm-lagoon span.on-show, .cm-sand span.on-hide, .cm-sand span.on-show {
    color: #0069b3; /* cm-seaweed */
}

.cm-ocean-20percent span.on-hide:hover, .cm-ocean-20percent span.on-show:hover, .cm-lagoon span.on-hide:hover, .cm-lagoon span.on-show:hover, .cm-sand span.on-hide:hover, .cm-sand span.on-show:hover {
    color: #2a363b; /* cm-volcano */
    text-decoration: underline;
}

/* cm-mint*/

.cm-mint h1 span, .cm-mint a {
    color: #ffffff; /* cm-white */
}

.cm-mint a:hover, .cm-mint a:focus {
    color: #2a363b; /* cm-volcano */
}

.cm-mint span.on-hide, .cm-mint span.on-show {
    color: #ffffff; /* cm-white */
}

.cm-mint span.on-hide:hover, .cm-mint span.on-show:hover {
    color: #2a363b; /* cm-volcano */
    text-decoration: underline;
}

.cm-mint .schmucktext, .cm-mint .schmucktext span {
    color: #ffffff; /* cm-white */
}

.cm-mint .arrow {
    padding: 10px 28px 10px 0;
    color: #fff;
    background: url(../gfx/icons/arrow-right-cm-white.png) no-repeat right center; /*background: url(../../../../fileadmin/module/icons/arrow-right-cm-white.png) no-repeat right center;*/

}

.cm-mint .csc-layout-default ul li, .cm-mint ul.bullet li {
    background: url(../gfx/icons/bulletpoint-cm-white-12px.png); /*background-image: url(../../../../fileadmin/module/icons/bulletpoint-cm-white-12px.png);*/

}


/* Sonstige */

#header-slider-2 h1 {
    color: #fff;
}

.blue h1 span, #header-slider-2 h1 span {
    color: #7f8689;
}

.blur {
    background: url(../images/header-textseiten.jpg) no-repeat center center;
    background-size: cover;
}

.blur h1, .blur h1 span {
    color: #fff;
}

.tt_content_subtext,
.tt_content_subtext:hover,
.tt_content_subtext:active,
.tt_content_subtext:focus {
    font-size: 14px;
    color: #2a363b;
    text-decoration: none !important;
}

.tt_content_link,
.tt_content_link:hover,
.tt_content_link:active,
.tt_content_link:focus {
    font-size: 14px;
    color: #2a363b;
    text-decoration: none !important;
}

/*Bildunterschrift*/

.csc-textpic-caption a {
    font-size: 14px;
    color: #2a363b;
    text-decoration: none !important;
}


.csc-textpic-center-inner:hover .csc-textpic-caption a,
.csc-textpic-center-inner:active .csc-textpic-caption a,
.csc-textpic-center-inner:focus .csc-textpic-caption a {
    font-size: 14px;
    text-decoration: underline !important;
    text-decoration-color: #0069b3 !important;

}

.bewerbung_bodytext a {
    font-size: 18px;
}

.bewerbung_bodytext b a {
    font-weight: bold;
}
.videoModul h2.infobox span{
    font-weight: 400 ;
    font-size: 30px ;
    margin: 0 ;
}
@media screen and (max-width: 1024px) {
    .videoModul .infobox{
        bottom: -20px;
    }
    .videoModul h2.infobox span.marker-blue{
        font-size: 22px;
    }
}
@media screen and (max-width: 767px) {
    .bewerbung_bodytext a {
        font-size: 16px;
    }
}
@media screen and (max-width: 510px) {
    .videoModul .infobox{
        display: none;
    }
}
/*
h1{
    color: red !important;
}
h2{
    color: green !important;
}
h3{
    color: blueviolet !important;
}
h4{
    color: deeppink !important;
}
h5{
    color: yellow !important;
}
h6{
    color: coral !important;
}

.sc-blue h1{
    color: red !important;
}
.sc-blue h2{
    color: green !important;
}
.sc-blue h3{
    color: blueviolet !important;
}
.sc-blue h4{
    color: deeppink !important;
}
.sc-blue h5{
    color: yellow !important;
}
.sc-blue h6{
    color: coral !important;
}
*/