/* HTML5 */

    html {height: 100%; min-height: 100%;}
    body {width: 100%; height: 100%; margin: 0; padding: 0; font-weight: normal; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
    body {font-family: 'Source Sans 3', sans-serif; font-size: 1rem;}
    body {background: #f1f1f2; overflow-y: scroll;}

    /* headlines */
    h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans 3', sans-serif;  font-weight: 700}
    h1 {font-size: 2.250rem; line-height: 2.250rem;}
    h2.eins {font-size: 2.250rem; line-height: 2.250rem; font-family: 'Source Sans 3' !important; text-transform: none !important;}
    h2 {font-size: 1.125rem; line-height: 1.125rem;}

    /* animations */
    a {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}

    /* resets */
    ul, a, blockquote, button, button, input, optgroup, select, textarea {font-family: 'Source Sans 3';}
    ul, ol, blockquote {margin:0; padding:0;}
    ul, li, p {color:#4d4c43;}
    b, strong {font-family: 'Source Sans 3'; font-weight: 700; }
    i {font-family: 'Source Sans 3'; font-style: italic;}
    p {line-height: 1.2; color: #222;}

    .desktop {display: block;}
    .mobile {display: none;}

    .button {background-color: #7f8a97;}
    .button:hover {background-color: #145497;}
    .input-group-label i {color:#7f8a97;}
/*
*:focus { -webkit-box-shadow: inset 0px 0px 15px 10px rgba(51,3,1,0.42);
-moz-box-shadow: inset 0px 0px 15px 15px rgba(51,3,1,0.42);
box-shadow: inset 0px 0px 15px 15px rgba(51,3,1,0.42); }
*/

/* twitter reset */
.btn {background-color: white !important;}

/* header */

    /* meldekette */
    .meldekette {margin: 4rem 20%;}
    .meldekette ul.slick-dots {top: 5000px;}
    .meldekette.slick-dotted.slick-slider {margin-top:0 !important;}
    .meldekette .a-slide figcaption {top: auto !important; color: #7f8a97 !important; position: relative !important; padding-right: 20px !important;}
    #article .meldekette .a-slide, #article .meldekette .a-slide figure {max-height: none;}

/* platznehmen */
.tooltip_templates {display: none;}
.platznehmen {margin: 4rem 20%;}
.platznehmen--image {text-align: center; width: 100%; height: 591px; position: relative;}
.platznehmen--image img {width: 330px; height: 591px;}
.platznehmen .marker {width: 40px; height: 40px; border-radius: 30px; display: inline-block; position: absolute; background: #145497;}
.platznehmen .marker {border: 2px solid white; color: white;}
.platznehmen .marker i {position: relative; top: 5px; color: white;}
.platznehmen .marker:hover {filter: alpha(opacity=80); opacity: 0.8; }
.marker.ds {top: 230px; left: 29%;}
.marker.al {top: 290px; left: 46%;}
.marker.rl {top: 300px; left: 31.5%;}
.marker.p {top: 380px; left: 44%;}
.marker.fl {top: 400px; left: 37%;}
.marker.st {top: 380px; left: 55%;}
.marker.sh {top: 460px; left: 41%;}
.marker.sr {top: 560px; left: 41%;}


    /* digitale gefahr */
    #digitale_gefahr {background: #63b4b5; color: white; text-align: center; margin-top: 1rem;}
    #digitale_gefahr figcaption {color: white; font-size: 1.125rem; line-height: 1; text-transform: uppercase; font-family: 'Source Sans 3'; font-weight: 700; position: relative; top: 4rem; z-index: 1000;}
    #digitale_gefahr figcaption.space {margin-top: 3rem;}
    #digitale_gefahr .gefahr-image {cursor: pointer; padding: 3rem;}
    #digitale_gefahr .gefahr-image img:hover {opacity: .8;}
    #digitale_gefahr .tip {display: none;}
    .tip p {padding: 1rem 1rem 0 1rem;}

    /* header */
    #certo-app {padding: 0 0.3rem 0 0.3rem;}
    #certo-app .certo-app-hide {padding: 0 0.3rem 0 0.3rem; }
/*#certo-app {padding: 0 0.3rem 0 0.3rem; opacity: 0; visibility: hidden;}*/
/*    #certo-app .certo-app-hide {padding: 0 0.3rem 0 0.3rem; opacity: 1; visibility:hidden;}*/

    header.certo {height: 110px; background: white; overflow: hidden; position: fixed; top:0; z-index: 1000;}
    header.certo .logo_certo {width: 300px; height: 38px; position: fixed; top: 30px; padding:0; margin:0; float: left;}
    header.certo .logo_certo {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    header.certo.shrink .logo_certo {width: 220px; height: 28px; top: 15px; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    header.certo .logo_vbg {width: 100px; height:28px; margin-right: 10px; margin-top: 25px; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    header.certo.shrink .logo_vbg {width: 75px; height: 21px; margin-right: 10px; margin-top: 13px; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    header.certo.desktop {position: fixed; width: 100%; z-index: 1002; top:0;}
    header.certo.shrink {height: 60px;}
    nav#desktop {position: fixed; top: 110px; width: 100%; z-index: 1001; background: #f1f1f2;}
    nav#desktop.shrink {top:60px; background: #f1f1f2; height: 60px; padding-top:21px; -webkit-box-shadow: 0 0 4px 1px rgba(32,32,32,.1); box-shadow: 0 0 4px 1px rgba(32,32,32,.1);}

    /* header animations */
    header.certo.desktop {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    header.certo.desktop.shrink {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    nav#desktop {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    nav#desktop.shrink {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}

    /* navigation */
    nav#desktop {height: 80px; padding-top: 32px;}
    nav#desktop .align-left li {margin-right: 30px;}
    nav#desktop .text-right li {margin-left: 30px;}

    nav#desktop .text-right {margin-right: 5px;}
    nav#desktop a, nav#desktop a:focus, .disabled {font-family: 'Source Sans 3'; font-weight:700;  color: #58595b; font-size: 1rem;}
    nav#desktop .text-right a {color: #58595b;}
    nav#desktop .text-right a i {position: relative; top: -2px; }
    nav#desktop a:hover {color:#135397;}
    nav#desktop a.is-checked {color:#135397; border-bottom: 1px solid #135397;}

    nav#desktop .leichte-sprache {background: url(../img/leichte_sprache.png) no-repeat; height: 40px; width: 36px; position: relative; top: -11px; background-position: 0 0; float: left;}
    nav#desktop .leichte-sprache {background-size: 36px; margin-right: 8px;}
    nav#desktop a:hover .leichte-sprache, nav#desktop a.current .leichte-sprache {background-position: 0 -36px;}
    nav#desktop .text-right a {-webkit-transition: all 00ms ease-in-out;-moz-transition: all 00ms ease-in-out;-o-transition: all 00ms ease-in-out;transition: all 00ms ease-in-out;}
    nav#desktop a.current {color:#135397;}

    nav#mobile {height: 40px; padding-top: 8px; font-size: 0.875rem;}
    nav#mobile .menu {background: #0095DB; color: white; height: 40px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; line-height: 38px; color: white;}
    nav#mobile .drop-title {color: white; padding-left: 10px; width: 100%; display: inline-block; text-transform: uppercase; font-family: 'Source Sans 3'; font-weight: 700; cursor: pointer; padding-top:1px;}
    nav#mobile .drop-title i {padding-left: 5px;}
    nav#mobile .menu > li {width: 100%; float: left;}
    nav#mobile a.is-checked {background:#939598;}
    .is-dropdown-submenu {width:100%; margin-left: 0 !important; margin-bottom: 30px !important;}
    .menu.vertical {width: 100%; border: none;}
    .menu.vertical > li {background: #135397; width: 100%;}
    .menu.vertical > li:hover {background: #7f8a97; width: 100%; color: white;}
    .menu.vertical li a, .menu.vertical li a {color: white;}

    .mobile .float-left a {font-size: .75rem; color: #7f8a97;}
    .mobile .float-left a:hover, .mobile .float-left a:focus, .mobile .float-left a.current {color:#135397;}
    .mobile .float-right {margin-right: 5px; margin-top: 5px;}
    .mobile .menu.simple.align-left li:first-child {margin-left: 7px;}
    .mobile .menu.simple.align-left li {margin-top: 15px; margin-right: 10px;}
    .mobile .logo_certo {margin-top: 15px;}

    .misc .menu.simple {padding-top: 8px;  width: 100%;}
    .misc .menu.simple li {margin-right: 15px; vertical-align: middle;}
    .misc .menu.simple li a {color: #135397;}
    .misc .menu.simple li a:hover {color:#135397; text-decoration: none;}
    .misc .menu.simple li a i {position: relative; top: -2px; padding-right: 2px;}

    /* fuzzy grid & foundation adjusted */
    .grid {margin-top: 190px;}
    .grid .columns {height: 415px; max-height: 415px; margin-bottom: 10px; overflow: hidden;}
    .grid .large-9 {height: 840px; max-height: 840px;}
    .grid .columns .imagebox {width:100%; height: 100%;}
    .grid .columns .imagebox.blue {background: #135397;}

    .grid .imagebox-text {background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.9);}
    .grid .imagebox-text {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    .grid a:hover .imagebox-text {background: rgb(255, 255, 255); background: rgba(255, 255, 255, 1);}
    .grid a:hover .imagebox-text {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    .grid .imagebox-text {max-width: 65%; padding: 20px 20px 10px 15px;}
    .grid .imagebox-text {position: absolute; bottom: 12px; left: 15px;}
    .grid .imagebox-text .misc {border-top: #145497 solid 1px;}
    .grid .imagebox-text .misc p {margin:5px 0 0 0; font-size:   0.750rem; color:#145497;}
    .grid .imagebox-text .misc p.float-right {font-size: .875rem;}
    .grid .imagebox-text h2 {color:#555555; text-transform: uppercase; font-size: 1.188rem; padding:0; margin:0;}
    .grid .blue .imagebox-text h2 {color: #DEDEDE;}
    .grid .imagebox-text h2 {font-family: 'Source Sans 3';}
    .grid .imagebox-text h1 {font-size: 2.875rem; max-width: 60%; margin-top: 7px; color: #111; line-height: 43px;}
    .grid .imagebox-text h1 {margin-bottom: 13px;}
    .grid .imagebox-text h2.eins {font-size: 2.875rem; max-width: 60%; margin-top: 7px; color: #111; line-height: 43px;}
    .grid .imagebox-text h2.eins {margin-bottom: 13px;}
    .grid .imagebox-text p {max-width: 77%;}

    .grid .blue .imagebox-text {background: none; max-width:100%; left:5px;bottom:0px; margin-right: 5px; padding-right:15px;}
    .grid a:hover .blue .imagebox-text {background: #134c87 !important;}
    .grid .blue .imagebox-text h1, .grid .blue .imagebox-text p, .grid .blue .imagebox-text h2.eins {color: white;}
    .grid .blue .imagebox-text .misc {border-top: white solid 1px;}
    .grid .blue .imagebox-text p {max-width: 100%;}
    .grid .blue .imagebox-text h1, .grid .blue .imagebox-text h2.eins {max-width: 70%;}

    .grid .colored .imagebox-text {background: none; max-width:100%; left:5px;bottom:0px; margin-right: 5px; padding-right:15px;}
    .grid .colored .imagebox-text h1, .grid .colored .imagebox-text p, .grid .colored .imagebox-text h2.eins {color: white;}
    .grid .colored .imagebox-text p {max-width: 100%;}
    .grid .colored .imagebox-text h1, .grid .colored .imagebox-text h2.eins {max-width: 70%;}
    .grid .colored a:hover .imagebox-text {background: none;}

    .grid .small .imagebox-text p {max-width: 100%;}
    .grid .small .imagebox-text h1, .grid .small .imagebox-text h2.eins {max-width: 100%; font-size: 2rem; line-height: 1;}
    .grid .small .imagebox-text {background: rgb(255, 255, 255); background: rgba(255, 255, 255, 1);}
    .grid .small .imagebox-text {/*width: 100%;*/ max-width: 100%; padding: 20px 15px 10px 15px; margin-right: 5px;}
    .grid .small .imagebox-text {position: absolute; bottom: 0px; left: 5px;}
    .grid a:hover .small .imagebox-text {background: #f5f5f5;}

    .grid .termine .imagebox-text p {max-width: 90%; color: white;}
    .grid .termine .imagebox-text h1, .grid .termine .imagebox-text h2.eins {max-width: 100%; font-size: 2rem; line-height: 1; color:white;}
    .grid .termine .imagebox-text {background: none;}
    .grid .termine .imagebox-text {max-width: 100%; padding: 20px 15px 10px 15px; margin-right: 5px;}
    .grid .termine .imagebox-text {position: absolute; bottom: 0px; left: 5px;}
    .grid .termine .imagebox-text:hover {background: none !important;}
    .grid .termine b {margin-bottom: 5px;}

    .grid .medium .imagebox-text {max-width: 50%; padding: 20px 20px 10px 15px;}
    .grid .medium .imagebox-text {position: absolute; bottom: 10px; left: 15px;}
    .grid .medium .imagebox-text h1, .grid .medium .imagebox-text p, .grid .medium .imagebox-text h2.eins {max-width: 100%;}

    .grid .video-icon {position: absolute; top: 10px; right: 15px; background: white; width: 25px; text-align: center;}
    .grid .video-icon {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    .grid .video-icon:hover {background: #7f8a97; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    .grid .video-icon i {color: #7f8a97; padding-left: 3px; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    .grid .video-icon:hover i {color: white; cursor: pointer; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}

    /* grid on subpages */
    .grid.sub {margin-top: 10px;}
    .grid.sub .large-9 {width: 50%; height: 415px; max-height: 415px;}
    .grid.sub .imagebox-text {max-width: 92%;}

    /* video via youtube/vimeo */
    .grid .columns .imagebox iframe {width:100%; height: 100% !important;}
    .responsive-embed, .flex-video {margin-bottom:0; height: 415px;}

    /* arrows */
    .arrows {position: absolute; z-index: 1000; cursor: pointer;}
    .arrows.left {left: -40px; top: 45%; font-size: .875rem; color: #145497; opacity: .9; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    .arrows.right {right: -40px; top: 45%; font-size: .875rem; color: #145497; opacity: .9; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    .arrows.left:hover {opacity: 1; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    .arrows.right:hover {opacity: 1; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
    .multiple-items .arrows.left {top: 40%;}
    .multiple-items .arrows.right {top: 40%;}
    .arrows.left.slick-disabled, .arrows.right.slick-disabled {display: none !important;}
    ul.slick-dots {margin:0 !important; top: -40px; padding-left: 15px;}

    /* articles */
    #article {margin-top: 190px;}
    #article.search {margin-top: 110px;}
    #article .row:first-child .large-12 {padding:0;}
    #article .a-slide, #article .a-slide figure {max-height: 700px; overflow: hidden;}
    #article .a-slide figcaption {position: absolute; top: 660px; z-index: 1002; left: 0; color: white;font-size: 1.125rem; font-family: 'Source Sans 3'; font-style: italic; font-weight: 400;}
    .article-content {background: white; padding: 2.5rem 20% 1rem 20%;}
    .article-content .misc {border-top: #145497 solid 1px;}
    .article-content .misc p {color:#145497; font-size: .875rem; margin-top: 7px; margin-bottom:0;}
    .article-content .misc a, .article-content .misc a:focus {color:#145497;}
    .article-content .misc a:hover {text-decoration: underline; color:#145497;}
    .article-content .misc span {margin-right: 30px;}
    .article-content h1 {font-size: 65px; line-height: 68px; margin-bottom: 44px;}
    .article-content h2 {text-transform: uppercase; font-size: 1.625rem; color:#939598; font-family: 'Source Sans 3'; font-weight: 400;}
    .article-content p {font-size: 24px; line-height: 1.3333em; margin-bottom: 15px; }
@media screen and (min-width: 768px){
    .article-content p {font-size: 25px; line-height: 1.5em; }
}

    .article-content.sub p {font-size: 1.25rem; line-height: 1.6; max-width: 100%; color: #111111; margin-bottom: 38px; }
    @media screen and (max-width: 767px){
        .article-content.sub p{ hyphens: auto; }
    }

    .article-content.sub {padding-left:0 !important; padding-right:0 !important;}
    .article-content.sub .text, .article-content.sub .text-w-image {padding-left: 20%; padding-right: 20%;}
    /*.article-content.sub a, .article-content.sub a:hover, .article-content.sub a:focus {color: #3b94d9; font-family: 'Source Sans 3'; font-weight: 700;}*/
/*.article-content.sub h3 a, .article-content.sub h3 a:hover, .article-content.sub h3 a:focus {color: #111111;}*/
    .article-content.sub a:hover {text-decoration: underline;}
    .article-content.sub {padding: 3rem 20% 4rem 20%;}
    .article-content.sub .text-w-image {display: inline-block;}
    .article-content.sub .text-w-image .image-right {max-width: 300px; float: right; padding: 3px 0 1rem 2rem;}
    .article-content.sub .text-w-image .image-left {max-width: 300px; float: left; padding: 3px 2rem 1rem 0rem;}
    .article-content.sub .text-w-image .medium-4 .image-left {padding-top: 1.75rem !important; display: -ms-inline-flexbox;}
    .article-content.sub figcaption, .article-content.sub figcaption p {color:#7f8a97; font-size: .875rem; font-family: 'Source Sans 3'; font-style: italic; font-weight: 400;}
    .article-content.sub figcaption p {margin:0; padding:0 !important;  padding-top: 8px !important; line-height:1.3;}
    .article-content.sub figcaption a, .article-content.sub figcaption a:focus {font-size: .875rem; font-family: 'Source Sans 3'; font-style: italic; font-weight: 400;}
    .article-content.sub figcaption a:hover {font-size: .875rem; font-family: 'Source Sans 3'; font-style: italic; font-weight: 400; text-decoration: underline;}
    .article-content.sub .slick-slide figcaption {padding-top: 8px;}

    .article-content .text blockquote {margin-top: -7px; border: none; width: auto; font-size: 1.5rem; color: #145497; font-style: italic; font-weight: 700; font-family: 'Source Sans 3'; font-weight: 700; max-width: 100%; line-height: 1.13; padding: 0 80px 0 0;position: relative;}
.article-content .text blockquote::before{background-image: url('../img/zitat-icon.svg'); position: absolute; right: 0; top: 0; width: 60px; height: 60px; content:""; background-size: contain;}
.article-content.sub h2, .article-content.sub h3 {color:#145497; margin-top: 1.75rem; font-family: 'Source Sans 3'; font-weight: 700;}
.article-content.sub h2 {font-size: 1.875rem; line-height: 1.2; text-transform: none; margin-bottom: 1.125rem; color: #111111;}
.article-content.sub h3 {font-size: 1.25rem; line-height: 1.1; text-transform: none; margin-bottom: 1rem;}
@media screen and (min-width: 768px){
    .article-content.sub p {font-size: 1.125rem; line-height: 1.5556; margin-bottom: 33px;}
    .article-content .text blockquote {margin-top: 0; padding: 2rem 0 3rem;width: 87.5%;font-size: 2.5rem;}
    .article-content .text blockquote::before{right: -95px; top: -15px;width: 90px; height: 90px;}
    .article-content.sub h2 {font-size: 2.5rem; line-height: 1.1;  margin-bottom: 1.75rem; margin-top: 4rem;}

}


    .article-content.sub .text-and-image {margin-bottom: 3rem; margin-top: 0rem;}
    .article-content.sub .text-and-image:last-child {margin-bottom:0;}
    .article-content.sub .text-and-image figcaption { padding-top: 8px !important;}
    .article-content.sub .text-and-image img {width: 100%; position: relative; top: 7px;}
    /*.article-content.sub .text-and-image h2, .article-content.sub .text-and-image h3 {text-transform: uppercase;}*/
    .article-content.sub .text-and-image h4 {padding-left: 1rem;}

    @media screen and (min-width: 1024px) {
        .article-content.sub .text-and-image.left p, .article-content.sub .text-and-image.left ul {padding-right: 40%; padding-left: 1rem;}
    }


@media screen and (min-width: 768px)  and (max-width: 1023px) {
    .article-content.sub .text-and-image.left p, .article-content.sub .text-and-image.left ul {
        padding-left: 10%;
        padding-right: 10%;
    }
}
    @media screen   and (max-width: 767px) {
    .article-content.sub .text-and-image.left p, .article-content.sub .text-and-image.left ul {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}



    .article-content.sub .text-and-image.left h2 {padding-left: 1rem; padding-right: 40%; margin-top:0;}
    .article-content.sub .text-and-image.left h3 {padding-left: 1rem; padding-right: 40%; margin-top:0;}
    .article-content.sub .text-and-image.hasOffset{padding: 0 20%;}
    .article-content.sub .text-and-image.left.hasOffset p, .article-content.sub .text-and-image.left.hasOffset ul {padding-right: 0; padding-left: 1rem;}

    .article-content.sub .text-and-image.right p, .article-content.sub .text-and-image.right ul {padding-left: 41%; padding-right: 1rem;}
    .article-content.sub .text-and-image.right.hasOffset p, .article-content.sub .text-and-image.right.hasOffset ul {padding-left: 0; padding-right: 1rem;}
    .article-content.sub .text-and-image.right h2 {padding-left: 41%; padding-right: 1rem; margin-top:0;}
    .article-content.sub .text-and-image.right h3 {padding-left: 41%; padding-right: 1rem; margin-top:0;}

    .article-content.sub .sidebar p, .article-content.sub .sidebar ul, .article-content.sub .sidebar h2, .article-content.sub .sidebar h3 {padding-left: 34%; padding-right: 1rem;}
    .article-content.sub .sidebar img {padding-right: 49%; margin-top: 3rem;}
    .article-content.sub .sidebar img:first-child {margin-top:0;}
    .article-content.sub .sidebar p {margin-bottom: 2rem;}
    .article-content.sub .sidebar b, .article-content.sub .sidebar strong {padding-right: 8rem; display: inline-block; margin-bottom: .25rem;}

    .article-content.sub .infobox-outer {padding:0 20%; margin: 3.175rem 0;}
    .article-content.sub .infobox {border: 1px solid #135397; padding: 3rem; margin:0 auto; width: 100%;}
    .article-content.sub .infobox h2, .article-content.sub .infobox h3 {padding:0; margin:0; margin-bottom: 13px;}
    .article-content.sub .infobox p:last-child {margin:0; padding:0;}
    .article-content.sub .infobox .bright h2, .article-content.sub .infobox .bright h3, .article-content.sub .infobox .bright h1, .article-content.sub .infobox .bright p {color: white;}

    .article-content.sub .spacing-top {margin-top: 3rem;}
    .article-content.sub .spacing-bottom {margin-top: 3rem;}

    /* reveal suche */
    #search-overlay h1, #search-overlay h2.eins {margin-bottom: 1.875rem; color:#135397;}
    #search-overlay {padding: 4rem;}

    /* suchergebnisse */
    .search-tmpl {background: white; width: 100%; float: left; margin-bottom: 10px; margin-top:10px;}
    .search-tmpl .tx-indexedsearch-info {display: none;}
    .search-tmpl p {margin:0;}
    .search-tmpl h1 {text-align: center; padding: 3.875rem 0 2.875rem 0; color:#135397;}
    .search-tmpl .tx-indexedsearch-searchbox, .tx-indexedsearch-res {padding:0 20%;}
    .search-tmpl .tx-indexedsearch-res {margin-top: 3.875rem; margin-bottom: 3.875rem;}

    .search-tmpl hr {border-color: #7f8a97; opacity: .2; margin-top: 3.875rem; border-bottom: 1px dotted;}
    .search-tmpl .tx-indexedsearch-percent {font-size: .875rem; color: #7f8a97;}
    .search-tmpl h2.nothingfound {text-align: center; margin: 3.875rem auto; color: #7f8a97;}
    .search-tmpl h2.nothingfound i {padding-right: 15px; position: relative; top: 6px;}
    .search-tmpl a, .search-tmpl a:focus {color:#222; font-family: 'Source Sans 3'; font-weight: 700;}
    .search-tmpl a:hover {color:#135397;}
    strong.tx-indexedsearch-redMarkup {font-weight: normal; font-family: 'Source Sans 3', sans-serif; color:#135397; }
    .search-tmpl p {max-width: 75%; line-height: 1.4;}

    /* breadcrumps */
    .breadcrumbs {margin:0;}
    nav#bread {position: relative; top: -3px;}
    .breadcrumbs .disabled {color:#7f8a97; font-size: 1rem; text-transform: none; cursor: text;}
    .breadcrumbs li a {text-transform: none;}
    .breadcrumbs li a:hover {text-transform: none; text-decoration: none;}
    .breadcrumbs li:not(:last-child)::after {color:#7f8a97; font-size: 1rem;}
    .breadcrumbs li:not(:last-child)::after {content: "\/"; font-style: normal;}

    /* multiple items */
    .multiple-items {margin: 2.5rem 15% 2.5rem 15%;}
    .multiple-items figure {margin:0 5px;}

    .frame-default header {display: none !important;}

    /* More */
    .row.more {text-align: center; margin-top:10px;}
    .row.more h2 {font-size: 1.188rem; color:#939598; font-family: 'Source Sans 3'; font-weight: 400; margin:0;}
    .row.more .columns .inner {background: #f5f5f5;padding-top: 40px; padding-bottom: 100px;}
    .finished {visibility: visible !important; animation-name: none !important;}

    /* modified video player */
    .wrapper {padding:0 13.5%;}
    .videocontent {margin-top: 2rem; margin-bottom: 2rem;}
    .my-video-dimensions {width: 1024vw; height:576vw;}

    /* animation */
    .animated-img {margin:0 auto; text-align: center; position: relative; overflow: hidden;}
    .animated-picture {position: relative; z-index: 0;}
    .animated-img .overlay-button {position: absolute; z-index: 2; cursor: pointer;}
    .animated-img .overlay-button {width: 40px; height: 40px; border: 2px solid; border-radius: 50%; opacity: .75;}
    .animated-img .overlay-button:hover {opacity: 1;}
    .animated-img .overlay-button { text-indent: -999em; border-color:#428bca;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
      -moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;-moz-animation-duration: 1s;-o-animation-duration: 1s;-ms-animation-duration: 1s;
      -webkit-animation-duration: 1s;animation-duration: 1s;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;
      -ms-animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-fill-mode: both;-moz-animation-name: pulse;
      -o-animation-name: pulse;-ms-animation-name: pulse;-webkit-animation-name: pulse;animation-name: pulse;}
    .animated-img .overlay-button span {display: block;height: 60%;width: 60%;margin-top: 20%;margin-left: 20%;border-radius: 50%;opacity: .75;background: red;}

    .animated-img .overlay-button.one {top: 34.7%; right: 77%;}
    .animated-img .overlay-button.two {top: 34.7%; right: 63%;}
    .animated-img .overlay-button.three {top: 34.7%; right: 38.5%;}
    .animated-img .overlay-button.four {top: 34.7%; right: 18%;}
    .animated-img .overlay-button.five {top: 48%; right: 77%;}
    .animated-img .overlay-button.six {top: 51.5%; right: 77%;}
    .animated-img .overlay-button.seven {top: 59%; right: 77%;}
    .animated-img .overlay-button.eight {top: 76%; right: 38.5%;}

    @media screen and (max-width: 1023px) {
      .animated-img .overlay-button.one {right: 85%;}
      .animated-img .overlay-button.two {right: 67%;}
      .animated-img .overlay-button.three {right: 35%;}
      .animated-img .overlay-button.four {right: 13%;}
      .animated-img .overlay-button.five {right: 85%;}
      .animated-img .overlay-button.six {right: 85%;}
      .animated-img .overlay-button.seven {right: 85%;}
      .animated-img .overlay-button.eight {right: 32%;}
    }

/* LEICHTE SPRACHE */

   /* link leichte sprache */
    ul.leichtesprache i {position: relative; top: -1px; padding-right: .25rem;}
    .alt i {padding-right: 8px;}
    .article-content.sub ul {margin: 1.875rem 0 1.875rem 1.875rem;}
    .article-content.sub ol {margin: 1.875rem 0 1.875rem 1.25rem;}
    .article-content.sub ul li{color: #222;}
    .article-content.sub ol li {color: #222;font-size: 1.125rem;}
    .article-content.sub.ls a {font-size: 1rem; line-height: 1.4; color:#145497;}
    .article-content.sub.ls a:focus, .article-content.sub.ls a:hover {color:#145497;}

    .ls-grid {margin-top: 190px;}
    .ls-grid .columns {max-height: none; margin-bottom: 10px; overflow: hidden;}
    .ls-grid .columns .imagebox-ls {width:100%; max-height: 415px; height: 415px;}

    .ls-grid .imagebox-text-ls {background: rgb(255, 255, 255);}
    .ls-grid a:hover .imagebox-text-ls {background: #f5f5f5;}
    .ls-grid .imagebox-text-ls {max-width: 100%; padding: 20px;}
    .ls-grid .imagebox-text-ls .misc {border-top: #145497 solid 1px; margin-top: 1rem;}
    .ls-grid .imagebox-text-ls .misc p {margin:10px 0 0 0; font-size: 1rem; color:#145497;}
    .ls-grid .imagebox-text-ls .misc p.float-right {font-size: .875rem;}
    .ls-grid .imagebox-text-ls h1 {max-width: 100%; margin-top: 7px; color: #111;}
    .ls-grid .imagebox-text-ls h1 {margin-bottom: 1rem; font-size: 2rem; line-height: 1;}
    .ls-grid .imagebox-text-ls p {max-width: 100%; font-size: 1.2rem !important;}

    .article-content.ls h1 {font-size: 4.500rem; line-height: 68px; max-width: 85%; margin-bottom: 1.5rem;}
    .article-content.ls p {font-size: 1.375rem; line-height: 1.750rem; max-width: 100%;}

    .article-content.sub.ls {padding: 3rem 20% 4rem 20% !important;}
    .article-content.sub.ls p, .article-content.sub.ls ul {font-size: 1.2rem !important; line-height: 1.4;}
    .article-content.sub .text.ls {padding:0;}

    .article-content.sub.ls .medium-7 p {padding: 0 0 0 1.875rem;}
    .article-content.sub.ls .imgl .medium-7 p {padding: 0 1.875rem 0 0;}
    .article-content.sub.ls .infobox-outer {padding:0  0 0; margin: 3.175rem 0 3.175rem 0;}

    .article-content.sub.ls .row.imgl {margin: 0 0 10px 0; padding-bottom: 3.175rem;}
    .article-content.sub.ls .row.imgr {margin: 0 0 10px 0; padding-bottom: 3.175rem;}

    .article-content.sub.ls ul {margin: 1.875rem 0 1.875rem 1.875rem;}
    .article-content.sub.ls ul li {color: #222; margin-left: 1.875rem;}

/* ADDONS */
    /* führungsqualitäten */
    .leadership {width: 100%; display: inline-block;}
    .leadership .columns {padding-left:0; padding-right:0;}
    .leadership .arrows.right {right: 25px;}
    .leadership .arrows.left {left: 25px;}
    .leadership .inner-text {padding: 15%;}
    .leadership .fa-3x {font-size: 2rem;}
    .fq {background: #f5f5f5;}
    .what {text-transform: uppercase; font-size: 1.25rem; font-family: 'Source Sans 3'; font-weight: 700; text-align: center; width:100%; margin-top: .5rem; padding:0 1rem; margin-bottom: .5rem;}
    .where {font-size: .875rem; color: #7f8a97; line-height: 1.1 !important; font-family: 'Source Sans 3'; font-weight: 700; padding:0 5%; text-align: center; margin-bottom: 5rem;}
    .centered {text-align: center;}
    .centered .article-content h1 {max-width: 100%; padding:0 10%;}
    .centered .article-content p {max-width: 100% !important;}
    .centered .article-content.sub p {text-align: left;}

    .article-content.sub .fq h2 span {font-size: .875rem; color:#7f8a97;}

    /* IE 10+ fixes */
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .grid .small .imagebox-text {left: 4px;}
   }

    /*fixed*/
    @media screen and (max-width: 1340px) {
      nav#desktop .float-right {margin-right: 10px !important;}
    }

    /* mobile */
    @media screen and (max-width: 1023px) {
      header.certo {padding-top:0; width: 100%; height:90px; position: relative;}
      header.certo .logo_vbg {width: 75px; height: 21px; position: relative;}
      header.certo .logo_certo {margin-top: 10px; position: absolute;}
      header.certo .logo_certo {width: 237px; height: 30px;}
      /*.certo-stage {margin-top: 60px;}*/
      nav#desktop a, nav#desktop a:focus, .disabled, .breadcrumbs .disabled {font-size: .75rem;}
      nav#desktop {position: absolute; width: 95%;}
      .breadcrumbs .disabled {top: 4px; position: relative;}
      .breadcrumbs li:not(:last-child)::after {margin:0;}
      .desktop {display: none;}
      .mobile {display: block;}
      .grid {margin-top: 17px;}
      #article {margin-top: 15px;margin-left: 5px; margin-right: 5px;}
      #article.search {margin-top: 0;}
      #article .row:first-child .large-12 {padding:0;}
      .article-content {background: white; padding: 4rem 10% 0rem 10%;}
      .article-content.sub {padding: 3rem 10% 4rem 10%;}
      .grid .medium .imagebox-text {max-width: 92%;}
      .article-content {padding: 4rem 10% 0rem 10%;}
      .article-content.sub .text, .article-content.sub .text-w-image, .article-content.sub .text-and-image.hasOffset {padding-left: 10%; padding-right: 10%;}
      .article-content.sub {padding: 3rem 10% 4rem 10%;}
      .multiple-items {margin: 3rem 10%;}
      .article-content.sub .text-and-image h2, .article-content.sub .text-and-image h3 { padding-top: 2rem !important;}
      .article-content.sub .text-and-image {margin-bottom: 4rem;}
      .article-content.sub .sidebar p, .article-content.sub .sidebar ul, .article-content.sub .sidebar h2, .article-content.sub .sidebar h3 {padding-left: 17% !important;}
      .article-content.sub .sidebar img {padding-right: 25%;;}
      .article-content.sub .sidebar b {padding-right: 4rem;}
      .article-content.sub .infobox-outer {padding:0 10%;}
      .grid .imagebox-text h1 {font-size: 2.25rem; line-height: 1;}
      .article-content h1 {font-size: 4rem; line-height: 1;}
      .article-content.sub.ls h1 {font-size: 4rem; line-height: 1;}
      .article-content.sub.ls {padding: 3rem 10% 4rem 10% !important;}
      .article-content.sub.ls figure {margin-bottom: 2rem;}
      .grid .large-9 {height: 615px; max-height: 615px;}
      .ls-grid {margin-top: 10px;}
      .article-content blockquote {padding-bottom: 2rem;}
      .wrapper {padding: 0 1rem;}
      .videocontent {margin-top: 2rem; margin-bottom: 2rem;}
      .search-tmpl .tx-indexedsearch-searchbox, .tx-indexedsearch-res {padding:0 1rem;}
      .search-tmpl p {max-width: 100%; line-height: 1.4;}
      nav#desktop {padding-top:0; height: 40px; line-height: 40px;}
       .article-content.sub .text-and-image.right.hasOffset p, .article-content.sub .text-and-image.right.hasOffset ul,
       .article-content.sub .text-and-image.left.hasOffset p, .article-content.sub .text-and-image.left.hasOffset ul{padding-left: 0; padding-right: 0;}

    }

    @media screen and (max-width: 768px) {
      .article-content {padding: 1rem 1rem 0rem 1rem;}
      .grid .imagebox-text, .grid .imagebox-text h1, .grid .imagebox-text h2 {max-width: 90%;}
      .article-content.sub .text, .article-content.sub .text-w-image {padding-left: 1rem; padding-right: 1rem;}
      .article-content.sub {padding: 3rem 0rem 1rem 0rem;}
        /* MN Bugfixing responsive Verhalten
        .text-w-image .image-right {max-width: 320px !important; float: none !important; display: inline-block; padding-left: 0 !important;}
        */
      .multiple-items {margin: 2rem 11px;}
      .article-content.sub .text-and-image.left p {padding-right: 1rem;}
        .article-content.sub .text-and-image.right p {padding-left: 1rem;}
        .article-content.sub .text-and-image.left h2 {padding-right: 10%;}
        .article-content.sub .text-and-image.left h3 {padding-right: 10%;}
      .article-content.sub .text-and-image.right h2 {padding-left: 10%;}
      .article-content.sub .text-and-image.right h3 {padding-left: 10%;}
      .article-content.sub .text-and-image {margin-bottom: 2rem;}
      .article-content.sub .sidebar p, .article-content.sub .sidebar ul, .article-content.sub .sidebar h2, .article-content.sub .sidebar h3 {padding-left: 1rem !important;}
      .article-content.sub .sidebar img {padding-right: 1rem;}
      .article-content.sub .sidebar b {padding-right: 2rem;}
      .article-content h1, .article-content.ls h1 {font-size: 2.125rem; max-width: 100%; line-height: 1.12; margin-bottom: 20px;}
      .article-content h2, .article-content.ls h2 {font-size: 1.15rem; line-height: 1;}
      /*footer .tel {font-size: 2rem; font-family: 'Source Sans 3'; font-weight: 700; font-weight: 700; position: relative; top:-10px;}*/
      /*footer .email {font-size: 1.25rem; font-family: 'Source Sans 3'; font-weight: 700; font-weight: 700; position: relative; top:-10px;}*/
      .article-content.sub .infobox-outer {padding:0 1rem; margin-top: 0; margin-bottom:1rem;}
      .article-content.sub .infobox-outer:last-child {margin-bottom:0 !important;}
      .article-content.sub .infobox {padding: 1.5rem;}
      .article-content.sub.ls {padding: 4rem 1rem 0rem 1rem !important;}
      header.certo .logo_vbg {top: -20px;}
      header.certo .logo_vbg {width: 75px; height: 21px; position: relative;}
    }

    @media screen and (max-width: 768px) {
      .grid.sub .large-9 {width: 100%; height: 415px; max-height: 415px;}
      .article-content.sub .text-w-image {margin-bottom:0;}
    }

    @media screen and (max-width: 640px) {
    .article-content.sub .text-w-image .image-left,
    .article-content.sub .text-w-image .image-right{width: 100%; max-width: 100%; float: left; padding: 15px;}

    #search-overlay {padding: 2rem;}
    }

@media screen and (max-width: 460px) {
ul.slick-dots {bottom: 55px;}
}

.ls-grid .column:last-child:not(:first-child), .ls-grid .columns:last-child:not(:first-child) {float: left;}
body.home .menu-spacer{
margin-top: 198px;
}
@media screen and (max-width: 1023px) {
body.home .menu-spacer{
margin-top: 15px;
}
}
.news-list-item .imagebox{
position: relative;
}
.news-list-item .imagebox .imagebox-text{
bottom: 21px;
left: 23px;
position: absolute;
right: 23px;

}
@media screen and (max-width: 640px) {
.news-list-item .imagebox .imagebox-text{
bottom: 10px;
left: 10px;
right: 10px;
}
}
.news-list-item .imagebox .imagebox-text h2{
font-size: 45px;
line-height: 50px;
color: #111111;
}
@media screen and (max-width: 640px) {
.news-list-item .imagebox .imagebox-text h2{
font-size: 24px;
line-height: 1.17;
}
}
.news-list-item .imagebox .imagebox-text span{
background-color: rgba(255, 255, 255, 0.9);
display: inline-block;
padding: 12px 27px 16px 20px;
max-width: 90%;
}
@media screen and (max-width: 640px) {
.news-list-item .imagebox .imagebox-text span{
width: 100%;
max-width: none;
padding: 4px 10px 6px 9px;
}
}
.news-list-item .imagebox .imagebox-text h2 .spitzmarke{
font-size: 17px;
line-height: 19px;
margin-bottom: 2px;
font-family: 'Source Sans 3';
}
@media screen and (max-width: 640px) {
.news-list-item .imagebox .imagebox-text h2 .spitzmarke{
width: auto;
font-size: 14px;
line-height: 1.36;
padding-top: 1px;
padding-bottom: 2px;
}
}
@media screen and (max-width: 640px) {
.news-list-item .imagebox .imagebox-text{
bottom: 10px;
left: 10px;
right: 10px;
}
}
.newsletter-teaser{
float: left;
text-align: center;
}
.newsletter-teaser .inner{
background-color: #004994;
padding: 19px;
position: relative;
background-image: url("../img/Newsletter@2x.png");
    background-size: cover;
}
.newsletter-teaser h2{
color: #ffffff;
font-size: 20px;
line-height: 19px;
text-transform: uppercase;
font-weight: 300;
font-family: 'Source Sans 3';
margin-bottom: 63px;
    display: none;
}
@media screen and (max-width: 1323px) {
.newsletter-teaser h2{
margin-bottom: 32px;
}
}
@media screen and (max-width: 1023px) {
.newsletter-teaser h2{
margin-bottom: 15px;
}
}
@media screen and (max-width: 640px) {
.newsletter-teaser h2{
margin-bottom: 15px;
font-size: 16px;
line-height: 1.19;
}
}

.newsletter-teaser p{
color: #ffffff;
font-size: 26px;
line-height: 30px;
font-family: 'Source Sans 3'; font-weight: 700;
margin-bottom: 33px;
    display: none;
}
@media screen and (max-width: 1323px) {
.newsletter-teaser p{
font-size: 20px;
}
}
@media screen and (max-width: 1023px) {
.newsletter-teaser p{
font-size: 26px;
}
}
@media screen and (max-width: 640px) {
.newsletter-teaser p{
font-size: 24px;
line-height: 1.17;
margin-bottom: 21px;
}
}
.newsletter-teaser img{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 67px;
    display: none;
}
@media screen and (max-width: 1323px) {
.newsletter-teaser img{
margin-bottom: 34px;
width: 75px;
}
}
@media screen and (max-width: 1023px) {
.newsletter-teaser img{
margin-bottom: 67px;
width: auto;
}
}
@media screen and (max-width: 1023px) {
.newsletter-teaser img{
width: 35%;
margin-top: 10%;
}
}
.newsletter-teaser a{
color: #ffffff;
display: inline-block;
border: 1px solid #ffffff;
padding: 11px 41px 13px 39px;
font-size: 15px;
line-height: 19px;
font-family: 'Source Sans 3'; font-weight: 700;
margin-top: 307px;
    position: absolute;
    bottom: 19px;
    left: 15%;
    right: 15%;
}
@media screen and (max-width: 1023px) {
.newsletter-teaser a{
padding: 8px 34px;
font-size: 12px;
line-height: 1.58;
    left: 20%;
    right: 20%;
}
}
.newsletter-teaser a:hover {
    color: #004994;
    background-color:#fff;
    transition: 0.5s;
}
.most-read-teaser{
float: left;
text-align: center;
}
.most-read-teaser .inner{
background-color: #0095db;
padding: 19px;
}
.most-read-teaser h2{
color: #ffffff;
font-size: 20px;
line-height: 19px;
text-transform: uppercase;
font-family: 'Source Sans 3';
margin-bottom: 25px;
}
@media screen and (max-width: 1323px) {
.most-read-teaser h2{
margin-bottom: 8px;
}
}
@media screen and (max-width: 1023px) {
.most-read-teaser h2{
margin-bottom: 25px;
font-size: 16px;
line-height: 1.19;
}
}
@media screen and (max-width: 640px) {
.most-read-teaser h2{
margin-bottom: 15px;
}
}
.most-read-teaser a{
color: #ffffff;
display: inline-block;
border: 1px solid #ffffff;
padding: 11px 41px 13px 39px;
font-size: 15px;
line-height: 19px;
font-family: 'Source Sans 3'; font-weight: 700;
}
@media screen and (max-width: 640px) {
.most-read-teaser h3{
margin-bottom: 0.2rem;
}
}
.most-read-teaser h3 a{
color: #ffffff;
font-size: 28px;
line-height: 30px;
font-family: 'Source Sans 3'; font-weight: 700;
padding: 0;
border: none;
}
@media screen and (max-width: 1323px) {
.most-read-teaser h3 a{
font-size: 22px;
line-height: 22px;
}
}
@media screen and (max-width: 1023px) {
.most-read-teaser h3 a{
font-size: 28px;
line-height: 30px;
}
}
@media screen and (max-width: 768px) {
.most-read-teaser h3 a{
font-size: 18px;
line-height: 1.56;
}
}
.most-read-teaser h3 a .spitzmarke{
color: #ffffff;
font-size: 17px;
line-height: 19px;
font-family: 'Source Sans 3';
margin-bottom: -5px;
}
@media screen and (max-width: 1323px) {
.most-read-teaser h3 a .spitzmarke{
font-size: 16px;
}
}
@media screen and (max-width: 1023px) {
.most-read-teaser h3 a .spitzmarke{
font-size: 17px;
}
}
@media screen and (max-width: 640px) {
.most-read-teaser h3 a .spitzmarke{
font-size: 16px;
line-height: 1.19;
position: relative;
top: 3px;
}
}
.most-read-teaser h3::after{
display: block;
height: 1px;
width: 73px;
background-color: #ffffff;
content: '';
margin: 15px auto 5px;
}
@media screen and (max-width: 1323px) {
.most-read-teaser h3::after{
margin: 8px auto 5px;
}
}
@media screen and (max-width: 1023px) {
.most-read-teaser h3::after{
margin: 15px auto 5px;
}
}
@media screen and (max-width: 640px) {
.most-read-teaser h3::after{
margin: 10px auto 5px;
}
}
.most-read-teaser h3:last-child::after{
display: none;
}
.aktuelle-ausgabe-teaser{
float: left;
text-align: center;
}
.aktuelle-ausgabe-teaser .inner{
background-color: #b80d78;
padding: 19px;
position: relative;
}
.aktuelle-ausgabe-teaser.mitdenken4null .inner{
    background-color: #ee9304;
}
.aktuelle-ausgabe-teaser h2{
color: #ffffff;
font-size: 20px;
line-height: 19px;
text-transform: uppercase;
font-family: 'Source Sans 3';
height: 45px;
}
@media screen and (max-width: 640px) {
.aktuelle-ausgabe-teaser h2{
font-size: 16px;
line-height: 1.19;
    height: 38px;
}
}
.aktuelle-ausgabe-teaser img{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.29);
width: 172px;
}
@media screen and (max-width: 1328px) {
.aktuelle-ausgabe-teaser img{
width: 140px;
}
}
@media screen and (max-width: 1228px) {
.aktuelle-ausgabe-teaser img{
width: 130px;
}
}
@media screen and (max-width: 1128px) {
.aktuelle-ausgabe-teaser img{
width: 100px;
}
}
@media screen and (max-width: 1023px) {
.aktuelle-ausgabe-teaser img{
width: 50%;
}
}
@media screen and (max-width: 640px) {
.aktuelle-ausgabe-teaser img{
width: 50%;
margin-bottom: 24px;
}
}
.aktuelle-ausgabe-teaser.mitdenken4null img{
    display: block;
    margin: 60px auto 0;
    box-shadow: none;
    width: auto;
}
@media screen and (max-width: 1228px) {
    .aktuelle-ausgabe-teaser.mitdenken4null img{
        margin-top: 50px
    }
}
@media screen and (max-width: 1128px) {
    .aktuelle-ausgabe-teaser.mitdenken4null img{
        margin-top: 35px
    }
}
@media screen and (max-width: 1024px) {
    .aktuelle-ausgabe-teaser.mitdenken4null img{
        margin-top: 60px
    }
}
.aktuelle-ausgabe-teaser a{
color: #ffffff;
display: inline-block;
border: 1px solid #ffffff;
padding: 11px 41px 13px 39px;
font-size: 15px;
line-height: 19px;
font-family: 'Source Sans 3'; font-weight: 700;
    position: absolute;
    bottom: 22px;
    left: 10%;
    right: 10%;

}
@media screen and (max-width: 1023px) {
.aktuelle-ausgabe-teaser a{
padding: 8px 34px;
font-size: 12px;
line-height: 1.58;
position: absolute;
bottom: 19px;
left: 20%;
right: 20%;
}
}
.aktuelle-ausgabe-teaser a:hover {
    color: #b80d78;
    background-color:#fff;
    transition: 0.5s;
}
.twitter-teaser{
float: left;
text-align: center;
position: relative;
}
.twitter-teaser .all{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 999;
}
.twitter-teaser .inner{
background-color: #0095db;
padding: 19px 0;
}
.twitter-teaser h2{
color: #ffffff;
font-size: 20px;
line-height: 19px;
text-transform: uppercase;
font-family: 'Source Sans 3';
padding-bottom: 39px;
margin: 0;
}
@media screen and (max-width: 640px) {
.twitter-teaser h2{
padding-bottom: 20px;
font-size: 16px;
line-height: 1.19;
}
}
.twitter-teaser p{
color: #ffffff;
font-size: 17px;
line-height: 20px;
font-family: 'Source Sans 3';
margin: 0 19px;
overflow: hidden;
}
@media screen and (max-width: 640px) {
.twitter-teaser p{
font-size: 16px;
}
}
.twitter-teaser .slick-dotted.slick-slider {
margin-top: 0;
}

.twitter-teaser .slick-slide{height: auto;}

.twitter-teaser p a{color: #ffffff !important; font-family: 'Source Sans 3'; font-weight: 700;}
.twitter-teaser img{
display: block;
margin: 0 auto;
padding: 0 30px 31px;
}
@media screen and (max-width: 640px) {
.twitter-teaser img{
width: 45px;
padding-bottom: 21px;
}
}
.twitter-teaser ul.slick-dots{
padding: 0;
top: auto;
bottom: -15px;
z-index: 1000;
background: url('../img/verlauf_twitter_teaser.png') repeat-x 0 0;
padding: 27px 0 0;
}
.twitter-teaser ul li{
width: 12px !important;
height: 12px !important;
border-radius: 6px;
background-color: #ffffff;
list-style-type: none;
display: inline-block;
margin: 0 6px !important;
}
.twitter-teaser ul li button{display: none;}
.twitter-teaser ul li.slick-active{
background-color: #bcbcbc;
}
.news-list-item.large-3,
.news-list-item.behavior-large-3{
text-align: center;
position: relative;
}
.news-list-item.large-3 .inner,
.news-list-item.behavior-large-3 .inner{
padding: 19px;
}
.news-list-item.large-3 h2 span,
.news-list-item.behavior-large-3 h2 span{
color: #ffffff;
font-size: 38px;
line-height: 44px;
text-transform: none;
font-family: 'Source Sans 3'; font-weight: 700;
margin-bottom: 39px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
@media screen and (max-width: 640px) {
.news-list-item.large-3 h2 span,
.news-list-item.behavior-large-3 h2 span{
font-size: 24px;
line-height: 1.17;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
}
.news-list-item.large-3 h2 span.spitzmarke,
.news-list-item.behavior-large-3 h2 span.spitzmarke{
color: #ffffff;
font-size: 20px;
line-height: 19px;
text-transform: uppercase;
font-family: 'Source Sans 3';
margin-bottom: 34px;
display: inline-block;
}
@media screen and (max-width: 640px) {
.news-list-item.large-3 h2 span.spitzmarke,
.news-list-item.behavior-large-3 h2 span.spitzmarke{
margin-bottom: 15px;
font-size: 16px;
line-height: 1.19;
}
}
.columns{
margin-bottom: 10px;
}
.columns.news-list-item h2{
margin-bottom: 0;
}

.columns.news-list-item .misc{
position: absolute;
bottom: -5px;
right: 0;
}
@media screen and (max-width: 640px) {
.columns.news-list-item .misc{
display: none;
}
}
.columns.news-list-item.large-6{
height: auto;
overflow: hidden;
}
@media screen and (max-width: 639px) {
.columns.news-list-item.large-6{
height: auto;
}
}
.columns.large-3 .inner,
.columns.behavior-large-3 .inner{
height: 415px;
-webkit-transition: height 0.6s ease;
-moz-transition: height 0.6s ease;
-ms-transition: height 0.6s ease;
-o-transition: height 0.6s ease;
transition: height 0.6s ease;
}
.columns.large-6{
-webkit-transition: height 0.6s ease;
-moz-transition: height 0.6s ease;
-ms-transition: height 0.6s ease;
-o-transition: height 0.6s ease;
transition: height 0.6s ease;
}
.columns.large-6 .imagebox .shadowbox,
.columns.large-9 .imagebox .shadowbox{
box-shadow: inset 0 -200px 100px rgba(0, 0, 0, 0.15);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.columns.news-list-item.large-3 .misc,
.columns.news-list-item.behavior-large-3 .misc{
bottom: 16px;
right: 23px;
}
.columns.news-list-item .misc p{
margin: 0;
}

.fa-angle-right::before {
font-size: 62px;
color: #ffffff;

}
#article .article-content .fa-angle-right::before {
font-size: inherit;
color: inherit;

}
#article .news-img-wrap .outer {
position: relative;
}
#article .news-img-wrap .outer .news-img-caption {
position: absolute;
bottom: 0;
z-index: 1002;
left: 20px;
color: white;
font-size: .875rem;
font-family: 'Source Sans 3';
font-style: italic;
font-weight: 400;
display: none;
}
.news-single .article .news-img-wrap{
margin: 0;
width: auto;
padding-bottom: 0;
max-width: 100%;
    float:none;
}
.news-single .teaser-wrapper{
    position : relative;
}
@media screen and (min-width: 768px) {
    .social-bar{
        position: absolute;
        top: 0;
        overflow: hidden;
        right: -60px;
        z-index:10;
    }
    .social-bar .shariff{
        display: block;
        width: 80px;
    }
}
@media screen and (min-width: 1024px) {
    .social-bar{
        right: -175px;
    }
}
.social-bar .social-print{
display: none;
}
.social-bar .social-print ul li{
list-style-type: none;
margin-bottom: 10px;
}
.social-bar .shariff ul li{
    display: block;
    margin-left: 10px;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    margin-bottom: 20px;
    width: 60px !important;
    height: 60px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
    border-radius: 30px;
    background-color: #ffffff;

}
@media screen and (min-width: 768px) {
    .social-bar .shariff ul{
        margin-top: 10px;
    }
    .social-bar .shariff ul li{

    }
}
.social-bar a, .social-bar .shariff a{
    color: #135397;
    font-size: 13px;
    background-color: transparent !important;
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url('../img/printer-icon.svg') center center no-repeat;
}
.social-bar a:hover{
    background-image: url('../img/printer-icon-hover.svg');
}
.social-bar a, .social-bar .shariff a span,
.social-bar a, .social-bar .shariff a i{
    display: none;
}
.article-content.sub{
padding-top: 1rem;
}
.social-bar .shariff  .shariff-button.mail a{
    background-image: url('../img/e-mail.svg');
}
.social-bar .shariff  .shariff-button.mail a:hover{
    background-image: url('../img/e-mail-hover.svg');
}
.social-bar .shariff  .shariff-button.twitter a{
    background-image: url('../img/twitter.svg');
}
.social-bar .shariff  .shariff-button.twitter a:hover{
    background-image: url('../img/twitter-hover.svg');
}
.social-bar .shariff  .shariff-button.xing a{
    background-image: url('../img/xing.svg');
}
.social-bar .shariff  .shariff-button.xing a:hover{
    background-image: url('../img/xing-hover.svg');
}
.social-bar .shariff  .shariff-button.linkedin a{
    background-image: url('../img/linkedin.svg');
}
.social-bar .shariff  .shariff-button.linkedin a:hover{
    background-image: url('../img/linkedin-hover.svg');
}
/*
.shariff-button.mail .fa-envelope::after{
content: 'E-Mail';
font-family: 'Source Sans 3';
line-height: 30px;
font-size: 13px;
display: inline-block;
font-weight: normal;
padding-left: 6px;
position: relative;
top: -1px;
}
.shariff-button.twitter .fa-twitter::after{
content: 'Twittern';
font-family: 'Source Sans 3';
line-height: 30px;
font-size: 13px;
display: inline-block;
font-weight: normal;
padding-left: 6px;
position: relative;
top: -4px;
}
*/
.shariff-button span{
width: auto !important;
}
.shariff-button .share_text{
display: none !important;
}
nav#desktop li.act a {
color: #135397;
}
.news-related{
padding: 0;
}
#article .imgr,
#article .article-content.sub .text.ls {
padding-left: 20%;
padding-right: 20%;
}
.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
float: left;
}
.tx-indexedsearch-browsebox ul{
text-align: center;
padding: 30px 0 80px;
}
.tx-indexedsearch-browsebox ul li{
list-style-type: none;
display: inline-block;
margin: 0 15px;
}
.news-img-wrap .mediaelement{
text-align: center;
}
.accordion {
font-style: normal;
font-weight: 400;
font-size: 16px;
margin: 0 0 4rem;
}
.accordion .accordion-head {
padding: 15px 0 15px 20px;
position: relative;
border-top: 1px solid #7f8a97;
cursor: pointer;
font-weight: bold;
}
.accordion .accordion-head p{
margin: 0;
}
.accordion .accordion-head:first-child {
border-top: none;
}
.accordion .accordion-head::before {
content: url("../img/akkordeon_arrow_.svg");
display: inline-block;
height: 16px;
width: 8px;
position: absolute;
left: 0;
top: 18px;
}
.accordion-head.show::before {
height: 26px;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.accordion .accordion-body {
margin-bottom: 25px;
padding-left: 20px;
display: none;
}
.accordion .accordion-body .videocontent{
    margin-left: -20px;
}
.accordion .accordion-body .text-w-image,
.accordion .accordion-body .wrapper{
padding: 0;
}
.accordion .accordion-body :last-child{
margin-bottom: 0;
}
.blockquote-author{
display: block;
color: #9c9c9c;
position: relative;
top: -25px;
    font-size: 1.125rem;
    line-height: 1.56;
    font-family: "Source Sans 3";
    margin-bottom: 35px;
    font-style: italic;
}
@media screen and (max-width: 1023px) {
.blockquote-author{
top: -17px;
}
}
@media screen and (max-width: 768px) {
    .blockquote-author{
        top: 8px;
    }
}
.news-single h1 span{display: block;}
.news-single h1 .spitzmarke{font-size: 25px; line-height: 38px; margin-bottom: 20px; display: inline-block; font-family: 'Source Sans 3'; color: #9c9c9c; text-transform: uppercase;}
.news-single h1 .spitzmarke.alt-style{background-color: #3b94d9; color: #ffffff; padding: 0 12px;}

@media screen and (max-width: 1023px) {
.news-single h1 .spitzmarke{margin-bottom: 0; }
}
@media screen and (max-width: 767px) {
    .news-single h1 .spitzmarke {font-size: 16px; line-height: 18px; margin-bottom: 10px;}
}
.toggler{
background: url('../img/toggleArea_grey.svg');
width: 45px;
height: 20px;
margin-right: 8px;
float: left;
position: relative;
}

a:hover .toggler{
background: url('../img/toggleArea.svg');
}

.toggler::before{
content: '';
display: block;
background: url('../img/toggle.svg');
position: absolute;
left: 1px;
top: 1px;
width: 18px;
height: 18px;
}

a:hover .toggler::before{
left: auto;
right: 1px;
}
a:hover .toggler::after{
content: '';
display: block;
background: url('../img/indicator.svg') no-repeat center center;
position: absolute;
left: 6px;
top: 1px;
width: 18px;
height: 18px;
}

.leichte-sprache .toggler{
background: url('../img/toggleArea.svg');
}
.leichte-sprache .toggler::before{
left: auto;
right: 1px;
}

.leichte-sprache a:hover .toggler::before{
right: auto;
left: 1px;
}
.leichte-sprache a:hover .toggler{
background: url('../img/toggleArea_grey.svg');
}

.leichte-sprache .toggler::after{
content: '';
display: block;
background: url('../img/indicator.svg') no-repeat center center;
position: absolute;
left: 6px;
top: 1px;
width: 18px;
height: 18px;
}

.leichte-sprache a:hover .toggler::after{
display: none;
}

.leichte-sprache a.language{
color: #004994 !important;
}
.leichte-sprache a.language .leichte-sprache{
background-position: 0 -36px !important;
}

.leichte-sprache a:hover.language{
color: #58595b !important;
}
.leichte-sprache a:hover.language .leichte-sprache{
background-position: 0 0 !important;
}

header.certo.mobile{
width: auto;
margin-left: 5px;
margin-right: 5px;
}
.news-img-wrap figcaption{
/*position: absolute;*/
/*left: 0;*/
/*bottom: 0;*/
    text-align: left;


}
figcaption .copyright{
font-family: "Source Sans 3";
display: inline-block;
font-size: 12px;

}
.news-img-wrap figcaption .copyright{
    font-weight: 500;
    color: #000;
/*background-color: rgba(255, 255, 255, 0.7);*/
padding: 11px 12px;
}
h1 .headline{
overflow: hidden;
text-indent: -9999px;
display: inline-block;
position: absolute;
top: 0;
}
.pnf .tx-dce-pi1{
    background-color: #fff;
    margin-bottom: 1.5rem;
    padding: 5% 20%;
}
.pnf .tx-dce-pi1 h1{
    margin-bottom: 45px;
}
.pnf .tx-dce-pi1 ul{
    padding-left: 20px;
    margin-bottom: 30px;
}
.pnf .tx-dce-pi1 ul li{
    color: #222;
}
.pnf .tx-dce-pi1 a{
    color: #000;
    font-family: 'Source Sans 3'; font-weight: 700;
}
.pnf .tx-dce-pi1 a:hover{
    text-decoration: underline;
}
.article-content iframe{max-width: 100%;}
.tx-indexedsearch-res .spitzmarke{
    font-size: 22px;
    margin-bottom: -10px;
    display: block;
    font-family: 'Source Sans 3';
}
/*#article .wpm{*/
/*    padding-bottom: 12px;*/
/*}*/
/*#article .wpm img{width: 35px; height: 33px;}*/
/*#article .wpm span{font-size: 17px; color: #9c9c9c; text-transform: uppercase; padding-left: 15px; font-family: 'Source Sans 3';}*/
.article-content.sub ul.tags{list-style-type: none; padding: 25px 0 ; margin: 25px 15px 0; border-top: 2px solid #d8d8d8;}
ul.tags li{display: inline-block; font-size: 1.5rem; line-height: 1.25; font-family: 'Source Sans 3'; font-weight: 700; margin-right: 15px;}
ul.tags li .tag-title{color: #111111;}
ul.tags li a:hover {text-decoration: none !important;}
ul.tags li a:hover .tag-title{color: #3b94d9;}
@media screen and (min-width: 768px) {
    /*#article .wpm img{width: 49px; height: 46px;}*/
    .article-content.sub ul.tags{padding: 72px 0 160px; margin: 45px 20% 0;}
    ul.tags li{display: inline-block; font-size: 2.1875rem; line-height: 1.2857;}
}
#article .breadcrumb{
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    padding: 35px 0 20px 58px;
    margin: 0;
    background-color: #ffffff;
}
@media screen and (max-width: 767px) {
    #article .breadcrumb{display: none;}
}
#article .breadcrumb li {
    display: inline-block;
    color: #9c9c9c;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-family: 'Source Sans 3';
    margin-right: 8px;
}
#article .breadcrumb li a{
    color: #9c9c9c;
}
#article .breadcrumb li + li::before {
    content: '';
    background: url("../img/breadcrumb_arrow.png") no-repeat center center;
    background-size: contain;
    margin-right: 6px;
    width: 3px;
    height: 6px;
    display: inline-block;
    position: relative;
    top: -1px;
}
.slick-slider .fa-angle-right::before{
    content:url('../img/arrow_right.svg');

}
.slick-slider .fa-angle-right:hover::before{
    content:url('../img/arrow_right_hover.svg');

}
.slick-slider .fa-angle-left::before{
    content:url('../img/arrow_left.svg');

}
.slick-slider .fa-angle-left:hover::before{
    content:url('../img/arrow_left_hover.svg');

}
.slick-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 20px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button::before{
    color: #ffffff;
}
.blue-teaser{
    padding: 29px 30px;
    background-color: #0095db;
    position: relative;
    margin-bottom: 3.175rem;
    margin-left: -10px;
    margin-right: -10px;
}
@media screen and (min-width: 1024px) {
    .blue-teaser{
        padding: 20px 20%;
        margin-left: 0;
        margin-right: 0;
    }
}
.blue-teaser.has-newsletter{
    padding: 34px 30px 0;
}
@media screen and (min-width: 768px) {
    .blue-teaser.has-newsletter{
        text-align: center;
        padding: 80px 20% 30px;
    }
}
.blue-teaser::before{
    content:url('../img/info-icon.svg');
    position: absolute;
    right: 15px;
    top: 29px;
    z-index: 1;
}
@media screen and (min-width: 1024px) {
    .blue-teaser::before{
        right: 12%;
        top: 36px;
    }
}
.blue-teaser.has-newsletter::before{
    display: none;
}
.article-content.sub .blue-teaser h2,
.article-content.sub .blue-teaser p,
.article-content.sub .blue-teaser ul,
.article-content.sub .blue-teaser a{
    color: #ffffff;
}
.article-content.sub .blue-teaser h2{
    margin-top: 22px;
    padding-right: 80px;
    margin-bottom: 26px;
}
@media screen and (min-width: 1024px) {
    .article-content.sub .blue-teaser h2{
        margin-top: 44px;
        margin-bottom: 0.5rem;
    }
}
.article-content.sub .blue-teaser p{
    font-size: 1.25rem;
    line-height: 1.3;
    font-family: 'Source Sans 3', sans-serif;
}
@media screen and (min-width: 1024px) {
    .article-content.sub .blue-teaser p{
        font-size: 1.5625rem;
        line-height: 1.4;
        font-family: 'Source Sans 3'; font-weight: 700;
    }
}
.article-content.sub .blue-teaser.has-newsletter p{
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 25px;
    font-family: 'Source Sans 3'; font-weight: 700;
}
@media screen and (min-width: 768px) {
    .article-content.sub .blue-teaser.has-newsletter p{
        font-size: 1.875rem;
        line-height: 1.17;
        margin-bottom: 38px;
    }
}
.article-content.sub .blue-teaser a{
    font-size: 0.9375rem;
    line-height: 1.27;
    font-family: 'Source Sans 3'; font-weight: 700;
    padding: 14px 34px 15px;
    display: inline-block;
    border: 2px solid #ffffff;
    text-decoration: none;
    margin-top: 18px;
}
.article-content.sub .blue-teaser a:hover {
    color: #0095db;
    background-color:#fff;
    transition: 0.5s;
}
.article-content.sub .blue-teaser input{
    width: 438px;
    background-color: #0095db;
    color: #ffffff;
    border: 2px solid #ffffff;
    font-size: 0.9375rem;
    line-height: 1.27;
    padding: 14px 32px 15px;
    display: inline-block;
    font-family: 'Source Sans 3'; font-weight: 700;
    height: 50px;
    margin-right: 20px;
    margin-bottom: 30px;

}
.article-content.sub .blue-teaser input::placeholder {
    font-family: 'Source Sans 3';
    font-style: italic;
    color: #ffffff;
    opacity: 1;
}
.article-content.sub .blue-teaser input[type="submit"]{
    width: 191px;
    background-color: #ffffff;
    color: #0095db;
    margin-right: 0;

}
.main-popup {
    padding: 20px;
    outline: none !important;
    background-color: transparent;
    border: none;
    overflow: hidden;
    width: 90%;
}
.main-popup.reveal{
    margin-left: auto;
}
@media screen and (min-width: 556px) {
    .main-popup {
        width: 500px;
    }
}

.main-popup .modal-inner {
    border: 6px solid #3b94d9;
    background-color: #ffffff;
    padding: 25px 35px;
}
.main-popup .close-button{
    display: block;
    width: 50px;
    height: 50px;
    background: #3b94d9;
    border-radius: 25px;
    position: absolute;
    top: 0;
    right: 0;
}
.main-popup .close-button:hover{
    background-color: #004994;
}
.main-popup .close-button span{
    font-size: 64px;
    line-height: 1;
    display: inline-block;
    color: #fff;
    font-family: "Source Sans 3";
    position: relative;
    top: -17px;
}
.main-popup h2{
    margin-bottom: 20px;
    font-size: 1.5rem;
    color: #0094d8;
    line-height: 1.25;
}
.main-popup p{
    font-size: 1.0625rem;
    line-height: 1.53;
    color: #585858;
}
.main-popup .cta{
    padding: 15px 0 16px;
    border: 1px solid #0094d8;
    width: 176px;
    display: inline-block;
    text-align: center;
    margin: 15px 20px 25px 0;
    font-family: 'Source Sans 3'; font-weight: 700;
    font-size: 0.9375rem;
    color: #0094d8;
}
.main-popup .cta.btn-wide{
    width: 100%;
    margin-right: 0;
}
.main-popup .cta.later{
    margin-right: 0;
}
.main-popup .cta:hover {
    color: #fff;
    background-color: #0094d8;
    transition: 0.5s;
}
.main-popup sub a{
    font-size: 0.875rem;
}
.load-more{
    padding: 15px 30px 16px;
    border: 1px solid #3b94d9;
    display: inline-block;
    margin: 30px auto;
    font-family: 'Source Sans 3'; font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.27;
    color: #3b94d9;
    width: 176px;
    text-align: center;
    cursor: pointer;
}
.load-more:hover {
    color: #fff;
    background-color: #3b94d9;
    transition: 0.5s;
}
.video-js .vjs-big-play-button{
    width: 86px;
    height: 60px;
    border: none;
    background-color: transparent !important;
}
.vjs-big-play-centered .vjs-big-play-button{
    margin-top: -30px;
}

.vjs-icon-play::before, .video-js .vjs-big-play-button::before {
    content:url('../img/video_play_new.svg');
}
.shariff li, .shariff li a {
    height: auto;
}
.shariff li .fab, .shariff li .far, .shariff li .fas{
    line-height: 1;
}
.flexible-ce{
    padding-left: 20%;
    padding-right: 20%;
}
.flexible-ce.wide-element{
    padding-left: 13.5%;
    padding-right: 13.5%;
}
.show-xs{
    display: none;

}
.hide-xs{
    display: none;
}
@media screen and (max-width: 767px){
    #words-count{
        clear: both;
    }
    .show-xs{
        display: block;

    }
}
@media screen and (min-width: 768px){
    .hide-xs{
        display: block;

    }
}
h1.tag-headline{
    font-size: 25px;
    line-height: 1.5;
    font-family: "Source Sans 3";
    padding-left: 8px;
    margin-top: 60px;
}
h1.tag-headline span{
    font-size: 30px;
    line-height: 1.11;
    display: block;
    font-family: 'Source Sans 3'; font-weight: 700;
    margin-top: 0;
    color: #1172d2;
}
@media screen and (min-width: 768px) {
    h1.tag-headline{
        font-size: 22px;
        margin-bottom: 50px;
        padding-left: 0;
    }
    h1.tag-headline span{
        font-size: 45px;
    }
}
.link-leichte-sprache{background: url("../img/leichte-sprache.svg") no-repeat left center; padding-left: 67px;}
.link-leichte-sprache h3{ max-width: 280px; font-size: 22px !important; line-height: 1.23 !important; font-style: italic;}


:focus {
    outline: 1px dotted #004994 !important;
}
body:focus{
    outline: none !important;
}
.news-list-item a:focus{
    outline: 2px dotted #004994 !important;
}

.social-bar .shariff a:focus{
    border: 1px dotted #004994 !important;
    border-radius: 60px !important;

}
header h1 a{display: inline-block;}
.tx-indexedsearch-searchbox label{display: none;}

.align-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

@media screen and (min-width: 1024px) {
    .row.lg-flex{
        display: flex;
    }
}
.article-content.sub .quiz{
    padding-left: 0;
    padding-right: 0;
}
.article-content.sub .quiz #quiz-start-btn,
.article-content.sub .quiz #quiz-buttons a{
    font-size: 0.9375rem;
    line-height: 1.27;
    font-family: 'Source Sans 3'; font-weight: 700;
    padding: 14px 34px 15px;
    display: inline-block;
    border: 2px solid #0094d8;
    color: #0094d8;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 0;
}
.article-content.sub .quiz #quiz-start-btn:hover,
.article-content.sub .quiz #quiz-buttons a:hover{
    background-color: #0094d8;
    color: #ffffff;
    transition: 0.5s;
}
.article-content.sub .quiz #quiz-counter{
    font-size: 0.9375rem;
    line-height: 1.27;
    font-family: 'Source Sans 3'; font-weight: 700;
    margin-bottom: 30px;
}
.article-content.sub .quiz ul.answers,
.article-content.sub .quiz ul.answers a{
    margin-left: 0;
}
.article-content.sub .quiz ul.answers a{
    border: 1px solid #939598;
    color: #58595b;
    border-radius: 0;
    font-family: "Source Sans 3";
}
.article-content.sub .quiz ul.answers a:hover{
    background-color: #939598;
    color: #ffffff;
    transition: 0.5s;
    text-decoration: none;
}
.article-content.sub .quiz ul.answers a.incorrect{
    background-color: rgb(212, 15, 20);
    color: #ffffff;
    border-color: rgb(212, 15, 20);
}
.article-content.sub .quiz ul.answers a.correct{
    color: #ffffff;
    background-color: #0094d8;
    border-color: #0094d8;
}
.article-content.sub .quiz #quiz-controls{
    background-color: transparent;
}
.article-content.sub .quiz #quiz-results{
    font-family: 'Source Sans 3'; font-weight: 700;
}
#quiz-restart-btn{display: none !important;}

/************  Umfrage-Modul *****************/
.simplePollWrap{
    width: auto;
}
@media screen and (min-width: 768px) {
    .simplePollWrap{
        padding-left: 10%;
        padding-right: 10%;
    }
}
@media screen and (min-width: 1024px) {
    .simplePollWrap{
        padding-left: 20%;
        padding-right: 20%;
    }
}
.simplePollWrap .simplePollMain,
.simplePollWrap .simplePollSeeVotes{
    border: 1px solid #3b94d9;
    padding: 42px 15px 27px;
}
@media screen and (min-width: 640px) {
    .simplePollWrap .simplePollMain,
    .simplePollWrap .simplePollSeeVotes{
        padding: 62px 62px 47px;
    }
}
.article-content.sub .simplePollWrap h2{
    text-align: center;
    font-size: 32px;
    line-height: 1.16;
    margin-top: 0;
    margin-bottom: 45px;

}
.simplePollWrap h2 .spitzmarke{
    color: #3b94d9;
    font-size: 21px;
    font-family: 'Source Sans 3';
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.article-content.sub .simplePollWrap ul{
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.article-content.sub .simplePollWrap ul li{
    border: 1px solid #3b94d9;
    margin-bottom: 16px;
    text-indent: 0;
    overflow: hidden;
}
.article-content.sub .simplePollWrap ul li .simplePollRow{
    margin: 0;
    overflow: hidden;
    text-indent: -500px;
    position: relative;
}
.article-content.sub .simplePollWrap ul li .simplePollRow input,
.article-content.sub .simplePollWrap ul li .simplePollRow label{
    position: absolute;
}
.button-for-radio{
    text-align: center;
    background-color: #ffffff;
    color: #111111;
    cursor: pointer;
    font-size: 24px;
    font-family: 'Source Sans 3'; font-weight: 700;
    padding: 8px 15px 7px;
}
.button-for-radio:hover,
.button-for-radio.active{
    background-color: #3b94d9;
    color: #ffffff;
    cursor: pointer;
}
#simplePollSeeVotes{
    display: none;
}
#simplePollVote{
    text-indent: -500px;
    position: absolute;
}
.article-content.sub .simplePollAnswer{
    font-size: 17px;
    font-family: 'Source Sans 3'; font-weight: 700;
    color: #111111;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 20px;
}
.article-content.sub .simplePollAnswer .square{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #333333;
    margin-right: 13px;
}
.article-content.sub .simplePollAnswer.simplePollPercentBarColor-1 .square{
    background-color: #0095db;
}
.article-content.sub .simplePollAnswer.simplePollPercentBarColor-2 .square{
    background-color: #008c8e;
}
.article-content.sub .simplePollAnswer.simplePollPercentBarColor-3 .square{
    background-color: #51ae31;
}
.article-content.sub .simplePollAnswer.simplePollPercentBarColor-4 .square{
    background-color: #afca06;
}
.article-content.sub .simplePollAnswer.simplePollPercentBarColor-5 .square{
    background-color: #ffcc00;
}
.graph{
    height: 400px;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    border-bottom: 2px solid #d8d8d8;
    background: url('../img/graph_bg.png') repeat 0 0;
}
.simplePollPercentBar{
    position: absolute;
    bottom: 0;
    border: none;
    border-radius: 0;
}
.graph .simplePollPercentBarColor-1{
    background-color: #0095db;
    background-image: none;
}
.graph .simplePollPercentBarColor-2{
    background-color: #008c8e;
    background-image: none;
}
.graph .simplePollPercentBarColor-3{
    background-color: #51ae31;
    background-image: none;
}
.graph .simplePollPercentBarColor-4{
    background-color: #afca06;
    background-image: none;
}
.graph .simplePollPercentBarColor-5{
    background-color: #ffcc00;
    background-image: none;
}
.simplePollSeeVotes .graph,
.simplePollSeeVotes .legend{
    opacity: 0;
}
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-all,
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential,
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific{
    padding: 15px 30px 16px;
    border: 1px solid #3b94d9;
    background-color: #fff;
    display: inline-block;
    font-family: 'Source Sans 3'; font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.27;
    color: #3b94d9;
    cursor: pointer;
    margin-top: 30px;
}
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific{
    opacity: 0.8;
}
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential{
    display: none;
}
#SgCookieOptin .sg-cookie-optin-box-description a{color: #fff;}
#SgCookieOptin .sg-cookie-optin-box-description a:hover{color: #fff;text-decoration: underline;}
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential,
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific{
    color: #9c9c9c;
    border: 1px solid #9c9c9c;
}
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-all{
    background-color: #3b94d9;
    color: #ffffff;
}
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-all:hover {
    color: #3b94d9;
    background-color: #ffffff;
    transition: 0.5s;
}
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential:hover,
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific:hover{

    color: #fff;
    background-color: #9c9c9c;
    transition: 0.5s;
}
.sg-cookie-optin-box-sublist-open-more-link,
.sg-cookie-optin-box-copyright-link{display: none !important;}
@media screen and (max-width: 767px){
    #SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item, .sg-cookie-optin-plugin #SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item {
        margin: 0;
    }
    #SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-all,
    #SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential,
    #SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific{
        margin-top: 10px;
    }
}
@media screen and (max-width: 400px){
    footer .abbinder .menu.float-left li{
        display: block;
        width: 100%;
        margin-bottom: 18px;
    }

    #foot-desktop .middle {
        top: -210px;
    }
}
nav .youtube img,
footer .youtube img{
    height: 22px;
}
.lightbox{position: relative;cursor: pointer;}
.lightbox .name{padding: 1px 10px; position: absolute; left: 10px;bottom: 10px; font-family: 'Source Sans 3'; font-weight: 700; color: #111111; background-color: rgba(255, 255, 255, 0.9); display: inline-block; }
.lightbox:hover .name{color: #ffffff; background-color: rgba(59, 148, 217, 0.9); }
.lightbox img{display: block; max-width: 100%; height: auto;}
.lightbox::after{content: url("../img/combined-shape.svg");position: absolute; top: 10px; right: 10px;width:30px;height:30px;display: block;}
.lightbox:hover::after{content: url("../img/combined-shape_hover.svg");}


.download-wrapper{border: solid 1px #004994;margin-bottom: 4rem;}

@media screen and (min-width: 768px) {
    .download-wrapper.col-33{width: 33.333%;}
    .download-wrapper.col-66{width: 67.667%;}
}
.download-wrapper .download-element{padding:10px; float: left;}
@media screen and (min-width: 768px) {
    .download-wrapper .download-element{padding:10px; float: left;width: 33.333%;}
    .download-wrapper.col-33 .download-element{width: 100%;}
    .download-wrapper.col-66 .download-element{width: 50%;}
}

.download-wrapper .download-element .description{color: #004994; font-size: 16px; line-height: 1.42; font-family: 'Source Sans 3'; font-weight: 700;padding-left: 8px;}
.download-wrapper .download-element:hover .description{color: #0095db; }
.download-wrapper .download-element img{padding: 8px;}
.download-wrapper .download-element span.more{background: url("../img/download-arrow.svg") no-repeat 8px center;display: block; width: 50px; height: 13px;margin-top: 10px;}

.download-wrapper.list{padding: 33px; display: inline-block;margin-bottom: 2rem;width: 100%;}
.download-wrapper.list a{background: url("../img/download-arrow.svg") no-repeat left center;padding-left: 59px;display: block;}
.download-wrapper.list a .description{display: inline; color: #004994;}
.download-wrapper.list a .description span{display: inline; padding-left: 2px;font-family: "Source Sans 3";}
.download-wrapper.list a:hover{text-decoration: none !important;}

.teaserkarussell-wrapper{background-color: #f1f1f2;padding:1px 0 70px;border-left: 1px solid #fff; border-right: 1px solid #ffffff;}
.teaserkarussell-wrapper .teaser-element {height: 190px; background-color: #002f5e; color: #3b94d9;margin: 0 10px; position: relative;margin-bottom: 15px;}
.teaserkarussell-wrapper .teaser-element .spitzmarke{transform: rotate(-90deg); position: absolute; left: -30px; top: 71px;font-family: 'Source Sans 3';text-transform: uppercase;}
.teaserkarussell-wrapper .teaser-element h3{padding: 24px 15px 0 45px;color: #ffffff;font-size: 28px; line-height: 1.07;}
.teaserkarussell-wrapper a:hover .teaser-element, .teaserkarussell-wrapper .active a .teaser-element{  background-color: #3b94d9; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);}
.teaserkarussell-wrapper a:hover .teaser-element .spitzmarke,.teaserkarussell-wrapper .active a .teaser-element .spitzmarke{color: #ffffff;text-decoration: none;}
.teaserkarussell-wrapper a:hover, .teaserkarussell-wrapper a:hover .teaser-element h3{text-decoration: none !important;}
.teaserkarussell-wrapper .arrow {
    border: 16px solid #f1f1f2;
    font-size:0;line-height:0;height:0;padding:0; margin: 0 0 0 -16px;
    position: absolute;
    top: 0;
    left: 50%;
}
.teaserkarussell-wrapper .arrow.down {
    border-right-color:  transparent;
    border-bottom-color: transparent;
    border-left-color:   transparent;
}
.teaserkarussell-wrapper ul.slick-dots{top: auto; bottom: -40px;padding-left:0;top: auto !important;}
.teaserkarussell-wrapper ul.slick-dots li{margin: 0 3px;}
.teaserkarussell-wrapper ul.slick-dots li button{width: 13px;height: 13px;border-radius: 8px;border: 1px solid #b0b0b0;background-color: #ffffff;}
.teaserkarussell-wrapper ul.slick-dots li.slick-active button{background-color: #b0b0b0;}
.teaserkarussell-wrapper ul.slick-dots li button::before{display: none;}
.teaserkarussell-wrapper ul.slick-dots li.slick-active button{color: #b0b0b0;}
.teaserkarussell-wrapper .slick-dotted.slick-slider {
    margin-top: 2rem;
}
.campaign .text ul:not(.slick-dots) {
    list-style: none;
    margin-left: 0 !important;
}
.campaign .text ul:not(.slick-dots) li{
    font-size: 18px;
}

.campaign .text ul:not(.slick-dots) li::before {
    content: "\2022";
    color: #004994;
    font-weight: bold;
    display: inline-block;
    width: 17px;
    margin-left: 0;
    font-size: 22px;
    line-height: 18px;
    position: relative;
    top: 2px;
}
.go-back{
    font-family: 'Source Sans 3'; font-weight: 700;
    color: #fff;
    display: inline-block;
    padding: 11px 22px 11px 56px;
    background: #0095db url("../img/go-back.svg") no-repeat 22px center;
    font-size: 18px;
    margin: 50px 0 30px;
}
.go-back:hover{
    color: #ffffff !important;
}
.campaign .header.article-content{
    margin-bottom: -30px;
}
.campaign .article-content.sub h3{line-height: 28px;}
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    margin: 0 0 33px;
    border: 1px solid #e3e3e4;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.teaserkarussell-wrapper .cta{
    padding: 15px 30px 16px;
    border: 1px solid #3b94d9;
    display: inline-block;
    margin: 30px auto;
    font-family: 'Source Sans 3'; font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.27;
    color: #3b94d9;
    width: auto;
    text-align: center;
    cursor: pointer;
    position: relative;
    top: 35px;
}
.teaserkarussell-wrapper .cta:hover {
    color: #fff !important;
    background-color: #3b94d9;
    transition: 0.5s;
}
/*.publishing-date{display: none;}*/
/*.publishing-date p{color: #9c9c9c !important;}*/
/*
 ###### REBRUSH #######
 */
body{background-color: #FFFFFF;}
body.home .menu-spacer { margin-top: 225px;}
#certo-app {padding: 0;}
footer .inner {margin: 0;}

nav#desktop {background: #fff; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
nav#desktop .menu {margin-left: -21px;}
.tags-opened nav#desktop {height: auto !important; border-bottom: none;}
.tags-opened nav#desktop::after {content: ''; height: 1px; background-color: #d8d8d8; position: absolute; top: 82px; left: 0; right: 0;}
.tags-opened nav#desktop.shrink::after {top: 60px;}

/*
nav#desktop::after{
    content: '';
    height: 195px;
    width: 100%;
    display: none;
    background-color: #FFFFFF;
    position: relative;
    top: -187px;
    z-index: -1;
    left: 0;
}

nav#desktop::before{
    content: '';
    position:fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 191px;
    background-color: #000000;
    opacity: 0.8;
    z-index: -1;
    display: none;
}

 */
.tags-opened .menu-overlay{
    position: fixed;
    background-color: #000000;
    opacity: 0.8;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}

nav#desktop .twitter, nav#desktop .youtube, nav#desktop .xing, nav#desktop .leichte-sprache, nav#desktop .toggler{display: none;}
nav#desktop .text-right { margin-right: -12px;}
nav#desktop .text-right li { margin-left: 20px;}
nav#desktop .search{display: inline-block; width: 24px; height: 24px; background: url("../img/search_new.svg") no-repeat left top; background-size: contain;}
nav#desktop .search i{display: none;}
nav#desktop .tag-menu-item{display: none;}
.tags-opened nav#desktop .tag-menu-item{display: inline-block;}
nav#desktop .tag-helper{display: none;margin-bottom: 45px;}
.tags-opened nav#desktop .tag-helper{display: block;margin-bottom: 45px;}
.show-more{width: 30px; height: 25px; border: 1px solid #9c9c9c; border-radius: 4px; display: inline-block;background: url("../img/triangle_closed.svg") no-repeat center center; background-size: 12px; margin-top: -5px;}
.show-more:hover{border-color: #004994;}
.tags-opened .show-more{background-image: url("../img/triangle_opened.svg")}
nav#desktop .tag-menu-item.additional{margin-right: 5px;}
nav#desktop .tag-menu-item.additional a{border: 1px solid #d8d8d8;padding: 23px 25px;margin-bottom: 10px;}
nav#desktop .tag-menu-item.additional a:hover{border-color: #004994; color: #004994; text-decoration: underline;}


.column, .columns {padding-right: 20px; padding-left: 20px;}
.row .row { margin-right: -20px; margin-left: -20px;}
.news-teaser-wrapper{margin-top: 30px;}
.news-teaser-wrapper .spitzmarke{color: #1172d2;font-size: 14px;text-transform: uppercase; letter-spacing: 0.9px;display: inline-block; line-height: 18px;}
.news-teaser-wrapper h2{color: #111111;font-size: 35px;line-height: 1.26;}
.news-teaser-wrapper p{color: #111111;font-size: 18px;line-height: 1.56;}

.news-teaser-wrapper span.more{display: block; width: 48px; height: 21px; background: url("../img/arrow-blue.svg") no-repeat 0 top; background-size: contain;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.news-teaser-wrapper span.more:hover,.news-list-item:hover span.more{background-position-x: 10px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}

.top2 .news-teaser-wrapper{margin-top: 0;}
.top2 img{margin-bottom: 30px;}
.top2 .news-teaser-wrapper h2{color: #111111;font-size: 18px;line-height: 1.33;}
.regular{margin-bottom: 40px;}
.hero{margin-bottom: 30px;}
.regular .news-teaser-wrapper h2{font-size: 24px; line-height: 28px; font-weight: 600;}
.home-teaser{color: #FFFFFF; padding: 30px 0; margin: 20px 0 60px !important; clear: both;}
.article-content.sub .home-teaser{padding-left: 20%; padding-right: 20%;}
.home-teaser.no-margin-bottom{margin-bottom: 0 !important;}
.home-teaser img{max-width: 240px;max-height: 180px;width: auto; height: auto;}
#article .home-teaser img{max-width: 100%;}
.home-teaser.has-shadow img {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);}
.home-teaser h2{font-size: 35px; line-height: 1.09;}
.article-content.sub .home-teaser h2{font-size: 35px; line-height: 1.09;color: #ffffff;margin: 0 0 0.5rem;}
.home-teaser p{color: #FFFFFF; font-size: 18px;line-height: 1.56;}
.article-content.sub .home-teaser p{color: #FFFFFF; font-size: 18px;line-height: 1.56;margin-bottom: 1rem;}
.home-teaser a{color: #FFFFFF;}
.article-content.sub .home-teaser a{color: #FFFFFF;}
.home-teaser a.cta{ font-family: 'Source Sans 3'; font-weight: 700; font-size: 18px; line-height: 22px; padding-left: 35px; background: no-repeat left center;}
.home-teaser a.cta:hover{text-decoration: underline;}
.home-teaser.orange{background-color: #ee9304;}
.home-teaser.orange a.cta{ background-image: url("../img/teaser-arrow-orange.svg");}
.home-teaser.gruen{background-color: #51ae31;}
.home-teaser.gruen a.cta{ background-image: url("../img/teaser-arrow-gruen.svg");}
.home-teaser.magenta{background-color: #b80d78;}
.home-teaser.magenta a.cta{ background-image: url("../img/teaser-arrow-magenta.svg");}
.home-teaser.blau{background-color: #0095db;}
.home-teaser.blau a.cta{ background-image: url("../img/teaser-arrow-blau.svg");}
.home-teaser .slick-dots{display: none !important;}
.home-teaser .slick-dotted.slick-slider{margin: 0;}

/*.schwerpunkt-wrapper{border: 1px solid #9c9c9c; position: relative; padding: 73px; margin: 13px 20px 55px !important;}*/
/*.schwerpunkt-wrapper > .spitzmarke{text-transform: uppercase; font-size: 20px; letter-spacing: 0.9px; color: #1172d2; position: absolute; top: -18px; left: 0; right: 0; text-align: center;}*/
/*.schwerpunkt-wrapper > .spitzmarke span{display: inline-block; padding: 0 43px; background-color: #FFFFFF;}*/

/*.schwerpunkt-wrapper .news-teaser-wrapper{margin-top: 0;}*/
/*.schwerpunkt-wrapper .top .news-teaser-wrapper{padding-top: 25px;}*/
/*.schwerpunkt-wrapper .news-teaser-wrapper h2{color: #111111;font-size: 26px;line-height: 1.31; text-align: left;margin-top: 5px; margin-bottom: 8px;}*/
/*.schwerpunkt-wrapper .top .news-teaser-wrapper h2{font-size: 35px; line-height: 1.26;}*/
/*.schwerpunkt-wrapper .top2 hr{border-bottom-color: #9c9c9c; margin-top: 30px;margin-bottom: 15px;}*/
/*.schwerpunkt-wrapper .top2:last-child hr{border-bottom-color: transparent;}*/
/*.schwerpunkt-wrapper .external-link-wrapper{text-align: center;border-top: 1px solid #9c9c9c;margin-top: 40px;}*/
/*.schwerpunkt-wrapper .external-link-wrapper a{background: url("../img/arrow-blue.svg") no-repeat right 6px center; background-size: 14px; padding-right: 30px; color: #111111; font-size: 17px; margin: 0 30px;position: relative; top: 43px;}*/
/*.schwerpunkt-wrapper .external-link-wrapper a:hover{background-position-x: right;}*/

.schwerpunkte.list .teaser-wrapper{padding-bottom: 50px;}

.schwerpunkte .breadcrumb{display: none;}
.schwerpunkte .article-content {padding: 0;}
.schwerpunkte .article-content h1 {font-size: 45px; line-height: 1.1;padding-top: 45px;margin-bottom: 25px;margin-top: 20px;}
.schwerpunkte .article-content h1 span {font-size: 45px; line-height: 1;}
.schwerpunkte .article-content h1 span.spitzmarke {font-size: 25px; line-height: 1.5; color: #000000;margin: 0;display: block;text-transform: none;}
.schwerpunkte .article-content .teaser-text p{line-height: 34px;}

/*.schwerpunkte .article-content.sub{padding-top: 50px;}*/

.article-content.sub .schwerpunkt-teaser-el{margin-bottom: 60px;}
/*.article-content.sub .schwerpunkt-teaser-el h2{margin: 0 0 15px; font-size: 35px; line-height: 1.26;}*/
.article-content.sub .schwerpunkt-teaser-el h2 .spitzmarke{ font-size: 14px; color: #1172d2; letter-spacing: 0.9px;display: block;text-transform: uppercase;padding-bottom: 12px; font-family: 'Source Sans 3';}
.article-content.sub .schwerpunkt-teaser-el p{font-size: 18px; line-height: 28px;}
.article-content.sub .schwerpunkt-teaser-el .more{display: block; width: 48px; height: 21px; background: url("../img/arrow-blue.svg") no-repeat 0 top; background-size: contain;text-indent: -999px; overflow: hidden;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.article-content.sub .schwerpunkt-teaser-el .more:hover{background-position-x: 10px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}


.whitepaper{background-color: #f1f1f2; padding: 40px;margin: 30px auto 40px;}
.whitepaper img{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);}
.whitepaper h2{font-size: 18px; line-height: 1.56;}
.whitepaper p{font-size: 18px; line-height: 1.56; max-width: 70%;}
.whitepaper .button{font-size: 18px; line-height: 1; color: #FFFFFF; padding: 12px 20px; font-family: 'Source Sans 3'; font-weight: 700; background-color: #1172d2; display: inline-block;}

.twitter-feed.slick-slider{ max-width: 700px;}
nav#desktop.shrink{ background-color: #ffffff;}
nav#desktop a:hover { text-decoration: underline;}
header.certo.shrink .logo_certo { top: 10px;}

.newgrid{clear: both;}
.regular .news-teaser-wrapper{margin-top: 20px;}
.regular .news-teaser-wrapper .spitzmarke{padding-bottom: 10px;}
.regular .news-teaser-wrapper h2{margin-bottom: 13px;}

#article { margin-top: 180px;}
#article .breadcrumb { padding-left: 0; }
.news-single h1 .spitzmarke { color: #58595b; }
/*.publishing-date p { color: #58595b !important; }*/
/*#article .wpm span { color: #58595b; }*/
#article .breadcrumb li { color: #58595b; }
#article .breadcrumb li a { color: #58595b; }
.link-leichte-sprache h3 { max-width: none; font-style: normal; min-height: 48px;}
.link-leichte-sprache h3 a{ padding-top: 10px; display: inline-block;}
.row.more h2 { color: #58595b; font-family: 'Source Sans 3'; font-weight: 700; font-size: 25px;}
.news-related { border: none;}
.news-related-wrap { margin-bottom: 40px; margin-top: 30px;}
.article-content.sub { padding-bottom: 0;}
.article-content { padding-top: 0; }
.link-leichte-sprache { border-top: 1px solid #d8d8d8; margin-bottom: -45px; padding-top: 30px;}
.article-content.sub .link-leichte-sprache h3 {margin-top: 0; position: relative; top: -15px;}
.row.more .columns .inner { padding-top: 35px; padding-bottom: 35px; }
.schwerpunkte .article-content.campaign h1 .spitzmarke {text-transform: none;}
.article-content.sub ul.tags { border-top: 1px solid #d8d8d8;}
.news-single h1{font-size: 25px; line-height: 38px;margin-top: 50px;}
.news-single h1 span {font-size: 60px; line-height: 68px; display: inline-block;}
.news-single .article-content h1 span { display: block; }
.news-single h1 span.spitzmarke {font-size: 25px; line-height: 38px; margin-bottom: 5px;}
#article .breadcrumb li + li::before { background: url("../img/arrow_breadcrumb.svg") no-repeat center center; height: 7px;}

.load-more-button{text-align: left !important;}
.load-more-button .load-more{background-color: #1172d2; color: #FFFFFF; padding: 11px 60px 13px 20px; font-size: 18px; line-height: 1; position: relative; width: auto;}
.load-more-button .load-more::after{content:'+'; font-size: 40px; font-family: 'Source Sans 3'; position: absolute; right: 20px; top: -5px;}

nav#desktop li.act a { text-decoration: underline;}


.kampagne .newgrid{
    margin: 30px -20px 40px;
}

/*
 ###### RESPONSIVE STYLES REBRUSH #######
 */

@media screen and (max-width: 1023px) {
    body.home .menu-spacer { margin-top: 18px; }
    .column, .columns { padding-right: 10px; padding-left: 10px;}
    .row .row { margin-right: -10px; margin-left: -10px;}
    .news-teaser-wrapper { margin-top: 20px;margin-bottom: 10px;padding-left: 10px;}
    .news-teaser-wrapper h2 { font-size: 24px; line-height: 1.17;}
    .news-teaser-wrapper p { font-size: 16px; line-height: 1.5; margin-bottom: 20px;}
    .top2 img { margin-bottom: 10px;}
    .top2 .news-teaser-wrapper{ margin-bottom: 20px;}
    .top2 .news-teaser-wrapper h2 { margin-bottom: 20px;}
    .home-teaser { margin: 0 0 30px !important; padding: 30px 28px 20px;}
    .article-content.sub .home-teaser{padding-left: 10%; padding-right: 10%;}
    .home-teaser .col3{text-align: left !important;}
    .home-teaser h2 { font-size: 25px; line-height: 1.17;margin-bottom: 20px;}
    .home-teaser p {font-size: 16px; line-height: 1.5; margin-bottom: 20px; }
    .home-teaser img { max-width: 100%; margin-bottom: 14px;}
    .home-teaser a.cta { font-size: 16px; padding-left: 30px; background-size: 20px; }
    .home-teaser .cta:hover{text-decoration: underline;}
    /*.schwerpunkt-wrapper{padding: 35px 10px 25px; margin: 5px 10px 35px !important;}*/
    /*.schwerpunkt-wrapper > h2{display: none;}*/
    /*.schwerpunkt-wrapper > .spitzmarke span { padding: 0 10px; font-size: 14px; line-height: 1.14; letter-spacing: 0.35px;}*/
    /*.schwerpunkt-wrapper .top .news-teaser-wrapper { padding-top: 20px;}*/
    /*.schwerpunkt-wrapper .top .news-teaser-wrapper h2 { font-size: 24px; line-height: 1.17; margin: 10px 0 15px;}*/
    /*.schwerpunkt-wrapper .top .news-teaser-wrapper { margin-bottom: 30px; }*/
    /*.schwerpunkt-wrapper .external-link-wrapper { margin: -40px 10px 0; padding-top: 30px; }*/
    /*.schwerpunkt-wrapper .external-link-wrapper a { position: static; margin: 5px 15px; font-size: 16px; white-space: nowrap; display: inline-block; }*/




    #article { margin-top: 0;}
    .link-leichte-sprache { margin-bottom: -30px; }

    .news-single h1{font-size: 25px; line-height: 38px;margin-top: 24px;}
    .news-single h1 span{font-size: 2.125rem; line-height: 1.12; display: inline-block;}
    .news-single h1 span.spitzmarke {font-size: 16px; line-height: 22px; margin-bottom: 10px;}

    header.certo.mobile,
    nav#mobile .menu {
        margin-left: 10px;
        margin-right: 10px;
    }

    nav#mobile .drop-title {background: url("../img/menu_open.svg") no-repeat right center; }
    nav#mobile .is-dropdown-submenu-parent{padding-right: 10px;}
    nav#mobile .is-active .drop-title {background-image: url("../img/menu_close.svg"); }
    nav#mobile .drop-title i{display: none;}

    .kampagne .newgrid{
        margin: 30px 0 40px;
    }

    .schwerpunkte .article-content h1 {margin-top: 24px;padding-top: 0;margin-bottom: 15px;}
    .schwerpunkte .article-content h1 span { font-size: 2.125rem; line-height: 1.12;}
    .schwerpunkte .article-content h1 span.spitzmarke { font-size: 16px; line-height: 22px; margin-bottom: 10px;}
    .schwerpunkte .article-content .teaser-text p { font-size: 24px; line-height: 1.3333em; margin-bottom: 33px;}
    .whitepaper { padding: 20px 20px 0; }
    .whitepaper img {width: 50%;margin-bottom: 10px;}

    .news-single .article .news-img-wrap { margin-left: 6px; margin-right: 6px;margin-top: 10px;}
    .main-popup .cta{ margin-bottom: 5px; }

    .article-content.sub .text-w-image {margin-bottom: 30px;}
    .row .row.more, .row .news-related-wrap .row { margin-right: 0; margin-left: 0; }
    .row .row.more h2{font-size: 20px;}


}
@media screen and (max-width: 768px) {
    .article-content.sub .home-teaser{padding-left: 10px; padding-right: 10px;}
}
@media screen and (max-width: 400px) {
    #foot-desktop .middle { top: -242px;}
}

body.taglist h1{
    font-size: 45px;
    line-height: 1.11;
    color: #1172d2;
    padding: 0 15px;
    margin-top: 10px;
}
body.taglist ul.tags{
    padding: 10px 15px 120px;
}
body.taglist ul.tags li{
    font-size: 16px;
    line-height: 1;
    color: #3d3d3d;
    margin: 0 8px 10px 1px;
    padding: 11px 20px 9px;
    border: solid 1px #bfbfbf;
}
body.taglist ul.tags li.alphabet{
    display: block;
    font-size: 45px;
    line-height: 1.11;
    color: #000000;
    margin: 38px 0 12px;
    padding: 0;
    border: none;
}
nav#desktop .tag-menu-item.additional.all-tags a {
    border: none;
    padding-top: 10px;
    /*background: url("../img/tag_arrow.svg") no-repeat 20px center;*/
}
nav#desktop .tag-menu-item.additional.all-tags a:hover {background-position-x: 30px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}

form.hero{margin-bottom: 0px; background-color: #f5f5f5; padding: 50px;}
form.hero label{font-size: 1rem;}
form.hero b, form.hero strong{line-height: 2;}
form.hero .form-element{margin-bottom: 15px;}
form.hero input[type='radio']{margin-bottom: 8px;}
form.hero input[type='text']{max-width: 400px;}
form.hero input[type='submit']{border: none;background-color: #1172d2;color: #ffffff;padding: 12px 25px;margin-top: 20px;cursor: pointer;}
.image-modal{
    background-image: url("../img/ico-close-image-modal.svg");
    background-position: right 29px top 29px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.image-modal .reveal{
    padding: 20px;
    cursor: default;
}

#paginationContainer a.active{
    text-decoration: underline;
}