/*
************************************************************
Styles:     flix//theme
Project:    interaktiv manufaktur - Main CSS
Copyright:  (c) 2015-2021 Interaktiv Manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/
/* *******************************************************************************
*** Allgemeine Styles
******************************************************************************** */
@font-face {
    font-family: klavika-light;
    src: url(../_fonts/KlavikaWebBasicLight.eot);
    src: url(../_fonts/KlavikaWebBasicLight.woff) format("woff")
}

@font-face {
    font-family: klavika-regular;
    src: url(../_fonts/KlavikaWebBasicRegular.eot);
    src: url(../_fonts/KlavikaWebBasicRegular.woff) format("woff")
}

@font-face {
    font-family: klavika-regular-italic;
    src: url(../_fonts/KlavikaWebBasicRegularItalic.eot);
    src: url(../_fonts/KlavikaWebBasicRegularItalic.woff) format("woff")
}

@font-face {
    font-family: klavika-medium;
    src: url(../_fonts/KlavikaWebBasicMedium.eot);
    src: url(../_fonts/KlavikaWebBasicMedium.woff) format("woff")
}

@font-face {
    font-family: klavika-medium-italic;
    src: url(../_fonts/KlavikaWebBasicMediumItalic.eot);
    src: url(../_fonts/KlavikaWebBasicMediumItalic.woff) format("woff")
}

@font-face {
    font-family: klavika-bold;
    src: url(../_fonts/KlavikaWebBasicBold.eot);
    src: url(../_fonts/KlavikaWebBasicBold.woff) format("woff")
}

@font-face {
    font-family: klavika-bold-italic;
    src: url(../_fonts/KlavikaWebBasicBoldItalic.eot);
    src: url(../_fonts/KlavikaWebBasicBoldItalic.woff) format("woff")
}

* {
    outline: none
}

html, body {
    color: #000;
    font-family: Verdana, sans-serif;
    font-size: 14px;
    line-height: 21px;
    height: 100%;
    padding: 0;
    background: #fff url(../_images/_bg.jpg) repeat-x fixed left top;
}

/* offset for anchor-links */
.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

a[name*="_edn"]::before {
    content: '';
    display: inline-block;
    height: 250px;
    margin-top: -250px;
    visibility: hidden;
}

/* gleicht den sticky header wieder aus */

.news-detail a[name^="_edn"],
.news-detail a[name^="_ftn"] {
    scroll-margin-top: 250px;
}

.news-detail a[name^="_ftn"]:target:before {
    content: "";
    display: inline-block;
    height: 250px; /* same as your fixed header height */
    margin: -250px 0 0; /* negative fixed header height */

}

/* gleicht den sticky header wieder aus */
.news-detail a[name^="_edn"]:target:before {
    content: "";
    display: inline-block;
    height: 250px; /* same as your fixed header height */
    margin: -250px 0 0; /* negative fixed header height */

}


#page-canvas {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    /*padding:20px 0 0;*/
    display: block;
    min-height: 100%;
    height: auto !important;
    height: 100%
}

.clear {
    clear: both
}

h1 {
    font-size: 26px;
    line-height: 26px;
    font-family: klavika-bold, arial, sans-serif;
    color: #005caa
}

h2 {
    color: #005caa
}

h3 {
    color: #005caa
}

p {
    margin-bottom: 15px
}

a, a:visited {
    text-decoration: none
}

a:hover {
}

#content-canvas ol li a,
#content-canvas ul li a {
    color: #005caa;
    font-weight: 700;
}

.articlenav {
    border-top: 1px solid #a4b7e0;
    padding-top: 5px
}

.linkback {
    color: #005caa;
    font-family: klavika-medium, arial, sans-serif;
    font-size: 16px;
    background: url(../_images/ic_linkback.png) left 7px no-repeat;
    background-size: 9px 46px;
    padding-left: 14px;
    display: table;
    margin-top: 20px
}

.linkback.forward {
    background-position: right -31px;
    padding: 0 14px 0 0;
    float: right;
    margin: 0
}

.linkback.left {
    float: left;
    margin: 0
}

.linkback:hover {
    text-decoration: underline
}

strong {
    font-family: klavika-bold, arial, sans-serif;
    font-size: 14px
}

em {
    font-family: "klavika-regular-italic";
    font-size: 16px;
}

.mobile, .nav1-mobile, #mobile-search, .onlyprint {
    display: none
}

.nomobile {
    display: block
}

input[type="text"], input[type="textarea"], input[type="button"], textarea {
    -webkit-appearance: none
}

.image_copyright {
    font-family: klavika-light, arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin-top: 3px;
    color: #706f6f;
    display: block
}

.image_text {
    font-family: klavika-light, arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin-top: 3px;
    color: #000000;
    display: block
}

#slider .image_copyright {
    position: absolute;
    z-index: 900;
    bottom: 0;
    left: 0;
    color: #706f6f;
    padding: 4px 10px;
    background-color: #dbdbdb
    /*   background:url(../_images/slider_back.png) left center repeat-x;*/
}

#slider .image_text {
    display: inline-block;
    color: #000000;
    margin-top: 0;
    margin-right: 10px;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0 8px 0 0;
    padding: 0px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
}

.slick-dots li button {
    border: 0;
    background: none;
    background-size: 0px;
    display: block;
    height: 12px;
    width: 12px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    border-radius: 50%;
    top: calc(50% - 6px);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.slick-dots li.slick-active button {
    background: #005caa;
    background-size: 15px;
}

.slick-dots {
    bottom: 25px;
    top: unset;
}

/* *************************************************
*** Sticky
************************************************* */

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

/* *************************************************
*** Header
************************************************* */
#head-wraper {
    width: 100%;
    padding-top: 20px;
    background: url(../_images/_bg.jpg) left top repeat-x #fff;
    background-attachment: scroll;
    background-attachment: fixed;

}

#head-wraper-sticky-wrapper {
    z-index: 7000;
}


#head-canvas {
    /* header + nav */
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}


/* logo + meta-nav + search */
#header {
    height: 100px;
}

#header-right {
    float: right;
}

#logo {
    float: left;
    height: 63px;
    width: 244px;
    display: block;
    background: url(../_images/logo.png) left top no-repeat;
    background-size: 244px 63px;
    margin: 0 0 20px 0;
}

.logo-print {
    float: left;
    /*   height:33px;
          width:210px;*/
    margin: 0 0 30px
}


/* *************************************************
*** Navigation
************************************************* */
/* ********** nav1 ********** */
.nav1 {
    position: relative;
    float: left;
    z-index: 600;
    font-family: klavika-regular, arial, sans-serif
}

.nav1-item {
    float: left;
    margin-right: 4px;
    font-size: 18px
}

.nav1-item:last-child {
    margin-right: 0
}

.nav1-link {
    display: block;
    width: 149.3px;
    height: 40px;
    background-color: #dbdbdb;
    line-height: 40px;
    text-align: center;
    color: #706f6f;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    /* text-transform:lowercase; */
    font-weight: 400;
}

.nav1-item.home .nav1-link {
    width: 80px
}

.nav1-item.home .nav1-link span {
    height: 40px;
    width: 80px;
    background: url(../_images/ic_home.png) center 11px no-repeat;
    background-size: 20px 78px;
    display: block;
    text-indent: -999999px
}

.nav1-link:hover, .nav1-link.active {
    color: #fff;
    background: #2370b2;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNzBiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzU0N2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2370b2), color-stop(100%, #23547f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2370b2 0%, #23547f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2370b2 0%, #23547f 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#2370b2), to(#23547f));
    background: -webkit-gradient(linear, left top, left bottom, from(#2370b2), to(#23547f));
    background: linear-gradient(to bottom, #2370b2 0%, #23547f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2370b2', endColorstr='#23547f', GradientType=0)
    /* IE6-8 */
}

.nav1-link.active {
    font-family: klavika-bold, arial, sans-serif
}

.nav1-item.home .nav1-link:hover span, .nav1-item.home .nav1-link.active span {
    background-position: center -48px
}

/* ********** nav2 ********** */
.nav2-canvas {
    position: relative;
    height: 60px;
    width: 1000px;
    display: blovk;
    margin-bottom: 10px;
    background: #23547f;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNTQ3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzcwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23547f), color-stop(100%, #2370b2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #23547f 0%, #2370b2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #23547f 0%, #2370b2 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#23547f), to(#2370b2));
    background: -webkit-gradient(linear, left top, left bottom, from(#23547f), to(#2370b2));
    background: linear-gradient(to bottom, #23547f 0%, #2370b2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23547f', endColorstr='#2370b2', GradientType=0);
    /* IE6-8 */
    /* Firefox */
    -webkit-box-shadow: 0 1px 4px #706f6f;
    /* Chrome, Safari */
    box-shadow: 0 1px 4px #706f6f;
    /* CSS3 */
    z-index: 500
}

.nav2 {
    float: left;
    margin-left: 30px;
    font-family: klavika-regular, arial, sans-serif
}

.nav2-item {
    float: left;
    padding: 10px 40px 10px 0;
    cursor: pointer;
    position: relative
}

.nav2-link {
    color: #bcc8e8;
    height: 40px;
    line-height: 20px;
    display: block;
    border-left: 1px solid #bcc8e8;
    padding-left: 10px;
    font-size: 16px;
    /*   text-transform:lowercase;*/
    font-weight: 400;
}

.nav2-item:hover .nav2-link, .nav2-link.active {
    color: #fff;
    border-left: 1px solid #fff
}

/* ***** nav3 ***** */
.nav3 {
    /*
    
    background:url(../_images/nav3_back.png) left top repeat;
    width:180px;
    
    z-index:400
    */
    display: none;
    position: absolute;
    top: 60px;
    width: 400px;
    flex-wrap: wrap;
    padding: 20px;
    align-items: flex-start;
    /*min-height: 361px;*/
    /*border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
    background: linear-gradient(to top, #23547f 0%, #297ec7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23547f', endColorstr='#297ec7', GradientType=0);
    -webkit-box-shadow: 0 1px 4px #706f6f;
    box-shadow: 0 1px 4px #706f6f;
}

.nav2-item:hover .nav3 {
    display: flex;
}

.nav2-item:nth-child(5) .nav3 {
    left: -108px;
}

.nav2-item:nth-child(6) .nav3 {
    left: -286px;
}


.nav3-item {
    width: 200px;
    margin-bottom: 15px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.nav3-item:first-child {
    /*    margin-top:15px */
}

.nav3-link {
    display: block;
    padding: 0 20px 0 10px;
    color: #bcc8e8;
    font-size: 16px;
    /*    color:#fff; */
}

.nav3-link.active {
    color: #fff;
    background: url(../_images/nav3_arrow.png) 10px 7px no-repeat;
    background-size: 9px 7px;
    padding: 0 15px 0 24px
}

.nav3-link:hover {
    color: #fff;
}


/* ********** nav-meta ********** */

#meta-navigation {
    float: right;
    margin-bottom: 8px;
    font-family: klavika-regular, arial, sans-serif;
    color: #706f6f;
}

.nav-meta-item {
    float: left;
    padding-left: 10px;
    cursor: pointer;
    position: relative;
}

.nav-meta-link {
    font-family: klavika-regular, arial, sans-serif;
    font-weight: 400;
    color: #706f6f;
    display: block;
    padding-left: 10px;
    font-size: 16px;
}

.nav-meta-link.rss {
    padding-left: 16px;
    background-image: url("/_images/icon_rss.png");
    background-repeat: no-repeat;
    background-position: left 3px;

}

.nav-meta-item:hover .nav-meta-link,
.nav-meta-link.active {
    color: #005caa;
}


/* ***** Searchform ***** */

.searchform {
    clear: both;
    float: right;
    margin: 0 0 0 0;
}

.searchform .eingabe {
    border: 0;
    color: #707070;
    height: 26px;
    width: 565px;
    background: url(../_images/ic_search.png) right 10px center no-repeat #fff;
    /*background-size:11px 10px;*/
    padding: 2px 30px 2px 10px;
    font-family: klavika-light, arial, sans-serif;
    font-size: 16px;
}


/* *************************************************
*** Slider
************************************************* */
#slider {
    height: 390px;
    width: 1000px;
    display: block;
    border-radius: 0 0 0 10px;
    margin-bottom: 20px;
    overflow: hidden;
    /* Firefox */
    -webkit-box-shadow: 0 2px 3px #706f6f;
    /* Chrome, Safari */
    box-shadow: 0 2px 3px #706f6f
    /* CSS3 */
}

#slider .text {
    position: absolute;
    top: 198px;
    height: 130px;
    width: 785px;
    padding: 20px 0 0 45px;
    background: url(../_images/slider_back.png) left top repeat-x;
    z-index: 200;
    color: #fff
}

#slider .kat {
    font-size: 18px;
    margin-bottom: 5px;
    font-family: klavika-regular, arial, sans-serif
}

#slider .headline {
    font-size: 44px;
    line-height: 42px;
    font-family: klavika-medium, arial, sans-serif
}

#slider .subheadline {
    font-size: 44px;
    line-height: 42px;
    font-family: klavika-light, arial, sans-serif
}

#slider .text-zitat {
    position: absolute;
    top: 65px;
    height: 213px;
    width: 450px;
    padding: 35px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 200;
    color: #005CAA;
    line-height: 30px;
    font-size: 26px;
    font-family: klavika-light, arial, sans-serif
}

#slider .text-zitat .sign {
    font-family: klavika-bold-italic, arial, sans-serif;
    font-size: 36px
}

#slider .text-zitat .overflow {
    overflow: hidden;
    height: 213px
}

#slider .text-zitat .autor {
    display: block;
    font-family: Verdana, sans-serif;
    font-size: 14px;
    line-height: 14px;
    margin-top: 5px
}

/* *************************************************
*** Breadcrumb
************************************************* */
#breadcrumb-canvas {
    margin-top: 15px;
    margin-bottom: 25px;
    font-family: klavika-light, arial, sans-serif;
    font-size: 14px
}

/* **********
Pfeile sind werden noch benötigt;
Thomas schaut nach Webfont "Klavika Arrow"
Falls nicht gefunden, soll Herr Humml den Pfeil in Pfade umwandeln und als Vektor abspeichern
********** */
.breadcrumb-link {
    float: left;
    color: #000;
    margin-right: 5px;
    background: url(../_images/ic_breadcrumb.png) left 7px no-repeat;
    background-size: 9px 36px;
    padding-left: 13px
}

.breadcrumb-link a, .breadcrumb-link a:visited {
    color: #000;
    font-weight: 400;
}

.breadcrumb-link:first-child {
    background: none;
    padding-left: 0
}

.breadcrumb-link:hover, .breadcrumb-link a:hover, .breadcrumb-link.active {
    color: #005caa;
    background-position: left -21px
}

/* *************************************************
*** Main / Content
************************************************* */
#main-canvas {
    margin-bottom: 100px;
    display: block
}

#content-canvas {
    display: block;
    float: left;
    width: 735px
}

#content-canvas.pagetype-start {
    width: 100%;
}

#headline-container {
    height: 62px;
    margin-bottom: 15px;
    font-size: 26px;
    border-bottom: 1px solid #a4b7e0
}

#content-canvas.pagetype-start #headline-container {
    height: auto;
    border-bottom: 2px solid #1961AC;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#content-canvas .subheadline {
    color: #005caa;
    line-height: 26px;
    font-family: klavika-light, arial, sans-serif
}

#content-canvas p strong {
    font-family: Verdana, sans-serif;
    font-weight: 700;
}

#content-canvas p a {
    color: #005caa;
    font-weight: 700
}

#content-canvas p a:hover {
    text-decoration: underline
}

#content-canvas li strong {
    font-size: 14px;
    font-family: Verdana, sans-serif;
    font-weight: 700
}

/* ****** article-page ****** */
.article-page #headline-container {
    height: auto;
    border: 0;
    position: relative
}

.article-page .flag {
    position: absolute;
    height: 78px;
    width: 115px;
    background-color: #e6007e;
    text-align: right;
    color: #fff;
    font-family: klavika-bold, arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 5px
}

#headline-container .flag {
    top: 4px;
    left: -133px
}

.image-intro-main-container .flag {
    top: 0;
    left: -125px
}

.article-page h1 {
    font-family: klavika-medium, arial, sans-serif;
    font-size: 35px;
    line-height: 32px
}

.article-page #content-canvas .subheadline {
    font-size: 35px;
    line-height: 32px
}

.article-page #content-canvas {
    width: 235px;
    width: 715px
}

/* ****** map-page ****** */
.map-page {
    position: relative;
    margin-bottom: 20px;
    border-radius: 0 0 0 10px;
    overflow: hidden;
    /* Firefox */
    -webkit-box-shadow: 0 2px 3px #706f6f;
    /* Chrome, Safari */
    box-shadow: 0 2px 3px #706f6f
    /* CSS3 */
}

.map-page .map-container, .map-container #googlemaps-main-mapcontainer {
    height: 500px;
    width: 100%
}

#map-overlay {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 235px;
    height: 100%;
    background-color: #0f0;
    z-index: 800;
    color: #fff;
    background: #23547f;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNTQ3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzcwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23547f), color-stop(100%, #2370b2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #23547f 0%, #2370b2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #23547f 0%, #2370b2 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#23547f), to(#2370b2));
    background: -webkit-gradient(linear, left top, left bottom, from(#23547f), to(#2370b2));
    background: linear-gradient(to bottom, #23547f 0%, #2370b2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23547f', endColorstr='#2370b2', GradientType=0);
    /* IE6-8 */
    /* Firefox */
    -webkit-box-shadow: -1px 0 3px #706f6f;
    /* Chrome, Safari */
    box-shadow: -1px 0 3px #706f6f
    /* CSS3 */
}

#map-overlay .text-container {
    padding: 30px 20px 0
}

#map-overlay .headline {
    font-family: klavika-medium, arial, sans-serif;
    font-size: 16px;
    margin-bottom: 8px
}

#map-overlay .text-container .text {
    font-family: klavika-regular, arial, sans-serif;
    font-size: 14px;
    line-height: 16px
}

#map-overlay .searchform {
    width: 195px;
    margin: 20px 20px 0
}

#map-overlay .searchform .headline {
    margin-bottom: 3px
}

#map-overlay .searchform .eingabe {
    border: 0;
    color: #00386a;
    background: none;
    height: 25px;
    width: 166px;
    border-radius: 10px;
    background: url(../_images/ic_search.png) 6px 7px no-repeat #fff;
    background-size: 11px 10px;
    padding: 0 5px 0 24px;
    font-family: klavika-light, arial, sans-serif
}

.map-content-container a {
    color: #005caa !important;
    font-weight: normal !important;
}

/* Texteditor-Ausgabe in Infobox */
.map-content-container .row span p {
    display: inline-block;
    margin: 0;
}

/* *************************************************
*** Info
************************************************* */
#info-canvas {
    display: block;
    float: left;
    width: 215px;
    margin-left: 50px;
    padding-top: 36px;
    /*padding-top:82px;*/
    /*padding-top: 60px;*/
}

.article-page #info-canvas {
    width: 215px;
    padding: 0 10px;
    background-color: #eaeaea;
    margin-top: -10px
}

/* *************************************************
*** Footer
************************************************* */
#footer-canvas {
    width: 100%;
    background: url(../_images/bg_footer.png) left top repeat-x;
    z-index: 800;
    line-height: 19px;
    color: #fff;
    padding: 5px 0
}

#footer-container {
    width: 1000px;
    margin: 15px auto
}

.footerbox {
    float: left;
    padding-right: 40px
}

.footerbox.last {
    float: left;
    padding-right: 0
}

.footerbox .headline {
    font-family: klavika-medium, arial, sans-serif;
    border-left: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    display: block;
    height: 30px;
    padding-left: 10px
}

.nav-footer {
    padding-left: 10px;
    margin-top: -5px;
    font-family: klavika-light, arial, sans-serif;
    line-height: 19px
}

.nav-footer-link {
    color: #fff
}

.footer-right {
    float: right
}

.scrolltotop {
    float: right;
    font-family: klavika-light, arial, sans-serif;
    line-height: 21px;
    background: url(../_images/ic_back-to-top.png) right 6px no-repeat;
    background-size: 8px 9px;
    padding-right: 14px;
    cursor: pointer;
    display: inline-block
}

#claim-footer {
    color: #fff;
    /*margin:35px 0 0;*/
    text-align: right;
    font-family: klavika-regular, arial, sans-serif;
    font-size: 13px;
    line-height: 15px
}

#claim-footer .headline {
    font-size: 15px
}

/* *************************************************
*** PageElements Main
************************************************* */
/* ********** intro-main ********** */
.intro-main {
    width: 100%;
    color: #005caa;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 25px;
    display: inline-block;
    font-family: klavika-regular, arial, sans-serif
}

/* ********** image-intro-main ********** */
.image-intro-main-container {
    position: relative
}

.image-intro-main {
    margin-bottom: 25px
}

.image-intro-main img {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 0 0 0 10px
}

.image-content-main {
    margin-bottom: 15px
}

.image-content-main img {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 0 0 0 10px
}

.image-intro-main img, .image-content-main img {
    display: block
}

/* ********** image-main ********** */
.image-main {
    width: 100%;
    height: auto;
    margin-bottom: 25px
}

.image-main a {
    display: inline-block
}

.image-main img {
    width: 100%;
    height: auto;
    display: block
}

.image-main.contentmain_portrait img {
    width: auto;
    height: auto;
    display: block
}

/* ********** trennlinie-main ********** */
.trennlinie-main {
    width: 100%;
    display: block;
    border-bottom: 1px solid #a4b7e0;
    margin-bottom: 25px
}

/* ********** texteditor-main ********** */
.texteditor-main {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%
}

.texteditor-main .image {
    float: left;
    margin: 7px 15px 0 0;
    position: relative;
    width: 280px;
}

.texteditor-main .image.detail_portrait {
    float: left;
    height: auto;
    margin: 7px 15px 0 0;
    position: relative;

}

.texteditor-main .image img {
    display: block;
    height: 193px;
    width: 265px;
    border-radius: 0 0 0 10px;
    overflow: hidden;
}

.texteditor-main .image.detail_portrait img {
    width: 265px;
    height: 310px;
    border-radius: 0 0 0 10px
}

.texteditor-main strong {
    font-family: Verdana, sans-serif;
    font-weight: 700;
}

.texteditor-main a {
    color: #005caa;
    font-weight: 700
}

.texteditor-main a:hover, .texteditor-info a:hover {
    text-decoration: underline
}

.texteditor-info strong {
    font-size: 15px
}

.texteditor-main h2, .news-detail h2 {
    color: #005caa;
    font-family: klavika-medium, arial, sans-serif;
    font-size: 18px;
    margin-bottom: 5px
}

.texteditor-main ul, .news-detail ul {
    margin-bottom: 15px;
    display: table
}

.texteditor-main ul li, .news-detail ul li {
    display: block;
    background: url(../_images/list-image.png) left 7px no-repeat;
    background-size: 12px 10px;
    padding-left: 16px;
    margin-bottom: 5px
}

.texteditor-main ul li:last-child, .news-detail ul li:last-child {
    margin-bottom: 0
}

.texteditor-main ol, .news-detail ol {
    list-style-type: decimal;
    margin-bottom: 15px;
    padding-left: 19px;
    display: inline-block
}

.texteditor-main .smily {
    height: 40px;
    width: 41px;
    margin: 6px 15px 0 0;
    float: left;
    background-size: 41px 199px;
    background-repeat: no-repeat;
    display: block;
    background-image: url(../_images/smily.png)
}

.texteditor-main .image .smily {
    position: absolute;
    float: none;
    top: 0;
    left: 0;
    z-index: 200;
    background-color: #fff;
    margin: 0;
    padding: 0 5px 4px 0
}

.texteditor-main .smily.positiv {
    background-position: left 0
}

.texteditor-main .smily.neutral {
    background-position: left -80px
}

.texteditor-main .smily.negativ {
    background-position: left -160px
}


/* ********** headline-main ********** */
.headline-main h2 {
    color: #005caa;
    font-size: 21px;
    font-family: klavika-bold, arial, sans-serif;
    display: block;
    margin-bottom: 15px;
}


/* ********** person-main ********** */
.person-main {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%
}

.person-main .image {
    float: left;
    height: 125px;
    width: 175px;
    border-radius: 0 0 0 10px;
    overflow: hidden;
    margin: 3px 15px 0 0;
    position: relative
}

.person-main .image img {
    display: block
}

.person-main .text {
    float: left;
    width: 545px;
    display: block
}

.person-main .text.noimage {
    float: left;
    width: 100%;
    display: block
}

.person-main .headline-container {
    display: block;
    border-bottom: 1px solid #a4b7e0;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.person-main h2 {
    color: #005caa;
    font-size: 21px;
    font-family: klavika-bold, arial, sans-serif;
    display: block
}

.person-main .subheadline {
    font-size: 21px;
    font-family: klavika-light, arial, sans-serif;
    display: block
}

/* ********** overview-pages ********** */
.overview-pages {
    width: 100%;
    display: inline-block
}

.overview-pages .listbox {
    display: block;
    margin-bottom: 30px
}

.overview-pages .image-container {
    float: left;
    width: 190px;
}

.overview-pages .image {
    display: block;
    margin-right: 15px;
    border-radius: 0 0 0 10px
}

.overview-pages .text-container {
    float: left;
    width: 545px;
    border-top: 1px solid #a4b7e0;
    padding-top: 10px
}

.overview-pages.is-first .listbox:first-child .text-container {
    padding-top: 0;
    border-top: none
}

.overview-pages .text-container.noimage {
    width: 100%
}

.overview-pages h2, .overview-pages h2 a {
    color: #005caa;
    font-size: 21px;
    font-family: klavika-bold, arial, sans-serif;
    display: block
}

.overview-pages h2 a:hover {
    text-decoration: underline
}

.overview-pages .subheadline {
    font-size: 21px;
    font-family: klavika-light, arial, sans-serif;
    display: block
}

.overview-pages .text {
    margin-top: 6px;
    display: inline-block
}

.overview-pages .text a {
    color: #005caa;
    font-family: klavika-regular, arial, sans-serif
}

.overview-pages .text a:hover {
    text-decoration: underline
}

.overview-pages .listbox .topics {
    margin-top: 15px;
    float: left
}

.overview-pages .listbox .topics li {
    float: left
}

.overview-pages .listbox .topics li a {
    color: #005caa;
    font-family: klavika-regular, arial, sans-serif
}

.overview-pages .listbox .topics li a:hover {
    text-decoration: underline
}

/* ********** news-list ********** */

.news-list .news-list-date-filter-wrapper {
    margin-bottom: 10px;
    float: right;
}

.news-list .news-timeselect-filter {
    width: 250px;
    border: 1px solid #bcbcbb;
    padding: 5px;
    font-family: Verdana, sans-serif;
    color: #706F6F;
    font-size: 14px;
}


.news-list .listbox .date {
    font-size: 12px;
    color: #005caa;
    line-height: 14px;
    margin-bottom: 5px
}

.newsblog .topic-filter, .news-list .topic-filter {
    color: #005caa;
    font-family: klavika-light, arial, sans-serif;
    line-height: 21px;
    font-size: 21px;
    margin-bottom: 15px
}

.newsblog .topic-filter left, .news-list .topic-filter .left {
    float: left;
    width: 515px
}

.newsblog .topic-filter a, .news-list .topic-filter a {
    line-height: 21px;
    font-size: 14px;
    color: #005caa;
    float: right
}

.newsblog .topic-filter a span:hover, .news-list .topic-filter a span:hover {
    text-decoration: underline
}

.newsblog .download-headline {
    font-family: klavika-bold, arial, sans-serif;
    color: #005caa;
    font-size: 18px;
    margin-top: 15px;
    display: block
}

.news-list .no-result {
    border-top: 1px solid #a4b7e0;
    padding-top: 10px;
    width: 100%;
    display: block;
    margin-bottom: 30px
}

.newsblog .newsticker-date-filter-wrapper {
    margin-bottom: 10px;
    float: right
}

.newsblog .newsticker-date-filter {
    width: 175px;
    border: 1px solid #bcbcbb;
    padding: 5px;
    font-family: Verdana, sans-serif;
    color: #706F6F;
    font-size: 14px
}

/* ********** news-detail ********** */
.news-detail .author {
    margin-bottom: 25px;
    font-style: italic
}

.news-detail .image-intro-main {
    margin-bottom: 10px
}

.news-detail .newscontainer {
    margin-bottom: 25px;
    display: block
}

.news-detail .overview .image-intro-main-container,
.news-detail .contentmain_newslandscape .image-intro-main-container,
.news-detail .contentmain_dina4 .image-intro-main-container,
.news-detail .contentmain_newsportrait_open .image-intro-main-container,
.news-detail .contentmain_newslandscape_open .image-intro-main-container,
.news-detail .contentmain_dina4_open .image-intro-main-container {
    float: left
}

.news-detail .overview .image-intro-main-container,
.news-detail .contentmain_newslandscape .image-intro-main,
.news-detail .contentmain_dina4 .image-intro-main,
.news-detail .contentmain_newsportrait_open .image-intro-main,
.news-detail .contentmain_newslandscape .image-content-main,
.news-detail .contentmain_dina4 .image-content-main,
.news-detail .contentmain_newslandscape_open .image-intro-main,
.news-detail .contentmain_dina4_open .image-intro-main,
.news-detail .contentmain_newslandscape_open .image-content-main,
.news-detail .contentmain_newsportrait_open .image-content-main,
.news-detail .contentmain_dina4_open .image-content-main {
    margin: 0 20px 20px 0
}

.news-detail .overview .image-intro-main-container,
.news-detail .contentmain_newslandscape_open .intro-main,
.news-detail .contentmain_dina4_open .intro-main,
.news-detail .contentmain_newsportrait_open .intro-main,
.news-detail .contentmain_newslandscape_open .intro-main,
.news-detail .contentmain_dina4_open .intro-main {
    display: block
}

/* ********** newsblog ********** */
.newsblog .text-container {
    float: none
}

.newsblog .date {
    color: #005caa;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px
}

.newsblog .text {
    margin-bottom: 10px
}

.newsblog .link-icon {
    color: #005caa;
    padding-right: 5px;
    display: table-cell
}

.newsblog .link {
    color: #005caa;
    display: table-cell
}

.newsblog .link:hover {
    text-decoration: underline
}

/* ********** topics ******************* */
.topic-info-map-link {
    cursor: pointer
}

.topic-info-map-link.active {
    font-family: klavika-medium, arial, sans-serif;
}

/* ********** article-main ********** */
.article-main .text-container {
    max-width: 545px;
    width: 100%;
}

.article-page #content-canvas .article-main .subheadline, .article-page #content-canvas .single-page-main .subheadline {
    font-size: 21px;
    font-family: klavika-light, arial, sans-serif;
    display: block;
    line-height: 26px
}

/* ********** single-page-main ********** */
.single-page-main .text-container {
    width: 545px;
}

/* ********** download-cat-main ********** */
.download-cat-main {
    display: block;
    margin-bottom: 30px
}

.download-cat-main .image {
    display: block;
    float: left;
    margin-right: 20px
}

.download-cat-main .container {
    display: block;
    float: left;
    width: 640px;
    border-top: 1px solid #a4b7e0;
    padding-top: 10px
}

.download-cat-main h2, .download-cat-main h2 a {
    float: left;
    width: 195px;
    color: #005caa;
    font-family: klavika-bold, arial, sans-serif;
    font-size: 21px;
    line-height: 22px;
    margin-right: 15px;
    overflow: hidden
}

.download-cat-main .subline {
    font-family: klavika-light, arial, sans-serif
}

.download-cat-main .text {
    float: left;
    width: 430px
}

.download-cat-main .link {
    color: #005caa;
    float: right;
    margin-top: 10px;
    display: block
}

.news-list .right {
    display: block
}

.news-detail .download-catlist-main {
    margin-bottom: 15px
}

.download-catlist-main .item {
    margin-bottom: 30px
}

.download-catlist-main .item:last-child {
    margin-bottom: 0
}

.download-catlist-main .left {
    float: left;
    width: 190px;
    margin-right: 20px
}

.download-catlist-main .meta {
    display: block;
    color: #005caa;
    font-family: klavika-regular, arial, sans-serif;
    font-size: 14px;
    line-height: 16px
}

.download-catlist-main .meta:first-child {
    margin-top: 10px
}

.download-catlist-main .right {
    float: left;
    width: 525px
}

.news-detail .download-catlist-main .right, .article-page .download-catlist-main .right {
    width: 505px
}

.news-detail .download-catlist-main .subline {
    max-width: 320px
}

.download-catlist-main h2, .download-catlist-main h3 {
    color: #005caa;
    font-family: klavika-bold, arial, sans-serif;
    font-size: 21px;
    line-height: 22px;
    display: block;
    border-bottom: 1px solid #a4b7e0;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.news-detail .download-catlist-main h2.publikationen {
    margin: 35px 0 20px
}

.download-catlist-main .subline {
    max-width: 320px;
    color: #005caa;
    font-family: klavika-light, arial, sans-serif;
    font-size: 21px;
    line-height: 22px;
    float: left
}

.download-catlist-main .item-links {
    float: right;
    text-align: right
}

.download-catlist-main .link-download {
    /*
       color: #005caa;
       font-family:klavika-regular, arial, sans-serif;
       font-size:14px;
       line-height:14px;
       float:right;
    */
    display: block;
    color: #fff;
    font-family: klavika-regular, arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    /*   float:right;*/
    background-color: #2370B2;
    border-radius: 5px 0 0 0;
    padding: 5px;
    max-width: 168px
}

.download-catlist-main .link-shop {
    /*
       color: #005caa;
       font-family:klavika-regular, arial, sans-serif;
       font-size:14px;
       line-height:14px;
       float:right;
    */
    float: right;
    display: block;
    margin-top: 5px;
    color: #fff;
    font-family: klavika-regular, arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    /*   float:right;*/
    background-color: #2370B2;
    border-radius: 5px 0 0 0;
    padding: 5px
}

.download-catlist-main .link-download:hover, .download-catlist-main .link-shop:hover {
    text-decoration: underline
}

.download-catlist-main .text-headline {
    color: #005caa;
    font-family: klavika-medium, arial, sans-serif;
    margin-top: 20px;
    font-size: 16px;
    line-height: 21px
}

.download-catlist-main .links {
}

.download-catlist-main .verweis {
    color: #706f6f;
    font-family: klavika-light, arial, sans-serif;
    font-size: 15px;
    line-height: 21px;
    display: table
}

.download-catlist-main .verweis:hover {
    text-decoration: underline
}

.download-catlist-main .image {
    display: block;
    border: 1px solid #DBDBDB
}

/* ***** publikation-main ***** */
.publikation-main, .article-page .publikation-main {
    margin-bottom: 30px;
    display: inline-block
}

.publikation-main .right {
    width: 525px
}

.article-page .publikation-main .right {
    width: 505px
}

.article-page .publikation-main .subline {
    max-width: 329px
}

/* ********** video-intern-main / video-extern-main ********** */
.video-intern-main, .video-extern-main {
    width: 100%;
    margin-bottom: 30px
}

.video-intern-main h2, .video-extern-main h2 {
    margin-bottom: 8px
}

video {
    width: 100%;
    height: auto
}

video.news, audio.news {
    margin-bottom: 15px
}

.video-extern-main iframe {
    width: 100% !important;
    height: 402px !important
}

audio {
    width: 100%;
    height: auto;
    display: block
}

/* ********** search-main ********** */
.search-main {
    width: 100%
}

.search-main .searchresult-header {
    margin-bottom: 30px
}

.search-main .searchresult-header .keyword {
    font-weight: 700
}

.search-main .searchresult-group {
    margin-bottom: 30px;
    width: 100%
}

.search-main .searchresult-group .header {
    color: #005CAA;
    font-size: 21px;
    font-family: klavika-bold, arial, sans-serif;
    display: block;
    border-bottom: 1px solid #A4B7E0;
    margin-bottom: 15px;
    padding: 0 0 3px 17px;
    background: url(/_images/ic_subnav-trigger_3.png) left 4px no-repeat;
    background-size: 11px 64px;
    cursor: pointer
}

.search-main .searchresult-group .header.active {
    background-position: left -47px
}

.search-main .searchresult-list {
    display: none
}

.search-main .searchresult-list ul {
    display: inline
}

.search-main .searchresult-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #706F6F
}

.search-main .searchresult-link {
    font-size: 16px
}

.search-main .searchresult-item .keyword {
    font-weight: 700
}

.search-main .searchresult-item .date {
    color: #005caa;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px
}

/* ********** contact formular ********** */
.contactform {
    margin-bottom: 15px
}

.defaultform textarea, .form-row textarea {
    display: block;
    width: 350px;
    max-width: 350px;
    border: 1px solid #bcbcbb;
    padding: 5px;
    font-family: Verdana, sans-serif;
    color: #706F6F;
    font-size: 14px
}

.defaultform textarea:focus, .form-row textarea:focus, .form-row input[type="text"]:focus, .form-row input[type="password"]:focus {
    border: 1px solid #005CAA;
    color: #005CAA
}

.form-row, .defaultform .form-submit-container, .form-submit-container {
    float: left;
    width: 100%;
    display: block;
    margin-top: 10px
}

.form-row.email {
    display: none
}

.form-row label {
    float: left;
    width: 180px;
    padding: 5px 0
}

.form-row label[for='-1'] {
    float: left;
    width: auto;
    padding: 5px 0;
    margin-right: 20px
}

.form-row input {
    float: left
}

.form-row input[type="text"], .form-row input[type="password"] {
    width: 351px;
    border: 1px solid #bcbcbb;
    padding: 5px;
    font-family: Verdana, sans-serif;
    color: #706F6F;
    font-size: 14px
}

.form-row select {
    width: 175px;
    border: 1px solid #bcbcbb;
    padding: 5px;
    font-family: Verdana, sans-serif;
    color: #706F6F;
    font-size: 14px
}

.form-row select#zimmer, .form-row select#aufenthalt {
    width: 150px
}

.form-row input#formAnreise, .form-row input#formAbreise, .form-row input#anzahl_erwachsene {
    width: 130px
}

.form-row input[type="radio"] {
    margin: 10px 5px 0 0
}

.form-row.beitrag .container, .form-row.foerderer .container {
    float: left
}

.form-row.beitrag span, .form-row.foerderer span {
    display: block
}

.form-row.beitrag span.min, .form-row.foerderer span.min {
    display: inline;
    font-size: 10px
}

.form-row.beitrag input[type="radio"], .form-row.foerderer input[type="radio"] {
    float: none
}

.form-row.beitrag .container label, .form-row.foerderer .container label {
    float: none
}

.form-row.beitrag-optional {
    display: none
}

.form-row.sepa-text {
    font-size: 12px;
    margin-bottom: 10px
}

.form-row.no-display {
    display: none
}

.form-row.bund select {
    width: 321px
}

.form-row.mailmail {
    display: none
}

.button-submit {
    background: none;
    border: 0;
    cursor: pointer;
    margin-left: 180px;
    color: #005CAA;
    font-size: 18px;
    font-family: klavika-medium, arial, sans-serif
}

.button-submit.anfrage {
    background-position: 226px 6px;
    margin-top: 15px
}

.defaultform .form-submit-container {
    margin-top: 20px
}

.button-submit:hover {
    text-decoration: underline
}

.form-row label.error, .form-error {
    color: red
}

.form-row input.Error {
    border: 1px solid red
}

.form-row.plz label {
    float: left;
    width: auto
}

.form-plz-ort-label {
    float: left;
    width: 180px
}

.form-row.plz span {
    float: left;
    margin-top: 5px
}

.plz-input, .ort-input, .plz-ort-input-wrapper {
    float: left
}

.plz-input .textbox {
    width: 100px !important
}

.ort-input .textbox {
    width: 229px !important;
    margin-left: 10px
}

.form-error p {
    padding: 12px;
    border: 1px solid red;
    color: red;
    display: inline-block
}

.form-info p {
}

.ds-label {
    float: left;
    width: 100px;
    min-height: 1px
}

.ds-inhalt {
    float: left;
    display: inline;
    width: 320px;
    margin-top: 5px
}

.ds-inhalt input {
    float: left;
    margin: 2px 10px 0 0
}

.ds-inhalt span {
    float: left;
    display: block;
    width: 296px
}

/* ********** Spendenformular ********** */
#payment-form label.error {
    display: none !important
}

#payment-form input.error {
    -webkit-box-shadow: 0 0 5px red;
    box-shadow: 0 0 5px red
}

#payment-form span.block {
    float: left;
    display: block
}

/* *************************************************
*** PageElements Info
************************************************* */
.infobox {
    margin-bottom: 25px
    /* ***** Medium-Schriftschnitt ***** */
}


#info-canvas .zitat-info:first-child {
    margin-top: 26px;
}

.infobox h2 {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    display: block;
    border-bottom: 1px solid #a4b7e0;
    font-family: klavika-medium, arial, sans-serif
}

.infobox h2 a {
    font-family: klavika-medium, arial, sans-serif
}

.article-page .infobox {
    border-top: 1px solid #a4b7e0;
    padding-top: 10px
}

.article-page .infobox h2 {
    border: 0;
    padding: 0 10px
}

.article-page .infobox .content {
    padding: 0 10px
}

/* ********** social-media ********** */
.article-page .infobox.social-media {
    padding: 55px 10px 0;
    border-top: 0
}

.social-media h2 {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.social-media .container1 {
    margin: 0
}

.social-media .container1 .container-text {
    margin-top: 10px;
    font-family: klavika-light, arial, sans-serif;
    line-height: 21px;
    font-size: 15px;
}

.social-media .container2 {
    margin-left: 10px
}

.social-media .button {
    display: block;
    float: left;
    height: 40px;
    width: 39px;
    margin-right: 7px;
    background-image: url(../_images/ic_share.png);
    background-repeat: no-repeat;
    background-size: 435px 40px
}

.social-media .button.facebook {
    background-position: 0 top
}

.social-media .button.twitter {
    background-position: -397px top;
}

.social-media .button.kontakt {
    background-position: -56px top
}

.social-media .button.drucken {
    background-position: -111px top
}

.social-media .button.faq {
    background-position: -166px top
}

.social-media .button.tipp {
    background-position: -222px top
}

.social-media .button.info {
    background-position: -279px top
}

.social-media .button.aktion {
    background-position: -338px top
}

/* ********** texteditor-info ********** */
.texteditor-info {
    font-family: klavika-light, arial, sans-serif;
    line-height: 18px;
    font-size: 15px;
    color: #706f6f
}

.article-page .texteditor-info .content, .article-page .texteditor-info .autor {
    padding: 0 10px
}

.texteditor-info strong {
    font-family: klavika-medium-italic, arial, sans-serif
}

.texteditor-info a {
    font-family: klavika-regular, arial, sans-serif;
    color: #005caa
}

/* ********** zitat-info  ********** */
.zitat-info .content {
    font-family: klavika-regular-italic, arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    border-top: 1px solid #a4b7e0;
    padding-top: 10px
}

.zitat-info .content.noborder {
    border-top: 0
}

.zitat-info .content p {
    margin: 0;
    display: inline
}

.zitat-info .autor {
    color: #005caa;
    font-size: 14px;
    line-height: 17px;
    margin-top: 10px;
    display: block;
    font-family: klavika-light, arial, sans-serif
}

.zitat-info .sign {
    color: #005caa;
    font-family: klavika-bold-italic, arial, sans-serif;
    font-size: 26px
}

.zitat-info .image {
    margin-bottom: 15px
}

.zitat-info img {
    display: block
}

/* ********** links-intern-info ********** */
.links-intern-info {
}

.links-intern-info ul {
    font-family: klavika-light, arial, sans-serif;
    line-height: 21px;
    font-size: 15px;
    padding: 0 10px
}

.links-intern-info .link-item {
    margin-bottom: 10px;
    line-height: 18px
}

.links-intern-info .link-item:last-child {
    margin-bottom: 0
}

.links-intern-info .link-item:before {
    content: ">";
    line-height: 18px;
    color: #706f6f;
    margin-right: 5px
}

.links-intern-info .link-item a {
    color: #706f6f
}

.links-intern-info .link-item a:hover {
    text-decoration: underline
}

/* ********** download-info ********** */
.download-info {
}

.download-info ul {
    font-family: klavika-light, arial, sans-serif;
    padding: 0 10px;
    color: #706f6f
}

.download-info li {
    margin-bottom: 10px;
    display: block
}

.download-info li:last-child {
    margin-bottom: 0
}

.download-info a {
    display: inline-block;
    color: #005caa;
    font-size: 16px;
    line-height: 20px
}

.download-info a:hover {
    text-decoration: underline
}

.download-info .description {
    display: block;
    font-size: 13px;
    line-height: 16px
}

/* ********** topics-info ********** */
.topics-info .infobox {
    margin-bottom: 35px
}

.topics-info li {
    display: inline-block
}

.topics-info li.active a {
    font-family: klavika-bold, arial, sans-serif
}

/* ********** news-topics-info ********** */
.news-topics .text {
    font-family: klavika-light, arial, sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #706f6f;
    display: block;
    padding: 0 10px;
    margin-bottom: 10px
}

.news-topics .topic-category {
    font-family: klavika-bold, arial, sans-serif;
    font-size: 15px
}

.news-topics ul {
    float: left
}

.news-topics li {
    float: left
}

.news-topics li a {
    color: #706f6f
}

.news-topics li a:hover {
    text-decoration: underline
}

/* ********** artikel-meta ********** */
.artikel-meta .headline {
    display: block;
    font-family: klavika-medium, arial, sans-serif;
    font-size: 14px;
    color: #005caa;
    line-height: 15px;
    padding: 0 10px
}

.artikel-meta .text {
    font-family: klavika-light, arial, sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #706f6f;
    margin-bottom: 10px;
    display: block;
    padding: 0 10px
}

.artikel-meta a.text:hover {
    text-decoration: underline
}

/* *************************************************
*** PageElements Overview Canvas
************************************************* */
.teaser-overview-canvas {
    width: 100%
}

.teaser-overview-canvas h2 {
    color: #005caa;
    font-family: klavika-bold, arial, sans-serif;
    font-size: 26px;
    line-height: 26px;
    border-bottom: 2px solid #1961AC;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.teaser-overview-canvas h2 span {
    font-family: klavika-regular, arial, sans-serif;
    padding-left: 8px;
}

.teaser-overview {
    float: left;
    width: 312px;
    height: 150px;
    overflow: hidden;
    border-bottom: 1px solid #a4b7e0;
    margin: 0 32px 30px 0
}

.teaser-overview.nomargin {
    margin: 0 0 30px
}

.teaser-overview a:hover h3 {
    text-decoration: underline
}

.teaser-overview .image-container {
    width: 137px;
    height: 134px;
    overflow: hidden;
    display: table-cell;
    float: left
}

.teaser-overview img {
    display: block;
    border-bottom: 1px solid #a4b7e0;
    border-radius: 10px 0 0 0;
    border: 1px solid #bbbaba
}

.teaser-overview .content {
    padding-left: 15px;
    display: block;
    line-height: 17px;
    font-size: 12px;
    height: 128px;
    overflow: hidden;
    color: #000
}

.teaser-overview h3 {
    font-family: klavika-bold, arial, sans-serif;
    font-size: 20px;
    margin: -3px 0 5px;
    line-height: 21px
}

.teaserheadline-overview {
    clear: both;
    padding-top: 20px;
}

.teaserheadline-overview h2 {
    clear: both;
    padding-top: 20px;
}


/* *************************************************
*** PageElements Start NEU 2021
************************************************* */

/* *** teaserbox-wide *** */

.teaserbox-wide {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 25px;
}

.teaserbox-wide .image-container {
    float: left;
    width: 320px;
    padding-right: 20px;

}

.teaserbox-wide .image-container img {
    border-bottom-left-radius: 10px;
}

.teaserbox-wide .content-container {
    float: left;
    width: 600px;
    padding-right: 60px;
}

.teaserbox-wide h2 {
    font-family: klavika-bold, arial, sans-serif;
    font-size: 26px;
    line-height: 24px;
    margin: 0px 0 0px;
    border: none;
}

.teaserbox-wide .subheadline-link {
    font-family: klavika-light, arial, sans-serif;
    font-size: 26px;
    line-height: 28px;
    color: #005CAA;
    padding-left: 30px;
    display: block;
    background: url('/_images/ic_subheadline_link.png') left top no-repeat;
}

.teaserbox-wide .text {
    margin-top: 21px;
    color: #000;
    font-family: Verdana, sans-serif;
    font-size: 14px;
    line-height: 21px;
    min-height: 75px;
}

.teaserbox-wide a.link-text {
    color: #000000;
}


/* *** teaserbox-publikation-main *** */
.teaserbox-publikation-main {

}

.teaserbox-publikation-main .item {
    background-color: #DBDBDB;
    padding: 20px;
    width: 448px;
    margin-bottom: 25px;
}

.teaserbox-publikation-main .item.left {
    float: left;
}

.teaserbox-publikation-main .item.right {
    float: right;
}

.teaserbox-publikation-main .item .image-container {
    float: left;
    width: 190px;
    padding-right: 20px;
}

.teaserbox-publikation-main .item .content-container {
    float: left;
    width: 230px;
}

.teaserbox-publikation-main .item h3 {
    color: #707070;
    font-size: 26px;
    line-height: 26px;
    border: none;
}

.teaserbox-publikation-main .item .text {
    height: 240px;
}

.teaserbox-publikation-main .item .link-text {
    color: #000000;
}

/* *** teaserbuttons-wide *** */

.teaserbuttons-wide {

}

.teaserbuttons-wide .teaserbutton {
    float: left;
    width: 320px;
    height: 104px;
    margin-right: 20px;

    color: #ffffff;
    border-bottom-left-radius: 10px;

    background: #23547f;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNTQ3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzcwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23547f), color-stop(100%, #2370b2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #23547f 0%, #2370b2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #23547f 0%, #2370b2 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#23547f), to(#2370b2));
    background: -webkit-gradient(linear, left top, left bottom, from(#23547f), to(#2370b2));
    background: linear-gradient(to bottom, #23547f 0%, #2370b2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23547f', endColorstr='#2370b2', GradientType=0);

}

.teaserbuttons-wide .teaserbutton.last {
    margin-right: 0;
}

.teaserbuttons-wide .icon {
    display: block;
    padding: 20px;
}

.teaserbuttons-wide .icon.shop {
    background: url('/_images/teaserbutton_shop.png') right 25px center no-repeat;
}

.teaserbuttons-wide .icon.youtube {
    background: url('/_images/teaserbutton_youtube.png') right 25px center no-repeat;
}

.teaserbuttons-wide .icon.facebook {
    background: url('/_images/teaserbutton_facebook.png') right 25px center no-repeat;
}


.teaserbuttons-wide .topline {
    font-family: klavika-light, arial, sans-serif;
    font-size: 26px;
    line-height: 26px;
    display: block;
}

.teaserbuttons-wide .text {
    font-family: klavika-bold, arial, sans-serif;
    font-size: 26px;
    line-height: 26px;
    display: block;
}


/* ********** texteditor pagetype-start ********** */

.pagetype-start .texteditor-main {
    margin-bottom: 25px;
}


/* ********** FAQs ********** */
.faq {
    width: 100%
}

.faq .category-locator {
    border-bottom: 1px solid #A4B7E0;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.faq .category-locator .category-link, .faq .category-locator .category-link:visited {
    color: #000;
    margin-right: 5px;
    background: url(../_images/ic_breadcrumb.png) left 7px no-repeat;
    background-size: 9px 36px;
    padding-left: 13px;
    font-weight: 400
}

.faq .category-locator .category-link:first-child {
    background: none;
    padding-left: 0
}

.faq .category-locator .category-link.active, .faq .category-locator .category-link:hover {
    color: #005CAA;
    background-position: left -21px
}

.faq .category-list {
}

.faq .category-list li {
    margin-bottom: 5px
}

.faq .category-list li a, .faq .category-list li a:visited {
    color: #000;
    margin-right: 5px;
    background: url(../_images/ic_breadcrumb.png) left 7px no-repeat;
    background-size: 9px 36px;
    padding-left: 13px
}

.faq .category-list li a:hover {
    color: #005CAA;
    background-position: left -21px
}

.faq .item-list {
}

.faq .item-list li {
    display: block;
    margin-bottom: 15px
}

.faq .item-list li a, .faq .item-list li a:visited {
    color: #000
}

.faq .item-list li a:hover h2 {
    text-decoration: underline
}

.faq h2.headline {
    color: #005CAA;
    font-family: klavika-medium, arial, sans-serif;
    font-size: 20px
}

/* ********** FAQ-Detail ********** */
.faq .question {
    border-bottom: 1px solid #A4B7E0;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.faq p {
    margin-bottom: 15px
}

#faq-slider {
    width: 715px
}

.faq .faq-image-subline {
    margin-top: 3px;
    display: block
}

#faq-slider .image_copyright {
    position: absolute;
    z-index: 900;
    top: 526px;
    left: 0;
    color: #706f6f;
    padding: 4px 10px;
    background-color: #dbdbdb
    /*   background:url(../_images/slider_back.png) left center repeat-x;*/
}

.pageElement-paymentform {
    width: 100%
}

.form-row.disclaimer {
    padding-top: 20px;
    padding-left: 180px;
    font-size: 12px;
    max-width: 350px
}

.form-row.disclaimer a {
    color: #005CAA
}

.form-row.disclaimer a:hover {
    text-decoration: underline
}

/********* clustering **********/
.newsticker-map-date-filter-wrapper {
    float: right;
    width: auto;
    display: block;
    text-align: right;
    display: inline-block
}

.cluster-30 {
    background: url(/_images/cluster-background.png) center center no-repeat;
    background-size: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff
}

.cluster-40 {
    background: url(/_images/cluster-background.png) center center no-repeat;
    background-size: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff
}

.cluster-50 {
    background: url(/_images/cluster-background.png) center center no-repeat;
    background-size: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff
}

#openstreetmap-container {
    height: 600px
}

.newsticker-map-legend {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 15px;
    margin-top: 5px;
    border-top: 1px solid #a4b7e0
}

.newsticker-map-legend .legend {
    float: left;
    margin-left: 15px;
    padding-left: 30px
}

.newsticker-map-legend .legend:first-child {
    background: url(/_libs/leaflet/images/marker-icon.png) left center no-repeat;
    background-size: contain
}

.newsticker-map-legend .legend:nth-child(2) {
    background: url(/_libs/leaflet/images/marker-grau.png) left center no-repeat;
    background-size: contain
}

.newsticker-map-legend .legend:nth-child(3) {
    background: url(/_libs/leaflet/images/marker-schwarz.png) left center no-repeat;
    background-size: contain
}

.newsticker-map-legend .legend:nth-child(4) {
    background: url(/_libs/leaflet/images/marker-dunkel-grau.png) left center no-repeat;
    background-size: contain
}

.newsticker-control-container {
    position: relative;
    width: auto;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #a4b7e0;
    margin-bottom: 5px
}

.newsticker-control-container a {
    cursor: pointer;
}

.newsticker-control-container .info-container {
    color: #005caa;
    font-family: klavika-light, arial, sans-serif;
    line-height: 21px;
    font-size: 21px;
    margin-bottom: 15px;
    margin-top: 15px;
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
}

.newsticker-control-container .info-container .topic-filter {
    margin-bottom: 0;
}

#newsticker-search-form {
    display: inline-block;
    float: left;
    height: auto;
    width: 100%;
    max-width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#newsticker-search-box {
    display: block;
    max-width: 250px !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: block !important;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #bcbcbb;
    height: 31px;
    margin: 0;
    font-family: Verdana, sans-serif;
    color: #706F6F;
    font-size: 14px
}

#newsticker-legende {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 25px;
    padding-bottom: 25px
}

#newsticker-legende .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px;
    margin-top: 0
}

#newsticker-legende .item .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px
}

#newsticker-legende .item img {
    width: 15px;
    height: 25px
}

#newsticker-legende .item span {
    display: block;
    font-size: 14px;
    text-align: left;
    font-family: klavika-regular, arial, sans-serif;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: calc(100% - 45px);
    flex-basis: calc(100% - 45px);
    margin-left: 20px
}

.map-content-container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.mapitem-infotext {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.map-content-container .row:last-child {
    margin-bottom: 0
}

.map-content-container .row span:first-child {
    width: 70px;
    line-height: 15px
}

.map-content-container .row span.border {
    border-right: 1px solid #000
}


/********** gallery ************/

.gallery-container {
    padding-top: 20px;
    padding-bottom: 15px;
    border-top: 1px solid #a4b7e0;
    height: auto;
    overflow: hidden;
}

.gallery-container .gallery-image {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.gallery-container .gallery-image:nth-child(4n+4) {
    margin-right: 0;
}


/********** map ************/

.map-content-container .row span:last-child {
    width: calc(100% - 80px);
    display: block;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}


#map-loading-div {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 50px;
    width: 50px;
    top: calc(50% - 25px);
}


.pageElement-newsticker {
    position: relative;
    min-height: 600px;
}

.image-info .image-subline a {
    color: #005caa;
}

.news-detail .gallery-container .gallery-image {
    width: 100%;
    max-width: 170px;
}

.news-detail .gallery-container .gallery-image img {
    max-width: 171px;
    width: 100%;
    height: auto;
    display: block;
}

.image-info img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 186px;
}


/********** events ************/

.calenderlist-groupheadline {
    color: #005caa;
    font-family: klavika-bold, arial, sans-serif;
    font-size: 26px;
    line-height: 26px;
    border-bottom: 1px solid #a4b7e0;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.calenderlist-grouplist {
    margin-bottom: 60px;
}


.event-item {
    margin-bottom: 30px;
}

.event-item h2 {
    color: #005caa;
    font-size: 21px;
    font-family: klavika-bold, arial, sans-serif;
    display: block;
}

.event-item .subheadline {
    color: #005caa;
    font-size: 21px;
    font-family: klavika-light, arial, sans-serif;
    display: block;
    font-weight: normal;
}

.events-detail-main .link {
    color: #005caa;
}

.events-detail-main .link:before {
    content: '> ';
}

.events-detail-info .infobox .content span {
    display: block;
}

.events-detail-info .button {
    color: #005caa;
}

.events-detail-info .button:before {
    content: '> ';
}


.events-archive-main .content {
    margin-top: 6px;
    border-bottom: 1px solid #a4b7e0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.events-archive-main h2 {
    color: #005caa;
    font-size: 21px;
    font-family: klavika-bold, arial, sans-serif;
    display: block;
}

/* donation popup */

body {
    position: relative;
}


#popup-modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 8000;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

#donation-popup {
    display: none; /* Hidden by default */
    box-sizing: content-box;
    background-color: #005caa;
    width: 550px;
    height: 300px;
    padding: 40px 20px 20px;
    position: fixed;
    left: calc(50% - 250px);
    top: calc(50% - 150px);
    text-align: center;
    z-index: 8200;
}

.popup-headline {
    font-size: 34px;
    line-height: 38px;
    font-family: klavika-bold, arial, sans-serif;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 20px;
}

.popup-text-container {
    font-family: klavika-regular, arial, sans-serif;
    font-size: 18px;
    text-align: left;
    color: #FFFFFF;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 20px;
}

.popup-text-container strong {
    font-family: klavika-bold, arial, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
}

.popup-text-1 {
    padding-bottom: 5px;
}

.popup-button-main {
    display: inline-block;
    padding: 20px 60px;
    border-radius: 10px;
    background-color: #FFFFFF;
    color: #005caa;
    font-size: 18px;
    font-weight: bold;

}

.popup-link-container {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.popup-link-container a {
    color: #FFFFFF;
}

.popup-link-container .divider {
    width: 30px;
    color: #FFFFFF;
}


@media only screen and (max-width: 768px) {
    #donation-popup {
        width: 80%;
        height: 60vh;
        left: calc(50% - 45%);
        top: calc(20%);
    }

    .popup-link-container {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .popup-link-container .divider {
        display: none;
    }


}