/*
Theme Name: Bauernwind Rügen
Version: 1.0
Template: kalium
Text Domain: kalium
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/* --- ALLGEMEIN --- */

body, p {
    font-family: "baga", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
}

h1 {
    font-family: "baga", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FCBB00 !important;
    color: #ffffff !important;
    color: #004A65 !important;
    text-shadow: 1px 1px 0px #ffffff;
}

h1 span {
    font-family: "baga", sans-serif;
    font-weight: 400 !important;
    font-size: 70px !important;
}

h1.sr7-layer {
    font-family: "baga", sans-serif;
    font-weight: 400;
    font-size: 40px !important;
    line-height: 60px !important;
}

h1.sr7-layer span {
    font-family: "baga", sans-serif;
    font-weight: 400;
    font-size: 70px !important;
    line-height: 60px !important;
}

h2 {
    font-family: 'baga' !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
    color: #ffffff;
}

h3 {
    font-family: 'baga' !important;
    font-weight: 400 !important;
    color: #FFBA00;
    margin-bottom: 20px;
}

h4 {
    font-family: 'baga' !important;
    font-weight: 400 !important;
    color: #FFBA00;
    margin-bottom: 10px;
}

h5 {
    font-family: 'baga' !important;
    font-weight: 400 !important;
    color: #FFBA00;
    margin-bottom: 0px;
}

p {
    margin-bottom: 20px;
}

strong {
    font-family: 'baga' !important;
    font-weight: 700 !important;
}

a {
    color: #FCBB00;
}

a:hover, .wrapper a:hover {
    color: #FCBB00;
    text-decoration: none;
}

a::after {
    display: none !important;
}

.post-formatting a {
    color: #FCBB00;
    text-decoration: underline;
}

.post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
    font-size: 18px;
    line-height: 24px;
    padding: 0px;
}

.cky-btn {
    border-color: #004A65 !important;
    background-color: #004A65 !important;
}

.cky-btn-reject {
    color: #004A65 !important;
    background: transparent !important;
}

.cky-btn-customize {
    color: #004A65 !important;
    background: transparent !important;
}

.cky-btn-preferences {
    color: #004A65 !important;
    background: transparent !important;
}

.cky-preference-content-wrapper .cky-show-desc-btn {
    color: #004A65 !important;
}

.cky-switch input[type="checkbox"]::before {
    opacity: 1 !important;
    inset: 2px !important;
    background-color: white !important;
}

.cky-switch input[type="checkbox"]:checked {
    background-color: #004A65 !important;
}

.cky-revisit-bottom-left {
    background-color: #004A65 !important;
}


/* --- KOPFBEREICH --- */

.header-block__items-row .header-block__item {
    align-items: end;
}

.standard-menu-container ul.menu > li a {
    font-family: 'baga' !important;
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    color: #004A65 !important;
    text-transform: uppercase;
    transform: translate(0px,0px);
    transition: all 0.25s;
}

.site-header--sticky-active .standard-menu-container ul.menu > li a {
    font-size: 18px !important;
    line-height: 18px !important;
}

.standard-menu-container ul.menu > li a:hover {
    color: #FCBB00 !important;
    transform: translate(0px,-3px);
    transition: all 0.25s;
}

.standard-menu-container ul.menu > li a::after {
    display: none;
}

.standard-menu-container ul.menu > li.current-menu-item a {
    color: #FCBB00 !important;
    transition: all 0.25s;
}


/* --- HAUPTINHALTE --- */

#einleitung {
    padding-top: 40px;
    padding-bottom: 60px;
    background: #004A65;
}

#einleitung .wpb_content_element {
    margin-bottom: 0px;
}

#einleitung .links {
}

#einleitung .rechts {
    padding-right: 8%;
    padding-top: 14px;
}

#galerie {
    padding-top: 40px;
    padding-bottom: 60px;
    background: linear-gradient(46deg, #69ABDB 17%, #69ABDB 100%);
}

#galerie .wpb_content_element {
    margin-bottom: 0px;
}

#galerie div#n2-ss-2 .n2-ss-slide {
    opacity: 0;
    transition: opacity 0.25s;
}

#galerie div#n2-ss-2 .n2-ss-slide-active {
    opacity: 1;
    transition: opacity 0.25s;
}

#wer-steckt-dahinter {
    padding-top: 60px;
    padding-bottom: 60px;
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/hg-wer-steckt-dahinter-min.jpg) center center;
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/hg-wer-steckt-dahinter-NEU1-ret-min.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background: #FCBB00;*/
}

#wer-steckt-dahinter h2, #wer-steckt-dahinter p {
    color: #004A65;
}

#wer-steckt-dahinter .schmal {
    padding-left: 20%;
    padding-right: 20%;
}

#beteiligung {
    padding-top: 40px;
    padding-bottom: 60px;
    background: linear-gradient(200deg, #69ABDB 17%, #9DDE8B 94%);
    background: linear-gradient(90deg, #2B6793 2.39%, #9CB2C6 52.6%, #CDC1B6 97.18%);
    background: linear-gradient(90deg, #2B6793 2.39%, #9CB2C6 52.6%, #CDC1B6 97.18%);
}

#beteiligung .wpb_content_element {
    margin-bottom: 0px;
}

#beteiligung h2 {
    color: #ffffff;
}

#beteiligung .links .vc_column-inner .wpb_text_column {
    float: right;
    max-width: 360px;
}

#beteiligung .n2-ss-slide-inner {
    padding: 120px 160px 40px 30px;
}

#beteiligung .textblock p, #beteiligung i {
    font-size: 16px !important;
    line-height: 21px !important;
}

#beteiligung #n2-ss-5 .n2-ss-slide-active {
    z-index: 10 !important;
}

#beteiligung #n2-ss-5 .n2-ss-slide {
    border-radius: 16px;
    z-index: 100 !important;
}

/*#beteiligung .n2-ss-slide-22 {
    opacity: 0.2;
    transition: opacity 0.25s;
}

#beteiligung .n2-ss-slide-22.n2-ss-slide-active {
    opacity: 1;
    transition: opacity 0.25s;
}

#beteiligung .n2-ss-slide-33 {
    opacity: 1;
    transition: opacity 0.25s;
}*/

#zeitplan {
    padding-top: 40px;
    padding-bottom: 60px;
}

#zeitplan .wpb_content_element {
    margin-bottom: 0px;
}

#zeitplan h2 {
    color: #000000;
    padding-bottom: 35px;
}

#zeitplan h4 {
    color: #000000;
    margin-bottom: 0px;
}

#zeitplan p {
    color: #000000;
}

#zeitplan .datum {
    text-align: center;
}

#zeitplan .mit-icon .datum {
    padding-top: 100px;
}

#zeitplan .datum p {
    display: inline-block;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 36px !important;
    color: #ffffff !important;
    padding: 0px 10px 0px 10px;
    background: #004A65;
    border-radius: 8px;
}

#zeitplan .links {
    padding-left: 10%;
    text-align: right;
}

#zeitplan .links img {
    max-width: 100px !important;
    height: auto !important;
}

#zeitplan .rechts {
    padding-right: 10%;
}

#zeitplan .rechts img {
    max-width: 100px !important;
    height: auto !important;
}

#zeitplan .textblock {
    padding-top: 4px;
    padding-bottom: 35px;
}

#zeitplan .linie-ab-mitte {
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/linie.png) center top 30px;
    background-repeat: no-repeat;
    background-size: 3px 400px;
}

#zeitplan .linie-voll {
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/linie.png) center top;
    background-repeat: no-repeat;
    background-size: 3px 400px;
}

#zeitplan .linie-ende {
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/linie-ende.png) center bottom;
    background-repeat: no-repeat;
    background-size: 3px 400px;
}

#zeitplan .pfeil-nach-rechts .wpb_wrapper {
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/pfeil-nach-rechts.png) right top 10px;
    background-repeat: no-repeat;
    background-size: 60px 15px;
}

#zeitplan .pfeil-nach-links .wpb_wrapper {
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/pfeil-nach-links.png) left top 10px;
    background-repeat: no-repeat;
    background-size: 60px 15px;
}

#antworten {
    padding-top: 40px;
    padding-bottom: 60px;
    background: linear-gradient(310deg, #9DDE8B 17%, #338460 94%);
    background: linear-gradient(90deg, #2B688F 0%, #558464 50.96%, #ECC100 100%);
    background: linear-gradient(90deg, #004A65 0%, #507E4D 50.96%, #FCBB00 100%);
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/meeresverlauf-min.png) center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#antworten .wpb_content_element {
    margin-bottom: 0px;
}

#antworten h2 {
    color: #ffffff;
}

#antworten p {
    font-family: "baga", sans-serif !important;
}

#antworten p b {
    font-weight: 600 !important;
}

#antworten .links .vc_column-inner .wpb_text_column {
    float: right;
    max-width: 360px;
}

#antworten .n2-ss-slide-inner {
    padding: 10px 100px 10px 20px;
}

#antworten .textblock p, #beteiligung i {
    font-size: 16px !important;
    line-height: 21px !important;
}

#antworten #n2-ss-6 .n2-ss-slide-active {
    z-index: 10 !important;
}

#antworten #n2-ss-6 .n2-ss-slide {
    border-radius: 16px;
    z-index: 100 !important;
}

/*#antworten .n2-ss-slide-35 {
    opacity: 0.2;
    transition: opacity 0.25s;
}

#antworten .n2-ss-slide-35.n2-ss-slide-active {
    opacity: 1;
    transition: opacity 0.25s;
}*/

#kontakt-aktuelles {
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/hg-aktuelles.png) center top;
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/hg-aktuelles-NEU.png) center top;
    background-repeat: repeat-y;
    background-size: 100%;
}

#kontakt-aktuelles .links .vc_column-inner {
    padding: 80px 100px 80px 60px;
}

#kontakt-aktuelles .rechts .vc_column-inner {
    padding: 80px 60px 80px 100px;
}

/*#kontakt-aktuelles h2, #kontakt-aktuelles p, #kontakt-aktuelles li {
    color: #ffffff;
}*/

#kontakt-aktuelles h2, #kontakt-aktuelles p, #kontakt-aktuelles li {
    color: #004A65;
}

#kontakt-aktuelles .links a {
    color: #ffffff;
    color: #004A65;
    text-decoration: underline;
}

#kontakt-aktuelles .links a:hover {
    color: #ffffff;
    color: #004A65;
    text-decoration: none;
}

#kontakt-aktuelles .rechts a {
    color: #000000;
    text-decoration: underline;
}

#kontakt-aktuelles .rechts a:hover {
    color: #000000;
    text-decoration: none;
}

#kontakt-aktuelles .rechts h2, #kontakt-aktuelles .rechts p, #kontakt-aktuelles .rechts li {
    color: #000000;
}

#kontakt-aktuelles ul {
    list-style: none;
    padding-left: 0px;
}

#kontakt-aktuelles li {
    padding-left: 30px;
    padding-bottom: 20px;
    background: transparent url(../../../wp-content/themes/bauernwind-ruegen/bilder/li-hg-pfeil.png) left top 4px;
    background-repeat: no-repeat;
    background-size: 20px 16px;
}

#datenschutz-impressum {
    padding-top: 60px;
    padding-bottom: 80px;
}

#datenschutz-impressum .vc_column-inner {
    padding-left: 21%;
    padding-right: 21%;
}

#datenschutz-impressum h2 {
    color: #000000;
}

#datenschutz-impressum h3 {
    color: #000000;
}

#datenschutz-impressum h4 {
    color: #000000;
    margin-top: 20px;
    margin-bottom: 30px;
}

#datenschutz-impressum h5 {
    color: #000000;
}

#datenschutz-impressum p {
    color: #000000;
}

#datenschutz-impressum li {
    color: #000000;
}

#datenschutz-impressum label {
    display: inline;
    color: #000000;
}

#datenschutz-impressum table {
    margin-top: 20px;
    margin-bottom: 30px;
}

#datenschutz-impressum td {
    color: #000000;
}


/* --- FOOTER --- */

.site-footer {
    background: #ffffff;
}

.site-footer .footer-widgets {
    margin-top: 40px;
    margin-bottom: 40px;
}

.site-footer .footer-widgets .widget {
    margin-bottom: 0px;
}

.site-footer hr {
    display: none;
}

.site-footer .widget li {
    display: inline-block;
    padding: 0px;
    margin-left: 40px;
    margin-right: 40px;
}

.site-footer .widget li a {
    font-family: 'baga' !important;
    font-size: 20px !important;
    line-height: 40px !important;
    font-weight: 400 !important;
    color: #004A65 !important;
    transition: color 0.25s;
    text-transform: uppercase;
}

.site-footer .widget li a:hover {
    color: #FCBB00 !important;
    transition: color 0.25s;
}

.site-footer .widget li a::after {
    display: none;
}

.site-footer .widget li.current-menu-item a {
    color: #FCBB00 !important;
    transition: color 0.25s;
}

.go-to-top {
    margin: 30px 30px 35px 30px;
    background-color: #004A65;
}

.go-to-top.visible:hover {
    background-color: #FCBB00;
}


/* --- RETINA ----------------------------------------------------------------------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
   /* Retina-specific stuff here */

}



/* --- RESPONSIVE ------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 2501px) {

    #beteiligung .nextend-arrow-next {
        --widget-offset: 100px;
    }

}

@media only screen and (min-width: 2201px) and (max-width: 2500px) {

    #beteiligung .nextend-arrow-next {
        --widget-offset: 100px;
    }

}

@media only screen and (min-width: 1601px) and (max-width: 2200px) {

    #beteiligung .nextend-arrow-next {
        --widget-offset: 100px;
    }

}

@media only screen and (min-width: 1401px) and (max-width: 1400px) {

    #beteiligung .nextend-arrow-next {
        --widget-offset: 100px;
    }

}

@media only screen and (min-width: 1261px) and (max-width: 1400px) {

    #beteiligung .nextend-arrow-next {
        --widget-offset: 100px;
    }

}



/* ==============================================================================================================================
/*
/* 	#Desktop Notebook	<= 1260
/* 
/* =========================================================================================================================== */

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

    h1 span {
        font-size: 60px !important;
    }
    
    h1.sr7-layer {
        font-size: 32px !important;
        line-height: 50px !important;
    }
    
    h1.sr7-layer span {
        font-size: 60px !important;
        line-height: 50px !important;
    }

    .post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
        font-size: 16px;
        line-height: 21px;
    }

    .standard-menu-container ul.menu > li a {
        font-size: 18px !important;
        line-height: 18px !important;
    }
    
    .site-header--sticky-active .standard-menu-container ul.menu > li a {
        font-size: 16px !important;
        line-height: 16px !important;
    }

    #beteiligung .textblock p, #beteiligung i {
        font-size: 16px !important;
        line-height: 21px !important;
    }
    
    #zeitplan .mit-icon .datum {
        padding-top: 80px;
    }

    #zeitplan .datum p {
        font-size: 18px !important;
        line-height: 34px !important;
        padding: 0px 8px 0px 8px;
        border-radius: 6px;
    }
    
    #zeitplan .links img {
        max-width: 80px !important;
    }
    
    #zeitplan .rechts img {
        max-width: 80px !important;
    }

    #antworten .textblock p {
        font-size: 16px !important;
        line-height: 21px !important;
    }

    .site-footer .widget li a {
        font-size: 18px !important;
        line-height: 32px !important;
    }

}


/* ==============================================================================================================================
/*
/* 	#Browserfenster kleiner	<= 1200
/* 
/* =========================================================================================================================== */

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

    #einleitung .links {
        float: none !important;
        width: 100% !important;
        margin-bottom: 0px !important;
    }

    #einleitung .links h2 {
        text-align: left !important;
    }

    #einleitung .rechts {
        float: none !important;
        width: 100% !important;
    	padding-right: 0px;
    	padding-top: 0px;
    }
    
    #wer-steckt-dahinter .schmal {
    	padding-left: 0px;
    	padding-right: 0px;
    }
    
}


/* ==============================================================================================================================
/*
/* 	#Tablet (Portrait) & Mobile	<= 1000			OR Smartphone (Landscape)
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 1000px), only screen and (max-device-width: 844px) and (orientation: landscape) {

    h1 span {
        font-size: 50px !important;
    }
    
    h1.sr7-layer {
        font-size: 28px !important;
        line-height: 40px !important;
    }
    
    h1.sr7-layer span {
        font-size: 50px !important;
        line-height: 40px !important;
    }

    h2 {
        font-size: 28px !important;
        line-height: 36px !important;
    }
    
    h3 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    
    h4 {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    
    h5 {
        font-size: 16px !important;
        line-height: 21px !important;
    }
    
    .standard-menu-container.menu-skin-main .menu>ul>li>a:after, .standard-menu-container.menu-skin-main ul.menu>li>a:after, .toggle-bars.menu-skin-main .toggle-bars__bar-line {
        background-color: #FCBB00;
    }
    
    .mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a:hover, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current-menu-ancestor>a, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current-menu-item>a, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current_page_ancestor>a, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current_page_item>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-ancestor>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_ancestor>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_item>a {
        color: #FCBB00;
    }
    
    .mobile-menu-wrapper .mobile-menu-container div.menu>ul>li>a, .mobile-menu-wrapper .mobile-menu-container ul.menu>li>a {
        font-size: 18px;
        padding: 6px 30px;
    }
    
    #einleitung .rechts {
        padding-top: 10px;
    }
    
    #galerie .nextend-arrow-previous {
        --widget-offset: 30px !important;
    }

    #galerie .nextend-arrow-next {
        --widget-offset: 30px !important;
    }
    
    #beteiligung .links .vc_column-inner .wpb_text_column {
        padding-left: 40px;
    }

    #antworten .links .vc_column-inner .wpb_text_column {
        padding-left: 40px;
    }
    
    #kontakt-aktuelles .links .vc_column-inner {
        padding: 60px 80px 60px 40px;
    }

    #kontakt-aktuelles .rechts .vc_column-inner {
        padding: 60px 40px 60px 80px;
    }

}


/* ==============================================================================================================================
/*
/* 	#Mobile (Landscape)	<= 740																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

@media only screen and (max-device-width: 740px) and (orientation: landscape) {

    #zeitplan .mit-icon .datum {
        padding-top: 0px;
    }

    #zeitplan .datum p {
        font-size: 18px !important;
        line-height: 32px !important;
        padding: 0px 10px 0px 10px;
        border-radius: 6px;
    }
    
    #zeitplan .links {
        text-align: center !important;
        padding-left: 0px;
    }
    
    #zeitplan .wpb_single_image {
        margin-top: 10px;
    }
    
    #zeitplan .wpb_single_image.vc_align_left {
        text-align: center !important;
    }
    
    #zeitplan .wpb_single_image.vc_align_right {
        text-align: center !important;
    }
    
    #zeitplan .links img {
        max-width: 60px !important;
        height: auto !important;
    }
    
    #zeitplan .rechts {
        text-align: center !important;
        padding-right: 0px;
    }
    
    #zeitplan .rechts img {
        max-width: 60px !important;
        height: auto !important;
    }
    
    #zeitplan .linie-ab-mitte {
        background: transparent;
    }
    
    #zeitplan .linie-voll {
        background: transparent;
    }
    
    #zeitplan .linie-ende {
        background: transparent;
    }
    
    #zeitplan .pfeil-nach-rechts .wpb_wrapper {
        background: transparent;
    }
    
    #zeitplan .pfeil-nach-links .wpb_wrapper {
        background: transparent;
    }
    
    #zeitplan .vc_row.vc_row-flex.mobil-umgekehrt {
        flex-wrap: wrap-reverse;
    }

    #kontakt-aktuelles {
        background: transparent;
    }

    #kontakt-aktuelles .links {
        background: #004A65;
    }

    #kontakt-aktuelles .rechts {
        background: #9dde8b;
    }

    #kontakt-aktuelles .links .vc_column-inner {
        padding: 30px 40px 0px 40px;
    }

    #kontakt-aktuelles .rechts .vc_column-inner {
        padding: 30px 40px 0px 40px;
    }
    
}


/* ==============================================================================================================================
/*
/* 	#Mobile (Portrait)	<= 540																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

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

    h1 span {
        font-size: 40px !important;
    }
    
    h1.sr7-layer {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    
    h1.sr7-layer span {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    
    h3 {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    
    h4 {
        font-size: 16px !important;
        line-height: 21px !important;
    }
    
    h5 {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    
    #einleitung {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    
    #einleitung h2 {
        text-align: left !important;
    }

    #einleitung .rechts {
        padding-right: 0px;
        padding-top: 10px;
    }

    #galerie .overlay-text p {
        font-size: 14px !important;
        line-height: 16px !important;
        padding: 10px 20px 10px 20px !important;
    }
    
    #galerie div#n2-ss-2 .n-uc-mHa7XOE9nVxQ-inner {
        padding: 10px !important;
    }

    #galerie .mobile-text p {
        font-size: 13px !important;
        line-height: 15px !important;
        padding: 0px 0px 10px 0px !important;
    }
    
    #galerie .nextend-arrow-previous {
        --widget-offset: 10px !important;
    }

    #galerie .nextend-arrow-next {
        --widget-offset: 10px !important;
    }
    
    #galerie .n2-ss-control-bullet {
        --widget-offset: -30px !important;
    }
    
    #wer-steckt-dahinter h2 {
        margin-bottom: 0px !important;
    }
    
    #wer-steckt-dahinter .links img {
        width: 100%;
        height: auto;
        max-width: inherit;
        max-height: inherit;
    }
    
    #wer-steckt-dahinter .rechts img {
        width: 100%;
        height: auto;
        max-width: inherit;
        max-height: inherit;
    }

    #beteiligung h2 {
        text-align: center !important;
    }

    #beteiligung .links .vc_column-inner .wpb_text_column {
        float: none;
        max-width: 100%;
        padding-left: 0px;
    }
    
    #beteiligung .n2-ss-slide-inner {
        padding: 80px 180px 30px 20px !important;
    }
    
    #beteiligung .n2-ss-slider-controls-below {
        align-items: flex-start;
        margin-left: 25%;
    }
    
    #beteiligung div#n2-ss-5 .nextend-arrow img {
        width: 30px;
    }
    
    #zeitplan .mit-icon .datum {
        padding-top: 0px;
    }
    
    #zeitplan .datum p {
        font-size: 18px !important;
        line-height: 32px !important;
        padding: 0px 10px 0px 10px;
        border-radius: 6px;
    }
    
    #zeitplan .links {
        text-align: center !important;
        padding-left: 0px;
    }
    
    #zeitplan .wpb_single_image {
        margin-top: 10px;
    }
    
    #zeitplan .wpb_single_image.vc_align_left {
        text-align: center !important;
    }
    
    #zeitplan .wpb_single_image.vc_align_right {
        text-align: center !important;
    }
    
    #zeitplan .links img {
        max-width: 60px !important;
        height: auto !important;
    }
    
    #zeitplan .rechts {
        text-align: center !important;
        padding-right: 0px;
    }
    
    #zeitplan .rechts img {
        max-width: 60px !important;
        height: auto !important;
    }
    
    #zeitplan .linie-ab-mitte {
        background: transparent;
    }
    
    #zeitplan .linie-voll {
        background: transparent;
    }
    
    #zeitplan .linie-ende {
        background: transparent;
    }
    
    #zeitplan .pfeil-nach-rechts .wpb_wrapper {
        background: transparent;
    }
    
    #zeitplan .pfeil-nach-links .wpb_wrapper {
        background: transparent;
    }
    
    #zeitplan .vc_row.vc_row-flex.mobil-umgekehrt {
        flex-wrap: wrap-reverse;
    }

    #antworten h2 {
        text-align: center !important;
    }

    #antworten .links .vc_column-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #antworten .links .vc_column-inner .wpb_text_column {
        float: none;
        max-width: 100%;
        padding-left: 0px;
    }
    
    #antworten .n2-ss-slide-inner {
        padding: 20px 180px 20px 20px !important;
        padding: 20px 220px 20px 20px !important;
    }
    
    #antworten .n2-ss-slider-controls-below {
        align-items: flex-start;
        margin-left: 25%;
    }
    
    #antworten div#n2-ss-6 .nextend-arrow img {
        width: 30px;
    }
    
    #kontakt-aktuelles {
        background: transparent;
    }

    #kontakt-aktuelles .links {
        background: #F0EEF1;
    }

    #kontakt-aktuelles .rechts {
        background: #69ABDB;
    }

    #kontakt-aktuelles .links .vc_column-inner {
        padding: 30px 30px 0px 30px;
    }

    #kontakt-aktuelles .rechts .vc_column-inner {
        padding: 30px 30px 0px 30px;
    }
    
    #datenschutz-impressum {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    
    #datenschutz-impressum .vc_column-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #datenschutz-impressum .post-formatting a {
        word-break: break-word;
    }

    .site-footer.footer-bottom-vertical {
        text-align: left;
    }
    
    .site-footer .footer-widgets .widget {
    	margin-bottom: 0px;
    	text-align: center;
    }

    .site-footer .footer-widgets .widget ul {
    	text-align: center;
    }
    
    .site-footer .widget li {
        margin-left: 5px;
        margin-right: 5px;
    }

    .site-footer .widget li a {
        font-size: 16px !important;
        line-height: 24px !important;
    }

}


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

    #beteiligung .n2-ss-slide-inner {
        padding: 20px 230px 20px 20px !important;
    }
    
    #beteiligung .textblock p, #beteiligung i {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    
    #beteiligung .n2-ss-slider-controls-below {
        margin-left: 22%;
    }
    
    #antworten .n2-ss-slide-inner {
        padding: 20px 230px 20px 20px !important;
    }
    
    #antworten .textblock p {
        font-size: 15px !important;
        line-height: 18px !important;
    }

    #antworten .n2-ss-slider-controls-below {
        margin-left: 22%;
    }
    
}


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

    h1 span {
        font-size: 30px !important;
    }
    
    h1.sr7-layer {
        font-size: 24px !important;
        line-height: 26px !important;
    }
    
    h1.sr7-layer span {
        font-size: 30px !important;
        line-height: 26px !important;
    }

    h2 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    
    h3 {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    
    h4 {
        font-size: 16px !important;
        line-height: 21px !important;
    }
    
    h5 {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    
    #beteiligung .n2-ss-slide-inner {
        padding: 60px 280px 20px 20px !important;
    }
    
    #beteiligung .textblock p, #beteiligung i {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    
    #beteiligung .n2-ss-slider-controls-below {
        margin-left: 19%;
    }
    
    #zeitplan .datum p {
        font-size: 16px !important;
        line-height: 32px !important;
    }
    
    #antworten .n2-ss-slide-inner {
        padding: 10px 280px 10px 10px !important;
    }
    
    #antworten .textblock p {
        font-size: 15px !important;
        line-height: 18px !important;
    }

    #antworten .n2-ss-slider-controls-below {
        margin-left: 19%;
    }
    
}