body {
    font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-x:hidden;
}

.container-fluid {
    padding-left:0;
    padding-right:0;
}

@media (max-width:767px) {
    .row {
        margin-left:0;
        margin-right:0;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
    .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
    .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
    .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
    .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
    .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
    .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
    .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
    .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
    .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
    .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left:0;
        padding-right:0;
    }
}

/**
 * WordPress Generated Classes
 * http://codex.wordpress.org/CSS#WordPress_Generated_Classes
 */

/* Alignment */
.alignnone {
    margin-left:0;
    margin-right:0;
    max-width:100%;
    height:auto;
}

.aligncenter {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

@media (max-width:767px) {
    .alignleft {
        display:inline;
        float:left;
        margin-right:1.5em;
    }

    .alignright {
        display:inline;
        float:right;
        margin-left:1.5em;
    }
}

/* Captions */
.wp-caption {
    margin-bottom:1.5em;
    max-width:100%;
}

.wp-caption img[class*="wp-image-"] {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.wp-caption .wp-caption-text {
    margin:0.8075em 0;
}

.wp-caption-text {
    text-align:center;
}

/* Gallery */
.gallery {
    margin-bottom:1.5em;
}

.gallery-item {
    display:inline-block;
    text-align:center;
    vertical-align:top;
    width:100%;
}

.gallery-columns-2 .gallery-item {
    max-width:50%;
}

.gallery-columns-3 .gallery-item {
    max-width:33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width:25%;
}

.gallery-columns-5 .gallery-item {
    max-width:20%;
}

.gallery-columns-6 .gallery-item {
    max-width:16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width:14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width:12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width:11.11%;
}

.gallery-caption {
    display:block;
}

/* Text meant only for screen readers (from bootstrap sr-only) */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

#main a {
    text-decoration: none;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
}

a, a:hover, a:active, a:focus {
    text-decoration: none;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
    /* text-transform: uppercase; */
}

.only-smartphone {
    display: none;
}


/* -------------------- Paddings/Margins auf 0 setzen -------------------- */
.container {
    margin: 0 auto;
}

.home .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container-fluid {
    margin: 0 auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* -------------------- NAVBAR -------------------- */
.navbar-default {
    border: none !important;
    background: none !important;
}

.navbar {
    border-radius: 0 !important;
}

.navbar {
    min-height: 10px !important;
    border: none !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none !important;
}

.navbar-collapse {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-top: none !important;
    box-shadow: none !important;
}

.nav > li > a {
    padding: 0 !important;
}

.navbar-brand {
    display: none;
}


/* --------------- HEADER --------------- */

#header {
    width: 100%;
    position: relative;
}

.headbar {
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 600;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
}

.home .headbar {
    position: absolute;
    background: transparent;
}

.sticky.headbar {
    position: fixed;
    background: #fff;
}

.header-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo a {
    display: block;
    text-indent: -9999px;
    outline: none;
    background: url('logo-stickyheader.png') 0 0 no-repeat;
}

.home .logo a {
    background: url('startseite-logo-head.png') 0 0 no-repeat;
}

.sticky.headbar .logo a {
    background: url('logo-stickyheader.png') 0 0 no-repeat;
}

.navigationen {
    margin: 0;
}

.navi-inner {
    align-items: center;
}

.navigationen ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headernav ul li a {
    display: inline-block;
    color: #004e89;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transform: perspective(1px) translateZ(0);
    -webkit-transform: perspective(1px) translateZ(0);
    background: transparent;
    text-decoration: none;
}

.home .headernav ul li a {
    color: #fff;
}

.sticky.headbar .headernav ul li a {
    color: #004e89;
}

.headernav ul li a::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    right: 100%;
    height: 2px;
    background: #004e89;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.home .headernav ul li a::before {
    background: #fff;
}

.sticky.headbar .headernav ul li a::before {
    background: #004e89;
}

.headernav ul li a::after {
    content: "";
    position: absolute;
    z-index: -1;
}

.headernav ul li:hover > a:before, .headernav ul li a:focus:before, .headernav ul li a:active:before, .headernav ul .current-menu-item > a::before {
    right: 0;
}

.headernav ul #menu-item-196.not-current-menu-item a::before {
    opacity: 0;
    right: 100%;
}

.hp-foerdermitglieder.current-menu-item a::before {
    opacity: 0;
    right: 100% !important;
    transition: right .8s;
    -webkit-transition: right .8s;
    -moz-transition: right .8s;
}

.hp-foerdermitglieder.current-menu-item a:hover::before {
    opacity: 1;
    right: 0 !important;
}

.headernav ul #menu-item-196.not-current-menu-item:hover a::before {
    opacity: 1;
    right: 0;
}

.servicenav ul li a {
    text-indent: -9999px;
    outline: none;
    display: block;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
}

.servicenav .service-xing a {
    background: url('../img/menu-dark-xing.png') center center no-repeat;
}

.servicenav .service-linkedin a {
    background: url('../img/linkedin-logo-dunkel.png') center center no-repeat;
}

.servicenav .service-fb a {
    background: url('../img/menu-dark-facebook.png') center center no-repeat;
}

.servicenav .service-suche a {
    background: url('../img/menu-dark-suche.png') center center no-repeat;
}

.home .servicenav .service-xing a {
    background: url('../img/menu-light-xing.png') center center no-repeat;
}

.home .servicenav .service-linkedin a {
    background: url('../img/linkedin-logo.png') center center no-repeat;
}

.home .servicenav .service-fb a {
    background: url('../img/menu-light-facebook.png') center center no-repeat;
}

.home .servicenav .service-suche a {
    background: url('../img/menu-light-suche.png') center center no-repeat;
}

.sticky.headbar .service-xing a {
    background: url('../img/menu-dark-xing.png') center center no-repeat;
}

.sticky.headbar .service-linkedin a {
    background: url('../img/linkedin-logo-dunkel.png') center center no-repeat;
}

.sticky.headbar .service-fb a {
    background: url('../img/menu-dark-facebook.png') center center no-repeat;
}

.sticky.headbar .service-suche a {
    background: url('../img/menu-dark-suche.png') center center no-repeat;
}

.slider {
    width: 100%;
    position: relative;
}

.headerbild {
    width: 100%;
    position: relative;
}

.headerbild img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 200;
}

.to-content {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    z-index: 500;
    display: flex;
    justify-content: center;
}

.to-content a {
    display: block;
    text-indent: -9999px;
    outline: none;
    background: url('../img/unterseite-scroll-down-arrow.png') center center no-repeat;
    width: 36px;
    height: 36px;
}



/* ------------- STARTSEITE ------------- */

#home-main, .contentbereich1, .contentbereich2 {
    width: 100%;
}

.contentbereich1 {
    display: flex;
    justify-content: space-between;
}

.content1-h1 h1 {
    color: #004e89;
    margin: 0;
}

.contentbereich2-inner {
    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(253,253,253) 26%, rgb(250,250,250) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(253,253,253) 26%, rgb(250,250,250) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(253,253,253) 26%, rgb(250,250,250) 100%);
    width: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contentbereich2-inner > div > a {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    font-family: 'Lato', sans-serif;
}

.contentbereich2-inner > div > a h2 {
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
}

.contentbereich2-inner .teaser {
    width: 100%;
}

.content2-box1 a {
    background: #0061aa;
}

.content2-box1 a:hover {
    background: #1a71b3;
}

.content2-box2 a {
    background: url('../img/startseite-veranstaltung.jpg') 0 0 no-repeat;
}

.content2-box3 a {
    background: url('../img/startseite-mitglieder.jpg') 0 0 no-repeat;
}

.content2-box4 a {
    background: #e74c3c;
}

.content2-box4 a:hover {
    background: #e95e50;
}

.content2-box1 > a h2, .content2-box4 a h2 {
    color: #fff;
}

.content2-box2 > a h2, .content2-box3 a h2 {
    color: #252525;
}

.content2-box1 .teaser, .content2-box4 .teaser {
    color: rgba(255,255,255,0.5);
}

.content2-box2 .teaser, .content2-box3 .teaser {
    color: rgba(0,0,0,0.5);
}

#contentbereich3 {
    width: 100%;
}

#contentbereich3 h2 {
    width: 100%;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    color: #004e89;
    text-transform: uppercase;
    text-align: center;
}

.veranstaltungen-text {
    width: 100%;
    text-align: center;
}

.veranstaltungen-infos {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.veranstaltungen-infos > div {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.veranstaltungen-infos > div > span {
    width: 100%;
    text-align: center;
}






/* ----------- FOOTER ------------- */

#foerdermitglieder {
    width: 100%;
    background: url('../img/footer-skyline-silhouette.jpg') center bottom no-repeat;
}

#foerdermitglieder h2 {
    width: 100%;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    color: #004e89;
    text-transform: uppercase;
    text-align: center;
}

.foerdermitglieder-text {
    width: 100%;
    text-align: center;
}

.foerdermitglieder-logos {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.foerdermitglieder-logos li {
    display: flex;
    justify-content: center;
    align-items: center;
}

#footer {
    width: 100%;
}

.footer-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer-tabs {
    background: #fff;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.footer-tabs-tabs {
    float: left;
    border-right: 2px solid #ddd;
    background-color: #fff;
    height: 100%;
}

.footer-tabs-tabs button {
    display: block;
    text-indent: -9999px;
    outline: none;
    cursor: pointer;
    border-right: 2px solid #ddd;
    border-left: none;
    border-top: none;
    border-bottom: none;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s;
}

.tablinks-info {
    background: url('../img/footer-tab-icon-info.png') center 34px no-repeat #f1f1f1;
}

.tablinks-formular {
    background: url('../img/footer-tab-icon-contactform.png') center 35px no-repeat #f1f1f1;
}

.tablinks-info:hover, .tablinks-info.active {
    background: url('../img/footer-tab-icon-info.png') center -32px no-repeat #fff;
    border-right: 2px solid #0061aa;
}

.tablinks-formular:hover, .tablinks-formular.active {
    background: url('../img/footer-tab-icon-contactform.png') center -26px no-repeat #fff;
    border-right: 2px solid #0061aa;
}

.footer-tabs-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabcontent-head {
    width: 100%;
}

.tabcontent-head-name {
    width: 100%;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    color: #252525;
}

.tabcontent-head-teaser {
    width: 100%;
    text-align: center;
    font-style: italic;
}

.tabcontent-text, .tabcontent-text > span {
    width: 100%;
    display: block;
}

.info-adresse {
    background: url('../img/footer-icon-anschrift.png') 26px 18px no-repeat;
    border-bottom: 1px solid #e6e6e6;
}

.info-telefon {
    background: url('../img/footer-icon-telefon.png') 22px 18px no-repeat;
    border-bottom: 1px solid #e6e6e6;
}

.info-fax {
    background: url('../img/footer-icon-fax.png') 22px 18px no-repeat;
    border-bottom: 1px solid #e6e6e6;
}

.info-mail {
    background: url('../img/footer-icon-mail.png') 22px 20px no-repeat;
}

.wpcf7 {
    width: 100%;
}

.wpcf7 label {
    width: 100%;
    margin: 0;
}

.wpcf7 .wpcf7-form-control-wrap {
    width: 100%;
    position: relative;
}

.wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
    font-style: italic;
}

.wpcf7 .wpcf7-form-control {
    width: 100%;
    border: none;
    font-family: 'Lato', sans-serif;
    color: rgba(0,0,0,1);
    font-style: italic;
    -moz-appearance: none;
    -webkit-appearance: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0,0,0,0.3);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,0.3);
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(0,0,0,0.3);
}

.your-name .wpcf7-form-control, .name .wpcf7-form-control {
    background: url('../img/kontaktform-name-icon.png') 24px center no-repeat #f7f7f7;
}

.your-email .wpcf7-form-control {
    background: url('../img/kontaktform-email-icon.png') 24px center no-repeat #f7f7f7;
}

.your-message .wpcf7-form-control {
    background: url('../img/kontaktform-nachricht-icon.png') 24px 25px no-repeat #f7f7f7;
}

.veranstaltungs-ort .wpcf7-form-control {
    background: url('../img/kontaktform-standort-icon.png') 27px center no-repeat #f7f7f7;
}

.anrede .wpcf7-form-control, .status .wpcf7-form-control {
    background: url('../img/kontaktform-anrede-pfeil.png') 97% center no-repeat, url('../img/kontaktform-name-icon.png') 27px center no-repeat #f7f7f7;
}

.your-firma .wpcf7-form-control {
    background: url('../img/kontaktform-firma-icon.png') 27px center no-repeat #f7f7f7;
}

.wpcf7 .wpcf7-submit {
    background: #0061aa;
    font-weight: 700;
    color: #fff !important;
    text-transform: uppercase;
    font-style: normal !important;
}

.wpcf7 .ajax-loader {
    position: absolute;
}

.footer-sitemap {
    background: #0061aa;
}

.footer-sitemap h3 {
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

.footer-sitemap-nav {
    width: 100%;
}

.footer-sitemap-nav ul {
    width: 100%;
    list-style: none;
    margin: 0;
}

.footer-sitemap-nav ul li {
    position: relative;
}

.footer-sitemap-nav ul > li > a {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    background: #0061aa;
    position: relative;
    z-index: 10;
}

.footer-sitemap-nav > ul > li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    left: 0;
    height: 1px;
    background: rgba(255,255,255,0.1);
    width: auto;
    z-index: 0;
}

.footer-sitemap-nav ul li ul {
    display: flex;
}

.footer-sitemap-nav ul li ul li:last-child {
    padding-right: 0;
}

.footer-sitemap-nav ul li ul li a {
    color: #adc2db;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    font-weight: 400;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}

.footer-sitemap-nav ul li ul li a:hover {
    color: #fff;
}

.post-type-archive-veranstaltungen .headerbild {
    display: none;
}



/* ------------ VERANSTALTUNGEN - ARCHIVE - SINGLE SEITE - ANKÃœNDIGUNGEN ------------- */

.archive #main h1, .single #main h1 {
    text-align: center;
}

.archive #main h2, #main .single-inhalt h2 {
    color: #252525;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    text-align: left;
}

.archive-veranstaltungen {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.archive-veranstaltungen-single {
    position: relative;
}

.archive-veranstaltungen-single-inner {
    box-shadow: 3.147px 3.886px 50px 0 rgba(0,0,0,0.3);
    background: #fff;
    position: relative;
    z-index: 100;
}

.archive-veranstaltungen-single::before {
    content: "";
    background: #f2f2f2;
    position: absolute;
    z-index: -1;
}

.single-beitragsbild {
    width: 100%;
    position: relative;
}

.single-beitragsbild::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/startseite-veranstaltung-transparent-overlay.png') center top no-repeat;
}

.single-beitragsbild img {
    width: 100%;
    height: auto;
}

.single-inhalt {
    width: 100%;
    color: #000;
}

.single-inhalt-infos {
    display: block;
    width: 100%;
    color: rgba(37,37,37,0.45);
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
}

.single-mehr-erfahren {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.single-mehr-erfahren a {
    display: block;
    width: 100%;
    background: #0061aa;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
}

.single-mehr-erfahren a:hover {
    background: #0071c6;
}

.veranstaltungen-mehr-erfahren {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.veranstaltungen-mehr-erfahren a {
    display: block;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.mehr-erfahren {
    background: #f3f3f3;
    color: rgba(37,37,37,0.4) !important;
}

.jetzt-anmelden {
    background: url('../img/startseite-veranstaltung-anmeldung-icon.png') 74% center no-repeat #0061aa;
    color: #fff !important;
}

.mehr-erfahren:hover {
    background: #fff;
    color: #000 !important;
}

.jetzt-anmelden:hover {
    background-color: #0071c6;
}

.zum-archiv {
    width: 100% !important;
    background: #f3f3f3;
    color: rgba(37,37,37,0.4) !important;
}

.zum-archiv:hover {
    background: #fff;
    color: #000 !important;
}

.single #main h1 {
    color: #004e89;
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.veranstaltungen-single-infos {
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: 'Karla', sans-serif;
    color: #b3b3b3;
    text-transform: uppercase;
}

.infos-zur-veranstaltung {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    color: #252525;
    font-weight: 400;
}

.infos-zur-veranstaltung strong {
    text-transform: uppercase;
    font-weight: 700;
}

.infos-zur-veranstaltung2 {
    background: url('../img/unterseite-veranstaltung-icon.png') 0 6px no-repeat;
}

.infos-zur-veranstaltung3 {
    background: url('../img/unterseite-date-icon.png') 0 5px no-repeat;
}

.infos-zur-veranstaltung4 {
    background: url('../img/unterseite-veranstalter-icon.png') 0 5px no-repeat;
}

.infos-zur-veranstaltung a {
    display: inline-block;
    color: #252525 !important;
    background: url('../img/unterseite-infos-arrow.png') right center no-repeat;
}

.veranstaltungen-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.veranstaltungen-content .linke-spalte {
    position: relative;
}

.veranstaltungen-content .linke-spalte-inner-scroll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.veranstaltungen-content .linke-spalte h2 {
    width: 100%;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    color: #252525;
    text-transform: uppercase;
}

.linke-spalte-autor {
    width: 100%;
    font-family: 'Karla', sans-serif;
    color: #b9b9b9;
    font-style: italic;
    text-transform: uppercase;
}

.linke-spalte-button {
    width: 100%;
}

.linke-spalte-button a {
    display: block;
    width: 100%;
    background: url('../img/startseite-veranstaltung-anmeldung-icon.png') 86% center no-repeat #0061aa;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
}

.linke-spalte-button a:hover {
    background-color: #0071c6;
}

.veranstaltungen-content .rechte-spalte > div {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.veranstaltungen-content h3 {
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    color: #252525;
    text-transform: uppercase;
}

.veranstaltungen-content h4 {
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    color: #252525;
    text-transform: uppercase;
}





.archive #main {
    background: url('../img/footer-skyline-silhouette.jpg') center bottom no-repeat;
}

.veranstaltungen-filter {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.veranstaltungen-filter span {
    float: left;
}

.sortierung-sichtbar {
    display: flex;
    font-weight: bold;
}

.sortierung-icon {
    position: absolute;
    right: 0;
    border: 1px solid #333;
    text-align: center;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
}

.sortierung-icon:hover {
    cursor: pointer;
    font-weight: bold;
    background: #eee;
}

.veranstaltungen-filter ul {
    position: absolute;
    display: none;
    list-style: none;
    padding: 0;
    z-index: 600;
    margin: 0 !important;
    right: 0;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
}

.veranstaltungen-filter ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.veranstaltungen-filter ul li:last-child {
    border-bottom: none !important;
}

.veranstaltungen-filter ul li a {
    float: left;
    text-align: right;
    width: 100%;
    color: #333 !important;
    height: auto !important;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
}

.veranstaltungen-filter ul li a:hover {
    background: #eee;
}

.content-formular {
    position: relative;
}

#veranstaltungs-form {
    position: absolute;
    width: 100%;
    height: 1px;
}



.nach-oben {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 600;
    transition: opacity .8s;
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
}

.nach-oben.sticky {
    opacity: 1;
    visibility: visible;
}

.nach-oben a {
    display: block;
    background: url('../img/nach-oben-button.jpg') 0 0 no-repeat;
    text-indent: -9999px;
    outline: none;
}


/* --------- DROPDOWN --------- */

.headernav ul li {
    position: relative;
}

.headernav ul li ul {
    position: absolute;
    display: none;
}

.headernav ul li ul li {
    width: 100%;
    padding: 0;
    background: #fff;
}

.headernav ul li ul li a {
    width: 100%;
    color: #000 !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-weight: 400;
}

.headernav ul li ul li a::after, .headernav ul li ul li a::before {
    display: none !important;
}

.headernav ul li ul li a:hover {
    background: #004e89;
    color: #fff !important;
}





/* ---------------- STARTSEITE - HEADER - FOOTER - RESPONSIVE --------------- */
@media (min-width: 1581px) {
    .container {width: 1530px !important;}

    #navbar-collapse-2 {display: flex !important;}

    #header {padding-top: 134px;}
    .home #header {padding-top: 0 !important;}
    .headerbild {padding: 0 32px;}
    .headerbild img {border-bottom: 10px solid #004e89;}

    .header-inner {padding: 20px 50px 20px 34px;}
    .home .header-inner {padding: 30px 50px 30px 30px;}
    .sticky.headbar .header-inner {padding: 20px 50px 20px 34px;}
    .logo a {width: 116px; height: 94px;}
    .home .logo a {width: 200px; height: 200px;}
    .sticky.headbar .logo a {width: 116px; height: 94px;}
    .headernav ul li {padding: 0 20px;}
    .servicenav {padding: 0 15px 0 8px;}
    .servicenav ul li {padding: 0 12px;}
    .headernav ul li a {font-size: 17px; letter-spacing: 0.05em; padding: 2px 0;}
    .servicenav ul li a {width: 30px; height: 25px;}
    .change_font_size a {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
    #jfontsize-plus {margin-right: 5px;}

    .headernav ul li ul {width: 228px; top: 32px; padding-top: 8px !important;}
    #menu-item-29 ul {left: -45px;}
    #menu-item-524 ul {left: -20px;}
    .headernav ul li ul li:first-child {padding-top: 28px !important;}
    .headernav ul li ul li:last-child {padding-bottom: 24px !important;}
    .headernav ul li ul li a {font-size: 18px; padding: 14px 35px; line-height: 25px;}

    .contentbereich1 {padding: 100px 0;}
    .content1-h1 {width: 40%;}
    .content1-h1 h1 {line-height: 73px; font-size: 63px;}
    .content1-text {width: 58%; padding-top: 2px;}
    .contentbereich2 {margin-bottom: 10px;}
    .contentbereich2-inner {margin-left: -80px; margin-right: -80px; padding: 80px;}
    .contentbereich2-inner > div > a {padding: 40px 38px; height: 353px; line-height: 23px; font-size: 16px;}
    .contentbereich2-inner > div > a h2 {font-size: 43px; padding-bottom: 15px;}
    .content2-box1, .content2-box2 {margin-bottom: 30px;}
    .content2-box1 {width: 40.5%;}
    .content2-box2 {width: 880px;}
    .content2-box3 {width: 880px;}
    .content2-box4 {width: 40.5%;}

    #contentbereich3 {padding: 60px 0;}
    #contentbereich3 h2 {line-height: 70px; font-size: 60px;}
    .veranstaltungen-text {padding: 18px 0;}
    .veranstaltungen-infos {padding: 65px 50px;}
    .veranstaltungen-infos > div {width: 30%; padding: 0 40px 0 40px;}
    .veranstaltungen-infos > div > img {margin-bottom: 20px;}
    .veranstaltungen-vorschau {padding: 100px 20px 0 20px;}

    #foerdermitglieder {padding: 60px 0;}
    #foerdermitglieder h2 {line-height: 70px; font-size: 60px;}
    .foerdermitglieder-text {padding: 18px 0;}
    .foerdermitglieder-logos {padding: 10px 0;}
    .foerdermitglieder-logos li {width: 25%; margin: 65px 0;}

    .archive #main h1 {margin: 80px 0 40px 0;}
    .archive #main h2, #main .single-inhalt h2 {font-size: 30px; line-height: 34px; margin: 8px 0 14px 0;}
    .archive-veranstaltungen {padding: 200px 30px 30px 30px;}
    .archive-veranstaltungen-single-inner {height: 729px; width: 657px; padding-bottom: 80px;}
    .archive-veranstaltungen-single::before {top: -30px; left: -30px; width: 657px; height: 729px;}
    .archive-veranstaltungen-single:nth-child(odd) {margin-top: -100px;}
    .archive-veranstaltungen-single:nth-child(even) {margin-top: 150px;}
    .archive-veranstaltungen-single:nth-child(even)::before {left: auto !important; right: -30px;}
    .single-inhalt {padding: 0 26px 26px 26px; font-size: 17px; line-height: 28px;}
    .single-inhalt-infos {font-size: 18px;}
    .single-mehr-erfahren a {font-size: 17px; padding: 26px; height: 80px;}
    .veranstaltungen-mehr-erfahren a {font-size: 17px; padding: 26px; height: 80px; width: 50%;}
    .jetzt-anmelden {padding: 26px 60px 26px 20px !important;}

    .single #main h1 {font-size: 63px; margin: 80px 0 10px 0;}
    .veranstaltungen-single-infos {font-size: 18px;}
    .veranstaltungen-content {padding: 20px 0 40px 0;}
    .infos-zur-veranstaltung {margin: 80px 0 0 0; padding: 22px 0; font-size: 17px;}
    .infos-zur-veranstaltung > div {width: 24%;}
    .infos-zur-veranstaltung a {padding-right: 25px;}
    .infos-zur-veranstaltung a:hover {padding-right: 30px;}
    .infos-zur-veranstaltung2, .infos-zur-veranstaltung3, .infos-zur-veranstaltung4 {padding-left: 60px;}

    .veranstaltungen-content .linke-spalte {width: 32%;}
    .veranstaltungen-content .rechte-spalte {width: 65%;}

    .veranstaltungen-content .linke-spalte h2 {line-height: 50px; font-size: 43px;}
    .linke-spalte-autor {font-size: 18px;}
    .linke-spalte-button {margin-top: 55px;}
    .linke-spalte-button a {height: 82px; font-size: 17px; padding: 26px 50px 26px 10px;}
    .veranstaltungen-content .rechte-spalte > div {padding: 0 0 20px 0;}

    .archive #main {padding-bottom: 100px;}
    .sortierung-sichtbar {padding-right: 40px;}
    .sortierung-icon {width: 30px; padding: 0 0 2px 0;}
    .veranstaltungen-filter ul {width: 300px; top: 40px;}
    .veranstaltungen-filter ul li a {font-size: 14px; padding: 4px 10px;}
    .content-formular {padding-top: 30px;}
    #veranstaltungs-form {top: -119px;}

    .nach-oben a {width: 218px; height: 82px;}
}

@media (min-width: 1350px) and (max-width: 1580px) {
    .header-inner {padding: 20px 30px 20px 30px;}
    .home .header-inner {padding: 30px 30px 30px 30px;}
    .sticky.headbar .header-inner {padding: 20px 30px 20px 30px;}
    .logo a {width: 116px; height: 94px; background-size: cover !important;}
    .home .logo a {width: 145px; height: 145px; background-size: cover !important;}
    .sticky.headbar .logo a {width: 116px; height: 94px;}
    .headernav ul li {padding: 0 12px;}
    .servicenav {padding: 0 8px 0 0;}
    .servicenav ul li {padding: 0 8px;}
    .headernav ul li a {font-size: 16px; letter-spacing: 0.05em; padding: 2px 0;}
    .servicenav ul li a {width: 30px; height: 25px;}
    .change_font_size a {width: 32px; height: 32px; line-height: 32px; font-size: 16px;}
    #jfontsize-plus {margin-right: 5px;}

    .headernav ul li ul {width: 200px; top: 32px; padding-top: 8px !important;}
    #menu-item-29 ul {left: -45px;}
    #menu-item-524 ul {left: -16px;}
    .headernav ul li ul li:first-child {padding-top: 22px !important;}
    .headernav ul li ul li:last-child {padding-bottom: 20px !important;}
    .headernav ul li ul li a {font-size: 16px; padding: 12px 32px; line-height: 25px;}
}

@media (min-width: 992px) and (max-width: 1349px) {
    .header-inner {padding: 20px 25px 20px 25px;}
    .home .header-inner {padding: 30px 25px 30px 20px;}
    .sticky.headbar .header-inner {padding: 20px 25px 20px 25px;}
    .logo a {width: 101px; height: 82px; background-size: cover !important;}
    .home .logo a {width: 120px; height: 120px; background-size: cover !important;}
    .sticky.headbar .logo a {width: 101px; height: 82px;}
    .headernav {padding-top: 10px;}
    .home .headernav {padding-top: 0;}
    .headernav ul li {padding: 0 10px;}
    .headernav ul li:last-child {padding: 0 0 0 15px !important;}
    .servicenav {position: absolute; right: 85px; top: -26px;}
    .home .servicenav {top: -36px;}
    .servicenav ul li {padding: 0 5px;}
    .headernav ul li a {font-size: 16px; letter-spacing: 0.05em; padding: 2px 0;}
    .servicenav ul li a {width: 30px; height: 25px;}
    .change_font_size {position: absolute; right: 1px; top: -30px;}
    .home .change_font_size {top: -39px;}
    .change_font_size a {width: 32px; height: 32px; line-height: 32px; font-size: 16px;}
    #jfontsize-plus {margin-right: 5px;}

    .sticky.headbar .servicenav {top: -26px;}
    .sticky.headbar .change_font_size {top: -30px;}
    .sticky.headbar .headernav {padding-top: 10px;}

    .headernav ul li ul {width: 200px; top: 32px; padding-top: 8px !important;}
    #menu-item-29 ul {left: -45px;}
    #menu-item-524 ul {left: -19px;}
    .headernav ul li ul li:first-child {padding-top: 22px !important;}
    .headernav ul li ul li:last-child {padding: 0 0 20px 0 !important;}
    .headernav ul li ul li a {font-size: 16px; padding: 10px 30px; line-height: 25px;}
}


@media (min-width: 1200px) and (max-width: 1580px) {
    .container {width: 1140px !important;}
    #navbar-collapse-2 {display: flex !important;}

    #header {padding-top: 134px;}
    .home #header {padding-top: 0 !important;}
    .headerbild {padding: 0 32px;}
    .headerbild img {border-bottom: 10px solid #004e89;}

    .contentbereich1 {padding: 100px 0;}
    .content1-h1 {width: 33%;}
    .content1-h1 h1 {line-height: 73px; font-size: 52px;}
    .content1-text {width: 62%; padding-top: 2px;}
    .contentbereich2 {margin-bottom: 10px;}
    .contentbereich2-inner {margin-left: -80px; margin-right: -80px; padding: 80px;}
    .contentbereich2-inner > div > a {padding: 40px 38px; height: 353px; line-height: 23px; font-size: 16px;}
    .contentbereich2-inner > div > a h2 {font-size: 43px; padding-bottom: 15px;}
    .content2-box1, .content2-box2 {margin-bottom: 30px;}
    .content2-box1 {width: 39.5%;}
    .content2-box2 {width: 660px;}
    .content2-box3 {width: 660px;}
    .content2-box4 {width: 39.5%;}

    #contentbereich3 {padding: 60px 0;}
    #contentbereich3 h2 {line-height: 70px; font-size: 60px;}
    .veranstaltungen-text {padding: 18px 0;}
    .veranstaltungen-infos {padding: 65px 50px;}
    .veranstaltungen-infos > div {width: 30%; padding: 0 40px 0 40px;}
    .veranstaltungen-infos > div > img {margin-bottom: 20px;}

    #foerdermitglieder {padding: 60px 0;}
    #foerdermitglieder h2 {line-height: 70px; font-size: 60px;}
    .foerdermitglieder-text {padding: 18px 0;}
    .foerdermitglieder-logos {padding: 20px 0;}
    .foerdermitglieder-logos li {width: 25%; margin: 65px 0;}

    .archive #main h1 {margin: 80px 0 40px 0;}
    .archive #main h2, #main .single-inhalt h2 {font-size: 28px; line-height: 32px; margin: 8px 0 14px 0;}
    .archive-veranstaltungen {padding: 130px 5px 30px 5px;}
    .archive-veranstaltungen-single-inner {height: 660px; width: 525px; padding-bottom: 70px;}
    .archive-veranstaltungen-single::before {top: -20px; left: -20px; width: 525px; height: 660px;}
    .archive-veranstaltungen-single:nth-child(even) {margin-top: 130px;}
    .archive-veranstaltungen-single:nth-child(even)::before {left: auto !important; right: -20px;}
    .single-inhalt {padding: 0 26px 26px 26px; font-size: 16px; line-height: 28px;}
    .single-inhalt-infos {font-size: 16px; margin-top: 5px;}
    .single-mehr-erfahren a {font-size: 16px; padding: 21px; height: 70px;}
    .veranstaltungen-mehr-erfahren a {font-size: 16px; padding: 21px; height: 70px; width: 50%;}
    .jetzt-anmelden {padding: 21px 60px 21px 20px !important; background-position: 79% center !important;}
    .single-beitragsbild::after {background-size: cover !important;}

    .single #main h1 {font-size: 60px; margin: 80px 0 10px 0;}
    .veranstaltungen-single-infos {font-size: 17px;}
    .veranstaltungen-content {padding: 20px 0 40px 0;}
    .infos-zur-veranstaltung {margin: 80px 0 0 0; padding: 22px 0; font-size: 16px;}
    .infos-zur-veranstaltung > div {width: 23%;}
    .infos-zur-veranstaltung a {padding-right: 25px;}
    .infos-zur-veranstaltung a:hover {padding-right: 30px;}
    .infos-zur-veranstaltung2, .infos-zur-veranstaltung3, .infos-zur-veranstaltung4 {padding-left: 35px;}

    .veranstaltungen-content .linke-spalte {width: 32%;}
    .veranstaltungen-content .rechte-spalte {width: 65%;}

    .veranstaltungen-content .linke-spalte h2 {line-height: 44px; font-size: 36px;}
    #main .rechte-spalte h3 {font-size: 30px;}
    .linke-spalte-autor {font-size: 17px;}
    .linke-spalte-button {margin-top: 45px;}
    .linke-spalte-button a {height: 74px; font-size: 15px; padding: 24px 45px 24px 10px; background-size: 20px !important; background-position: 92% center !important;}
    .veranstaltungen-content .rechte-spalte > div {padding: 0 0 20px 0;}

    .archive #main {padding-bottom: 100px;}
    .sortierung-sichtbar {padding-right: 40px;}
    .sortierung-icon {width: 30px; padding: 0 0 2px 0;}
    .veranstaltungen-filter ul {width: 300px; top: 40px;}
    .veranstaltungen-filter ul li a {font-size: 14px; padding: 4px 10px;}
    .content-formular {padding-top: 30px;}
    #veranstaltungs-form {top: -119px;}

    .nach-oben a {width: 190px; height: 70px; background-size: cover !important;}
}


@media (min-width: 992px) and (max-width: 1199px) {
    .container {width: 100% !important;}
    #navbar-collapse-2 {display: flex !important;}

    #header {padding-top: 134px;}
    .home #header {padding-top: 0 !important;}
    .headerbild {padding: 0 22px;}
    .headerbild img {border-bottom: 10px solid #004e89;}

    .contentbereich1 {padding: 100px 20px; justify-content: center;}
    .content1-h1 {max-width: 370px; min-width: 370px;}
    .content1-h1 h1 {line-height: 73px; font-size: 58px !important;}
    .content1-text {width: 57%; padding-top: 2px;}
    .contentbereich2 {margin-bottom: 10px; padding: 0 10px;}
    .contentbereich2 .col-xs-12 {display: flex; justify-content: center;}
    .contentbereich2-inner {padding: 30px; width: 940px;}
    .contentbereich2-inner > div > a {padding: 32px 32px; height: 353px; line-height: 21px; font-size: 15px;}
    .contentbereich2-inner > div > a h2 {font-size: 38px; padding-bottom: 15px;}
    .content2-box1, .content2-box2 {margin-bottom: 30px;}
    .content2-box1 {width: 37%;}
    .content2-box2 {width: 525px;}
    .content2-box3 {width: 525px;}
    .content2-box4 {width: 37%;}

    #contentbereich3 {padding: 40px 20px;}
    #contentbereich3 h2 {line-height: 70px; font-size: 48px;}
    .veranstaltungen-text {padding: 18px 0;}
    .veranstaltungen-infos {padding: 65px 0;}
    .veranstaltungen-infos > div {width: 32%; padding: 0 15px 0 15px;}
    .veranstaltungen-infos > div > img {margin-bottom: 20px;}

    #foerdermitglieder {padding: 60px 20px;}
    #foerdermitglieder h2 {line-height: 70px; font-size: 48px;}
    .foerdermitglieder-text {padding: 18px 0;}
    .foerdermitglieder-logos {padding: 20px 0;}
    .foerdermitglieder-logos li {width: 25%; padding: 40px 20px;}
    .foerdermitglieder-logos li img {max-width: 100%; height: auto;}

    .archive #main h1 {margin: 80px 0 40px 0;}
    .archive #main h2, #main .single-inhalt h2 {font-size: 26px; line-height: 30px; margin: 10px 0 12px 0;}
    .archive-veranstaltungen {padding: 130px 0 30px 0; justify-content: space-evenly;}
    .archive-veranstaltungen-single-inner {height: 600px; width: 430px; padding-bottom: 65px;}
    .archive-veranstaltungen-single::before {top: -15px; left: -15px; width: 430px; height: 600px;}
    .archive-veranstaltungen-single:nth-child(even) {margin-top: 130px;}
    .archive-veranstaltungen-single:nth-child(even)::before {left: auto !important; right: -15px;}
    .single-inhalt {padding: 0 24px 24px 24px; font-size: 15px; line-height: 25px;}
    .single-inhalt-infos {font-size: 16px; margin-top: 5px;}
    .single-mehr-erfahren a {font-size: 15px; padding: 21px; height: 65px;}
    .veranstaltungen-mehr-erfahren a {font-size: 15px; padding: 21px; height: 65px; width: 50%;}
    .jetzt-anmelden {padding: 21px 50px 21px 20px !important; background-position: 82% center !important; background-size: 18px !important;}
    .single-beitragsbild::after {background-size: cover !important;}

    .single #main h1 {font-size: 48px; margin: 80px 0 10px 0;}
    .veranstaltungen-single-infos {font-size: 16px;}
    .veranstaltungen-content {padding: 20px 0 40px 0;}
    .infos-zur-veranstaltung {margin: 75px 0 0 0; padding: 22px 0; flex-wrap: wrap; font-size: 17px;}
    .infos-zur-veranstaltung1 {display: none !important; width: 100% !important; text-align: center; padding-bottom: 15px;}
    .infos-zur-veranstaltung > div {width: 33%;}
    .infos-zur-veranstaltung a {padding-right: 25px;}
    .infos-zur-veranstaltung a:hover {padding-right: 30px;}
    .infos-zur-veranstaltung2, .infos-zur-veranstaltung3, .infos-zur-veranstaltung4 {padding-left: 35px;}

    .veranstaltungen-content {flex-wrap: wrap;}
    .veranstaltungen-content .linke-spalte-inner-scroll {position: relative !important; margin-top: 0 !important; text-align: center;}
    .veranstaltungen-content .linke-spalte {width: 100%;}
    .veranstaltungen-content .rechte-spalte {width: 100%;}

    .veranstaltungen-content .linke-spalte h2 {line-height: 38px; font-size: 30px;}
    .linke-spalte-autor {font-size: 16px;}
    .linke-spalte-button {margin-top: 35px; margin-bottom: 20px; display: flex; justify-content: center;}
    .linke-spalte-button a {height: 62px; font-size: 15px; padding: 19px 50px 19px 10px; background-size: 20px !important; background-position: 88% center !important; width: 390px;}
    .veranstaltungen-content .rechte-spalte > div {padding: 0 0 20px 0;}

    .archive #main {padding-bottom: 100px;}
    .sortierung-sichtbar {padding-right: 40px;}
    .sortierung-icon {width: 30px; padding: 0 0 2px 0;}
    .veranstaltungen-filter ul {width: 300px; top: 40px;}
    .veranstaltungen-filter ul li a {font-size: 14px; padding: 4px 10px;}
    .content-formular {padding-top: 30px;}
    #veranstaltungs-form {top: -119px;}

    .nach-oben a {width: 170px; height: 60px; background-size: cover !important;}
}

/*  ------------------------ NAVI --------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-header {display: block !important;}
    .navbar-brand {display: block !important; width: 100%; float: left;}
    .navbar-toggle {display: block !important; }

    .navbar-collapse.in {overflow-y: visible;}
    .navbar-collapse.collapse {display: none !important;}
    .navbar-collapse.in {display: block !important;}
}

@media (max-width: 991px) {
    .container {width: 100% !important; padding: 0 !important;}

    .archive #main {padding-bottom: 100px;}
    .veranstaltungen-filter {padding: 0 20px;}
    .sortierung-sichtbar {padding-right: 40px;}
    .sortierung-icon {right: 20px;width: 30px; padding: 0 0 2px 0;}
    .veranstaltungen-filter ul {top: 40px; left: 20px; right: 20px;}
    .veranstaltungen-filter ul li a {font-size: 14px; padding: 4px 10px;}
    .content-formular {padding-top: 30px;}
    #veranstaltungs-form {top: -145px;}

    .site-content {padding: 0 20px;}
    .home .site-content {padding: 0;}
    .archive .site-content {padding: 0;}
    #header {padding-top: 94px;}
    .home #header {padding-top: 0 !important;}
    .headerbild {padding: 0;}
    .headerbild img {border-bottom: 5px solid #004e89;}
    .to-content {bottom: 25px;}

    .logo a {width: 86px; height: 70px; background-size: cover !important;}
    .logo {position: absolute; top: 12px; left: 12px; z-index: 800;}
    .home .logo a {width: 116px; height: 116px; background-size: cover !important;}
    .sticky.headbar .logo a {width: 86px; height: 70px;}
    .headernav, .servicenav {width: 100%; opacity: 0; visibility: hidden;}
    .headernav ul {display: block;}
    .servicenav ul {justify-content: center; padding-top: 40px !important;}
    .headernav ul li {width: 100%; padding: 5px 0;}
    .servicenav ul li {padding: 0 20px;}
    .headernav ul li a {font-size: 18px; width: 100%; text-align: center; letter-spacing: 0.16em; padding: 8px 0; color: #004e89 !important;}
    .servicenav ul li a {width: 30px; height: 25px;}

    .headernav ul li a::before, .headernav ul li a::after {display: none !important;}
    .headernav ul li ul {display: none !important;}

    .servicenav .service-xing a {
        background: url('../img/menu-dark-xing.png') center center no-repeat !important;
    }

    .home .servicenav .service-linkedin a {
        background: url('../img/menu-dark-xing.png') center center no-repeat !important;
    }

    .servicenav .service-fb a {
        background: url('../img/menu-dark-facebook.png') center center no-repeat !important;
    }

    .servicenav .service-suche a {
        background: url('../img/menu-dark-suche.png') center center no-repeat !important;
    }

    .change_font_size {margin-top: 40px; width: 100% !important; display: flex; justify-content: center;}
    .change_font_size a {color: #fff !important; background: #004e89 !important; width: 32px; height: 32px; line-height: 32px; font-size: 16px;}
    #jfontsize-plus {margin-right: 5px;}

    .only-smartphone {display: block;}
    .toggle-icon,
    .toggle-icon::before,
    .toggle-icon::after{
        content: "";
        width: 29px;
        height: 2px;
        position: fixed;
        background-color: #004e89;
        border: 1px solid #004e89;
        border-radius: 2em;
        cursor: pointer;
        transition: 0.4s ease;
        right: 22px;
    }

    .home .toggle-icon,
    .home .toggle-icon::before,
    .home .toggle-icon::after{
        background-color: #fff;
        border: 1px solid #fff;
    }

    .show .toggle-icon,
    .show .toggle-icon::before,
    .show .toggle-icon::after{
        background-color: #004e89;
        border: 1px solid #004e89;
    }

    .sticky.headbar .toggle-icon,
    .sticky.headbar .toggle-icon::before,
    .sticky.headbar .toggle-icon::after{
        background-color: #004e89;
        border: 1px solid #004e89;
    }

    .toggle-icon::before{
        position: absolute;
        left: -1px;
        margin-top: 7.4px;
    }

    .toggle-icon::after{
        position: absolute;
        left: -1px;
        margin-top: 15.4px;
    }

    .show .toggle-icon::after{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-top: 0;
    }

    .show .toggle-icon{
        background-color: transparent;
        border: none;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: 10px;
    }

    .show .toggle-icon::before{
        margin-top: 0;
    }
    .navigationen {width: 100%; background: #fff;}
    .navbar-header {width: 100%; height: auto; float: right;}
    .navbar-burger {position: absolute; right: 10px; top: 10px;}
    .navbar-brand {float: left; display: block !important; height: 36px !important; padding: 8px 0 0 0 !important; width: 100%; font-weight: 400; color: #fff !important;}
    .navbar-default .navbar-toggle {z-index: 700; height: auto; color: #fff; border: none !important; width: 100%; margin: 0 !important; float: right;}
    .navbar-toggle .icon-bar {width: 34px; height: 4px; border-radius: 4px; background: #fff !important;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: transparent;}
    .navbar-default .navbar-toggle:active {background: transparent;}

    .navbar-default .navbar-toggle {padding: 29px 10px 29px 12px;}
    .home .navbar-default .navbar-toggle {padding: 53px 10px 53px 12px;}
    .home .sticky.headbar .navbar-default .navbar-toggle {padding: 29px 10px 29px 12px;}

    .navi-inner {position: fixed; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden;
        transition: all .8s;
        -webkit-transition: all .8s;
        -moz-transition: all .8s;
        padding: 20px 20px 20px 20px;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }
    .navbar-collapse.in {
        opacity: 1;
        visibility: visible;
        background: #fff;
        display: flex !important;
    }

    .navbar-collapse.in .headernav, .navbar-collapse.in .servicenav {
        opacity: 1;
        visibility: visible;
    }

    .contentbereich1 {padding: 60px 20px 40px 20px; flex-wrap: wrap;}
    .content1-h1 {width: 100%; padding-bottom: 30px;}
    .content1-h1 h1 {line-height: 53px; font-size: 36px !important; text-align: center;}
    .content1-text {width: 100%;}
    .contentbereich2 {margin-bottom: 10px;}
    .contentbereich2-inner {padding: 20px; width: 100%;}
    .contentbereich2-inner > div > a {padding: 20px 20px; height: 280px; line-height: 21px; font-size: 15px;}
    .contentbereich2-inner > div > a h2 {font-size: 30px; padding-bottom: 15px;}
    .content2-box1 {width: 100%; order: 1; margin-bottom: 20px;}
    .content2-box2 {width: 100%; order: 2; margin-bottom: 20px;}
    .content2-box3 {width: 100%; order: 4;}
    .content2-box4 {width: 100%; order: 3; margin-bottom: 20px;}

    #contentbereich3 {padding: 20px 20px;}
    #contentbereich3 h2 {line-height: 50px; font-size: 34px;}
    .veranstaltungen-text {padding: 18px 0;}
    .veranstaltungen-infos {padding: 35px 0 0 0; flex-wrap: wrap;}
    .veranstaltungen-infos > div {width: 100%; padding: 0 15px 0 15px; margin-bottom: 30px;}
    .veranstaltungen-infos > div > img {margin-bottom: 20px;}

    #foerdermitglieder {padding: 20px 20px;}
    #foerdermitglieder h2 {line-height: 50px; font-size: 34px;}
    .foerdermitglieder-text {padding: 18px 0;}
    .foerdermitglieder-logos {padding: 20px 0;}
    .foerdermitglieder-logos li {width: 48%; padding: 20px 20px;}
    .foerdermitglieder-logos li img {max-width: 100%; height: auto;}

    .archive #main h1 {margin: 60px 0 40px 0; padding: 0 20px; font-size: 36px;}
    .archive #main h2, #main .single-inhalt h2 {font-size: 22px; line-height: 26px; margin: 10px 0 12px 0;}
    .archive-veranstaltungen {padding: 50px 0 30px 0; justify-content: space-evenly;}
    .archive-veranstaltungen-single {margin-bottom: 30px;}
    .archive-veranstaltungen-single-inner {height: auto; max-width: 330px; width: 100%; padding-bottom: 90px;}
    .archive-veranstaltungen-single::before {display: none !important;}
    .single-inhalt {padding: 0 24px 24px 24px; font-size: 14px; line-height: 23px;}
    .single-inhalt-infos {font-size: 16px; margin-top: 5px;}
    .veranstaltungen-mehr-erfahren {width: 100%; flex-wrap: wrap;}
    .single-mehr-erfahren a {font-size: 15px; padding: 11px; height: 45px;}
    .veranstaltungen-mehr-erfahren a {font-size: 15px; padding: 11px; height: 45px; width: 100%;}
    .jetzt-anmelden {padding:11px 30px 11px 20px !important; background-position: 74% center !important; background-size: 18px !important;}
    .single-beitragsbild::after {background-size: cover !important;}
    .post-type-archive-veranstaltungen .archive-veranstaltungen-single-inner {padding-bottom: 45px;}

    .single #main h1 {font-size: 38px; margin: 60px 0 10px 0;}
    .veranstaltungen-single-infos {font-size: 16px;}
    .veranstaltungen-content {padding: 20px 0 40px 0;}
    .infos-zur-veranstaltung {margin: 50px 0 0 0; flex-wrap: wrap; padding: 22px 0 6px 0; font-size: 16px;}
    .infos-zur-veranstaltung1 {display: none;}
    .infos-zur-veranstaltung > div {width: 100%; padding-bottom: 15px;}
    .infos-zur-veranstaltung a {padding-right: 25px;}
    .infos-zur-veranstaltung a:hover {padding-right: 30px;}
    .infos-zur-veranstaltung2, .infos-zur-veranstaltung3, .infos-zur-veranstaltung4 {padding-left: 35px;}

    .veranstaltungen-content {flex-wrap: wrap;}
    .veranstaltungen-content .linke-spalte-inner-scroll {position: relative !important; margin-top: 0 !important; text-align: center;}
    .veranstaltungen-content .linke-spalte {width: 100%;}
    .veranstaltungen-content .rechte-spalte {width: 100%;}

    .veranstaltungen-content .linke-spalte h2 {line-height: 40px; font-size: 30px;}
    .linke-spalte-autor {font-size: 16px;}
    .linke-spalte-button {margin: 20px 0;}
    .linke-spalte-button a {height: 56px; font-size: 14px; padding: 16px 50px 16px 20px; background-size: 20px !important; background-position: 92% center !important;}
    .veranstaltungen-content .rechte-spalte > div {padding: 0 0 20px 0;}

    .nach-oben a {width: 55px; height: 50px; background-size: cover !important; background-position: center top !important;}
}


.search-site-main {
    width: 100%;
}

.search-form {
    display: flex;
}

.search-form label {
    width: 100%;
    margin: 0;
}

.search-submit {
    background: url('../img/menu-light-suche.png') center center no-repeat #004e89;
    border: none !important;
    text-indent: -9999px;
    outline: none;
}

.search-field {
    width: 100%;
}



/* ------------- FOOTER --------------- */
@media (min-width: 1581px) {
    .footer-tabs {width: 45%;}
    .footer-tabs-tabs {min-width: 75px; max-width: 75px;}
    .footer-tabs-tabs button {padding: 32px 16px; width: 75px;}
    .footer-tabs-inner {padding: 40px 60px;}
    .tabcontent-inner {width: 425px;}
    .tabcontent-head {background: url('../img/footer-icon-quote.png') center 104px no-repeat; height: 230px; padding: 0 0 0 0;}
    .tabcontent-head-name {padding: 45px 0 35px 0; font-size: 22px;}
    .tabcontent-head-teaser {padding: 15px 0 0 0;}
    .tabcontent-text {padding-top: 25px;}
    .tabcontent-text > span {padding: 10px 0 10px 68px;}

    .search-site-main {padding: 40px 0 70px 0;}
    .search-form {width: 400px;}
    .search-form .search-submit {width: 100px; height: 60px;}
    .search-form label, .search-field {height: 60px;}
    .search-field {padding: 10px;}
}

@media (min-width: 1671px) {
    .wpcf7 .wpcf7-not-valid-tip {right: 10px; top: 10px; font-size: 14px;}
    .wpcf7 .wpcf7-form-control {font-size: 19px; min-height: 68px; padding: 18px 16px 18px 62px; margin-bottom: 8px;}
    .your-message .wpcf7-form-control {height: 130px;}
    .wpcf7 .wpcf7-submit {padding: 22px !important; font-size: 16px !important; letter-spacing: 0.04em;}
    .footer-sitemap {width: 55%; min-height: 760px; padding: 40px 5%;}
    .footer-sitemap h3 {line-height: 70px; font-size: 60px;}
    .footer-sitemap-nav > ul {padding: 40px 0 0 0;}
    .footer-sitemap-nav ul > li > a {font-size: 22px; padding: 0 15px 0 0;}
    .footer-sitemap-nav ul li ul {padding: 14px 0;}
    .footer-sitemap-nav ul li ul li {padding-right: 50px;}
    .footer-sitemap-nav ul li ul li a {font-size: 17px;}
}

@media (min-width: 1581px) and (max-width: 1670px) {
    .wpcf7 .wpcf7-not-valid-tip {right: 10px; top: 10px; font-size: 14px;}
    .wpcf7 .wpcf7-form-control {font-size: 18px; min-height: 68px; padding: 16px 16px 16px 62px; margin-bottom: 8px;}
    .your-message .wpcf7-form-control {height: 130px;}
    .wpcf7 .wpcf7-submit {padding: 22px !important; font-size: 16px !important; letter-spacing: 0.04em;}
    .footer-sitemap {width: 55%; min-height: 740px; padding: 40px 5%;}
    .footer-sitemap h3 {line-height: 70px; font-size: 55px;}
    .footer-sitemap-nav > ul {padding: 40px 0 0 0;}
    .footer-sitemap-nav ul > li > a {font-size: 20px; padding: 0 15px 0 0;}
    .footer-sitemap-nav ul li ul {padding: 14px 0; flex-wrap: wrap;}
    .footer-sitemap-nav ul li ul li {padding-right: 40px;}
    .footer-sitemap-nav ul li ul li:last-child {padding: 0 !important;}
    .footer-sitemap-nav ul li ul li a {font-size: 15px;}
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .footer-tabs {width: 50%;}
    .footer-tabs-tabs {min-width: 75px; max-width: 75px;}
    .footer-tabs-tabs button {padding: 32px 16px; width: 75px;}
    .footer-tabs-inner {padding: 40px 60px;}
    .tabcontent-inner {width: 425px;}
    .tabcontent-head {background: url('../img/footer-icon-quote.png') center 104px no-repeat; height: 230px; padding: 0 0 0 0;}
    .tabcontent-head-name {padding: 45px 0 35px 0; font-size: 22px;}
    .tabcontent-head-teaser {padding: 15px 0 0 0;}
    .tabcontent-text {padding-top: 25px;}
    .tabcontent-text > span {padding: 10px 0 10px 68px;}

    .wpcf7 .wpcf7-not-valid-tip {right: 10px; top: 10px; font-size: 14px;}
    .wpcf7 .wpcf7-form-control {font-size: 17px; min-height: 58px; padding: 15px 15px 15px 62px; margin-bottom: 8px;}
    .your-message .wpcf7-form-control {height: 130px;}
    .wpcf7 .wpcf7-submit {padding: 20px !important; font-size: 16px !important; letter-spacing: 0.04em;}
    .footer-sitemap {width: 50%; min-height: 740px; padding: 40px 5%;}
    .footer-sitemap h3 {line-height: 70px; font-size: 55px;}
    .footer-sitemap-nav > ul {padding: 40px 0 0 0;}
    .footer-sitemap-nav ul > li > a {font-size: 20px; padding: 0 15px 0 0;}
    .footer-sitemap-nav ul li ul {padding: 14px 0; flex-wrap: wrap;}
    .footer-sitemap-nav ul li ul li {padding-right: 40px;}
    .footer-sitemap-nav ul li ul li:last-child {padding: 0 !important;}
    .footer-sitemap-nav ul li ul li a {font-size: 15px; line-height: 30px;}

    .search-site-main {padding: 30px 0 70px 0;}
    .search-form {width: 400px;}
    .search-form .search-submit {width: 100px; height: 60px;}
    .search-form label, .search-field {height: 60px;}
    .search-field {padding: 10px;}
}


@media (min-width: 992px) and (max-width: 1199px) {
    .footer-inner {flex-wrap: wrap;}
    .footer-tabs {width: 100%; flex-wrap: wrap;}
    .footer-tabs-tabs {width: 100%; height: 93px; border-bottom: 2px solid #ddd; border-right: none !important;}
    .footer-tabs-tabs button {padding: 32px 16px; width: 75px; float: left; border-bottom: 2px solid #ddd; border-right: none !important;}
    .tablinks-info:hover, .tablinks-info.active {
        background: url('../img/footer-tab-icon-info.png') center -32px no-repeat #fff;
        border-bottom: 2px solid #0061aa !important;
        border-right: none !important;
    }
    .tablinks-formular:hover, .tablinks-formular.active {
        background: url(../img/footer-tab-icon-contactform.png) center -26px no-repeat #fff;
        border-bottom: 2px solid #0061aa !important;
        border-right: none !important;
    }

    .footer-tabs-inner {padding: 40px 60px; width: 100%; height: auto !important;}
    .tabcontent-inner {width: 425px;}
    .tabcontent-head {background: url('../img/footer-icon-quote.png') center 104px no-repeat; height: 230px; padding: 0 0 0 0;}
    .tabcontent-head-name {padding: 45px 0 35px 0; font-size: 22px;}
    .tabcontent-head-teaser {padding: 15px 0 0 0;}
    .tabcontent-text {padding-top: 25px;}
    .tabcontent-text > span {padding: 10px 0 10px 68px;}

    .wpcf7 .wpcf7-not-valid-tip {right: 10px; top: 10px; font-size: 14px;}
    .wpcf7 .wpcf7-form-control {font-size: 16px; min-height: 48px; padding: 15px 15px 15px 62px; margin-bottom: 8px;}
    .your-message .wpcf7-form-control {height: 130px; background-position: 24px 21px !important;}
    .wpcf7 .wpcf7-submit {padding: 20px !important; font-size: 16px !important; letter-spacing: 0.04em;}
    .footer-sitemap {width: 100%; padding: 40px 5%;}
    .footer-sitemap h3 {line-height: 70px; font-size: 48px;}
    .footer-sitemap-nav > ul {padding: 25px 0 0 0;}
    .footer-sitemap-nav ul > li > a {font-size: 20px; padding: 0 15px 0 0;}
    .footer-sitemap-nav ul li ul {padding: 10px 0; flex-wrap: wrap;}
    .footer-sitemap-nav ul li ul li {padding-right: 40px;}
    .footer-sitemap-nav ul li ul li:last-child {padding: 0 !important;}
    .footer-sitemap-nav ul li ul li a {font-size: 15px; line-height: 30px;}

    .search-site-main {padding: 10px 20px 70px 20px;}
    .search-form {width: 400px;}
    .search-form .search-submit {width: 100px; height: 60px;}
    .search-form label, .search-field {height: 60px;}
    .search-field {padding: 10px;}
}

@media (max-width: 991px) {
    .footer-inner {flex-wrap: wrap;}
    .footer-tabs {width: 100%; flex-wrap: wrap;}
    .footer-tabs-tabs {width: 100%; height: 93px; border-bottom: 2px solid #ddd; border-right: none !important;}
    .footer-tabs-tabs button {padding: 32px 16px; width: 75px; float: left; border-bottom: 2px solid #ddd; border-right: none !important;}
    .tablinks-info:hover, .tablinks-info.active {
        background: url('../img/footer-tab-icon-info.png') center -32px no-repeat #fff;
        border-bottom: 2px solid #0061aa !important;
        border-right: none !important;
    }
    .tablinks-formular:hover, .tablinks-formular.active {
        background: url('../img/footer-tab-icon-contactform.png') center -26px no-repeat #fff;
        border-bottom: 2px solid #0061aa !important;
        border-right: none !important;
    }

    .footer-tabs-inner {padding: 30px 20px; width: 100%; height: auto !important;}
    .tabcontent-inner {width: 100%;}
    .tabcontent-head {display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 10px;
        background: url('../img/footer-icon-quote.png') center 104px no-repeat; height: 230px; padding: 0 0 0 0;}
    .tabcontent-head-name {width: 320px; padding: 45px 0 35px 0; font-size: 22px;}
    .tabcontent-head-teaser {width: 100%; padding: 15px 0 0 0;}
    .tabcontent-text {padding-top: 25px;}
    .tabcontent-text > span {padding: 10px 0 10px 68px;}

    .wpcf7 .wpcf7-not-valid-tip {right: 10px; top: 10px; font-size: 14px;}
    .wpcf7 .wpcf7-form-control {font-size: 16px; padding: 12px 12px 12px 62px; margin-bottom: 2px;}
    .your-message .wpcf7-form-control {height: 100px;}
    .wpcf7 .wpcf7-submit {padding: 15px !important; font-size: 16px !important; letter-spacing: 0.04em;}
    .footer-sitemap {width: 100%; padding: 20px 20px 40px 20px;}
    .footer-sitemap h3 {line-height: 50px; font-size: 34px;}
    .footer-sitemap-nav > ul {padding: 25px 0 0 0;}
    .footer-sitemap-nav ul > li > a {font-size: 20px; padding: 0 15px 0 0;}
    .footer-sitemap-nav ul li ul {padding: 10px 0; flex-wrap: wrap;}
    .footer-sitemap-nav ul li ul li {padding-right: 40px;}
    .footer-sitemap-nav ul li ul li:last-child {padding: 0 !important;}
    .footer-sitemap-nav ul li ul li a {font-size: 15px; line-height: 30px;}

    .search-site-main {padding: 10px 0 70px 0;}
    .search-form {width: 100%;}
    .search-form .search-submit {width: 100px; height: 60px;}
    .search-form label, .search-field {height: 60px;}
    .search-field {padding: 10px;}
}


.content-galerie ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.content-galerie ul li {
    overflow: hidden;
}

.content-galerie ul li a {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-galerie ul li a img {
    width: 100%;
    height: auto;
}




@media (min-width: 1581px) {
    .content-galerie ul li {margin: 10px 0; max-height: 280px;}
    .content-galerie ul li a {height: 280px;}
    .drittel-bild {width: 32.5%;}
    .zweidrittel-bild {width: 65.5%;}
    .drittel-bild a img {width: auto !important; height: 100% !important;}
    .volles-bild {width: 100%;}
    .halbes-bild {width: 49%;}
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .content-galerie ul li {margin: 10px 0; max-height: 200px;}
    .content-galerie ul li a {height: 200px;}
    .drittel-bild {width: 32%;}
    .zweidrittel-bild {width: 65%;}
    .drittel-bild a img {width: auto !important; height: 100% !important;}
    .volles-bild {width: 100%;}
    .halbes-bild {width: 48.5%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .content-galerie ul {padding: 5px 0;}
    .content-galerie ul li {margin: 5px 0;}
    .content-galerie ul li a {height: 200px;}
    .drittel-bild {width: 32.5%;}
    .zweidrittel-bild {width: 65.5%;}
    .drittel-bild a img {width: 100% !important; height: auto !important;}
    .volles-bild {width: 100%;}
    .halbes-bild {width: 49%;}
}

@media (max-width: 991px) {
    .content-galerie ul {padding: 10px 0;}
    .content-galerie ul li {margin: 5px 0;}
    .content-galerie ul li a {max-height: 240px;}
    .drittel-bild {width: 100%;}
    .zweidrittel-bild {width: 100%;}
    .volles-bild {width: 100%;}
    .halbes-bild {width: 100%;}
}

.page-id-27 #main a, .parent-pageid-27 #main a {
    font-weight: bold;
}

.mitglieder-suche {
    width: 100%;
    font-weight: bold;
}

.mitglieder-kategorien-wrapper {
    padding: 25px 0 55px 0;
    display: flex;
    justify-content: space-between;
}

.mitglieder-kategorien-wrapper a {
    font-weight: bold;
}

.mitglieder-kategorien {
    order: 1;
}

.mitglieder-abc {
    order: 2;
}

.mitglieder-kategorien-wrapper form {
    order: 3;
}

.page-id-27 #main ul, .parent-pageid-27 #main ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 30px 0 80px 0;
}

.page-id-27 #main ul li, .parent-pageid-27 #main ul li {
    width: 100%;
    border-bottom: 1px solid #CECECE;
}

.page-id-27 #main ul li a, .parent-pageid-27 #main ul li a {
    width: 100%;
    display: block;
    padding: 22px 0 24px 0;
}

.parent-pageid-27 .headerbild {
    display: none;
}

.img-referent {
    float: left;
    margin: 9px 25px 0 0;
}

.change_font_size {
    width: auto;
    display: flex;
}

.change_font_size a {
    display: block;
    font-weight: 600;
    color: #fff;
    background: #004E89;
    text-align: center;
}

.home .change_font_size a {
    color: #004E89;
    background: #fff;
}

.sticky.headbar .change_font_size a {
    color: #fff;
    background: #004E89;
}



@media (min-width: 1581px) {
    .single-veranstaltungen h2 {line-height: 40px !important; font-size: 38px !important;}
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .single-veranstaltungen h2 {line-height: 38px !important; font-size: 36px !important;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    .single-veranstaltungen h2 {line-height: 36px !important; font-size: 34px !important;}
}

@media (max-width: 767px) {
    .single-veranstaltungen h2 {line-height: 34px !important; font-size: 32px !important;}
}

.veranstaltungen-content .content-galerie {
    border-bottom: none !important;
}

.footertabs-bild {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footertabs-bild img {border-radius: 100%;}
