/*
color CD goes here
*/
/*

hellgrün - #4cb05b
dunkelgrün - #115427
orange - #ef7c00
rot - #be1925
gelb - #ffd518
hellblau - #36a9e0
dunkelblau - #18407e
hellgrau - #d3d3d7
dunkelgrau - #585856

*/
:root {
    --base-color: #ffffff;
    --main-base: #be1925;
    /* vp rot */
    --main-accent: #ef7c00;
    /* vp orange */
    --alt-accent1: #4cb05b;
    /* vp hellgrün */
    --alt-accent2: #115427;
    /* vp dunkelgrün */
    --alt-accent3: #ffd518;
    /* vp gelb */
    --alt-accent4: #36a9e0;
    /* vp hellblau */
    --alt-accent5: #18407e;
    /* vp dunkelblau */
    --font-primary: #34363c;
    --font-dark: #000000;
    --font-light: #ffffff;
    --font-weight-light: 100;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    --base-radius: 0rem;
    --color-lightgray: #d3d3d7;
    /* vp hellgrau */
    --color-darkgray: #585856;
    /* vp dunkelgrau */
    --bgdark: #323232;
    --bglight: #f2f2f2;
    --linear-gradient-ro: transparent linear-gradient(to right, #DA0812 0%, #EF7C00 100%) 0% 0% no-repeat padding-box;
    --linear-gradient-gg: transparent linear-gradient(90deg, #3FAD5B 0%, #085729 100%) 0% 0% no-repeat padding-box;
}

/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/vp/roboto-v18-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Book'), local('Roboto-Book'),
        url('../fonts/vp/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/vp/roboto-v18-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/vp/roboto-v18-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/vp/roboto-v18-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/vp/roboto-v18-latin-300.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-400 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/vp/roboto-v18-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto'),
        url('../fonts/vp/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/vp/roboto-v18-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/vp/roboto-v18-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/vp/roboto-v18-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/vp/roboto-v18-latin-regular.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/vp/roboto-v18-latin-500.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Semibold'), local('Roboto-Semibold'),
        url('../fonts/vp/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/vp/roboto-v18-latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/vp/roboto-v18-latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/vp/roboto-v18-latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/vp/roboto-v18-latin-500.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/vp/roboto-v18-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../fonts/vp/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/vp/roboto-v18-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/vp/roboto-v18-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/vp/roboto-v18-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/vp/roboto-v18-latin-700.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/vp/roboto-condensed-v16-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
        url('../fonts/vp/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/vp/roboto-condensed-v16-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/vp/roboto-condensed-v16-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/vp/roboto-condensed-v16-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/vp/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg');
    /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/vp/roboto-slab-v7-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
        url('../fonts/vp/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/vp/roboto-slab-v7-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/vp/roboto-slab-v7-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/vp/roboto-slab-v7-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/vp/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg');
    /* Legacy iOS */
}

body {
    font-family: "Roboto";
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}

@media screen and (min-width: 576px) {
    body {
        font-family: "Roboto";
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) {
    body {
        font-family: "Roboto";
        font-size: 15px;
    }
}

@media screen and (min-width: 1024px) {
    body {
        font-family: "Roboto";
        font-size: 16px;
    }
}

h1 {
    font-family: "Roboto Slab";
}

h2 {
    font-family: "Roboto Slab";
    font-weight: 400;
    font-size: 2em;
    padding-left: 0;
    padding-right: 0;
}

h3 {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 26px;
}

h4 {
    font-family: "Roboto Slab";
    font-weight: 400;
    font-size: 1.25em;
}

h5 {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 1.125em;
}

p {
    font-family: "Roboto";
    font-weight: 400;
    /*font-size: 16px;*/
}

.flickity-slider .ce-bodytext p {
    margin: .75rem 0;
}

.flickity-slider .ce-bodytext p:last-child {
    margin-bottom: 0;
}

#sm_menu_ham.scrollHead span {
    background-color: var(--main-accent);
}

.main-content .t3-layout-section.t3-color-accent-alt1,
.main-content .t3-layout-section.t3-color-accent-alt1 section {
    background: var(--alt-accent1);
    color: var(--font-light);
}

.main-content .t3-layout-section.t3-color-accent-alt2,
.main-content .t3-layout-section.t3-color-accent-alt2 section {
    background: var(--alt-accent2);
    color: var(--font-light);
}

.main-content .t3-layout-section.t3-color-accent-alt3,
.main-content .t3-layout-section.t3-color-accent-alt3 section {
    background: var(--alt-accent3);
    color: var(--font-light);
}

.main-content .t3-layout-section.t3-color-accent-alt4,
.main-content .t3-layout-section.t3-color-accent-alt4 section {
    background: var(--alt-accent4);
    color: var(--font-light);
}

.main-content .t3-layout-section.t3-color-accent-alt5,
.main-content .t3-layout-section.t3-color-accent-alt5 section {
    background: var(--alt-accent5);
    color: var(--font-light);
}

.main-content .t3-layout-section.t3-color-gradient-ro,
.main-content .t3-layout-section.t3-color-gradient-ro section {
    background: var(--linear-gradient-ro);
    color: var(--font-light);
}

.main-content .t3-layout-section.t3-color-gradient-gg,
.main-content .t3-layout-section.t3-color-gradient-gg section {
    background: var(--linear-gradient-gg);
    color: var(--font-light);
}

.main-content header,
.frame-type-header .main-content header {
    text-align: center;
}

.main-content .sectionframebg h1,
.frame-type-header .main-content header h1,
.frame-type-header .main-content header h2,
.layout_dark .main-content .t3-layout-section.t3-color-white header h1,
.layout_dark .main-content .t3-layout-section.t3-color-white header h2,
.layout_bright .main-content .t3-layout-section.t3-color-white header h1,
.layout_bright .main-content .t3-layout-section.t3-color-white header h2 {
    color: var(--font-light);
    background: var(--linear-gradient-ro);
    line-height: 1.3;
    padding: .2em .4em;
}

.layout_dark .main-content .t3-layout-section.t3-color-white .ce-bodytext h1,
.layout_dark .main-content .t3-layout-section.t3-color-white .ce-bodytext h2 {
    background: transparent;
    color: var(--font-primary);
}

.layout_dark .main-content .t3-layout-section.t3-color-white .ce-bodytext h2 {
    font-weight: var(--font-weight-bold)
}

.layout_dark .main-content h1,
.layout_dark .main-content h2,
.layout_bright .main-content h1,
.layout_bright .main-content h2 {
    margin-bottom: 0;
}

.layout_dark .main-content .ce-bodytext h1 {
    margin-bottom: .5em;
}

.main-content .sectionframebg h1 {
    padding: .25em .5em;
}

.main-content .sectionframebg h1 em {
    font-style: normal;
}

.flickity-viewport {
    margin-bottom: 1.25rem;
}

.flickity-page-dots .dot {
    background: var(--main-accent);
}

.flickity-slider header {
    background: var(--linear-gradient-ro);
    margin-bottom: .5em;
}

.flickity-slider header *,
.main-content .section_content .flickity-slider header * {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .flickity-viewport {
        margin-bottom: 1.5rem;
    }
}

/* trickery to manage flickity on image */
.main-content section.sectionframebg.sectionhasboxedcontent>.section_content>div[class*="backgroundimage-"]+div {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

@media screen and (min-width: 576px) {
    .main-content section.sectionframebg.sectionhasboxedcontent>.section_content>div[class*="backgroundimage-"]+div {
        padding-left: 2rem;
        padding-right: 2rem;
        margin-right: auto;
        margin-left: auto;
        max-width: 540px;
    }
}

@media screen and (min-width: 768px) {
    .main-content section.sectionframebg.sectionhasboxedcontent>.section_content>div[class*="backgroundimage-"]+div {
        max-width: 720px;
    }
}

@media screen and (min-width: 992px) {
    .main-content section.sectionframebg.sectionhasboxedcontent>.section_content>div[class*="backgroundimage-"]+div {
        max-width: 960px;
    }
}

@media screen and (min-width: 1200px) {
    .main-content section.sectionframebg.sectionhasboxedcontent>.section_content>div[class*="backgroundimage-"]+div {
        max-width: 1140px;
    }
}

@media screen and (min-width: 992px) {
    .main-content section.sectionframebg.sectionhasboxedcontent>.section_content>div[class*="backgroundimage-"]+div {
        max-width: 66.66666%;
    }
}

@media screen and (max-height: 767px) {
    .main-content section.sectionframebg.sectionhasboxedcontent {
        height: auto;
        min-height: 100vh;
    }
}

/* tx poll styles */
.tx-poll {}

.tx-poll .poll-question {
    max-width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.tx-poll .poll-question h3 {
    flex: 0 0 100%;
}

.tx-poll .poll-question .poll-question-label {
    flex: 0 0 50%;
    max-width: 50%;
}

.tx-poll .poll-question .poll-question-number {}

.tx-poll .poll-question .poll-question-answers {
    flex: 0 0 50%;
    max-width: 50%;
}

/* cr form */
.cr_form {}

.cr_body > .editable_content.row { gap: .5rem 0; }
.cr_form p {
    line-height: 1.2;
}

.cr_form p a {
    color: #ffffff;
    text-decoration: underline;
}

.cr_form p a:hover {
    color: #ffffff;
    text-decoration: none;
}

.cr_form label {
    margin: 0
}

.cr_form input:not([type="checkbox"], [type="radio"]),
.cr_form textarea,
.cr_form select {
    border: 1px solid #7D7C7D;
    width: 100%;
    padding: 8px;
    margin-bottom: 0;
}

.cr_form span.cr_form-inputgroup {
    display: block;
    position: relative;
}

.cr_form-component--radio .cr_form-component--group {
    display: flex;
}

.cr_form-component--radio .cr_form-inputgroup--typeradio {
    margin-right: 1.5rem;
}

.cr_form .cr_form-inputgroup input[type="checkbox"] {
    position: absolute;
    height: 28px;
    width: 28px;
    border: none;
    left: 0;
    top: 0;
    accent-color: #DA0812;
}

.cr_form .cr_form-inputgroup input[type="checkbox"]+label {
    padding-left: 36px;
}

.cr_form .cr_form-inputgroup input[type="radio"] {
    position: absolute;
    height: 28px;
    width: 28px;
    border: none;
    left: 0;
    top: 0;
    accent-color: #DA0812;
    border-radius: 50%;
}

.cr_form .cr_form-inputgroup input[type="radio"]+label {
    padding-left: 36px;
}

div[class^="element-"] .cr_form button.btn-primary,
.cr_form button.btn-primary {
    padding: .5rem .75rem;
    width: 100%;
}

div[class^="element-"] .cr_form button.btn-primary:after,
.cr_form button.btn-primary:after {
    content: none;
}

/* colorized gradient nav */
.pagination-menu .sectionnav_cont .section_nav ul li>a:hover,
.pagination-menu .sectionnav_cont .section_nav ul li.active>a {
    background: var(--linear-gradient-ro);
}

/* mobile menu button */
#sm_menu_ham,
.sm_menu_outer {
    display: block;
}

#sm_menu_ham span {
    height: 3px;
    right: 0;
    left: auto;
}

#sm_menu_ham span:nth-of-type(1) {
    max-width: 100%;
}

#sm_menu_ham span:nth-of-type(2) {
    max-width: 75%;
    top: 10px;
}

#sm_menu_ham span:nth-of-type(3) {
    max-width: 75%;
    top: 10px;
}

#sm_menu_ham span:nth-of-type(4) {
    max-width: 50%;
    top: 20px;
}

#sm_menu_ham.open span:nth-of-type(1),
#sm_menu_ham.open span:nth-of-type(4) {
    left: auto;
    right: 50%;
}

#sm_menu_ham.scrollHead span {
    background-color: var(--base-color);
}

.sm_menu_outer nav {
    font-size: 2em;
}


/* primary button */
a.btn-primary,
input.btn-primary,
button.btn-primary {
    background: var(--linear-gradient-ro);
}

a.btn-primary:hover,
input.btn-primary:hover,
button.btn-primary:hover {
    background: var(--main-base);
    color: var(--font-light);
}

/* flickity button */
.flickity-button {
    background: var(--linear-gradient-ro);
}

.flickity-button:hover {
    background: var(--main-base);
}

/* BKKVP specific add in for know more arrow */
.sectionframebg::after {
    animation: none;
    bottom: 3.75rem;
    color: #fff;
    content: 'Mehr Themen? Bitte scrollen!';
    font-size: 1rem;
    height: auto;
    left: 50%;
    letter-spacing: 0px;
    line-height: 1.2rem;
    margin: 0 auto;
    opacity: 1;
    position: absolute;
    text-align: center;
    width: auto;
    transform: translateX(-50%);
    display: inline-block;
    max-width: 6.75em;
}

/* iconography nav */
.sectionnav_cont.sectionnav_iconography {
    position: fixed;
    right: 1rem;
    transform: translateX(-50%);
    z-index: 100;
}

.sectionnav_cont.sectionnav_iconography .scroll-nav {}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li.active a{
    width: 65px;
    height: 65px;
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li a{
    transition: ease all 0.3s;
}


.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:hover a{
    width: 65px;
    height: 65px;
}
.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li {
    display: block;
    font-size: 1.5em;
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:after {
    content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 2rem;
    width: 25px;
        margin-bottom: -7px;
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:before {
        margin-bottom: -7px;
}



.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(1):before {
    content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(25deg);
    margin-top: -10px;
    margin-bottom: -10px;
}
.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(1):after {
    content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(-25deg);
    margin-top: -10px;
    margin-bottom: -10px;
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(2):after {
  content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(25deg);
    margin-top: -10px;
    margin-bottom: -10px;
}
.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(3):after {
    content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(-25deg);
    margin-top: -10px;
    margin-bottom: -10px;
}
.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(4):after {
   content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(25deg);
    margin-top: -10px;
    margin-bottom: -10px;
}
.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(5):after {
    content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(-25deg);
    margin-top: -10px;
    margin-bottom: -10px;
}
.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(6):after {
    content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(25deg);
    margin-top: -10px;
    margin-bottom: -10px;
}
.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(7):after {
    content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(-25deg);
    margin-top: -10px;
    margin-bottom: -10px;
}
.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(8):after {
   content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(25deg);
    margin-top: -10px;
    margin-bottom: -10px;
}
.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(9):after {
   content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(-25deg);
    margin-top: -10px;
    margin-bottom: -10px;
}
.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(10):after {
        content: "";
    border-right: 2px solid #fff;
    display: block;
    height: 60px;
    width: 31px;
    transform: rotate(25deg);
    margin-top: -10px;
    margin-bottom: -10px;

}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li a {
    cursor: pointer;
    display: block;
    width: 45px;
    height: 45px;
    margin: auto;
        z-index: 1;
    position: relative;

}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li a span {
    display: none;
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(1) a:before {
    content: url(/fileadmin/medien/bilder-web/kampagnen/schlummerland/icons/nav_icons/einhorn.svg);
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(2) a:before {
    content: url(/fileadmin/medien/bilder-web/kampagnen/schlummerland/icons/nav_icons/strecke.svg);
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(3) a:before {
    content: url(/fileadmin/medien/bilder-web/kampagnen/schlummerland/icons/nav_icons/schild.svg);
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(4) a:before {
    content: url(/fileadmin/medien/bilder-web/kampagnen/schlummerland/icons/nav_icons/buch.svg);
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(5) a:before {
    content: url(/fileadmin/medien/bilder-web/kampagnen/schlummerland/icons/nav_icons/briefrolle.svg);
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(6) a:before {
    content: url(/fileadmin/medien/bilder-web/kampagnen/schlummerland/icons/nav_icons/poi.svg);
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(7) a:before {
    content: url(/fileadmin/medien/bilder-web/kampagnen/schlummerland/icons/nav_icons/halbmond.svg);
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(8) a:before {
    content: url(/fileadmin/medien/bilder-web/kampagnen/schlummerland/icons/nav_icons/justizia.svg);
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(9) a:before {
    content: url(/fileadmin/medien/bilder-web/kampagnen/schlummerland/icons/nav_icons/viking.svg);
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li:nth-of-type(10) a:before {
    content: url(/fileadmin/medien/bilder-web/kampagnen/schlummerland/icons/nav_icons/wolke.svg);
}


.leadmagnet-button-sirnewsletter {
    bottom: 1rem;
    top: initial;
    left: 1.5%;
    right: initial;
    position: fixed;
 }

 .leadmagnet-button-sirnewsletter h2,.leadmagnet-button-sirnewsletter a{
    background: none;
    color: #fff;
    font-size: 1rem;
}


.leadmagnet-button-sirnewsletter a {
    display: flex;
    text-decoration: none;
    font-size: 0.8rem;
    background: var(--linear-gradient-ro);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 0px 0px 5px var(--main-accent);
    border: dashed 1px #FFF !important;
    transition: .4s;
    margin: 4rem 1rem 0;
    animation: pulse_button;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    transform: rotateZ(10deg);
    pointer-events: all;
    word-break: break-word;
    padding: 8px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

 @media (max-width: 575.98px) {  
 .sectionnav_cont.sectionnav_iconography {
    position: fixed;
    right: -1rem;
    transform: translateX(-50%);
    z-index: 100;
    display: none;
}

.leadmagnet-button-sirnewsletter a {width: 80px;height: 80px;font-size: 0.7rem}
.leadmagnet-button-sirnewsletter{bottom: 0;}

 }



 @media (max-width: 1024px) { 

.sectionhasboxedcontent .section_content .flickity-slider .ce-gallery img{
    max-width: 62px;
    max-height: 62px;
}


}

 @media (max-width: 991.98px) { 

    .sectionnav_cont.sectionnav_iconography {
    right: -1rem;

}

  .sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li a {
    width: 50px;
    height: 50px;
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li.active a {
    width: 65px;
    height: 65px;
}


}


 @media (max-width: 767.98px) {  
 .sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li a {
    width: 35px;
    height: 35px;
}

.sectionnav_cont.sectionnav_iconography .scrollnav .section_nav ul li.active a {
    width: 55px;
    height: 55px;
}


 }