@font-face {
    font-family: 'Nordelbica';
    font-style: normal;
    font-weight: 300;
    src: url("../Fonts/n023013t.woff") format("woff");
}
@font-face {
    font-family: 'Nordelbica';
    font-style: normal;
    font-weight: normal;
    src: url("../Fonts/n023014t.woff") format("woff");
}
@font-face {
    font-family: 'Nordelbica';
    font-style: normal;
    font-weight: bold;
    src: url("../Fonts/n023016t.woff") format("woff");
}
@font-face {
    font-family: 'Nordelbica';
    font-style: italic;
    font-weight: normal;
    src: url("../Fonts/n023013t.woff") format("woff");
}
html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: normal;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*, ::before, ::after {
    box-sizing:inherit;
}
body {
    margin:0;
    width:100%;
    height:100%;
    font-family: 'Nordelbica',arial,sans-serif;
    color:#000000;
    font-weight: 300;
}
/* font sizes */

body {
    font-size: 17px;
    line-height:150%;
}
h1,
h1.h2,
h2.h1,
.frame-big-headlines h2 {
    font-size:calc(4vw + 10px);
    line-height:110%;
}
.col-lg-4 h1,
.col-lg-4 h2.h1 {
    font-size:calc(3vw + 10px);
    line-height:110%;
}
h2,
h1 + h2,
h3,.h3,
#kesearch_num_results {
    font-size:calc(1.2vw + 10px);
    line-height:110%;
}
.frame-divider .col {
    border-right:1px solid #8589BB;
}
.frame-divider .teaserbox {
    border-bottom:1px solid #8589BB;
    padding-bottom:40px;
}
.frame-divider .col:last-child {
    border-right:0px;
}
.frame-divider .row-lg .col:first-child .inner-container {
    padding-left:0px;
}
.frame-divider .row-lg .col:last-child .inner-container {
    padding-right:0px;
}
.newsslider {
    margin-top:-100px;
}
.newsslider .item {
    position:relative;
    padding-top:80px;
}
.emailpart {
    display:none;
}
.success {
    background-color: #CDEACA;
    border: 1px solid #58B548;
    color: #3B7826;
    margin-bottom: 4px;
    padding: 12px 12px 12px 36px;
    margin-bottom:40px;
}
.danger {
    background-color: #f2dedd;
    border: 1px solid #c0625d;
    color: #a03c37;
    margin-bottom: 4px;
    padding: 12px 12px 12px 36px;
    margin-bottom:40px;
}
/* popups */

.lightbox {
    height:100%;
    width:100%;
    position: fixed;
    z-index:10010;
    display:none;
    top:0;
    background-color: rgba(0,0,0,0.8);
}
.lightbox .lightbox-close-btn {
    position: absolute;
    top:22px;
    right:22px;
    display:block;
    cursor:pointer;
}
.popup {
    width:90%;
    left:5%;
    top:10%;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    z-index:20000;
    position: fixed;
    overflow-y: scroll;
    height:80%;
}
.no-toppading {
    padding-top:0px;
    margin-top:0px;
}
body.lightbox-active {
    overflow-y:hidden;
}
.primary-btn {
    padding:6px 20px 7px;
    font-family: 'Helvetica';
    font-weight: bold;
    margin:0 10px;
    background-color:#8589BB;
    color:#fff;
    height:100%;
    cursor:pointer;
    display: inline-block;
    margin-left:0px;
}
.content .cta-buttons-event a.primary-btn, .content .dropdown-btn-wrapper a.primary-btn {
    color:#fff;
}

#lightbox-image-inner {
    background-size: contain;
    width: 80%;
    height: calc(100% - 130px);
    margin: 0 10%;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-top: 40px;
}
#lightbox-image figcaption, #lightbox-image .source {
    width: 100%;
    text-align: center;
}
#lightbox-image figcaption {
    color: #fff;
}

strong,b {
    font-weight:bold;
}

h1 {
    margin-top:15px;
    margin-bottom:100px;
    color:#000000;
    padding:0px;
    max-width:800px;
    font-weight:bold;
}
.content-left img,
.content-right img {
    margin-top:12px;
}
.content-right h1 {
    margin-bottom:20px;
}
h1.h2 {
    padding:0px;
    margin-top:25px;
    margin-bottom:20px;
}
h1.mob-container {
    padding-top: 0px;
    padding-bottom: 0px;
}
h2,#kesearch_num_results {
    padding:40px 0 24px 0;
    margin:0px;
    display:block;
    color:#000;
    font-weight:bold;
}
h4 {
    margin:0px;
    padding:40px 0 18px 0;
}
.float-right,.image-float-right {
    float:right;
}
.float-left,.image-float-left {
    float:left;
}
.image-wrap.float-left {
    margin:0px 15px 10px 0px;
}
.image-wrap.float-right {
    margin:0px 0px 10px 15px;
}
.image-wrap.width-100 {
    width:46%;
}
.content .image-wrap.float-right,
.content .image-wrap.float-left {
    margin-top:10px;
}
.frame-type-menu_subpages h2,
.frame-type-menu_pages h2 {
    padding:20px 0 2px 0;
}
.content .subcontent .frame-type-menu_pages ul,
.content .subcontent .frame-type-menu_subpages ul {
    margin-top:20px;
}
.content #kesearch_results a {
    color:#000;
    font-weight:bold;
    text-decoration:none;
    text-transition:color 500ms;
}
.content #kesearch_results .teaserbox {
    max-width:680px;
}
.content #kesearch_results a:hover {
    color:#8589BB;
}
h2.h1,
.frame-big-headlines h2 {
    margin:0px;
    padding:80px 0 70px 0;
    color:#34114e;
}
.frame-big-headlines h2 {
    padding:20px 0 10px 0;
}
h1 + h2,
h1 + #kesearch_num_results {
    padding:0 0 18px 0;
    margin-top:-50px;
}
.text-bottom h1 + h2 {
    margin-top:20px;
    padding-bottom:5px;
}
.negative-toppading {
    padding-top:0px;
    margin-top:-50px;
}
h2 + h3 {
    padding-top:0px;
    margin-top:-5px;
    margin-bottom:15px;
}
h3,.h3 {
    margin:0px;
    padding:22px 0 18px 0;
    font-weight:bold;
}
.hyphen {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.content p {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.text-medium {
    font-weight:normal;
}
.search-div {
    float:left;
    margin-right:20px;
}
.search-form {
    display:none;
}
.search-form .link-button {
    font-size:13px;
    font-weight:bold;
}
form.search-form {
    padding: 0 15px 0 0;
}
.search-div form {
    margin:0px;
    float:left;
}
.search-link {
    margin:0 20px;
}
.login-div {
    float:left;
}
.link-button.input-submit {
    padding:3px 5px;
    box-sizing:border-box;
    margin:0 0 0 3px;
    height:28px;
    float:left;
    cursor:pointer;
}
.submit-div {
    margin-top:15px;
    margin-bottom:15px;
}
.submit-div .link-button.input-submit {
    float:none;
}
.text-left {
    text-align:left;
}
.text-right {
    text-align:right;
}
.text-right ul li {
    text-align:left;
}
.text-center,
section .text-center p {
    text-align:center;
}
.text-justify {
    text-align:justify;
}
.input-text,
.input-search {
    border:1px solid #8589BB;
    font-size:14px;
    height:28px;
    padding:3px 5px;
    box-sizing:border-box;
    border-radius:2px;
}
.form-label {
    margin-top:10px;
}
.input-search {
    float:left;
}
.header-right {
    float:right;
}
.header-right a {
    color:#8589BB;
    text-decoration:none;
    font-size:17px;
    font-weight:bold;
}
.header-right a:hover {
    text-decoration:underline;
}
.hidden {
    display:none;
}
.frame-space-before-extra-large {
    padding-top:150px;
}
.frame-space-before-large {
    padding-top:100px;
}
.frame-space-before-medium {
    padding-top:60px;
}
.frame-space-before-small {
    padding-top:30px;
}
.frame-space-before-extra-small {
    padding-top:15px;
}
.frame-space-after-extra-large {
    padding-bottom:150px;
}
.frame-space-after-large {
    padding-bottom:90px;
}
.frame-space-after-medium {
    padding-bottom:60px;
}
.frame-space-after-small {
    padding-bottom:30px;
}
.frame-space-after-extra-small {
    padding-bottom:15px;
}
.logo-scroll {
    display:none;
    height:40px;
    width:auto;
    margin-top:5px;
}
.logo-scroll img {
    height:40px;
    width:auto;
}
#printlogo {
    display:none;
}
.navigation {
    width:100%;
    background-color:#fff;
    min-height:70px;
}
.navigation .content-right {
    background-color:#fff;
    padding-top:10px;
}
.fixed .navigation {
    position:fixed;
    top:0px;
    z-index:999;
}
.fixed .main {
    padding-top:50px;
}
.header {
    background-color:#fff;
    padding:10px 0px;
    width: 100%;
}
.header .col {
    margin-bottom:0px;
}
.logo {
    margin-left:-10px;
    display:none;
    height:76px;
    width:auto;
}
.logo-mobile {
    display:block;
}
.small-text {
    font-size:13px;
    line-height:150%;
}
.big-text {
    font-size:20px;
    font-weight:normal;
}
.news-noimage {
}
.container {
    margin-left:5%;
    margin-right:5%;
}
.content.container {
    margin-bottom:100px;
    margin-top:15px;
}
.container.form-registerevent {
    margin: 0px auto;
    margin-left:15px;
    margin-right:15px;
}
.content a {
    color:#5C427C;
    text-decoration:underline;
    transition:color 500ms;
}
.content a:visited {
    color:#513375;
}
.content a:hover {
    color:#8589BB;
}
.content a.dot-link {
    color:#fff;
    text-decoration:none;
    font-weight:normal;
}
.content img {
    width:100%;
    height:auto;
}
.content .frame-divider img {
    width:auto;
    max-width:100%;
    max-height:350px;
}
.pos-right img {
    float:right;
}
.pos-center img {
    margin:0px auto;
}
.width-75,
.imagetext .caption.width-75,
img.imagewidth-75,
.content img.imagewidth-75 {
    width:75%;
    height:auto;
}
.width-50,
.imagetext .caption.width-50,
img.imagewidth-50,
.content img.imagewidth-50 {
    width:50%;
    height:auto;
}
.width-35,
.imagetext .caption.width-35,
img.imagewidth-35,
.content img.imagewidth-35 {
    width:35%;
    height:auto;
}
.width-25,
.imagetext .caption.width-25,
img.imagewidth-25,
.content img.imagewidth-25 {
    width:25%;
    height:auto;
}
.content .textwidth-75 {
    width:75%;
}
.content .textwidth-50 {
    width:50%;
}
.content .textwidth-25 {
    width:25%;
}
.contenttable td {
    vertical-align:top;
}
.row-lg {
    display:block;
    width:100%;
}
.col-lg-2 {
    width:16.666%;
    float:left;
}
.col-lg-3,.col-sm-6.col-lg-3 {
    width:25%;
    float:left;
}
.col-lg-4 {
    width:33.333%;
    float:left;
}
.col-lg-5 {
    width:41.666%;
    float:left;
}
.col-sm-6,
.col-lg-6 {
    width:50%;
    float:left;
}
.col-lg-7 {
    width:58.333%;
    float:left;
}
.col-lg-8 {
    width:66.666%;
    float:left;
}
.col-lg-9 {
    width:75%;
    float:left;
}
.col-lg-10 {
    width:83.333%;
    float:left;
}
.image-wrap {
    position:relative;
}
.content-right {
    padding-left:15%;
}
.content a.link-button,
.link-button {
    border: 1px solid #7579ab;
    border-radius: 2px;
    display:inline-block;
    color: #7579ab;
    font-size:15px;
    text-decoration:none;
    text-align:center;
    padding:5px 80px;
    margin-top:20px;
    margin-bottom:20px;
    background-color:#fff;
    transition:all 500ms;
}
.content a.link-button:hover,
.link-button:hover {
    background-color:#7579ab;
    color:#fff;
}
.navigation a {
    color: #34114E;
    text-decoration:none;
    font-weight:bold;
    font-size:17px;
    margin:0 12px 0 12px;
}
.navigation ul ul li a {
    margin-right:0px;
}
.caption {
    font-size:17px;
    margin-top:15px;
    margin-bottom:10px;
    line-height:140%;
}
.imagetext .col {
    position:relative;
}
.imagetext .caption {
    padding: 0;
    font-size:17px;
    color:#7579ab;
    padding:0 0 10px 0;
    margin-top:7px;
}
.content .imagetext .caption p {
    margin:0px;
}
.caption b {
    font-size:20px;
}
p {
    margin:0px;
    padding:0px 0px 15px 0px;
}
.slick-slider {
    width:100%;
}
.slider .item {
    background-color:#fff;
}
.slider .item .inner {
    padding:0 10% 0 0;
}
.newsslider {
    position:relative;
}
.newsslider .caption {
    margin-top:20px;
    margin-bottom:40px;
}
.newsslider .slick-list {
    padding:0px !important;
    margin-left:75px;
    margin-right:10px;
}
.eventslider .slick-slider {
    height:auto !important;
}
.eventslider .slick-list {
    padding:0px !important;
    height:auto !important;
}
.eventslider .slick-slider .slick-list .item {
    padding-bottom:20px !important;
}
.eventslider .slick-prev,
.newsslider .slick-prev {
    left:40px;
    background-image:url(../Images/Icons/icon-arrow-left.svg);
    background-repeat:no-repeat;
    width: 30px;
    height: 40px;
    top: 35%;
    z-index:99;
}
.slick-prev:hover,
.slick-next:hover {
    opacity:.8;
}
.slick-prev:before {
    content:'';
}
.slick-next:before {
    content:'';
}
.slick-next {
    right:-10px;
}
.imageslider .slick-next {
    right:-50px;
}
.eventslider .slick-next,
.newsslider .slick-next {
    background-image:url(../Images/Icons/icon-arrow-right.svg);
    background-repeat:no-repeat;
    z-index:99;
    width:30px;
    height:40px;
    top:35%;
}

.eventslider .slick-prev, .eventslider .slick-next {
    top:40%;
}
.eventslider .slick-prev {
    left:-35px;
}
.row-lg::after {
    content:'';
    clear:both;
    display:block;
}
.row-lg.table::after {
    content:none;
}
.slick-dots li {
    margin:0px;
}
.slick-dots li button:before {
    font-size:11px;
    color:#7579ab;
}
.slick-dots li.slick-active button:before {
    color:#7579ab;
}

.slick-slider .slick-list {
    border-bottom:3px solid #7579ab;
}


.slick-dots {
    bottom:-45px;
}
.eventslider {
    margin-bottom:55px;
}
.frame-type-menu_subpages .eventslider h2, .frame-type-menu_pages .eventslider h2 {
    margin-top:20px;
    padding-bottom:12px;
}

.frame-type-mask_imagetext {
    margin-bottom:25px;
}
.frame-type-mask_imagetext.frame-accordion {
    margin-bottom:0px;
}

a {
    color:#5c427c;
}
.news-backlink-wrap a,
.morenews a {
    font-size:20px;
    float:right;
    margin-top:20px;
    margin-right:10px;
}
.gap-20 .col {
    box-sizing:border-box;
}
.inner-container {
    padding-left:10%;
    padding-right:10%;
}
.col {
    margin-bottom:50px;
}
.col-padding {
    padding:0 15%;
}
footer {
    background-color:#f5f5f5;
    padding:80px 0px 40px 0;
}
footer a {
    color:#000;
    font-weight:normal;
}
footer a:hover {
    color:#666;
}
footer .inner {
    padding-right:15px;
}
.footer-bottom ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
.footer-bottom ul li {
    float:left;
}
.footer-bottom ul li a {
    display:inline;
    padding:0px 12px;
}
.footer-bottom ul li:first-child a {
    padding-left:0px;
}
.footer-bottom ul li + li::before {
    content: " | ";
    float:left;
}
.dot-link {
    width:100px;
    height:100px;
    border-radius:50px;
    background-color:#CBD874;
    color:#fff;
    font-size:13px;
    text-align:center;
    display:block;
    line-height:140%;
    text-decoration:none;
    font-weight:300;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100020;
}
.logo-bw {
    display:none;
}
.footer-bottom {
    padding-top:70px;
    padding-bottom:40px;
}
.footer-bottom a {
    color:#000;
    text-decoration:none;
}

.burger-btn, .close-btn {
    width: 60px;
    height: 70px;
    float: right;
    cursor: pointer;
    background-size: 30px;
    background-position: 0px center;
    background-repeat: no-repeat;
}
.lightbox-close-btn,
.close-btn {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    background-image: url("../Images/Icons/icon-close-black.svg");
    z-index:9999;
}
.lightbox-close-btn {
    background-image: url("../Images/Icons/icon-close-white.svg");
    width: 30px;
    height: 19px;
    background-repeat:no-repeat;
}
.burger-btn {
    background-image: url("../Images/Icons/icon-burger-colored.svg");
    position: fixed;
    top: 0px;
    right:0px;
    z-index:9999;
}

.burger-btn.active {
    background-image: none;
}

.content a.icon-more {
    background-color:#5C427C;
    color:#fff;
    text-decoration:none;
    padding:8px 16px;
    transition:500ms all;
}
.content a.icon-more:hover {
    background-color:#67399f;
}
/* icon buttons */
.icon-btn::before {
    content:'';
    height:15px;
    width:15px;
    margin:5px 10px 10px 0;
    float:left;
    background-size:contain;
    background-repeat: no-repeat;
}
.icon-btn-right {
    height:auto;
    float:right;
    margin-left: 20px;
    margin-right:0;
}
.icon-btn-right::before {
    float:right;
    margin:6px 0 0 5px;
}
.icon-test::before {
    background-image:url('../Images/Icons/icon-test.svg');
}
.icon-more::before {
    background-image:url('../Images/Icons/icon-arrow-right.svg');
}
.icon-anmelden::before {
    background-image:url('../Images/Icons/icon-check.svg');
}
.icon-calendar::before {
    background-image:url('../Images/Icons/icon-calendar.svg');
}
.icon-calendar.active::before {
    background-image:url('../Images/Icons/icon-calendar-dark.svg');
}
.icon-share::before {
    background-image:url('../Images/Icons/icon-share.svg');
}
.icon-share.active::before {
    background-image:url('../Images/Icons/icon-share-dark.svg');
}
.icon-email::before {
    background-image:url('../Images/Icons/icon-email.svg');
}
.icon-facebook::before {
    background-image:url('../Images/Icons/icon-facebook.svg');
}
.icon-twitter::before {
    background-image:url('../Images/Icons/icon-twitter.svg');
}
.icon-copy::before {
    background-image:url('../Images/Icons/icon-copy.svg');
}
.icon-print {
    display:inline-block;
}
.icon-print::before {
    background-image:url('../Images/Icons/icon-print.svg');
}
.messsage {
    margin-bottom:20px;
}
.tx-kesearch-pi1 form {
    margin-bottom: 0px !important;
    padding:0px;
}
.content .tx-kesearch-pi1 img {
    width:auto;
    margin-left:20px;
    margin-bottom:10px;
}
.content .tx-kesearch-pi1 .resetbutt {
    display:none;
}
.content .tx-kesearch-pi1 .submitbutt {
    float:left;
    margin-left:8px;
    padding:0px;
    border-radius:0;
}
.content .tx-kesearch-pi1 .submitbutt input {
    padding:9px;
    border:1px solid #7579ab;
    color:#7579ab;
    background-color:#fff;
}
.content .tx-kesearch-pi1 .kesearchbox {
    display:inline-block;
    float:left;
}
.content .tx-kesearch-pi1 .kesearchbox #ke_search_sword {
    position:static;
    border-radius:0;
    padding:8px;
    font-size:17px;
    border:1px solid #7579ab;
}
#kesearch_results .result-list-item {
    padding:20px !important;
    background-color:#efefef;
}
.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
    float:right !important;
}

/* header navigation */
.navigation nav {
    width: 100%;
    display:none;
}
.navigation nav ul {
    background-color: #fff;
    margin:0;
    padding:0;
    list-style-type: none;
    text-align: left;
    z-index:999;
}

nav ul li {
    padding: 0;
    position: relative;
    border-bottom: 1px solid #000;
}

header nav > ul > li:first-child {
    border-top: 1px solid #000;
}

nav ul li:last-child {
    border: none;
}

nav ul li a {
    padding: 24px 20px 20px 20px;
    color: #34114E;
    display: block;
    text-decoration: none;
}

/* second level list*/
.navigation nav ul ul {
    border-top: 1px solid #000;
    background-color: #fff;
    z-index: 1;
    display: none;
    color:#000;
}

.navigation nav ul ul li {
    border-bottom: 1px solid #000;
}
.twocols {
    column-count: 2;
    column-gap: 40px;
    line-height:150%;
}
.threecols {
    column-count: 3;
    column-gap: 40px;
    line-height:150%;
}
.twocols .bg-magenta,
.threecols .bg-magenta,
.bg-magenta {
    background-color:#c71b7a;
    color:#ffffff;
    padding:20px 25px;
    break-inside: avoid-column;
    margin-bottom:15px;
}
.content .bg-magenta a,
.bg-magenta a {
    color:#ffffff;
}
p.bg-magenta {
    display:inline-block;
}
.twocols .bg-flieder,
.threecols .bg-flieder,
.bg-flieder {
    background-color:#c1c5da;
    padding:20px 25px;
    break-inside: avoid-column;
    margin-bottom:15px;
}
p.bg-flieder {
    display:inline-block;
}
.twocols .bg-green,
.threecols .bg-green,
.bg-green {
    background-color:#67a644;
    color:#ffffff;
    padding:20px 25px;
    break-inside: avoid-column;
    margin-bottom:15px;
}
p.bg-green {
    display:inline-block;
}
.content .bg-green a,
.bg-green a {
    color:#ffffff;
}
.content ul {
    margin:10px 10px 20px 20px;
    padding:0px;
}
.content ul.slick-dots {
    margin:0px;
}
.content ul.bg-magenta,
.content ul.bg-flieder {
    padding:20px 30px 20px 40px;
    margin:0 0 10px 0;
}
.content ul li {
    margin:0px;
    padding:0px 0px 12px 0px;
}
blockquote {
    display:block;
    border-top:1px solid #8589BB;
    border-bottom:1px solid #8589BB;
    color:#8589BB;
    page-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin:0 0 15px 0;
    padding:15px 20px 5px;
    line-height:150%;
    font-size:20px;
}
.paddingtop-big {
    padding-top:100px;
}
.table {
    display:table;
    table-layout:fixed;
    width:100%;
}
.table .col {
    display:table-cell !important;
    float:none !important;
    vertical-align:top;
}
.table .text-bottom {
    display: table-cell;
    vertical-align: bottom;
}
.table .text-bottom h1 {
    margin-bottom:0px;
}
.table > .col-lg-6 {
    display:table-cell;
    float:none;
    position:relative;
    vertical-align:top;
}
.table > .col-lg-6.text-bottom {
    vertical-align:bottom;
}
.imagetext .caption,
.news-img-wrap .caption,
.news-img-wrap figcaption {
    position:absolute;
    bottom:10px;
    color:#fff;
    text-shadow: 2px 2px 2px black;
    padding:5px 15px;
    width:100%;
    margin:0px;
    background:rgba(0, 0, 0, 0.3);
}
.content .imagetext .caption a,
.content .news-img-wrap .caption a,
.content .news-img-wrap figcaption a{
    color:#fff;
}
.content .imagetext .caption p,
.content .news-img-wrap .caption p,
.content .news-img-wrap figcaption p,
.content .imagetext .caption h5,
.content .news-img-wrap .caption h5,
.content .news-img-wrap figcaption h5 {
    margin:0px;
    padding:0px;
}
.news-img-wrap {
    position:relative;
}

.imagetext .col {
    padding:0 10px;
}
.imagetext .col:first-child {
    padding:0 20px 0 0;
}
.imagetext .col:last-child {
    padding:0 0 0 20px;
}
.imagetext .col.col-lg-12:last-child {
    padding:0px;
}

    /* article sections */
section {
}
.sectiontitle{
    margin:30px 0 20px 0;
    text-align: left;
    font-size: 25px;
    font-weight:400;
}
.teaserbox {
    margin-bottom:30px;
    text-align: left;
}
section p {
    text-align: left;
}
.teaserbox .text {
    padding:0;
}
.news-subheader {
    font-size: 25px;
    line-height: 1.3em;
    font-weight:normal;
}
.news-subheader p {
    margin-top:0px;
    padding-top:0px;
}
.news-teaser {
    padding-top:15px;
}
.teaserbox .text .teaserbox-title a{
    color: #000;
    margin-bottom: 3px;
    display: block;
}
.teaserbox .center-btns {
    padding:20px 0;
    margin-top:30px;
}
.teaserbox-book {
    padding:30px 0;
}
.teaserbox-book .teaserbox-title {
    display:table;
    margin:0 0 10px 0;
}
.teaserbox-book .book-title {
    display:table;
    font-weight: bold;
    margin:0;
}
.teaserbox-book .book-author {
    display:table;
    margin:0 0 10px 0;
    font-size: 15px;
}
.teaserbox-book .book-cover-wrapper {
    float:left;
    padding:30px 0 0 0;
    width:100%;
}
.teaserbox-book .book-cover {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    padding:30px;
    float:left;
    margin-left: 50%;
    -webkit-transform: translateX(-55%);
    -moz-transform: translateX(-55%);
    transform: translateX(-55%);
}
.teaserbox-book .book-cover img{
    height:250px;
    width:auto;
    z-index:1;
    -webkit-transform: rotateY(-35deg);
    -moz-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    outline: 1px solid transparent;
    -webkit-box-shadow: 5px 0px 0px -3px rgba(255,255,255,1), 10px 0px 0px -4px rgba(245,245,245,1), 15px 0px 0px -5px rgba(255,255,255,1), 20px 0px 0px -6px rgba(245,245,245,1), 25px 0px 0px -7px rgba(255,255,255,1), 28px 0px 0px -6px rgba(150,150,150,1);
    -moz-box-shadow: 5px 0px 0px -3px rgba(255,255,255,1), 10px 0px 0px -4px rgba(245,245,245,1), 15px 0px 0px -5px rgba(255,255,255,1), 20px 0px 0px -6px rgba(245,245,245,1), 25px 0px 0px -7px rgba(255,255,255,1), 28px 0px 0px -6px rgba(150,150,150,1);
    box-shadow: 5px 0px 0px -3px rgba(255,255,255,1), 10px 0px 0px -4px rgba(245,245,245,1), 15px 0px 0px -5px rgba(255,255,255,1), 20px 0px 0px -6px rgba(245,245,245,1), 25px 0px 0px -7px rgba(255,255,255,1), 28px 0px 0px -6px rgba(150,150,150,1);
}
.teaserbox-book .book-shadow {
    width:100%;
    height:40px;
    background-color:#f2f2f2;
    border-radius: 50%;
    z-index:-1;
    position: absolute;
    bottom:10px;
    left:20px;
}
.teaserbox-book .text {
    width:100%;
    float:left;
}

.teaserbox-interview {
    position: relative;
    padding:0 20px 0 0;
}
.teaserbox-interview-right {
    padding:0 0 0 20px;
}
.teaserbox-interview .interview-portrait {
    width:100px;
    height:100px;
    border-radius: 50%;
    float:right;
    overflow: hidden;
    margin-top:-20px;
    margin-right:-20px;
    position: relative;
}
.teaserbox-interview-right .interview-portrait{
    float:left;
    margin-left:-20px;
}
.teaserbox-interview .text {
    padding: 30px;
    color: #36545F;
    position: relative;
}
.teaserbox-interview .text .center-btns{
    padding: 0;
    margin:0;
}
.teaserbox-interview .text p {
    text-align: center;
    margin:0 0 5px 0;
    font-size: 20px;
}
.teaserbox-interview .text::after {
    content:'';
    display: block;
    height:20px;
    width:20px;
    position: absolute;
    bottom:-20px;
    right:90px;
    background-image:url('../Images/interview-corner.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.teaserbox-interview-right .text::after {
    right:auto;
    left:90px;
    transform: rotate(270deg);
}
.teaserbox-interview .text p::before, .teaserbox-interview .text p::after {
    content:'„';
    display: block;
    position: absolute;
    font-size: 30px;
    height:30px;
    width:30px;
    left:0;
    top:calc(50% - 30px);
    text-align: center;
}
.teaserbox-interview .text p::after {
    content:'“';
    left:auto;
    right:0;
}
.teaserbox-interview .meta {
    right:120px;
    text-align: right;
    font-weight: 400;
    bottom: 10px;
    position: absolute;
}
.teaserbox-interview-right .meta {
    left:120px;
    right:auto;
    text-align: left;
}

#events .teaserbox .date {
    text-align: left;
    display: inline-block;
    padding:10px;
}
.teaserbox-quer .date span {
    display:inline-block;
    font-size: 18px;
    width:auto;
}

#welcome, #welcome .teaserbox {
    margin:0;
}
#news .teaserbox {
    border-bottom:2px solid #f2f2f2;
    margin:0;
}
#news .teaserbox:last-of-type {
    border-bottom:none;
    margin-bottom:30px;
}

.content > .date {
    font-weight: bold;
    font-size: 15px;
    color: #36545F;
    margin: 3px 0 15px;
    display: block;
}
.content > .date span {
    display:inline-block;
}
/* dropdown-btn content */
.dropdown-btn {
    cursor:pointer;
}
.dropdown-btn-wrapper {
    display:inline-block;
    position:relative;
    margin-right:12px;
}
.content .cta-buttons-event {
    margin-bottom:15px;
    margin-top:15px;
}
.content .cta-buttons-event a,
.content .dropdown-btn-wrapper a {
    color:#8589BB;
    text-decoration:none;
}
.content ul.dropdown-content {
    list-style-type: none;
    padding:0;
    display: none;
    position: absolute;
    top:auto;
    left:0px;
    width:auto;
    height: auto;
    overflow: hidden;
    min-width:220px;
    margin:0px;
}
.content ul.dropdown-content li {
    cursor: pointer;
    border-bottom: 2px solid #f2f2f2;
    background-color: #fff;
    margin:0;
}
.content ul.dropdown-content li a.tertiary-btn {
    hyphens: auto;
}
.dropdown-btn.active {
    color:#36545F;
}
.dropdown-content li a{
    padding: 24px 20px 20px 20px;
    color:#008899;
    display: block;
    text-decoration: none;
}
.dropdown-content li a:hover {
    background-color: #f2f6f6;
}
.dropdown-content .tertiary-btn {
    margin:0;
}
.typo3-message {
    background-color:red;
    color:#fff;
}


.list-publication .teaserbox {
    background-color: #fff;
}
.list-publication .teaserbox-quer img {
    width: 160px;
    margin: 0 auto;
    clear: both;
    display: block;
    padding-top: 20px;
}

/* Filter */
#filter {
    font-weight: bold;
    margin: 35px 0 20px;
    font-size: 15px;
}
#filtertitle {
    margin-bottom: 10px;
}
#filterlist {
    overflow: hidden;
}
.filter-btn {
    color: #008899;
    border: 2px solid #008899;
    border-radius: 30px;
    padding: 5px 20px 5px;
    display: inline-block;
    margin-right: 9px;
    margin-bottom: 14px;
    cursor: pointer;
}
.filter-btn:hover {
    opacity: 0.8;
}
.filter-btn.active {
    background-color: #008899;
    color: #fff;
}



#materials .secondary-btn {
    margin-bottom: 20px;
}

.anmelden-form {
    display:none;
}
.anmelden-form h2{
    margin-bottom:5px;
}
.anmelden-form .required-message {
    font-size:12px;
    margin:10px 0;
}
.anmelden-form #datenschutz input,
.anmelden-form #corona input,
.anmelden-form #accept-newsletter input {
    width:auto;
    float:left;
    margin:0 10px 0 0;
}
.anmelden-form #datenschutz > span,
.anmelden-form #corona > span,
.anmelden-form #accept-newsletter > span {
    width:calc(100% - 30px);
    float:left;
    line-height:16px;
}
.anmelden-form #accept-newsletter {
    margin-bottom:25px;
}
.anmelden-form #datenschutz span a,
.anmelden-form #corona span a,
.anmelden-form #accept-newsletter span a {
    text-decoration: underline;
}
.news-detail {
    margin-bottom:50px;
}
.news-detail h1 {
    margin-top:10px;
}
.news-related-files ul{
    list-style-type: none;
}
.news-related-files ul li:before{
    content:'';
    height:15px;
    width:15px;
    margin:5px 10px 10px 0;
    float:left;
    background-size:contain;
    background-repeat: no-repeat;
    background-image:url('../Images/Icons/icon-file.svg');
}

.page-navigation ul{
    list-style-type: none;
    margin:10px 0 30px 0;
    padding:0;
}

.page-navigation ul li{
    display:inline-block;
    width:50px;
    height:50px;
    background-color:#fff;
    margin:0 10px 0 0;
    line-height: 10px;
    font-size: 20px;
    cursor:pointer;
    text-align: center;
}
.page-navigation ul li.current{
    line-height: 50px;
}
.page-navigation ul li.next, .page-navigation ul li.previous{
    width:auto;
}
.page-navigation ul li a{
    width: 100%;
    display: block;
    height: 100%;
    padding: 20px;
}
.page-navigation ul li:hover{
    background-color:#f2f6f6;
}
.popup {
    width:90%;
    left:5%;
    top:10%;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    z-index:10020;
    position: fixed;
    overflow-y: scroll;
    height:80%;
}
.news .teaserbox h2 {
    margin:0px;
    padding:0px;
}
h2 .teaserbox-title a {
    text-decoration:none;
}
.color-petrol {

}
.teaserbox-quer .date, .news-detail .subline {
    color:#969696;
    display:inline-block;
    text-transform:uppercase;
    padding:10px 0 5px 0;
}
.teaserbox-quer .date.subline {
    padding-top:0px;
}

.clear {
    clear:both;
    display:block;
}
.content .subcontent ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.content .subcontent ul li {
    margin-bottom:8px;
}
.content .subcontent a {
    color:#000;
}
.margin-bottom-0 {
    margin-bottom:0px;
}
#logo-scroll-position {
    padding-top:6px;
}
.new-inputfield {
    margin-bottom:10px;
}

/* forms */
form {
    padding:30px 30px 40px 30px;
}
form label {
    display:inline-block;
    margin:10px 0;
    width:100%;
    font-size: 12px;
    text-align: left;
}
form label input, form label textarea{
    margin:5px 0 0 0;
    background-color:#f2f2f2;
    width:100%;
    padding:10px 12px;
    border:2px solid #e0e0e0;
    font-size: 18px;
    font-family: 'Helvetica';
}

form .primary-btn {
    border:none;
    width:auto;
    font-size: 18px;
}
.frame-type-felogin_login form {
    padding:0px;
    margin-bottom:20px;
}
.frame-type-felogin_login input {
    background-color:transparent;
    width:auto;
}
.frame-type-felogin_login .link-button.input-submit {
    padding:3px 40px;
}
.background-blue {
    background-color:#8589BB;
    padding:20px;
    margin:20px 0px;
}
.background-lilac {
    background-color:#c1b1cc;
    padding:20px;
    margin:20px 0px;
}
.background-grey {
    background-color:#efefef;
    padding:20px;
    margin:20px 0px;
}
.background-blue h1,
.background-blue h2,
.background-blue h3,
.background-blue h4,
.background-blue h5,
.background-blue p,
.content .background-blue a,
.background-lilac h1,
.background-lilac h2,
.background-lilac h3,
.background-lilac p,
.content .background-lilac a{
    color:#fff;
}
.background-blue .mob-container,
.background-lilac .mob-container,
.background-grey .mob-container {
    padding-top:0px;
    padding-bottom:0px;
}
/* Accordion */

.frame-accordion {
    border-bottom:1px solid #000;
}
.frame-accordion h2 {
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: color 0.4s;
    font-weight: bold;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 0px;
    padding-right: 35px;
    transition: all 400ms;
    text-transform: none;
    position: relative;
}

.frame-accordion h2:hover {
    color: #8589BB;
}

.frame-accordion div.bodytext {
    display: none;
    color: #000000;
    width: 100%;
    padding-bottom: 20px;
}
.frame-accordion .turnarrow,
.navigation nav .mobilemenuarrow {
    display: block;
    width: 60px;
    height: 50px;
    background-image: url("../Images/Icons/icon-arrow-down-black.svg");
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    right: 0;
    cursor: pointer;
    transition: 0.5s;
}

.frame-accordion .active .turnarrow,
.navigation nav .mobilemenuarrow.active {
    transform: rotate(180deg);
}
.frame-linebefore {
    border-top:1px solid #000;
}
.frame-lineafter {
    border-bottom:1px solid #000;
}
.address-list {
    margin-top:30px;
}
.address-item {
    margin-bottom:30px;
}
.booking-div {
    margin-left:30px;
}
.topnews img {
    width:100%;
    max-width:100%;
    height:auto !important;
}
#tts-play svg, #refresh-button svg {
    width:40px;
    height:40px;
}
#captcha-image {
    width:auto;
    height:auto;
    float:left;
    margin-top:5px;
    border:1px solid #999;
}
.userquestion-input {
    float:left;
    width:150px;
    height:52px;
    box-sizing:border-box;
    font-size:1.15rem;
    margin-left:10px;
}
/* Wrapper um Captcha-Bild-Reihe und Eingabefeld: vertikal auf einer Ebene */
div:has(> .captcha):has(> .userquestion-input) {
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:4px;
}
div:has(> .captcha) > .userquestion-input {
    margin-left:0;
    margin-top:-1px;
}
.captcha-actions {
    float:left;
    margin-left:10px;
    margin-top:4px;
}
.captcha-actions button {
    cursor:pointer;
}
.easycaptcha .captcha-actions {
    margin-top:4px !important;
}
/* bw_captcha: Reload- + Vorlese-Button (ersetzt easycaptcha #refresh-button/#tts-play) */
.captcha {
    float:left;
    display:flex;
    align-items:center;
    gap:8px;
}
.captcha #captcha-image {
    float:none;
    margin-top:0;
    height:52px;
    width:auto;
}
.captcha__reload,
.captcha__audio {
    display:inline-flex;
    align-items:center;
    cursor:pointer;
}
.captcha__reload svg,
.captcha__audio svg {
    width:34px;
    height:34px;
}
.captcha--spin .captcha__reload svg {
    animation:captcha-spin .4s linear;
}
@keyframes captcha-spin {
    to { transform:rotate(360deg); }
}
.captcha__audio__mute {
    display:none;
}
.captcha--playing .captcha__audio__sound {
    opacity:.45;
}
.spacer {
    clear:both;
    display:block;
    height:1px;
}
.tx-mmc-directmail-subscription .form-submit {
    margin-top:25px;
}
.tx-mmc-directmail-subscription select {
    font-size:18px;
    border: 1px solid #dedede;
    display:block;
}

a.btn-primary {
    border:3px solid #8589BB;
    text-decoration:none;
    color:#8589BB;
    font-weight:bold;
    padding:5px 15px;
    transition:background-color 500ms;
}
.header a.btn-primary {
    margin-top:40px;
    display:inline-block;
}
a.btn-primary:hover {
    background-color:#8589BB;
    color:#ffffff;
}
.fullwidth {
    width: 100%;
    display:block;
    text-align:center;
}
.button-div {
    margin:15px 0;
}
.btn-primary.fullwidth {
    padding:8px;
}

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

    h2.h1,
    .frame-big-headlines h2 {
        padding:100px 0;
    }
    .fixed #col-mainnavigation {
        padding-top:14px;
    }
    .logo-scroll {
        position:absolute;
        top:10px;
    }
    nav ul ul li a {
        padding: 14px 20px;
    }
    .mobile-only {
        display:none;
    }
    .fixed .content.container {
        margin-top:35px;
    }
    .content-right {
        padding-right:0;
    }
    .navigation .content-right {
        padding-right:0;
    }
    .burger-btn, .close-btn {
        display:none;
    }
    .header-right {
        margin-top:23px;
        margin-right:6px;
    }
    .logo {
        display:block;
    }
    .logo-mobile {
        display:none;
    }
    .burger-btn {
        display:none;
    }
    .header {
        min-height: 76px;
        position:relative;
        padding-top:15px;
    }
    .navigation nav {
        display: block !important;
        text-align: center;
        position: relative;
        top: auto;
        clear: both;
        float: right;
        width: auto;
        overflow: visible;
    }
    .navigation #logo-scroll-position {
        width:0;
    }
    .navigation #col-mainnavigation {
        width:100%;
    }

    .navigation nav ul {
        display: inline;
        margin: 0 auto;
        padding:0px;
        float: none;
        background-color: transparent;
    }

    .navigation nav ul li {
        display:inline;
        border: 0;
        float: left;
        position: relative;
    }

    .navigation nav > ul > li:first-child {
        border-top: 0;
    }

    .navigation nav > ul > li:last-child a {
        margin-right:0px;
    }

    .navigation nav > ul > li > a {
        color: #34114E;
        padding:0;
        display:inline-block;
        height:25px;
        border-bottom:3px solid transparent;
    }

    .navigation nav > ul > li > a:hover {
        background-color: transparent;
        opacity: 0.8;
    }

    .navigation nav > ul > li > a {
        padding-bottom:2px;
        box-sizing:initial;
    }
    .navigation nav > ul > li.active > a {
        border-bottom: 2px solid #8589BB;
    }

    .mobilemenuarrow {
        display: none !important;
    }


    /* dropdown navigation desktop */
    .navigation nav ul ul {
        display: none;
        position: absolute;
        top: 25px;
        left: -2px;
        background-color: #fff;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        border-top: 0;
    }

    .navigation nav ul li:hover > ul {
        display: block;
    }

    .navigation nav ul ul li {
        border-bottom: 1px solid #000;
        padding: 0;
        float: none;
        display: block;
    }

    .navigation nav > ul > li > ul > li > a {
        padding: 14px 20px 14px 20px;
        color: #000;
        min-width: 250px;
        margin-right:0px;
        line-height:140%;
        font-weight:normal;
    }
    .navigation nav > ul > li > ul > li.active > a {
        color: #8589BB;
    }
    .navigation nav > ul > li:last-child > ul > li > a {
        min-width: 160px;
    }
    .navigation nav > ul > li:last-child > ul {
        left:auto;
        right:-25px;
    }

    .navigation nav > ul > li > ul li > a:hover {
        color:#725d92;
    }
    .navigation nav > ul > li > ul > li > ul {
        left:248px;
        top:2px;
    }
    .navigation nav > ul > li > ul > li > ul > li > a {
        width: 180px;
        font-weight:normal;
        color: #000;
    }
    .navigation nav > ul > li > ul > li > ul > li.active > a {
        color:#725d92;
    }
    .navigation nav > ul > li:nth-last-child(1) > ul > li > ul,
    .navigation nav > ul > li:nth-last-child(2) > ul > li > ul,
    .navigation nav > ul > li:nth-last-child(3) > ul > li > ul {
        left:-178px;
        top:2px;
    }
    .navigation nav > ul > li:nth-last-child(1) > ul > li > ul > li > a,
    .navigation nav > ul > li:nth-last-child(2) > ul > li > ul > li > a,
    .navigation nav > ul > li:nth-last-child(3) > ul > li > ul > li > a {
        width: 180px;
    }
    /* dropdown-content */
    .content ul.dropdown-content {
        margin-left: -10px;
        left:auto;
        width:calc(100% - 30px);
    }
    .news-last {
        clear:both;
        display:block;
    }
    .news .newsslider {
        margin-top:-80px;
    }
    .header-right form.search-form {
        margin-top:0px;
    }
    .news-detail .news-img-wrap {
        padding-bottom: 0px;
        width: 40%;
        float: right;
        margin: 10px 15px 20px 35px;
    }
    .two-cols.gap-20 .col:first-child {
        padding-right:15px;
    }
    .two-cols.gap-20 .col:first-child .col {
        padding-right:0px;
    }
    .two-cols.gap-20 .col:last-child {
        padding-left:15px;
    }
    .two-cols.gap-20 .col:first-child:last-child {
        padding-left:0px;
    }
    .three-cols.gap-20 .col {
        padding:0 10px;
    }
    .three-cols.gap-20 .col:first-child {
        padding:0 20px 0 0 ;
    }
    .three-cols.gap-20 .col:last-child {
        padding:0 0 0 20px;
    }
}
@media only screen and (min-width: 1400px) {

}
@media only screen and (min-width: 1550px) {
    .content-right h1 {
        margin-top:10px;
    }
    .dot-link {
        width: 120px;
        height: 120px;
        border-radius: 60px;
        font-size:16px;
    }



    body {
        font-size:17px;
    }
    .content-right h1 {
        margin-top:35px;
    }
    .frame-type-menu_subpages .eventslider h2, .frame-type-menu_pages .eventslider h2 {
        margin-top:15%;
    }
    .container {
        margin-left:8%;
        margin-right:8%;
    }
    .content .frame-divider img {
        max-height:400px;
    }
}
@media only screen and (min-width: 1700px) {
    body {
        font-size:18px;
    }
    .content-right h1 {
        margin-top:50px;
    }
    .frame-type-menu_subpages .eventslider h2, .frame-type-menu_pages .eventslider h2 {
        margin-top:20%;
    }
    .navigation a {
        font-size:19px;
    }
}
@media only screen and (min-width: 1900px) {
    body {
        font-size:19px;
    }
    .content-right h1 {
        margin-top:60px;
    }
    .frame-type-menu_subpages .eventslider h2, .frame-type-menu_pages .eventslider h2 {
        margin-top:25%;
    }
    .dot-link {
        width: 130px;
        height: 130px;
        border-radius: 65px;
        font-size:18px;
    }
    .content .frame-divider img {
        max-height:450px;
    }
    .navigation a {
        font-size:20px;
    }
}
@media only screen and (min-width: 2100px) {
    .navigation a {
        font-size:22px;
    }
}
@media only screen and (min-width: 2350px) {
    .navigation a {
        font-size:24px;
    }
}
@media only screen and (min-width: 2500px) {
    .navigation a {
        font-size:26px;
    }
}
/*
@media (max-width:1200px) {
    body {
        font-size:18px;
    }
    h1,h1.h2 {
        font-size:30pt;
    }
    h2 {
        font-size:22px;
    }
    h1 + h2 {
        font-size:22px;
    }
    h3,.h3 {
        font-size:18px;
    }
    .morenews a {
        font-size:12px;
    }
}
@media (max-width:1000px) {
    body {
        font-size:17px;
    }
    h1,h2.h1,.frame-big-headlines h2 {
        font-size:35px;
    }
    h2 {
        font-size:20px
    }
    h1 + h2 {
        font-size:20px;
    }
    h3,.h3 {
        font-size:17px;
    }
    .morenews a {
        font-size:11px;
    }
}
*/
@media (max-width:1300px) {
    .twocols {
        column-count:1;
    }
    .threecols {
        column-count:2;
    }
    .news > .inner-container {
        padding:0px;
    }
}
@media (max-width:999px) {
    body {
        font-size:17px;
    }
    h1,
    h2.h1,
    .col-lg-4 h1,
    .col-lg-4 h2.h1,
    .frame-big-headlines h2 {
        font-size:35px;
    }
    .imagetext .col:first-child,
    .imagetext .col:last-child {
        padding:0px;
    }
    .imagetext .col.mob-container:first-child,
    .imagetext .col.mob-container:last-child {
        padding:0 8%;
    }

    h2,
    h1 + h2 {
        font-size:20px;
    }
    h3,.h3 {
        font-size:20px;
    }
    .frame-big-headlines.frame-type-menu_pages img,
    .frame-big-headlines.frame-type-menu_subpages img {
        padding:0px;
    }
    .dot-link {
        width: 80px;
        height: 80px;
        border-radius: 40px;
        font-size: 11px;
    }
    .mobile-footer-header {
        font-weight:normal;
        font-size:20px;
        margin-bottom:10px;
        margin-top:20px;
    }
    .submenu,
    .content .submenu p {
        font-size:17px;
    }
    .content .submenu a.link-button {
        margin-top:10px;
    }
    .content .submenu h3 {
        padding-bottom:6px;
    }
    .footer-bottom, .footer-bottom a {
        font-size:12px;
    }
    .footer-bottom ul li a {
        padding:0px 8px;
    }
    .burger-btn, .close-btn {
        width:30px;
        height:30px;
        margin-right:25px;
        margin-top:25px;
    }
    .close-btn {
        margin-top:20px;
    }
    .burger-btn {
        width:23px;
        height:23px;
    }
    .desktop-only {
        display:none;
    }
    .content.container {
        margin-top:0px;
    }
    .table {
        display:block;
    }
    .frame-space-before-extra-large {
        padding-top:20px;
    }
    .frame-space-before-large {
        padding-top:0px;
    }
    .twocols {
        column-count:1;
    }
    .table .col {
        display:block !important;
        width:100% !important;
        float:none;
        clear:both;
    }
    .col {
        margin-bottom:0px;
    }
    .header {
        top:0px;
        position: fixed;
        z-index:1000;
        min-height:70px;
    }
    .header .container {
        display:table;
        width:100%;
    }
    .header .container .row-lg {
        display:table-row;
    }
    .header .container .row-lg .col {
        display:table-cell;
        width:auto;
        vertical-align:top;
    }
    .header .input-search {
        width:150px;
    }
    .link-button.input-submit {
        width:auto;
    }
    .search-div {
        margin:20px 0 0 0px;
    }
    .login-div {
        margin-top:27px;
        margin-left:15px;
    }
    footer {
        box-sizing:border-box;
        padding:30px 8%;
        margin-top:50px;
    }
    footer .col.col-lg-6 {
        margin-top:0px;
        margin-bottom:35px;
    }
    footer .col.col-lg-2 {
        margin-top:0px;
    }
    .frame-type-menu_subpages img {
        margin-top:20px;
    }
    h2 {
        padding: 22px 0 18px 0;
    }
    h2.h1,
    .frame-big-headlines h2 {
        padding:30px 0;
    }
    h3,.h3 {
        padding:12px 0 0 0;
    }
    h2 + h3 {
        padding-top:0px;
    }
    .navigation nav {
        position:fixed;
        top: 125px;
        left: 0px;
        height: 100%;
        background-color:#fff;
        overflow: scroll;
        z-index: 1000;
    }
    .navigation nav ul li a:hover {
        color: #522f6c;
    }
    .navigation nav ul ul li a {
        font-weight:normal;
        padding-left:23px;
    }
    .navigation nav ul ul ul li a {
        padding-left: 40px;
    }
    .navigation nav ul li:first-child {
        border-top: 1px solid #000;
    }
    .navigation nav ul li:last-child {
        border-bottom: 1px solid #000;
    }
    .navigation nav ul ul li:last-child {
        border-bottom:0px;
    }
    .navigation nav ul ul li:first-child {
        border-top:0px;
    }
    .navigation nav ul ul li {
        border-bottom: 1px solid #000;
    }
    .navigation nav ul ul ul li {
        border-bottom: 1px solid #000;
        background-color:#fff;
    }
    .container {
        padding:0px;
        margin:0px;
    }
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10 {
        width:100%;
        float:none;
        clear:both;
    }
    .col {
        margin-top:20px;
    }
    .navigation .col,
    .header .col {
        margin-top:0px;
    }
    .content .col:nth-of-type(1) {
        margin-top:0px;
    }

    .content-right {
        padding:0px;
    }
    .mob-container {
        padding-left:8%;
        padding-right:8%;
        box-sizing:border-box;
    }
    .mob-container .mob-container {
        padding-left:0;
        padding-right:0;
    }
    header {
        padding:5% 5% 0 0%;
    }
    h2.h1.mob-container {
        padding-left:8% !important;
        padding-right:8% !important;
    }
    .logo-mobile {
        padding-left:20px;
        padding-top:4px;
        height:40px;
        width:auto;
        position:fixed;
        z-index:10001;
    }
    .newsslider .slick-list {
        margin-left:0px;
        margin-right:0px;
    }
    .slider .item .inner {
        padding:0px;
    }
    .slick-slide {
        height:auto;
    }
    .newsslider .slick-prev {
        left:0px;
    }
    .newsslider .slick-prev, .newsslider .slick-next {
        bottom: -80px;
        top:auto;
        width:10px;
    }
    .newsslider, .eventslider {
        height:auto !important;
        margin-bottom:50px;
    }
    .eventslider h2 {
        padding-top:8px;
        padding-bottom:8px;
    }
    .newsslider {
        margin-top:15px;
    }
    .frame-type-menu_subpages .eventslider img,
    .frame-mobile-image-gap .eventslider img {
        padding:0px;
    }
    .newsslider .item {
        padding-top:50px;
    }
    .inner-container {
        padding:0px;
    }
    .inner-container.mob-container {
        padding-left:8%;
        padding-right:8%;
    }
    .gap-20 .col {
        padding:0px;
    }
    .col.mob-container {
        padding:0px 8%;
    }
    .col.mob-container .mob-container {
        padding:0px;
    }
    .col-padding {
        padding:0px;
    }
    .eventslider .slick-prev, .eventslider .slick-next {
        top:auto;
        bottom:-80px;
        width:10px;
    }
    .eventslider .slick-prev {
        left:0px;
    }
    .slick-next,
    .imageslider .slick-next {
        right:0px;
    }
    .link-button {
        box-sizing:border-box;
        width:100%;
    }
    .content a.link-button, .link-button {
        padding:5px 15px;
    }
    .news-subheader {
        font-size: 20px;
    }
    .teaserbox {
        margin-bottom:40px;
    }
    .teaserbox .text {
        padding:0px;
    }
    .news .mob-container {
        padding-top:0px;
    }
    .col.mob-container {
        padding-bottom: 0px;
    }
    .submenu .row-lg .col {
        margin-bottom:30px;
    }
    .header .container .row-lg .col.col-functions {
        position: fixed;
        display: none;
        width: auto;
        vertical-align: top;
        left: 0;
        top: 0px;
        width: 100%;
        height: 60px;
        float: none;
        z-index: 9999;
        background-color: #fff;
    }
    .search-link {
        display:none;
    }
    form.search-form {
        display:block;
        padding:5px 15px 5px 0;
    }
    .table .text-bottom h1 {
        margin-bottom:20px;
    }
    nav ul li a {
        color:#000;
        font-weight:bold;
        padding: 17px 20px 13px 20px
    }
    nav ul ul li a {
        font-weight:normal;
    }
    .navigation a {
        color:#000;
        font-size:18px;
    }
    .navigation nav ul {
        background-color:#fff;
    }
    .navigation nav ul ul {
        background-color:#fff;
    }
    .header-right .input-text, .header-right .input-search {
        border:1px solid #000;
    }
    .header-right .link-button {
        border:1px solid #000;
        color:#000;
    }
    .header-right a {
        color:#000;
        font-size:15px;
    }
    .mobilenav-active .footer-bottom {
        position:fixed;
        bottom:0px;
        left:0px;
        background-color:#fff;
        padding:10px 18px 25px 18px;
        z-index:1000;
    }
    .navigation nav > ul {
        padding-bottom:175px;
    }
    .navigation nav {
        top:115px;
    }
    .header-right {
        padding:45px 0 15px 20px;
        float:none;
        margin:0px;
        background-color:#fff;
    }
    .frame-type-menu_subpages img,
    .frame-mobile-image-gap img {
        padding:0;
        box-sizing:border-box;
    }
    .header-right .input-search {
        width:160px;
    }
    .frame-space-before-negative {
        margin-top:-30px;
    }
    .content img.imagewidth-150 {
        width:150px;
    }
    .content .subcontent ul {
        margin-top:12px;
    }
    .news-backlink-wrap a,
    .morenews a {
        margin-top:5px;
        margin-bottom:10px;
    }
    .imagetext .caption {
        font-size: 16px;
    }
    .background-blue,
    .background-lilac,
    .background-grey {
        padding:20px 8%;
    }
    h1 {
        margin-top:30px;
        margin-bottom: 30px;
    }
    h1 + h2,
    h1 + #kesearch_num_results {
        margin-top:-20px;
    }
    .topnews {
        margin-top:50px;
    }
    .content .textwidth-75,
    .content .textwidth-50,
    .content .textwidth-25 {
        width:100%;
    }
    .newsslider {
        margin-top:-15px;
    }
    .popup form {
        padding:30px 10px 40px 10px;
    }
    .frame-divider .teaserbox.mob-container {
        padding-left:0px;
        padding-right:0px;
        margin-left:8%;
        margin-right:8%;
    }
    .news-detail {
        margin-top:20px;
    }
    .row-lg.table {
        display:block;
    }
    .table .col-lg-6 {
        display:block;
    }
    .navigation nav > ul > li.active > a {
        color: #8589BB;
    }
    .navigation nav > ul > li > ul > li.active > a {
        color: #8589BB;
    }
    .content-right .imagewidth-25,
    .content-right .imagewidth-35,
    .content-right .imagewidth-50,
    .content-right .imagewidth-75 {
        margin:0 8%;
    }
    .mob-container .content-right .imagewidth-25,
    .mob-container .content-right .imagewidth-35,
    .mob-container .content-right .imagewidth-50,
    .mob-container .content-right .imagewidth-75 {
        margin:0;
    }
    .frame-space-before-extra-large {
        padding-top:100px;
    }
    .frame-space-before-large {
        padding-top:50px;
    }
    .frame-space-before-medium {
        padding-top:30px;
    }
    .frame-space-before-small {
        padding-top:20px;
    }
    .frame-space-before-extra-small {
        padding-top:10px;
    }
    .frame-space-after-extra-large {
        padding-bottom:100px;
    }
    .frame-space-after-large {
        padding-bottom:50px;
    }
    .frame-space-after-medium {
        padding-bottom:30px;
    }
    .frame-space-after-small {
        padding-bottom:20px;
    }
    .frame-space-after-extra-small {
        padding-bottom:10px;
    }
    .subcontent {
        padding:0px 8%;
    }
    .subcontent .mob-container {
        padding:0px;
    }
    .image-wrap.float-left,
    .image-wrap.float-right {
        margin:0px;
    }
    .col-sm-6.col-lg-3 {
        width:50%;
        clear:none;
    }
    .content .col.col-sm-6.col-lg-3:nth-of-type(1) {
        margin-top:20px;
    }
    .content .col.col-sm-6.col-lg-3:nth-of-type(2n+1) {
        clear:both;
    }
    .four-cols {
        margin-bottom:25px;
    }
    .header a.btn-primary {
        margin-top:10px;
        display:inline-block;
        margin-right:50px;
    }
}
@media (max-width:580px) {
    .float-right {
        float:none;
    }
    .float-left {
        float:none;
    }
    .image-wrap.float-left,
    .image-wrap.float-right {
        width:100%;
        margin-bottom:10px;
    }
    .image-float-left {
        float:none;
        margin:0px;
    }
    .image-float-right {
        float:none;
        margin:0px;
    }
    .news-detail .primary-btn,
    .news-detail .cta-buttons-event {
        margin-bottom:10px;
    }
    .col-sm-6.col-lg-3 {
        width:100%;
        clear:both;
    }
    .content .col.col-sm-6.col-lg-3:last-child {
        margin-bottom:30px;
    }
    .four-cols {
        margin-bottom:0px;
    }
}
@media (max-width:420px) {
    .hide-booking-xs {
        display:none;
    }
}


.cc-window {
    background-color:transparent !important;
}
.cc-window .cc-body {
    background-color:#cbd874;
    border-radius:5px;
}

.cc-window .dp--cookie-check {
    display:none;
}
.cc-compliance .cc-btn {
    text-decoration:none;
    color:#000000;
    font-weight:normal;
}
.cc-compliance .cc-btn:hover {
    background-color: rgb(255, 253, 157);
}

.cc-compliance .cc-btn.cc-allow-all {
    color:#513375 !important;
    font-weight:bold;
    background-color:#cbd874 !important;
}
.cc-compliance .cc-btn.cc-allow-all:hover{
    background-color: rgb(255, 253, 157) !important;
}

.cc-compliance .cc-btn.cc-allow {
    border-bottom-left-radius: 5px;
}
.cc-compliance .cc-btn.cc-deny {
    border-bottom-right-radius: 5px;
}
.dp--revoke {
    background-color:#cbd874 !important;
}
.dp--revoke.cc-bottom-right {
    bottom:10px;
    right:10px;
}

/* =====================================================================
   Template Layout 17 — fsalter-Stil Newsliste
   Alle Styles ausschließlich über .news-layout-17 gescoped.
   Übernommen aus theme_fsalter/Resources/Public/Stylesheets/style.css
   und extra.css
   ===================================================================== */

/* Card-Hintergrund: hell-Flieder */
.news-layout-17 .color-white {
    background-color: #F5F2FB;
}

/* Datum-Block: teal */
.news-layout-17 .color-petrol {
    background-color: #8f96cb;
    color: #fff;
}

/* Teaserbox */
.news-layout-17 .text {
    padding: 20px;
}
.news-layout-17 .text .teaserbox-title {
    font-size: 25px;
}
.news-layout-17 .text .teaserbox-title a {
    color: #333;
    line-height: 1.3em;
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
}
.news-layout-17 .meta {
    display: table;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.news-layout-17 .date {
    padding: 11px 20px 8px;
    display: inline-block;
    text-transform: none;
    color: inherit;
}
.news-layout-17 .date.color-petrol {
    color: #fff;
}
.news-layout-17 .date span {
    display: inline-block;
    font-size: 18px;
    width: auto;
}

/* tertiary-btn */
.news-layout-17 .tertiary-btn {
    background-color: transparent;
    color: #8f96cb;
    padding: 5px 0;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
}
.news-layout-17 .tertiary-btn:hover {
    opacity: 0.8;
}

.news-layout-17 .morelinkappendix {
    font-style: italic;
}

.no-news-found {
    padding: 20px;
}

/* Responsive: Bild rechts floaten (ab 768px) */
@media only screen and (min-width: 768px) {
    .news-layout-17 img {
        width: 40%;
        float: right;
        margin: 0 0 30px 30px;
    }
    .news-layout-17.small-image img {
        width: 26%;
    }
}

/* Responsive: Datums-Darstellung (ab 990px) */
@media only screen and (min-width: 990px) {
    .news-layout-17 .date .day,
    .news-layout-17 .date .separator {
        display: block;
        line-height: 1;
        font-size: 40px;
        width: 100%;
    }
    .news-layout-17 .date .separator {
        font-size: 30px;
    }
    .news-layout-17 .date .month,
    .news-layout-17 .date .year {
        font-size: 15px;
    }
}