/* BKK Faber Castell Farben
*/
:root {
    --base-color: #ffffff;
    --main-base: #4565ad; /* blau */
    --main-accent: #fdc900; /* goldgelb */
    --font-primary: #000000;
    --font-dark: #000000;
    --font-light: #ffffff;
    --font-weight-light: 100;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    --base-radius: 0rem;
    --color-lightgray: #f2f2f2;
    --color-darkgray: #323232;
    --bgdark: #323232;
    --bglight: #f2f2f2;
}

/* merriweather-sans-300 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-300.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-regular - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-500 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-500.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-600 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-600.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-700 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-700.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-800 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-800.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-300italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-300italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-500italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-500italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-600italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-600italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-700italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-700italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-800italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/fcpb/merriweather-sans-v22-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fcpb/merriweather-sans-v22-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fcpb/merriweather-sans-v22-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fcpb/merriweather-sans-v22-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fcpb/merriweather-sans-v22-latin-800italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}


/* Webfont: Brushzilla-Regular */@font-face {
    font-family: 'BrushzillaRegular';
    src: url('../fonts/brushzilla_regular/Brushzilla.eot'); /* IE9 Compat Modes */
    src: url('../fonts/brushzilla_regular/Brushzilla.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/brushzilla_regular/Brushzilla.woff') format('woff'), /* Modern Browsers */
         url('../fonts/brushzilla_regular/Brushzilla.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/brushzilla_regular/Brushzilla.svg#Brushzilla-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}




body {font: 16px/1.3 'Merriweather Sans', sans-serif; background-color: #fff; color: #fff; overflow-x: hidden;
/*text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;*/
min-height: 100vh;
background-attachment: fixed;
background-size: cover;
}

p { margin-bottom: 10px; }
label { margin-bottom: 10px; }
p.small {}
p.large {  }
p.teaser {}
p.disclaimer {}
ul, ol { padding-inline-start: 20px; }

h1, h2 {font-family: 'BrushzillaRegular', sans-serif; font-weight: 400 }

h1 { font-weight: 700; }
h2 { font-weight: 700;  }
h3 { font-weight: 700;  }
h4 { font-weight: 400;  }
h5 { font-weight: 400;  }
h6 { font-weight: 400;  }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {}
.ce-bodytext h1 a, .ce-bodytext h2 a, .ce-bodytext h3 a, .ce-bodytext h4 a, .ce-bodytext h5 a, .ce-bodytext h6 a { text-decoration: none; }
.ce-bodytext .h1 a, .ce-bodytext .h2 a, .ce-bodytext .h3 a, .ce-bodytext .h4 a, .ce-bodytext .h5 a, .ce-bodytext .h6 a { text-decoration: none; }
.ce-bodytext h1 a:hover, .ce-bodytext h2 a:hover, .ce-bodytext h3 a:hover, .ce-bodytext h4 a:hover, .ce-bodytext h5 a:hover, .ce-bodytext h6 a:hover { text-decoration: underline; }
.ce-bodytext .h1 a:hover, .ce-bodytext .h2 a:hover, .ce-bodytext .h3 a:hover, .ce-bodytext .h4 a:hover, .ce-bodytext .h5 a:hover, .ce-bodytext .h6 a:hover { text-decoration: underline; }
.opener { font-size: 34px; line-height: 1.1; } /* SP1 Sparkasse Head (Opener) */
h1,.h1 { font-size: 7vw; line-height: 1.2; font-size: clamp(36px, 7vw, 120px); } /* SP4 Sparkasse Head */
h2,.h2 { font-size: 7vw; line-height: 1.2; font-size: clamp(36px, 7vw, 120px); } /* SP6 Sparkasse Web Bold */
h3,.h3 { font-size: 20px; line-height: 1.3; } /* SP2 Sparkasse Web Bold */
h4,.h4 { font-size: 18px; line-height: 1.1; } /* SP7 Sparkasse Web Regular */
h5,.h5 { font-size: 16px; line-height: 1.3; } /* SP19 Sparkasse Web Regular */
h6,.h6 { font-size: 13px; line-height: 1.5; } /* SP11 Sparkasse Web Regular */

h1, .h1 { margin-top: 20px; margin-bottom: 20px; }
h2, .h2,
h3, .h3,
h4, .h4 { margin-top: 10px; margin-bottom: 10px; }

h1.small,.h1.small { font-size: 6vw; line-height: 1.2; font-size: clamp(32px, 6vw, 100px); } /* SP4 Sparkasse Head */
h2.small,.h2.small { font-size: 6vw; line-height: 1.2; font-size: clamp(32px, 6vw, 100px); } /* SP6 Sparkasse Web Bold */

.site-claim { font-family: 'BrushzillaRegular', sans-serif; font-weight: 400; font-size: 12px; font-size: clamp(12px, calc(1.5em + 1vw), 18px); color: #fff; align-self: center;}
.site-claim span { color: #fdc900; }

@media screen and (min-width: 480px) {
    .site-claim {
        font-size: 16px;
        font-size: clamp(16px, calc(2.5em + 1vw), 24px);
    }
}
@media screen and (min-width: 768px) {
    .site-claim {
        font-size: 18px;
        font-size: clamp(18px, calc(2.5em + 1vw), 28px);
    }
}
@media screen and (min-width: 992px) {
    .site-claim {
        font-size: 20px;
        font-size: clamp(20px, calc(2.5em + 1vw), 32px);
    }
}
@media screen and (min-width: 1200px) {
    .site-claim {
        font-size: 24px;
        font-size: clamp(24px, calc(2.5em + 1vw), 42px);
    }
}
@media screen and (min-width: 1600px) {
    .site-claim {
        font-size: 28px;
        font-size: clamp(28px, calc(2.5em + 2vw), 48px);
    }
}
.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

a {color: #fdc900; font-weight: bold;}
a:hover {color: #fdc900; text-decoration: underline;}
.btn {font-weight: bold; border-radius: 20px 0 20px 0;}
.btn-primary,
a.btn-primary {background: #FDC900; border: #FDC900; color: #fff; padding: .75rem 1.25rem; }
a.btn-primary:hover {background: #004C87; border: #004C87; color: #fff; padding: .75rem 1.25rem; }
a.btn-secondary {background: #666666; border: #666666; color: #fff; padding: .75rem 1.25rem; }
a.btn-outline {border: 2px solid #FDC900; color: #ffffff; padding: .75rem 1.25rem; transition: all .2s ease-out; }
a.btn-outline:hover {border: 2px solid #FDC900; background: #fdc900; color: #ffffff; padding: .75rem 1.25rem; }

.if6_main .swiper-wrapper .ce-bodytext ul li a { color: #fff; text-decoration: underline; }
.if6_main .swiper-wrapper .ce-bodytext ul li a:hover { color: #fff; text-decoration: none; }

.t3-layout-has-bg .frame {margin: 0}
.t3-layout-background-rot h2, 
.t3-layout-background-rot h3, 
.t3-layout-background-rot h4, 
.t3-layout-background-rot h5,
.t3-layout-background-rot h6,
.t3-layout-background-rot a {color: #fff}
.t3-layout-background-rot a.btn-primary {background-color:  #fff; border-color: #fff; color: #333}
.t3-layout-background-rot a.btn-outline {border: 1px solid #fff}

.t3-layout-background-rot.t3-2col {padding: 0; position: relative; overflow: hidden;}
.t3-layout-background-rot.t3-2col .frame-type-textmedia {}
.t3-layout-background-rot.t3-2col .frame-type-textmedia .ce-textpic {width: 50%; background-color: red;  padding:  60px}

/* col-12 > div */
.vcenter {}
.vcenter .col-12 {}
.vcenter .col-12 > div {
    margin-top: 20px;
    margin-bottom: 20px;
}
.vcenter .r444 .col-12 > div {
    margin-top: 15px;
    margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
    .vcenter .col-12 > div {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .vcenter .r444 .col-12 > div {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
@media screen and (min-width: 992px) {
    .vcenter .col-12 > div {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .vcenter .r444 .col-12 > div {
        margin-top: 20px;
        margin-bottom: 20px;
    }    
}
@media screen and (min-width: 1024px) {
    .vcenter .col-12 > div {
        margin-top: 25px;
        margin-bottom: 40px;
    }
    .vcenter .r444 .col-12 > div {
        margin-top: 25px;
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 1200px) {
    .vcenter .col-12 > div {
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .vcenter .r444 .col-12 > div {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

/* global content element image resizing */
.ce-gallery {}
.ce-gallery .ce-outer,
.ce-gallery .ce-inner,
.ce-gallery .ce-row,
.ce-gallery .ce-column { width: 100%; }
.ce-gallery figure { width: 100%; }

/* scrollsnap */
.scrollsnap-galerie .ce-gallery,.scrollsnap-galerie .ce-inner{
    display: flex;
    width: 100%;
}

.scrollsnap-galerie .ce-gallery .ce-row {
    flex: 0 0 20%;
    margin-right: 1rem;
}

/* news */
.news .news-list-item { background-color: #fff; margin-bottom: 20px; color: #666; }
.news .news-list-item .lead { font-size: 1em}
.news .news-list-item .col-md-8,
.news .news-list-item .col-md-9 { padding: 20px; }
.news .news-list-item .col-md-3,
.news .news-list-item .col-md-4 { padding: 0; }
.news.news-single { color: #666}
.news.news-single .lead { font-size: 1.125em; padding-bottom: 10px; }
.news.news-single .lead p { margin-bottom: 10px; }
.news.news-single .news_innerwrap { background-color: #fff; padding: 20px; }
.news.news-single .news_innerwrap .thumbnail { margin-bottom: 1rem; }
.news.news-single .news_innerwrap img { margin-bottom: 10px; }

/* swiper */
.frame.swiper-slide { margin-top: 1rem; margin-bottom: 3rem; }
.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f8bd12'%2F%3E%3C%2Fsvg%3E") !important;
    left: 10px;
    top: auto;
    bottom: 0;
    background-size: 97.5%;
}
.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f8bd12'%2F%3E%3C%2Fsvg%3E") !important;
    right: 10px;
    top: auto;
    bottom: 0;
    background-size: 97.5%;
}
.swiper-pagination,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom:  42px;
}
@media screen and (max-width: 415px) {
    .swiper-pagination,
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 0px;
    }    
}
.swiper-pagination-bullet {
    background: #fff;
    opacity: .60;
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    background:  #fdc900;
    opacity: 1;
}
.swiper-button-prev,
.swiper-button-next {
    background-size: 50%;
    background-position: 45% 50%;
    bottom: 50%;
    transform: translateY(50%);
    transition: all .2s ease-out;
    /*outline: 2px solid transparent;*/
    width: 44px;
    border-radius: 50%;
    /*outline: 2px solid #fdc900;*/
    /*background-color: transparent;*/
    border: 2px solid #fdc900;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
    /*outline: 2px solid #fff;
    background-color: #fff;*/
    transform: translateY(50%) scale(1.1);
}

/*.swiper,.frame-type-textmedia{text-shadow: 0px 0px 4px #000;}*/
a, .t3-layout-simpleaccordion .frame-type-textmedia{text-shadow: none !important;}

/* powermail */
.tx-powermail { background-color: #fff; padding: 1em; font-size: 15px; }
.tx-powermail form {}
.tx-powermail form h3,
.tx-powermail form legend { display: none; }
.tx-powermail form .form-control { font-size: 15px; }
.tx-powermail form input[type="text"],
.tx-powermail form input[type="email"],
.tx-powermail form input[type="date"],
.tx-powermail form .powermail_textarea,
.tx-powermail form select { color: #666;
    border: 2px solid #666;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px;
    font: 18px SparkasseWeb,Helvetica,Arial,sans-serif;
    line-height: 21px; height: auto; }
.tx-powermail form .checkbox label { vertical-align: middle; padding-left: 60px; position: relative; }
.tx-powermail form input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 38px; height: 38px; background: transparent; vertical-align: middle; margin-left: -60px; position: relative; margin-right: 20px;}
.tx-powermail form input[type="checkbox"]:checked { background-image: url(../img/ksk_wspw_checkmark.svg); background-size: contain; background-position: center center; }
.tx-powermail form input[type="radio"] { -webkit-appearance: none; appearance: none; width: 38px; height: 38px; background: transparent; vertical-align: middle; margin-left: -60px; position: relative; margin-right: 20px; border-radius: 100%;}
.tx-powermail form input[type="radio"]:checked { background-image: url(../img/ksk_wspw_checkmark.svg); background-size: contain; background-position: center center; }
.tx-powermail form input::placeholder { font-family: "Sparkasse Web"; font-weight: 200; color: #707070; }
.tx-powermail form .powermail_fieldset { position: relative; }

/*if6 inner */
.if6_inner {
	margin: 0 auto;
	overflow: hidden;
}

/*if6 outer */
.if6_outer {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-left: 0;
}
.if6_outer.if6_stagemenu_outer {
    box-shadow: 0 2px 0 rgb(0 0 0/5%);
}

/* if6 header */
header.if6_header { background-color: transparent; }
header.if6_header .logo {}
header.if6_header .logo img { max-width: 180px; height: auto; margin: 1rem 0 1rem 1rem; }
.if6_header {min-height: 60px; box-shadow: 0 2px 0 rgb(0 0 0 / 5%); box-shadow: none;}
@media screen and (max-width: 767px) {
    header.if6_header .logo img { max-width: 140px; height: auto; margin: 1rem 0 1rem 1rem; }
}
@media screen and (max-width: 575px) {
    header.if6_header .logo img { max-width: 110px; height: auto; margin: 1rem 0 1rem 1rem; }
}

.logo.background--light img {
/*    content: url('/fileadmin/themes/bkk_faber_castell_drfeelguad/img/fcpb/bkk_faber_castell_partner_4young_logo_schwarz_gelb_nb.svg');*/
    content: url('/fileadmin/themes/bkk_faber_castell_drfeelguad/img/fcpb/bkk_faber_castell_partner_logo.svg');
}
.logo.background--dark img {
/*    content: url('/fileadmin/themes/bkk_faber_castell_drfeelguad/img/fcpb/bkk_faber_castell_partner_4young_logo_schwarz_gelb_nb.svg');*/
    content: url('/fileadmin/themes/bkk_faber_castell_drfeelguad/img/fcpb/bkk_faber_castell_partner_logo_weiss.svg');
}

/* if6 homepagearea */
.if6_homepagearea {background-color: transparent; clear: both; overflow: visible;}
.if6_homepagearea .if6_inner {padding-top: 20px;}

/* sitemap */
.if6_sitemap {background-color: #666; color: #fff; font: 14px/110% "Sparkasse Web",Helvetica,Arial,sans-serif}
/* sitemap footer */
.if6_sitemap ul { list-style: none; padding: 0; margin: 0; text-align: left; }
.if6_sitemap .if6_inner > ul > li { margin: 20px 0 40px 0; padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 25% }
.if6_sitemap .if6_inner .deep-footer-menu { width: 100%; overflow: hidden;}
.if6_sitemap .if6_inner .deep-footer-menu > li > a,
.if6_sitemap .if6_inner .deep-footer-menu > li > div.h4 { margin: 0 0 10px 0; font: bold 14px/150% "Sparkasse Web",Helvetica,Arial,sans-serif; display: block;}
.if6_sitemap .if6_inner .deep-footer-menu > li > ul > li {margin-top: 6.5px;}
.if6_sitemap a { text-decoration: none;  color: #fff; font-weight: 400; }
.if6_sitemap a:hover, .if6_sitemap a:focus {text-decoration: underline;}

/* footer */
.if6_footer {background-color: #f00; color: #fff; font: 13px/110% "Sparkasse Web",Helvetica,Arial,sans-serif}
.if6_footer .if6_inner { display: table; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: -o-flex; display: flex; justify-content: space-between;align-items: center; flex-wrap: nowrap; width: auto;}

/* footer menu */
.if6_footer #footer-nav {display: table-cell; vertical-align: middle; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; padding: 15px 0 20px 20px; padding: 15px 0 5px 0; margin-right: -10px;}
.if6_footer #footer-nav .footer-menu { display: inline-block; padding: 10px 0 0 0; list-style: none; }
.if6_footer #footer-nav .footer-menu > li { float: left; margin-right: 40px;}
.if6_footer #footer-nav .footer-menu > li > a {color: #fff; text-decoration: none; font: 13px/150% "Sparkasse Web",Helvetica,Arial,sans-serif; line-height: 180%; white-space: nowrap;}

.if6_footer { min-height: 4em; }
/*.if6_footer .if6_inner .footerlinks { list-style: none; display: block; overflow: hidden; min-height: 2em; display: table-cell;
    vertical-align: middle;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    padding: 15px 0 20px 20px;
    margin-right: -10px;}*/
.if6_footer .if6_inner .footerlinks { list-style: none; margin: 0; margin-top: 10px; margin-bottom: 10px; padding: 0 10px 10px; width: 100%; display: inline-block; }
.if6_footer .if6_inner .footerlinks li { display: inline-block; margin: 10px 30px 0px 10px; }
.if6_footer .if6_inner .footerlinks li a {color: #fff; text-decoration: none; font: 14px/1.1 "Sparkasse Web",Helvetica,Arial,sans-serif; line-height: 180%; white-space: nowrap;}
.if6_footer .if6_inner .footerlinks li a:focus,
.if6_footer .if6_inner .footerlinks li a:hover { text-decoration: underline; }

/* if6 forms */
.if6 input,
.if6 select,
.if6 textarea { background: 0; -webkit-appearance: none; color: #666; border: 2px solid #666; border-radius: 5px; background-color: #fff; padding: 5px; font: 18px SparkasseWeb,Helvetica,Arial,sans-serif; line-height: 21px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.if6 input[type="date"] { min-height:35px; max-height:35px }
.if6 input[type="range"] { height:35px }
.if6 textarea { padding-bottom:0; padding-right:0 }
.if6_main input[type="submit"]::-moz-focus-inner{ padding: 0!important; border: none!important}
.if6 input[type="checkbox"],
.if6 input[type="radio"] { cursor: pointer; vertical-align: top; margin: 0; }
.js .if6 input[type="checkbox"],
.js .if6 input[type="radio"]{ width:22px; height:22px; border:0; }
.if6 select,
.if6 [role="button"] { cursor: pointer; }
.if6 label,
.if6 .label{ color: #666; font: 14px "Sparkasse Web", Helvetica, Arial, sans-serif; line-height: 150%}
.if6 label em:last-child,
.if6 .label em:last-child { padding-right: 2px; }

/* boxes */
.row.equal-height [class*="col-"] .frame { margin-bottom: 0; }
.row.equal-height [class*="col-"] header { background-color: #fff; padding: 0 0 20px; }
.row.equal-height [class*="col-"] .ce-bodytext { background-color: #fff; padding: 10px 20px 20px; }
.row.equal-height [class*="col-"] .ce-gallery { margin: 0; }
.row.equal-height [class*="col-"] .ce-gallery img { margin: 0; }

/* section rows with multicol and standard link in last paragraph / teaser blocks */
section[class*="row"][class*="col-"] > [class*="col-"] .ce-textpic { position: relative; overflow: visible; }
section[class*="row"][class*="col-"] > [class*="col-"] .ce-textpic > a.fullface_link { width: 100%; height:100%; z-index:2; display: block; transition: box-shadow .1s ease-in; text-decoration: none; }
section[class*="row"][class*="col-"] > [class*="col-"] .ce-textpic > a.fullface_link header * { color: #f00; text-decoration: none; }
section[class*="row"][class*="col-"] > [class*="col-"] .ce-textpic > a.fullface_link p { color: #666; font-weight: 400; text-decoration: none; }
section[class*="row"][class*="col-"] > [class*="col-"] .ce-textpic > a.fullface_link:hover { box-shadow: 0 0 10px rgba(0,0,0,.2); }
section[class*="row"][class*="col-"] > [class*="col-"] .ce-textpic > a.fullface_link:hover header * { color: #f00; text-decoration: none; }
section[class*="row"][class*="col-"] > [class*="col-"] .ce-textpic > a.fullface_link:hover p { color: #666; font-weight: 400; text-decoration: none; }
section[class*="row"][class*="col-"] > [class*="col-"] p a.teaserlink { position: relative; display: block; text-align: right; color: #666; padding-right: 36px; }
section[class*="row"][class*="col-"] > [class*="col-"] p a.teaserlink:hover { text-decoration: none; }
section[class*="row"][class*="col-"] > [class*="col-"] p a.teaserlink:after { content: ">"; font-family: "Pictos-IF"; position: absolute; display:block; width: 24px; height: 24px; color: #666; border: 1px solid #666; border-radius: 50%; top: 50%; right: 0; transform: translateY(-50%); font-size: 1.5em; line-height: .7; font-weight: 100; padding: 0 2px 0 0;}
section[class*="row"][class*="col-"] > [class*="col-"] .ce-textpic > a.fullface_link:hover p a.teaserlink:after { content: ">"; font-family: "Pictos-IF"; position: absolute; display:block; width: 24px; height: 24px; color: #fff; border: 1px solid #666; border-radius: 50%; background-color: #666; top: 50%; right: 0; transform: translateY(-50%); font-size: 1.5em; line-height: .7; font-weight: 100; padding: 0 2px 0 0;}

/* simple accordion */
.t3-layout-simpleaccordion {}
.t3-layout-simpleaccordion {}
.t3-layout-simpleaccordion {}
.t3-layout-simpleaccordion {}
.t3-layout-simpleaccordion {}
.t3-layout-simpleaccordion {}
.t3-layout-simpleaccordion {}

/* ansprechpartner */
.t3-layout-ap-vertrieb-wrap img{
    max-width: 150px;
}
#c1828 {
    text-align: center;
    color: #fdc900;
}
.t3-layout-ap-vertrieb-wrap > .frame-type-shortcut > div {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}
.t3-layout-ap-vertrieb-wrap header {
    margin-bottom: 1.5rem;
}
.t3-layout-ap-vertrieb-wrap .ce-intext .ce-gallery {
    margin-right: 1.5rem;
}
.t3-layout-ap-vertrieb-wrap header *:first-child { margin-top: 0; }
.t3-layout-ap-vertrieb-wrap .ce-bodytext {}

.t3-layout-ap-vertrieb-wrap p {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}
.t3-layout-ap-vertrieb-wrap p a {
    color: #fdc900;
    text-decoration: none;
}
.t3-layout-ap-vertrieb-wrap p a.btn-primary {
    color: #fff;
    display: block;
}
.t3-layout-ap-vertrieb-wrap p a:hover {
    color: #fff;
}
.t3-layout-ap-vertrieb-wrap p a[href*="www.bkk-faber-castell.de"] {
    background: #FDC900; border: #FDC900; border-radius: 20px 0 20px 0; color: #fff; padding: .75rem 1.25rem; text-decoration: none; display: block; text-align: center;
}
.t3-layout-ap-vertrieb-wrap p a[href*="www.bkk-faber-castell.de"]:hover {
    background: #004C87; border: #004C87; color: #fff; padding: .75rem 1.25rem; text-decoration: none;
}

/* qr-accordion */
.qr-accordion {}
.qr-accordion > span {margin-bottom: 20px;display: block;}
.qr-accordion .gridHeader h3 {background: #ffffff;color: #ff0000;font-size: 1.25em;font-weight: 700;padding-left: 1em;border: none;transition: all .25s ease-in-out;}
.qr-accordion .gridHeader h3:hover {padding-left: 1;background-color: #ff0000;color: #ffffff;}
.qr-accordion .gridHeader.sub_indented {padding-left: 0;}
.qr-accordion .gridHeader.sub_indented h3 {background: #ffffff;color: #ff0000;font-size: 1em;font-weight: 700;padding-left: 1em;border: none;transition: all .25s ease-in-out;}
.qr-accordion .gridHeader.sub_indented h3:hover {padding-left: 1em;background-color: #ff0000;color: #ffffff;}
.qr-accordion .gridHeader h3.ui-state-active,
.qr-accordion .gridHeader.sub_indented h3.ui-state-active {background-color: #ff0000;color: #ffffff;}
.qr-accordion .gridHeader.sub_indented h3::before {content: "";display: inline-block;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 6px;border-color: transparent transparent transparent #ff0000;transition: all .25s ease-in-out;margin-right: .5em;margin-left: 4px;}
.qr-accordion .gridHeader.sub_indented h3:hover::before {content: "";display: inline-block;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 6px;border-color: transparent transparent transparent #ffffff;}
.qr-accordion .qr-accordion-inner {border: none;background: #f2f2f2;padding: 20px 0 0;}


/*form start*/
.tx-powermail .powermail_form { width: 100%; }
.powermail_fieldset { width: 100%; padding: 0; border: 0; }
.powermail_fieldset legend { background-color: #fff; color: #ff0000; font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 27px; width: 100%; padding: 20px 20px 20px; }
.powermail_fieldwrap { background: none repeat scroll 0 0 #fff; margin-bottom: 22px; padding: 0 20px 20px; }
.powermail_fieldwrap_submit { padding: 20px 0 0;}
.tx-powermail h3 { display: none; }

.powermail_fieldwrap { margin-bottom: 0; position: relative; overflow: hidden; }
.powermail_fieldwrap.powermail_fieldwrap_type_text {font-size: 14px;}
.div-wrap{ margin:0 0 10px;}
.powermail_label { color: #777; display: block; font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 17px; margin-right: 24px; text-transform: none; float: left; width: 250px; text-align: right; }
.powermail_label .mandatory { color: #777; font-size: 16px; margin-left: 2px; position: static; right: 26px; }
.powermail_input, .powermail_date, .powermail_select { padding: 0 12px; width: 230px; -webkit-appearance: none; color: #777; height: 35px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 2px #777; float: left; }
.parsley-errors-list { color: #ff0000; font-size: 12px; margin-top: 5px; width: 396px; clear: both; float: right; }
.powermail_radio_inner, .powermail_check_inner { margin-top: 22px; overflow: hidden; }
.field-radio, .powermail_check_inner .false_chk { float: left; margin-bottom: 0; }
.false_radio.active { background: url(../images/radi0-active.png) no-repeat 0 0; }
.false_radio { background: url(../images/radio.png) no-repeat 0 0; border-radius: 20px; cursor: pointer; display: inline-block; height: 30px; margin-right: 23px; position: relative; text-align: center; vertical-align: middle; width: 30px; float:left;}
.powermail_radio_outer .powermail_radio_inner:first-child, .powermail_check_outer .powermail_check_inner:first-child { margin-top: 7px; }
.powermail_radio_inner label, .powermail_check_inner label { color: #777; font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: lighter; line-height: 28px; text-align: left; margin-bottom: 0; width: 285px; float: left; }
.powermail_textarea { height: 224px; padding: 16px 12px; resize: none; width: 372px; border: 2px solid #777; border-radius: 4px; color: #777; -webkit-appearance: none; }
.tx-powermail input.parsley-error { background: #fff !important; color: #777; border: solid 2px #ff0000; }
.powermail_fieldwrap .powermail_label { width: 227px; ; padding: 0; background: transparent; text-align: right; margin-right: 23px; line-height: 35px; font-size: 16px; color: #777; }
.powermail_fieldwrap fieldset { border: none; margin: 0; padding: 0; }
.powermail_radio_outer { width: 368px; height: auto; float: left; }
input[type="radio"] { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 20px; cursor: pointer; display: inline-block; height: 28px; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; top: 0; width: 28px; z-index: 9; }
.parsley-error .false_radio { background: url(../images/radio-error.png) no-repeat 0 0; }
.powermail_field_error_container .parsley-errors-list { float: right; width: 100%; margin: 20px 0 0; }
/*.powermail_fieldwrap h4 { font-size: 16px; color: #777; font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 8px 0px; }
.powermail_fieldwrap p { font-size: 14px; color: #777; font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: normal; padding: 0 0px; }*/
.powermail_fieldwrap_9 { margin-bottom: 0; padding: 15px 0 30px; }
.powermail_fieldset .powermail_fieldwrap_7 { padding-top: 0; }
.powermail_fieldwrap_7 .powermail_check_outer { float: left; height: auto; width: 368px; }
.false_chk { background: url(../images/checkbox.png) no-repeat 0 0; cursor: pointer; display: inline-block; height: 27px; margin-right: 20px; position: relative; text-align: center; vertical-align: middle; width: 27px; }
input[type="checkbox"]:not(.dp--check-box) { background: none; cursor: pointer; display: inline-block; height: 27px; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; top: 0; width: 27px; z-index: 9; }
input[type="checkbox"][id="trackVisits"] { background: #fff; cursor: pointer; display: inline-block; height: 27px; left: 0; margin: 0; opacity: 1; padding: 0; position: static; top: 0; width: 27px; z-index: 9; }
.false_chk.active { background: url(../images/checkbox-active.png) no-repeat 0 0; }
.parsley-error .false_chk { background: url(../images/checkbox-error.png) no-repeat 0 0; }
.powermail_fieldwrap_10 { background: none; }

.powermail_fieldwrap_10 .powermail_submit { background: url(../images/submit.png) no-repeat 93% 14px #e3e3e3; text-align: left; color: #777; height: 45px; line-height: 45px; border: none; outline: none; display: block; float: right; font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; padding:0 46px 0 17px; transition: all 400ms ease-in-out 0s; }

.powermail_fieldwrap_10 .powermail_submit:hover { background: url(../images/submit-hover.png) no-repeat 93% 14px #ff0000; color: #fff; }

.powermail_select { border: 2px solid #777; border-radius: 4px; color: #777; float: left; height: 26px; padding: 0 12px; width: 100%; max-width: 230px;}
.powermail_select option { padding: 0 12px; }
.select_holder { display: inline-block; vertical-align: middle; position: relative; width: 230px; border: 2px solid #777; border-radius: 4px; }
.select_holder select{ background: #fff; font-size: 14px; color: #777; font-family: Arial; padding: 5px 10px; border: none; display: inline-block; outline: none; -webkit-appearance: none; text-indent: 0.01px; cursor: pointer; position: relative; /*top: 2px;*/ }
.select_holder:after { pointer-events: none; content: ' '; position: absolute; width: 50px; height: 100%; background: url(../images/drop-arrow.png) no-repeat right 10px center #fff; right: 0px; top: 0px; }
.buttonInfo {
    background: url("../images/dsg1_ksk_vermittlerportal_icon_explanation_form.png") no-repeat 0 0 rgba(0, 0, 0, 0); cursor: pointer;   font-size: 0; height: 34px;  position: absolute;  right: 40px;  top: 22px; width: 34px;}
.buttonInfo:hover {  background: url("../images/dsg1_ksk_vermittlerportal_icon_explanation_form_active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.alertMessage { box-sizing: border-box; clear: both;  color: #85b82d;  font-size: 12px;  line-height: normal;  padding-bottom: 5px;   padding-left: 400px;  padding-right: 332px;  width: 100%;}

#powermail_fieldwrap_19{ background:transparent;}
.powermail_submit {  background: #e3e3e3 url("../images/submit.png") no-repeat scroll 93% 13px;   border: medium none; color: #777;  display: block;  float: right;  font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 16px;  height: 45px;  line-height: 45px; outline: medium none;  padding: 0 46px 0 17px; text-align: left;  cursor:pointer;}
.powermail_submit:hover { background: url(../images/submit-hover.png) no-repeat 93% 14px #ff0000; color: #fff; }
.powermail_check_outer { margin: 0 0 0 400px; }

.powermail_fieldwrap_type_radio .radio {height: 35px;}

.content-wrapper .powermail_tabmenu {margin: 48px 0 0 0;padding-bottom: 0;}
.content-wrapper .powermail_tabmenu li {background: none;background-color: #fff;padding: 4px 8px;margin: 0 2px 0 0;display: inline-block; box-shadow: 2px -2px 4px -2px #999999; cursor: pointer;}
.content-wrapper .powermail_tabmenu li.act {background: none;background-color: #fff;color: #ff0000;padding: 4px 8px;margin: 0 2px 0 0;position: relative;}
.content-wrapper .powermail_tabmenu li.act::before {content:"";display: block;position: absolute;left: 4px;top: -2px;width: 0;height: 0;border-style: solid;border-width: 8px 8px 0 8px;border-color: #ff0000 transparent transparent transparent;line-height: 0px;_border-color: #ff0000 #000000 #000000 #000000;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');z-index: 20;}
.content-wrapper .powermail_tabmenu li.act::after {content: "";display: block;position: absolute;left: 5px;top: -1px;width: 0;height: 0;border-style: solid;border-width: 8px 8px 0 8px;border-color: #999999 transparent transparent transparent;line-height: 0px;_border-color: #999999 #000000 #000000 #000000;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');z-index: 19;}
.content-wrapper .powermail_tab_navigation {padding: 40px 20px 20px;}
.content-wrapper .powermail_tab_navigation a.powermail_tab_navigation_next {
    background: #ff0000 url(../images/arrow-right-01-20.png) no-repeat 92% 13px;
    color: #ffffff;
    font: bold 16px "Sparkasse Web", Helvetica, Arial, sans-serif;
    display: inline-block;
    float: right;
    line-height: 21px;
    padding: 12px 42px 12px 12px;
    text-decoration: none;
    margin-left: 15px;
}
.content-wrapper .powermail_tab_navigation a.powermail_tab_navigation_next:hover { background: #ff0000 url(../images/arrow-right-01-20-hover.png) no-repeat 92% 13px; color: #9a9a9a!important;  text-decoration: none !important;}

.content-wrapper .powermail_tab_navigation a.powermail_tab_navigation_previous {
    background: #ff0000 url(../images/arrow-left-01-20.png) no-repeat 8% 13px;
    color: #ffffff;
    font: bold 16px "Sparkasse Web", Helvetica, Arial, sans-serif;
    display: inline-block;
    float: left;
    line-height: 21px;
    padding: 12px 12px 12px 42px;
    text-decoration: none;
    margin-right: 15px;
}
.content-wrapper .powermail_tab_navigation a.powermail_tab_navigation_previous:hover { background: #ff0000 url(../images/arrow-left-01-20-hover.png) no-repeat 8% 13px; color: #9a9a9a!important;  text-decoration: none !important;}

.content-wrapper .powermail_fieldwrap_text {
    padding: 10px 20px 20px;
}

/* if6 compliant styles */
/* Styles galore for IF6 compliant content elements, containers and wrappers */
/* load Pictos IF */
@font-face {
    font-family: 'Pictos IF';
    src: url('../fonts/pictos-if.eot');
    src: url('../fonts/pictos-if.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pictos-if.woff') format('woff'),
         url('../fonts/pictos-if.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Override aside styles for correct measurements */
.teaser .col-33-col aside,
.producttiles .col-33-col aside,
.imageandtext .col-33-col aside,
.imagetextbox .col-33-col aside {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
@media screen and (min-width: 630px) {
    .teaser .col-33-col aside,
    .producttiles .col-33-col aside,
    .imageandtext .col-33-col aside,
    .imagetextbox .col-33-col aside {
        float: left;
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
    }
    .teaser .col-33-col aside:nth-of-type(2n),
    .producttiles .col-33-col aside:nth-of-type(2n),
    .imageandtext .col-33-col aside:nth-of-type(2n),
    .imagetextbox .col-33-col aside:nth-of-type(2n) {
        margin-right: 0px;
    }   
}
@media screen and (min-width: 960px) {
    .teaser .col-33-col aside,
    .producttiles .col-33-col aside,
    .imageandtext .col-33-col aside,
    .imagetextbox .col-33-col aside {
        float: left;
        width: calc((100% - 20px) / 3);
        margin-right: 10px;
    }
    .teaser .col-33-col aside:nth-of-type(2n),
    .producttiles .col-33-col aside:nth-of-type(2n),
    .imageandtext .col-33-col aside:nth-of-type(2n),
    .imagetextbox .col-33-col aside:nth-of-type(2n) {
        margin-right: 10px;
    }
    .teaser .col-33-col aside:nth-of-type(3n),
    .producttiles .col-33-col aside:nth-of-type(3n),
    .imageandtext .col-33-col aside:nth-of-type(3n),
    .imagetextbox .col-33-col aside:nth-of-type(3n) {
        margin-right: 0px;
    }   
}
@media screen and (min-width: 1080px) {
    .teaser .col-33-col aside,
    .producttiles .col-33-col aside,
    .imageandtext .col-33-col aside,
    .imagetextbox .col-33-col aside {
        float: left;
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .teaser .col-33-col aside:nth-of-type(2n),
    .producttiles .col-33-col aside:nth-of-type(2n),
    .imageandtext .col-33-col aside:nth-of-type(2n),
    .imagetextbox .col-33-col aside:nth-of-type(2n) {
        margin-right: 20px;
    }
}

/* Override Produktkacheln in simple container */
.producttiles .no-border > div {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
}
@media screen and (min-width: 630px) {
    .producttiles .no-border > div {
        float: left;
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
    }
    .producttiles .no-border > div:nth-of-type(2n) {
        margin-right: 0px;
    }   
}
@media screen and (min-width: 960px) {
    .producttiles .no-border > div  {
        float: left;
        width: calc((100% - 20px) / 3);
        margin-right: 10px;
    }
    .producttiles .no-border > div:nth-of-type(2n) {
        margin-right: 10px;
    }
    .producttiles .no-border > div:nth-of-type(3n) {
        margin-right: 0px;
    }   
}
@media screen and (min-width: 1080px) {
    .producttiles .no-border > div {
        float: left;
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .producttiles .no-border > div:nth-of-type(2n) {
        margin-right: 20px;
    }
    .producttiles .no-border > div:nth-of-type(3n) {
        margin-right: 0px;
    }
}

a.link.link-rot {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #ff0000;
}
a.link.link-rot:hover {
    color: #ff0000;
}
@media screen and (min-width: 768px) {
    a.link.link-rot {
        font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }
    a.link.link-rot:hover {
        color: #ff0000;
    }   
}
@media screen and (min-width: 1080px) {
    a.link.link-rot {
        font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
        font-size: 15px;
        line-height: 1.5;
    }
    a.link.link-rot:hover {
        color: #ff0000;
    }   
}

/* ======================================================================================= */

/* Artikel Teaser */
.articleteaser {}


/* ======================================================================================= */

/* Produkt Teaser */
.productteaser {}


/* ======================================================================================= */

/* Iconbox */
.iconbox {}


/* ======================================================================================= */

/* Produktkacheln in drei Spalten */
.producttiles {
    background-color: transparent;
    padding: 0;
    margin:0;
    display: inline-block;
    width: 100%;
}
.producttiles .col-33-col {
    margin-bottom: 0;
} 
.producttiles .element-textmedia {

}
.producttiles .element-textmedia .frame {

}
.producttiles .element-textmedia .frame .ce-textpic {

}
.producttiles aside .element-textmedia .frame .ce-textpic .ce-gallery {
    margin-bottom: 0;
}
.producttiles .element-textmedia .frame .ce-textpic .ce-gallery figure {

}
.producttiles .element-textmedia .frame .ce-textpic .ce-gallery figure img {

}
.producttiles .element-textmedia .frame .ce-textpic .ce-bodytext {
    background-color: #ffffff;
    padding: 10px 10px 10px;
}
.producttiles .element-textmedia .frame .ce-textpic .ce-bodytext h2 {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.1;
    padding: 0;
    margin-bottom: 10px;
    color: #f00;
}
.producttiles .element-textmedia .frame .ce-textpic .ce-bodytext p {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: normal;
    color: #666666;
}
.producttiles .element-textmedia .frame .ce-textpic .ce-bodytext ul {
}
.producttiles .element-textmedia .frame .ce-textpic .ce-bodytext ul li {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.1;
    margin-bottom: 15px;
    color: #666666;
}
.producttiles .element-textmedia .frame .ce-textpic .ce-bodytext ul li:last-of-type {
    margin-bottom: 40px;
}
.producttiles .element-textmedia .frame .ce-textpic .ce-bodytext p.last {
    clear: both;
    overflow: hidden;
    position: absolute;
    right: 10px;
    bottom: 20px;
}
.producttiles .element-textmedia .frame .ce-textpic .ce-bodytext p.last a.link {
    position: static;
    float: right;
}
@media screen and (min-width: 481px) {
    .producttiles .element-textmedia .frame .ce-textpic .ce-bodytext h2 {
        margin-bottom: 15px;
    }
}
@media screen and (min-width: 768px) {
    .producttiles .element-textmedia .frame .ce-textpic .ce-bodytext {
        padding: 20px 20px 20px;
    }
    .producttiles .element-textmedia .frame .ce-textpic .ce-bodytext h2 {
        font-size: 20px;
        line-height: 1.1;
    }
    .producttiles .element-textmedia .frame .ce-textpic .ce-bodytext ul li {
        font-size: 14px;
        line-height: 1.1;
    }
/*  .producttiles .element-textmedia .frame .ce-textpic .ce-bodytext p.last a.link.link-rot {
        bottom: 20px;
    }*/
}
@media screen and (min-width: 630px) {

}

@media screen and (min-width: 960px) {
/*  .producttiles .no-border .headline {
        display: inline-block;
        width: calc((100% - (2 * 20px)) / 3);
    }
    .producttiles .no-border .headline:nth-of-type(2n) {
        margin-right: 20px;
    }
    .producttiles .no-border .headline:nth-of-type(3n) {
        margin-right: 0;
    }*/
    .producttiles .no-border .headline .element-textmedia {

    }
}
@media screen and (min-width: 1080px) {
    .producttiles .element-textmedia .frame .ce-textpic .ce-bodytext h2 {
        font-size: 22px;
        line-height: 1.1;
    }
    .producttiles .element-textmedia .frame .ce-textpic .ce-bodytext ul li {
        font-size: 14px;
        line-height: 1.1;
    }
}

/* ======================================================================================= */

/* Teaser */
.teaser {

}
.teaser .col-33-col aside {
    margin-bottom: 10px;
}
.teaser aside .element-textmedia {

}
.teaser aside .element-textmedia .frame {
    padding: 10px;
}
.teaser aside .element-textmedia .frame header {
    max-width: calc(100% - 75px);
}
.teaser aside .element-textmedia .frame .ce-textpic {

}
.teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext {
    width: calc(100% - 60px);
    margin-bottom: 1em;
}
.teaser aside .element-textmedia .frame header h2 {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.1;
    padding: 0;
    margin-bottom: 3px;
    color: #ff0000;
}
.teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext h3 {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.1;
    padding: 0;
    margin-bottom: 0px;
    color: #333333;
}
.teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext p {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.1;
    color: #666666;
    display: none;
}
.teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext p.last a.link {
    display: none;
}
.teaser aside .element-textmedia .frame .ce-textpic .ce-gallery {
    margin: 0;
}
.teaser aside .element-textmedia .frame .ce-textpic .ce-gallery figure {
    right: 10px;
    bottom: auto;
    top: 10px;
    position: absolute;
    width: auto;
    height: auto;
}
.teaser aside .element-textmedia .frame .ce-textpic .ce-gallery img {
    border-radius: 50%;
    height: 55px;
    width: 55px;
    border: 1px solid #fff;
    box-shadow: 0 0 2px;
    vertical-align: middle;
}
@media screen and (min-width: 768px) {
    .teaser {

    }
    .teaser .col-33-col aside {
        /*margin-bottom: 20px;*/
    }
    .teaser aside .element-textmedia {

    }
    .teaser aside .element-textmedia .frame {
        padding: 10px;
    }
    .teaser aside .element-textmedia .frame header {
        max-width: 100%;
    }
    .teaser aside .element-textmedia .frame .ce-textpic {

    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext {
        width: calc(100% - 60px);
    }
    .teaser aside .element-textmedia .frame header h2 {
        font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
        font-weight: bold;
        font-size: 20px;
        line-height: 1.1;
        padding: 0;
        margin-bottom: 3px;
        color: #ff0000;
    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext h3 {
        font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
        font-weight: normal;
        font-size: 15px;
        line-height: 1.1;
        padding: 0;
        margin-bottom: 10px;
        color: #333333;
    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext p {
        font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.1;
        color: #666666;
        display: block;
    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext p.last a.link {
        display: inline-block;
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: auto;
    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-gallery {

    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-gallery figure {
        right: 10px;
        bottom: 10px;
        top: auto;
        position: absolute;
        width: auto;
        height: auto;
    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-gallery img {
        border-radius: 50%;
        height: 55px;
        width: 55px;
        border: 1px solid #fff;
        box-shadow: 0 0 2px;
        vertical-align: middle;
    }
}
@media screen and (min-width: 1080px) {
    .teaser {

    }
    .teaser aside {

    }
    .teaser aside .element-textmedia {

    }
    .teaser aside .element-textmedia .frame {
        padding: 20px;
    }
    .teaser aside .element-textmedia .frame .ce-textpic {

    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext {
        width: calc(100% - 70px);
    }
    .teaser aside .element-textmedia .frame header h2 {
        font-size: 22px;
        line-height: 1.1;
        margin-bottom: 3px;
    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext h3 {
        font-size: 17px;
        line-height: 1.1;
        margin-bottom: 20px;
    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext p {
        font-size: 14px;
        line-height: 1.1;
    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-bodytext p.last a.link {

    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-gallery {

    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-gallery figure {
        right: 20px;
        bottom: 20px;
        position: absolute;
        width: auto;
        height: auto;
    }
    .teaser aside .element-textmedia .frame .ce-textpic .ce-gallery img {
        border-radius: 50%;
        height: 65px;
        width: 65px;
        border: 1px solid #fff;
        box-shadow: 0 0 2px;
        vertical-align: middle;
    }   
}

/* ======================================================================================= */

/* Sektionstext */
.sectiontext {
    margin-bottom: 20px;
}
.sectiontext .headline {
    padding: 0;
    background-color: transparent;
}
.sectiontext .headline .element-textmedia .frame header h2 {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
    padding: 0;
    color: #ff0000;
}
.sectiontext .headline .element-textmedia .frame .ce-textpic p {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #333333;
}
.sectiontext .headline .element-textmedia .frame .ce-textpic p.disclaimer {
    font-size: 12px;
    line-height: 1.5;
    color: #666666;
}
@media screen and (min-width: 768px) {
    .sectiontext .headline .element-textmedia .frame header h2 {
        font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
        font-weight: bold;
        font-size: 30px;
        line-height: 1.2;
    }
    .sectiontext .headline .element-textmedia .frame .ce-textpic p {
        font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
        font-weight: normal;
        font-size: 15px;
        line-height: 1.5;
    }   
}
@media screen and (min-width: 1080px) {
    .sectiontext .headline .element-textmedia .frame header h2 {
        font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
        font-weight: bold;
        font-size: 30px;
        line-height: 1.5;
    }
    .sectiontext .headline .element-textmedia .frame .ce-textpic p {
        font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
        font-weight: normal;
        font-size: 16px;
        line-height: 1.5;
    }   
}

/* ======================================================================================= */

/* Lightbox */
.lightbox {}

/* ======================================================================================= */

/* Vorteilsbox allgemein */
.benefitbox {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 20px;
}
.benefitbox .col-50-50 {
    position: relative;
}
.benefitbox .col-50-50 aside {
    width: 100%;
    display: block;
    position: static;
    margin: 0;
}
.benefitbox .col-50-50 aside.left-box {
    margin-bottom: 6px;
}
.benefitbox aside {
    padding: 10px;
    margin-bottom: 0;
}
.benefitbox aside h3 {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.3;
    padding-bottom: 1px;
}
.benefitbox aside ul li {
    background-image: none;
    display: block;
    padding-left: 0;
    line-height: 1.2;
    margin-bottom: 5px;
    padding-left: 1.25em;
}
.benefitbox aside ul li::before {
    content:"v";
    font-family: "Pictos IF";
    display: inline-block;
    margin-right: 6px;
    font-size: 18px;
    margin-left: -1.25em;
}
.benefitbox aside.left-box {
    background-color: #f0f0f0;
    padding: 10px;
}
.benefitbox aside.left-box ul {
    padding-bottom: 10px;
}
.benefitbox aside.left-box h3,
.benefitbox aside.left-box li {
    color: #333333;
}
.benefitbox aside.right-box {
    padding: 20px 10px 10px 10px;
}
.benefitbox aside.right-box::before {
    content:"+";
    font-family: "Pictos IF";
    position: absolute;
    left: 50%;
    top: 47.5%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #ffffff;
    padding: 3px 5px 7px;
    font-size: 30px;
    line-height: 100%;
    border-radius: 50%;
}
.benefitbox aside.right-box h3,
.benefitbox aside.right-box li {
    color: #ffffff;
}
@media screen and (min-width: 768px) {
    .benefitbox {
        background-color: #ffffff;
        padding: 10px;
        margin-bottom: 20px;
    }
    .benefitbox .col-50-50 {
        position: relative;
    }
    .benefitbox .col-50-50 aside {
        width: calc((100% - 6px) / 2);
        display: inline-block;
        position: static;
    }
    .benefitbox .col-50-50 aside.left-box {
        margin-right: 6px;
        margin-bottom: 0;
    }

    .benefitbox aside {
        padding: 10px;
        margin-bottom: 0;
    }
    .benefitbox aside h3 {
        font-size: 16px;
    }
    .benefitbox aside ul {
        
    }
    .benefitbox aside ul li {
        background-image: none;
        display: block;
        padding-left: 1.25em;
        line-height: 1.2;
    }
    .benefitbox aside ul li::before {
        content:"v";
        font-family: "Pictos IF";
        display: inline-block;
        margin-right: 6px;
        font-size: 18px;
        margin-left: -1.25em;
    }
    .benefitbox aside.left-box {
        background-color: #f0f0f0;
        padding: 10px;
    }
    .benefitbox aside.left-box h3,
    .benefitbox aside.left-box li {
        color: #333333;
    }
    .benefitbox aside.right-box {
        padding: 10px 10px 10px 37px;
    }
    .benefitbox aside.right-box::before {
        content:"+";
        font-family: "Pictos IF";
        position: absolute;
        left:50%;
        top:50%;
        transform: translateX(-50%) translateY(-50%);
        background-color: #ffffff;
        padding: 7px 10px 13px;
        font-size: 40px;
        line-height: 100%;
        border-radius: 50%;
    }
    .benefitbox aside.right-box h3,
    .benefitbox aside.right-box li {
        color: #ffffff;
    }   
}
@media screen and (min-width: 1080px) {
    .benefitbox {
        background-color: #ffffff;
        padding: 20px;
        margin-bottom: 20px;
    }
    .benefitbox .col-50-50 {
        position: relative;
    }
    .benefitbox .col-50-50 aside {
        width: calc((100% - 10px) / 2);
        display: inline-block;
        position: static;
    }
    .benefitbox .col-50-50 aside.left-box {
        margin-right: 10px;
    }

    .benefitbox aside {
        padding: 20px;
        margin-bottom: 0;
    }
    .benefitbox aside h3 {
        font-size: 20px;
        padding-bottom: 5px;
    }
    .benefitbox aside ul {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .benefitbox aside ul li {
        background-image: none;
        display: block;
        padding-left: 0;
        line-height: 1;
        padding-left: 1.25em;
        margin-bottom: 12px;
    }
    .benefitbox aside ul li:last-of-type {
        margin-bottom: 0;
    }
    .benefitbox aside ul li::before {
        content:"v";
        font-family: "Pictos IF";
        display: inline-block;
        margin-right: 6px;
        font-size: 18px;
        margin-left: -1.25em;
    }
    .benefitbox aside.left-box {
        background-color: #f0f0f0;
        padding: 20px;
    }
    .benefitbox aside.left-box h3,
    .benefitbox aside.left-box li {
        color: #333333;
    }
    .benefitbox aside.right-box {
        padding: 20px 20px 20px 60px;
    }
    .benefitbox aside.right-box::before {
        content:"+";
        font-family: "Pictos IF";
        position: absolute;
        left:50%;
        top:50%;
        transform: translateX(-50%) translateY(-50%);
        background-color: #ffffff;
        padding: 15px 20px 25px;
        font-size: 60px;
        line-height: 100%;
        border-radius: 50%;
    }
    .benefitbox aside.right-box h3,
    .benefitbox aside.right-box li {
        color: #ffffff;
    }   
}
/* ======================================================================================= */

/* Vorteilsbox blau */
.benefitbox.bluebox {

}
.benefitbox.bluebox aside.right-box {
    background-color: #00acd3;
    color: #ffffff;
}
.benefitbox.bluebox aside.right-box::before {
    color: #00acd3;
}

/* ======================================================================================= */

/* Vorteilsbox violett */
.benefitbox.purplebox {

}
.benefitbox.purplebox aside.right-box {
    background-color: #9b348e;
    color: #ffffff;
}
.benefitbox.purplebox aside.right-box::before {
    color: #9b348e;
}

/* ======================================================================================= */

/* Vorteilsbox grau */
.benefitbox.greybox {

}
.benefitbox.greybox aside.right-box {
    background-color: #666666;
    color: #ffffff;
}
.benefitbox.greybox aside.right-box::before {
    color: #666666;
}

/* ======================================================================================= */

/* Bild-/Text-Box */
.imagetextbox {
    background-color: transparent;
    padding: 0;
    margin:0;
    display: inline-block;
    width: 100%;
}
.imagetextbox .headline {
    padding: 0;
    background-color: transparent;
}
.imagetextbox .element-textmedia {
    padding: 0;
    background-color: transparent;
}
.imagetextbox .element-textmedia .frame {

}
.imagetextbox .element-textmedia .frame .ce-textpic {
    padding: 10px;
    background-color: #ffffff;
}

.imagetextbox .element-textmedia .frame .ce-textpic .ce-gallery {
    margin-bottom: 10px;
}
.imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext {
}
.imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext h2 {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.1;
    color: #ff0000;
    padding-bottom: 10px;
}
.imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext h3 {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
    color: #333333;
    margin-bottom: 10px;
    padding: 0;
}
.imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext p {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #666666;
}
.imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext h2 + p {
    margin-bottom: 20px;
}
.imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext h3 + p {
    margin-bottom: 20px;
}
.imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext p.disclaimer {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #666666;
}

.imagetextbox aside .element-textmedia .frame .ce-textpic .ce-gallery {
    margin-bottom: 10px;
}
.imagetextbox aside .element-textmedia .frame .ce-textpic .ce-bodytext h2 {
    margin-bottom: 5px;
    padding: 0;
}
.imagetextbox aside .element-textmedia .frame .ce-textpic .ce-bodytext h3 {
    margin-bottom: 10px;
    padding: 0;
}
.imagetextbox aside .element-textmedia .frame .ce-textpic .ce-bodytext p {
    margin-bottom: 20px;
    padding: 0;
}
.imagetextbox aside .element-textmedia .frame .ce-textpic .ce-bodytext p.last {
    clear: both;
}
.imagetextbox aside .element-textmedia .frame .ce-textpic .ce-bodytext p.last a.link {
    position: static;
    float: right;
}
@media screen and (min-width: 768px) {
    .imagetextbox .element-textmedia .frame .ce-textpic .ce-gallery {
        margin-bottom: 20px;
    }
    .imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext h2 {
        font-size: 20px;
    }
    .imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext h2 + p {
        margin-bottom: 30px;
    }
    .imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext h3 {
        font-size: 16px;
    }
    .imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext p {
        font-size: 14px;
    }   
}
@media screen and (min-width: 1080px) {
    .imagetextbox .element-textmedia .frame .ce-textpic {
        padding: 20px;
    }
    .imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext h2 {
        font-size: 22px;
    }
    .imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext h3 {
        font-size: 20px;
    }
    .imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext p {
        font-size: 15px;
    }
    .imagetextbox .element-textmedia .frame .ce-textpic .ce-bodytext h2 + p {
        margin-bottom: 40px;
    }
    .imagetextbox aside .element-textmedia .frame .ce-textpic .ce-gallery {
        margin-bottom: 20px;
    }
    .imagetextbox aside .element-textmedia .frame .ce-textpic .ce-bodytext h2 {
        margin-bottom: 5px;
    }
    .imagetextbox aside .element-textmedia .frame .ce-textpic .ce-bodytext h3 {
        margin-bottom: 20px;
    }
    .imagetextbox aside .element-textmedia .frame .ce-textpic .ce-bodytext p {
        margin-bottom: 20px;
    }   
}

/* ======================================================================================= */

/* --- */
.contentlightbox {}


/* ======================================================================================= */

/* Bild-Textbox */
.imageandtext {

}
.imageandtext .no-border {

}
.imageandtext .no-border .headline {
    padding: 0;
    background-color: transparent;
}
.imageandtext .no-border .headline .element-textmedia {

}
.imageandtext .no-border .headline .element-textmedia .frame {

}
.imageandtext .no-border .headline .element-textmedia .frame .ce-textpic {
    padding: 10px;
    background-color: #ffffff;
    box-sizing: border-box;
}
.imageandtext .no-border .headline .element-textmedia .frame .ce-textpic .ce-gallery {
    width: 100%;
    display: block;
    margin: 0 0 10px;
}
.imageandtext .no-border .headline .element-textmedia .frame .ce-textpic .ce-gallery figure {
    
}
.imageandtext .no-border .headline .element-textmedia .frame .ce-textpic .ce-gallery figure img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.imageandtext .no-border .headline .element-textmedia .frame .ce-textpic .ce-bodytext {
    width: 100%;
    display: block;
}
.imageandtext .no-border .headline .element-textmedia .frame .ce-textpic .ce-bodytext h2 {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.1;
    color: #ff0000;
    padding-bottom: 10px;
}
.imageandtext .no-border .headline .element-textmedia .frame .ce-textpic .ce-bodytext p {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #666666;
}
.imageandtext .no-border .headline .element-textmedia .frame .ce-textpic .ce-bodytext p.last {
    clear: both;
}
.imageandtext .no-border .headline .element-textmedia .frame .ce-textpic .ce-bodytext p.last a {
    position: static;
    float: right;
}

@media screen and (min-width: 768px) {
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right,
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left {
        display: flex;
        align-items: center;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-gallery {
        width: 50%;
        display: inline-block;
        margin-bottom: 0;
        order: 2;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-bodytext {
        width: 50%;
        display: inline-block;
        padding-right: 10px;
        order: 1;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-bodytext h2,
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left .ce-bodytext h2 {
        font-size: 20px;
        padding: 0;
        margin-bottom: 10px;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-bodytext p,
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left .ce-bodytext p {
        font-size: 14px;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-gallery figure {

    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-gallery figure img {

    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left .ce-gallery {
        width: 50%;
        display: inline-block;
        margin-bottom: 0;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left .ce-bodytext {
        width: 50%;
        display: inline-block;
        padding-left: 10px;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left .ce-gallery figure {

    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left .ce-gallery figure img {

    }
}
@media screen and (min-width: 960px) {
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right,
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left {
        display: block;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-gallery {
        width: 50%;
        display: inline-block;
        margin-bottom: 0;
        order: 1;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-bodytext {
        width: 50%;
        display: inline-block;
        padding-right: 10px;
        order: 2;
    }
}
@media screen and (min-width: 1080px) {
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic {
        padding: 20px;
    }

    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left .ce-bodytext {
        padding-left: 20px;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-bodytext {
        padding-right: 20px;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-bodytext h2,
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left .ce-bodytext h2 {
        font-size: 22px;
        padding: 0;
        margin-bottom: 20px;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-bodytext h2 + p,
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left .ce-bodytext h2 + p {
        margin-bottom: 20px;
    }
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-right .ce-bodytext p,
    .imageandtext .no-border .headline .element-textmedia .frame .ce-textpic.ce-intext.ce-left .ce-bodytext p {
        font-size: 15px;
    }
}

/* ======================================================================================= */

/* Servicekacheln (1 - 6 Elemente erlaubt)*/
.servicetiles {
    display: flex;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.servicetiles {

}
.servicetiles {

}
.servicetiles .element-textmedia {
    min-height: 112px;
    background-color: #ffffff;
    display: inline-block;
    margin-right: 1.3%;
    margin-bottom: 1.3%;
    /*padding: 20px 5px;*/
    vertical-align: top;
    flex: 1;
}
.servicetiles .element-textmedia > a {
    padding: 20px 5px;
    cursor: pointer;
    display: block;
    text-decoration: none;
}
.servicetiles .element-textmedia:hover > a,
.servicetiles .element-textmedia:hover > a:hover {
    text-decoration: none;
}

.servicetiles .element-textmedia h6 {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
    text-align: center;
}
.servicetiles .element-textmedia h6 a {
    text-decoration: none;
}
.servicetiles .element-textmedia:hover {
    background-color: #f00;
}
.servicetiles .element-textmedia:hover h6,
.servicetiles .element-textmedia:hover h6 a,
.servicetiles .element-textmedia:hover h6::before {
    color: #ffffff;
    text-decoration: none;
}
.servicetiles .element-textmedia h6::before {
    content:"";
    font-family: "Pictos IF";
    font-size: 80px;
    line-height: 1;
    width: 80px;
    height: 80px;
    margin: 0px auto 10px;
    color: #f00;
}
.servicetiles .element-textmedia h6.lock::before {
    content:"\F7A8";
    display: block;
}
.servicetiles .element-textmedia h6.coins::before {
    content:"\F79B";
    display: block;
}
.servicetiles .element-textmedia h6.creditcard::before {
    content:"\F617";
    display: block;
}
.servicetiles .element-textmedia h6.piggybank::before {
    content:"\F754";
    display: block;
}
.servicetiles .element-textmedia h6.home::before {
    content:"\F722";
    display: block;
}
.servicetiles .element-textmedia h6.shoppingcart::before {
    content:"\F769";
    display: block;
}
/* one item */
.servicetiles .element-textmedia:nth-last-child(1) {
/* -or- li:only-child { */
    width: 49.35%;
    flex-basis: 49.35%;
}

/* two items */
.servicetiles .element-textmedia:nth-last-child(2),
.servicetiles .element-textmedia:nth-last-child(2) ~ .element-textmedia {
    width: 49.35%;
    flex-basis: 49.35%;
}

/* three items */
.servicetiles .element-textmedia:nth-last-child(3),
.servicetiles .element-textmedia:nth-last-child(3) ~ .element-textmedia {
    width: 49.35%;
    flex-basis: 49.35%;

}

/* four items */
.servicetiles .element-textmedia:nth-last-child(4),
.servicetiles .element-textmedia:nth-last-child(4) ~ .element-textmedia {
    width: 49.35%;
    flex-basis: 49.35%;

}
/* four items */
.servicetiles .element-textmedia:nth-last-child(5),
.servicetiles .element-textmedia:nth-last-child(5) ~ .element-textmedia {
    width: 49.35%;
    flex-basis: 49.35%;

}
/* four items */
.servicetiles .element-textmedia:nth-last-child(6),
.servicetiles .element-textmedia:nth-last-child(6) ~ .element-textmedia {
    width: 49.35%;
    flex-basis: 49.35%;
}
.servicetiles .element-textmedia:nth-of-type(2n) {
    margin-right: 0;
}
@media screen and (min-width: 630px) {
    /* one item */
    .servicetiles .element-textmedia:nth-last-child(1) {
    /* -or- li:only-child { */
        width: 32.46%;
        flex-basis: 32.46%;

    }
    /* two items */
    .servicetiles .element-textmedia:nth-last-child(2),
    .servicetiles .element-textmedia:nth-last-child(2) ~ .element-textmedia {
        width: 32.46%;
        flex-basis: 32.46%;
    }

    /* three items */
    .servicetiles .element-textmedia:nth-last-child(3),
    .servicetiles .element-textmedia:nth-last-child(3) ~ .element-textmedia {
        width: 32.46%;
        flex-basis: 32.46%;

    }

    /* four items */
    .servicetiles .element-textmedia:nth-last-child(4),
    .servicetiles .element-textmedia:nth-last-child(4) ~ .element-textmedia {
        width: 32.46%;
        flex-basis: 32.46%;

    }
    /* four items */
    .servicetiles .element-textmedia:nth-last-child(5),
    .servicetiles .element-textmedia:nth-last-child(5) ~ .element-textmedia {
        width: 32.46%;
        flex-basis: 32.46%;

    }
    /* four items */
    .servicetiles .element-textmedia:nth-last-child(6),
    .servicetiles .element-textmedia:nth-last-child(6) ~ .element-textmedia {
        width: 32.46%;
        flex-basis: 32.46%;
    }
    .servicetiles .element-textmedia:nth-of-type(2n) {
        margin-right: 1.3%;
    }
    .servicetiles .element-textmedia:nth-of-type(3n) {
        margin-right: 0;
    }
}
@media screen and (min-width: 1080px) {
    /* one item */
    .servicetiles .element-textmedia:nth-last-child(1) {
    /* -or- li:only-child { */
        width: 32.46%;
        flex-basis: 32.46%;

    }

    /* two items */
    .servicetiles .element-textmedia:nth-last-child(2),
    .servicetiles .element-textmedia:nth-last-child(2) ~ .element-textmedia {
        width: 32.46%;
        flex-basis: 32.46%;
    }

    /* three items */
    .servicetiles .element-textmedia:nth-last-child(3),
    .servicetiles .element-textmedia:nth-last-child(3) ~ .element-textmedia {
        width: 32.46%;
        flex-basis: 32.46%;

    }

    /* four items */
    .servicetiles .element-textmedia:nth-last-child(4),
    .servicetiles .element-textmedia:nth-last-child(4) ~ .element-textmedia {
        width: 24.02%;
        flex-basis: 24.02%;

    }
    /* four items */
    .servicetiles .element-textmedia:nth-last-child(5),
    .servicetiles .element-textmedia:nth-last-child(5) ~ .element-textmedia {
        width: 18.96%;
        flex-basis: 18.96%;

    }
    /* four items */
    .servicetiles .element-textmedia:nth-last-child(6),
    .servicetiles .element-textmedia:nth-last-child(6) ~ .element-textmedia {
        width: 15.58%;
        flex-basis: 15.58%;
    }
    .servicetiles .element-textmedia:nth-of-type(2n),
    .servicetiles .element-textmedia:nth-of-type(3n) {
        margin-right: 1.3%;
    }
    .servicetiles .element-textmedia:last-child {
        margin-right: 0;
    }
}
/* ======================================================================================= */

/* Serviceelement */
.servicebuttons {}


/* ======================================================================================= */

/* Produktvergleich */
.productgrid {}


/* ======================================================================================= */

/* Verbundpartnerbox */
.partnerbox {}


/* ======================================================================================= */

/* Buttonleiste ohne Bild */
.buttonstripwithoutimage {
    padding: 40px 0;
}
.buttonstripwithoutimage .headline {
    padding: 0;
    background-color: transparent;
    text-align: center;
}
.buttonstripwithoutimage .headline:last-of-type {
    padding: 0;
    background-color: transparent;
    text-align: center;
}
.buttonstripwithoutimage .headline h3,
.buttonstripwithoutimage .headline h4,
.buttonstripwithoutimage .headline p {
    color: #333333;
}
.buttonstripwithoutimage .headline p {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 20px;   
}
.buttonstripwithoutimage .headline h3 {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.1;
    padding-bottom: 20px;   
}
.buttonstripwithoutimage .headline .hasphoneicon {
    display: inline-block;
    margin: 0 auto;
    clear: both;
    position: relative;
    width: 270px;
}
.buttonstripwithoutimage .headline .hasphoneicon p:first-of-type {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.1;
    text-align: left;
    position: relative;
    overflow: visible;
    margin-bottom: 0;
    padding-bottom: 0;
}
.buttonstripwithoutimage .headline .hasphoneicon p:first-of-type::before {
    content:"h";
    font-family: "Pictos IF";
    left: -.875em;
    top: 0;
    transform: translateY(-27.5%);
    font-size: 2.944em;
    display: inline-block;
    vertical-align: top;
}
.buttonstripwithoutimage .headline .hasphoneicon p:last-of-type {
    font-family: "Sparkasse Web", Helvetica, Verdana, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
}

.buttonstripwithoutimage h4 {

}
.buttonstripwithoutimage .headline:last-of-type p a {
    margin-left: 0;
}
.buttonstripwithoutimage .headline:last-of-type p a {
    margin-right: 20px;
}
.buttonstripwithoutimage .headline:last-of-type p a:last-of-type {
    margin-right: 0;
}
.buttonstripwithoutimage .headline:last-of-type .arrow-link-grey,
.buttonstripwithoutimage .headline:last-of-type .arrow-link-red {
    float: none;
}
@media screen and (max-width: 767px) {
    .buttonstripwithoutimage .headline:last-of-type .arrow-link-grey {
        transform: translate(0);
        margin-right: 0;
        margin-bottom: 0.5em;
    }
}
@media screen and (min-width: 768px) {
    .buttonstripwithoutimage .headline h3 {
        font-size: 20px;
        line-height: 1.1;
    }
    .buttonstripwithoutimage .headline .hasphoneicon p:first-of-type {
        font-size: 20px;
    }
    .buttonstripwithoutimage .headline .hasphoneicon p:last-of-type {
        font-size: 12px;
    }
}
@media screen and (min-width: 1080px) {
    .buttonstripwithoutimage .headline h3 {
        font-size: 20px;
        line-height: 1.1;
    }
    .buttonstripwithoutimage .headline .hasphoneicon p:first-of-type {
        font-size: 22px;
    }
    .buttonstripwithoutimage .headline .hasphoneicon p:last-of-type {
        font-size: 12px;
        position: absolute;
        bottom: 8px;
        left: 63px;
    }
}

/* ======================================================================================= */

/* Buttonleiste mit Bild */
.buttonstripwithimage {}


/* ======================================================================================= */

/* Kontakt-Footer */
.contactfooter {}


/* ======================================================================================= */

/* Hintergrund Weiss */
.t3-layout-white.has-bg-color {}


/* ======================================================================================= */

/* Hintergrund Transparent */
.t3-layout-transparent.has-bg-color {}


/* ======================================================================================= */

/*.product_teaser {}*/


/* ======================================================================================= */

/* Animation von links nach rechts */
.t3-layout-contact-box.animation-element.slide-right {}


/* ======================================================================================= */

/* Animation von rechts nach links */
.t3-layout-contact-box.animation-element.slide-left {}


/* ======================================================================================= */

/* Animation von unten nach oben */
.t3-layout-contact-box.animation-element.bounce-up {}


/* ======================================================================================= */

/* Animation von oben nach unten */
.t3-layout-contact-box.animation-element.bounce-down {}


/* ======================================================================================= */

/* 100% Bild */
.t3-layout-only-bild {}


/* ======================================================================================= */

/* Vorteile-Block */
.t3-layout-advantages {}


/* ======================================================================================= */


/* Responsively show and hide elements */
.t3-layout-responsive.hidden-xs {
    display: none;
}
.t3-layout-responsive.hidden-sm.hidden-md.hidden-lg {
    display: block;
}
.t3-layout-advantages.t3-layout-responsive.hidden-xs {
    display: none;
}
.t3-layout-advantages.t3-layout-responsive.hidden-sm.hidden-md.hidden-lg {
    display: block;
}

@media screen and (min-width: 768px) {
    .t3-layout-responsive.hidden-xs {
        display: block;
    }
    .t3-layout-responsive.hidden-sm.hidden-md.hidden-lg {
        display: none;
    }
    .t3-layout-advantages.t3-layout-responsive.hidden-xs {
        display: block;
    }
    .t3-layout-advantages.t3-layout-responsive.hidden-sm.hidden-md.hidden-lg {
        display: none;
    }   
}

/* Metro Colorization */
.color_one { background-color: #353535; }
.color_two { background-color: #004c87; color: #fff; }
.color_three { background-color: #fdc900; color: #333; }

/* Flip Cards */
.t3-layout-flip-cards .inner_wrap {display: flex; justify-content: space-evenly; align-items: flex-start; flex-direction: row; flex-wrap: wrap;}
.t3-layout-flip-cards .ce-gallery {margin: 0}
.t3-layout-flip-cards .frame {
  background-color: transparent;
  /*width: 300px;*/
  height: 253px;
  flex: 0 0 25%;
  min-width: 25%;
  /*border: 1px solid #f1f1f1;*/
  perspective: 1000px;
  margin: 0;
  padding: 10px;
  cursor: pointer;
}
.t3-layout-flip-cards .inner_wrap h2 a { color: #ffffff; position: relative; display: block;}
.t3-layout-flip-cards .inner_wrap .ce-bodytext h2 a:before {
    position: absolute;
    content: "\f178";
    color: #ffffff;
    top: auto; bottom: -1.25em; right: auto; left: 50%;
    font-size: .75em;
    font-family: "Font Awesome 5 Pro";
    /*pointer-events: none;*/
    transform: translateX(-50%) translateY(0);
}
.t3-layout-flip-cards .inner_wrap h2 a:hover { text-decoration: none; }
@media screen and (max-width: 1199px) {
    .t3-layout-flip-cards .frame {
      background-color: transparent;
      /*width: 300px;*/
      height: 212px;
      flex: 0 0 25%;
      min-width: 25%;
      /*border: 1px solid #f1f1f1;*/
      perspective: 1000px;
      margin: 0;
    }
}
@media screen and (max-width: 991px) {
    .t3-layout-flip-cards .frame {
      background-color: transparent;
      /*width: 300px;*/
      height: 230px;
      flex: 0 0 33.333333%;
      min-width: 33.333333%;
      /*border: 1px solid #f1f1f1;*/
      perspective: 1000px;
      margin: 0;
    }
}
@media screen and (max-width: 767px) {
    .t3-layout-flip-cards .frame {
      background-color: transparent;
      /*width: 300px;*/
      height: 170px;
      flex: 0 0 50%;
      min-width: 50%;
      /*border: 1px solid #f1f1f1;*/
      perspective: 1000px;
      margin: 0;
    }
}
@media screen and (max-width: 575px) {
    .t3-layout-flip-cards .frame {
      background-color: transparent;
      /*width: 300px;*/
      height: 180px;
      flex: 0 0 50%;
      min-width: 50%;
      /*border: 1px solid #f1f1f1;*/
      perspective: 1000px;
      margin: 0;
    }
}
@media screen and (max-width: 413px) {
    .t3-layout-flip-cards .frame {
      background-color: transparent;
      /*width: 300px;*/
      height: 123px;
      flex: 0 0 50%;
      min-width: 50%;
      /*border: 1px solid #f1f1f1;*/
      perspective: 1000px;
      margin: 0;
    }
}
@media screen and (max-width: 320px) {
    .t3-layout-flip-cards .frame {
      background-color: transparent;
      /*width: 300px;*/
      height: 190px;
      flex: 0 0 100%;
      min-width: 100%;
      /*border: 1px solid #f1f1f1;*/
      perspective: 1000px;
      margin: 0;
    }
}
.t3-layout-flip-cards .frame .ce-textpic {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform .8s;
  transform-style: preserve-3d;
  overflow:visible; /* wichtig! */
}
.t3-layout-flip-cards .frame.flipMe .ce-textpic { transform: rotateY(180deg); }

.t3-layout-flip-cards .frame .ce-textpic:before {
    /*-webkit-backface-visibility: hidden;
    backface-visibility: hidden;*/
    content: "";
    width: 9px;
    height: 9px;
    background-color: #fff;
    position: absolute;
    right: 21px;
    bottom: 21px;
    z-index: 1;
    border-radius: 50%;
}
.t3-layout-flip-cards .frame .ce-textpic:after {
    /*-webkit-backface-visibility: hidden;
    backface-visibility: hidden;*/
    content: "";
    width: 31px;
    height: 31px;
    background-color: transparent;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    border-radius: 50%;
    border: 1px solid #fff;
    transform-origin: center center;
    transition: transform .25s ease-in-out;
    pointer-events: none;
    cursor: pointer;
}
.t3-layout-flip-cards .frame:hover .ce-textpic:after {
    transform: scale3d(.75,.75,1);
}

.t3-layout-flip-cards .frame .ce-gallery,
.t3-layout-flip-cards .frame .ce-bodytext {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.t3-layout-flip-cards .frame .ce-gallery {
  background-color:#bbb;
  color: #000;
  border-radius: 2rem 0 2rem 0;
}
.t3-layout-flip-cards .frame .ce-bodytext {
  background-color: #fdc900;
  color: #fff;
  border-radius: 2rem 0 2rem 0;
  transform: rotateY(180deg);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}
.t3-layout-flip-cards .frame .ce-bodytext h2 { font-size: 3.5vw; font-size: clamp(42px, 3.5em, 3.5vw); };
/* unset image wrapping styles */
.t3-layout-flip-cards .frame .ce-textpic {}
.t3-layout-flip-cards .frame .ce-gallery { margin-bottom:0; width:100%; height:100%; object-fit: cover; }
.t3-layout-flip-cards .frame .ce-gallery .ce-outer,
.t3-layout-flip-cards .frame .ce-gallery .ce-inner,
.t3-layout-flip-cards .frame .ce-gallery .ce-row,
.t3-layout-flip-cards .frame .ce-gallery .ce-column,
.t3-layout-flip-cards .frame .ce-gallery figure { display: block; position: static; padding:0; margin:0; float: none; clear: both; height: 100%; }
.t3-layout-flip-cards .frame .ce-gallery img { object-fit: cover; object-position: 60%; width:100%; height:100%; }


/* Metro Grid */
.metro_layout .container { width:100%; max-width: 100%; }
.metro_layout .if6_homepagearea .if6_inner { padding-bottom: 20px; }
.t3-layout-metro-grid {margin: 0 0 20px}
.t3-layout-metro-grid .ce-gallery {margin: 0; }
.t3-layout-metro-grid header h2 { font-size: 3.5vw; color: #fff; }
.t3-layout-metro-grid ul,
.t3-layout-metro-grid .inner_wrap,
.t3-layout-metro-grid .frame-type-ce_container .ce-container { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 1rem}
.t3-layout-metro-grid li img,
.t3-layout-metro-grid .inner_wrap .frame img,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame img { width: 100%; height: 100%; object-fit: cover; object-position: 100%; transition: transform 0.5s ease;}
.t3-layout-metro-grid .inner_wrap .frame:hover img,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:hover img {  transform: scale(1.3);}

.t3-layout-metro-grid li,
.t3-layout-metro-grid .inner_wrap .frame,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame { margin: 0; min-height: 10rem; position: relative; overflow: hidden; border-radius: 2rem 0 2rem 0; container-type: inline-size;}
.t3-layout-metro-grid li header,
.t3-layout-metro-grid .inner_wrap .frame header,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame header  { position: absolute; top:  0rem; left:  1rem; z-index: 2;}

.t3-layout-metro-grid li .ce-bodytext,
.t3-layout-metro-grid .inner_wrap .frame .ce-bodytext,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame .ce-bodytext { position: absolute; bottom: 1rem; left: 1rem; width: calc(100% - 2rem); z-index: 2; background-color: #fdc900; color: #fff; padding: 1rem; border-radius: 0 2rem; transform: translateY(calc(+100% + 1rem + 1px)); transition: transform .4s ease-out }
/*.t3-layout-metro-grid .inner_wrap .frame .ce-bodytext {display: none}*/
@media screen and (min-width: 992px) {
    .t3-layout-metro-grid .inner_wrap .frame:hover .ce-bodytext,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:hover .ce-bodytext {transform: translateY(0);}
}

.t3-layout-metro-grid .inner_wrap .frame .ce-bodytext p,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame .ce-bodytext p { margin:0; }

.t3-layout-metro-grid li:nth-child(1),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(1),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(1) { grid-column: span 4; grid-row: span 2;}
.t3-layout-metro-grid li:nth-child(2),
.t3-layout-metro-grid li:nth-child(3),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(2),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(3),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(2),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(3) {grid-column: span 2;}
.t3-layout-metro-grid li:nth-child(4),
.t3-layout-metro-grid li:nth-child(5),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(4),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(5),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(4),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(5){ grid-column: span 3; }
.t3-layout-metro-grid li:nth-child(6),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(6),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(6){ grid-column: span 2; }
.t3-layout-metro-grid li:nth-child(7),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(7),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(7){ grid-column: span 4; }
.t3-layout-metro-grid li:nth-child(8),
.t3-layout-metro-grid li:nth-child(9),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(8),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(9),
.t3-layout-metro-grid li:nth-child(n+8),
.t3-layout-metro-grid li:nth-child(n+9),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(n+8),
.t3-layout-metro-grid .inner_wrap .frame:nth-child(n+9),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(8),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(9),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(n+8),
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(n+9) { grid-column: span 3;}

/* unset image wrapping styles */
.t3-layout-metro-grid .inner_wrap .frame .ce-textpic,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame .ce-textpic { object-fit: cover; width: 100%; height: 100%;}
.t3-layout-metro-grid .inner_wrap .frame .ce-gallery,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame .ce-gallery { margin-bottom:0; width:100%; height:100%; object-fit: cover; }
.t3-layout-metro-grid .inner_wrap .frame .ce-gallery .ce-outer,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame .ce-gallery .ce-outer,
.t3-layout-metro-grid .inner_wrap .frame .ce-gallery .ce-inner,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame .ce-gallery .ce-inner,
.t3-layout-metro-grid .inner_wrap .frame .ce-gallery .ce-row,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame .ce-gallery .ce-row,
.t3-layout-metro-grid .inner_wrap .frame .ce-gallery .ce-column,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame .ce-gallery .ce-column,
.t3-layout-metro-grid .inner_wrap .frame .ce-gallery figure,
.t3-layout-metro-grid .frame-type-ce_container .ce-container .frame .ce-gallery figure { display: block; position: static; padding:0; margin:0; float: none; clear: both; height: 100%; }

/* metro grid font-sizes */
@media screen and (min-width: 0) and (max-width:319px) {
    .t3-layout-metro-grid header h2 {
        font-size:18px!important;
        font-size: clamp(18px,6vw,20px)!important;
        font-size: clamp(14px,10cqi,21px)!important;
    }
}

@media screen and (min-width: 320px) and (max-width:414px) {
    .t3-layout-metro-grid header h2 {
        font-size:17px!important;
        font-size: clamp(17px,4vw,21px)!important;
        font-size: clamp(15px,10cqi,22px)!important;
    }
}

@media screen and (min-width: 415px) and (max-width:480px) {
    .t3-layout-metro-grid header h2 {
        font-size: 19px!important;
        font-size: clamp(19px,4vw,24px)!important;
        font-size: clamp(17px,10cqi,24px)!important;
    }
}

@media screen and (min-width: 481px) {
    .t3-layout-metro-grid header h2 {
        font-size: 22px!important;
        font-size: clamp(22px,7vw,30px)!important;
        font-size: clamp(21px,10cqi,27px)!important;
    }
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(1) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(7) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(1) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(7) header h2 {
        font-size: 22px!important;
        font-size: clamp(22px,7vw,30px)!important
        font-size: clamp(24px,10cqi,30px)!important;
    }
}

@media screen and (min-width: 651px) {
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(1) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(7) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(1) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(7) header h2 {
        font-size: 30px!important;
        font-size: clamp(30px,5vw,34px)!important;
        font-size: clamp(28px,10cqi,36px)!important;
    }

    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(4) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(5) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(8) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(9) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(4) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(5) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(8) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(9) header h2 {
        font-size: 30px!important;
        font-size: clamp(30px,5.5vw,32px)!important;
        font-size: clamp(30px,10cqi,32px)!important;
    }
}

@media screen and (min-width: 768px) {
    .t3-layout-metro-grid header {
        max-width: 68%;
    }
    .t3-layout-metro-grid header h2 {
        font-size: 20px!important;
        font-size: clamp(20px,4.5vw,28px)!important;
        font-size: clamp(20px,10cqi,28px)!important;
    }

    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(1) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(7) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(1) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(7) header h2 {
        font-size: 30px!important;
        font-size: clamp(30px,5.5vw,40px)!important;
        font-size: clamp(32px,10cqi,44px)!important;
    }

    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(4) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(5) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(8) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(9) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(4) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(5) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(8) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(9) header h2 {
        font-size: 30px!important;
        font-size: clamp(30px,5.5vw,40px)!important;
        font-size: clamp(32px,10cqi,44px)!important;
    }
}

@media screen and (min-width: 1024px) {
    .t3-layout-metro-grid header {
        max-width: 90%;
    }
    .t3-layout-metro-grid header h2{
        font-size: 22px!important;
        font-size: clamp(22px,4.75vw,28px)!important;
        font-size: clamp(22px,10cqi,28px)!important;
    }

    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(1) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(7) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(1) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(7) header h2 {
        font-size: 34px!important;
        font-size: clamp(34px,7vw,46px)!important;
        font-size: clamp(34px,10cqi,46px)!important;
    }

    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(4) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(5) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(8) header h2,
    .t3-layout-metro-grid .frame:not(.frame-type-ce_container):nth-child(9) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(4) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(5) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(8) header h2,
    .t3-layout-metro-grid .frame-type-ce_container .ce-container .frame:nth-child(9) header h2 {
        font-size: 34px!important;
        font-size: clamp(34px,6.5vw,44px)!important;
        font-size: clamp(32px,10cqi,40px)!important;
    }
}
@media screen and (min-width: 1280px) {
    .t3-layout-metro-grid header {
        max-width: 100%;
    }
}

/* stage menu horizontal */
.stage-menu { text-align:center; margin: 0 auto; list-style: none; max-width: 720px; padding:0; font-size: .75em; padding: .5rem 0;}
.stage-menu li { display: inline-block; margin:0; }
.stage-menu li a { color: #fff; display: block; background: transparent; border: transparent; color: #fff; padding: .25rem .5rem; transition: all .2s ease-out; text-decoration: none; }
.stage-menu li a:hover { background: #FDC900; border: #FDC900; color: #004C87; padding: .25rem .5rem; border-radius: .5rem 0 .5rem 0; text-decoration: underline;}

.stage-menu.background--light li a {color: #004c87; }
/*.stage-menu li a:hover { animation: scaleIn; animation-duration: .5s; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes scaleIn {
    0% { transform: scale(1) }
    100% { transform: scale(1.5) }
}*/
@media screen and (max-width: 1023px) {
    nav:has(.stage-menu) { display: none; }
}

.if6_stagemenu .stage-menu li a { color: #004C87; }

/* simple menu */
#sm_menu_ham { display:block!important; top: 50px; }
.sm_menu_outer { height: 100vh; background-color: #004C87; display: block;}
.sm_menu_outer .levelone-menu { list-style: none; text-align: center; font-size: 2em; padding: 10vh 0; position: relative; top: 50%; transform: translateY(-50%);}
.sm_menu_outer .levelone-menu li { display: block; }
.sm_menu_outer .levelone-menu li a { color: #fff; text-decoration: none;}
.sm_menu_outer .levelone-menu li a:hover { text-decoration: underline; }
/* vertical centerin of main content */
.vertcont { height: 100vh; }
.vertcont .if6_homepagearea { height: calc(100% - 129px); }
.vertcont .if6_homepagearea .if6_inner { height:100% }
.vertcont .vcenter { height: 100%; align-items: center;}

/* ozp contentfilter */
.tab-link li {
    /* background-color: #265a88; */
    padding: 0.375em;
    border: 2px solid #fdc900;
    border-radius: 20px 0 20px 0;
    margin: 0.25rem 0.2rem;
    transition: all .2s ease-out;
}
.tab-link li:hover,
.tab-link li.selected {
    background-color: #fdc900;
    padding: 0.375em;
    border: 2px solid #fdc900;
    margin: 0.25rem 0.2rem;
}
.contentcontener {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    grid-gap: 1rem;
}
.contentcontener.column3 .items-cfilter {
    flex: 0 0 calc((100% - 2rem) / 3);
    max-width: 33.33333%;
    border-radius: 2rem 0 2rem 0;
}
/*@media screen and (min-width: 768px) {
    .contentcontener.column3 .items-cfilter {
        flex: 0 0 calc((100% - 2rem) / 3);
        max-width: 33.33333%;
    }
}*/
.contentcontener.column3 .items-cfilter .frame { margin: 0; position: relative; }
.contentcontener.column3 .items-cfilter .frame .ce-textpic { border-radius: 2rem 0 2rem 0; }
.contentcontener.column3 .items-cfilter .frame .ce-gallery { margin-bottom: 0; }
.contentcontener.column3 .items-cfilter .frame .ce-gallery figure.image { position: relative; }
/*.contentcontener.column3 .items-cfilter .frame .ce-gallery figure.image img { transition: transform .25s ease-out, filter .25s ease-out; filter: brightness(0.85); }
.contentcontener.column3 .items-cfilter .frame .ce-gallery figure.image:hover img { transform: scale3d(1.09, 1.09, 1); filter: brightness(0.75); }*/
.contentcontener.column3 .items-cfilter .frame .ce-bodytext { position: absolute; top: auto; left: .9rem; bottom: .25rem; width: auto; min-width: calc(100% - 2rem); max-width: calc(100% - 2rem);}
.contentcontener.column3 .items-cfilter .frame .ce-bodytext p { color: #fff; font-size: 1em; background-color: #fdc900; padding: 1rem; border-radius: 0 2rem 0 0; }
.contentcontener.column3 .items-cfilter .frame .ce-bodytext p a { color: #fff; }

/* prefooter */
.if6_prefooter { background-color: #353535; font-size: .75em;}
.if6_prefooter .t3-layout-align-center { margin: 0 auto; }

/* footer / nav */
.if6_prefooter + .if6_footer { margin-top: 0; }
.if6_prefooter h2, .if6_footer h2 { font-size: 32px; font-size: clamp(32px, 2.5em, 2.5vw); }
.if6_prefooter h2 { color: #fff }
.if6_footer { background-color: #004C87; margin-top: 2.5rem; width: 100%; min-height: 0; font-size: 1rem; }
.if6_footer .if6_inner,
.if6_footer .if6_inner .row { width: 100%; justify-content: center; }
.if6_footer nav { text-align: center; }
.if6_footer nav ul { list-style: none; padding: 1.5rem 0; margin: 0;}
.if6_footer nav ul li { display: inline-block; }
.if6_footer nav ul li a { color: #ffffff; display: block; padding: .25rem .5rem; text-decoration: none; }
.if6_footer nav ul li a:hover { text-decoration: underline; }


.if6_inner .col-3-col > .frame { width: 100%; margin: .5rem 0;}
.contact_section {}
.contact_section header { text-align: center; }
.contact_section header h2 { color: #fdc900; }
.contact_section .contact_wrapper { width: 100%; flex-wrap: wrap; }
.contact_section .contact_wrapper .contact_item { flex: 0 0 100%; max-width: 100%; text-align: center; padding: .5rem; border-radius: 20px 0 20px 0; }
.contact_section .contact_wrapper .contact_item a { display: block; background-color: #ffffff; padding: .5rem .5rem .75rem; border-radius: 20px 0 20px 0; transition: transform .25s ease-out, background-color .125s ease-out; }
.contact_section .contact_wrapper .contact_item a:hover { transform: scale(1.05); background-color: #004c87; text-decoration: none;}
.contact_section .contact_wrapper .contact_item a i { display: block; color: #004c87; font-size: 2rem; width: 48px; height: 48px; margin: 0 auto; position: relative; }
.contact_section .contact_wrapper .contact_item a i + span { display: block; color: #004c87; }
.contact_section .contact_wrapper .contact_item a:hover i,
.contact_section .contact_wrapper .contact_item a:hover i + span { color: #ffffff; text-decoration: none; transform: scale(0.95238095238);}
.contact_section .contact_wrapper .contact_item a i:before { top: 50%;left: 50%; position: absolute;transform: translateX(-50%) translateY(-50%); }

@media screen and (min-width: 480px) {
    .contact_section .contact_wrapper { flex-wrap: wrap; }
    .contact_section .contact_wrapper .contact_item { flex: 0 0 50%; max-width: 50%; }
}
@media screen and (min-width: 768px) {
    .contact_section .contact_wrapper .contact_item { flex: 0 0 50%; max-width: 50%; }
}
@media screen and (min-width: 992px) {
    .contact_section .contact_wrapper .contact_item { flex: 0 0 20%; max-width: 20%; }
}



@media screen and (max-width: 992px) {
 .t3-layout-grid-display .inner_wrap {
    grid-template-columns: repeat(2,1fr) !important;
 }
}


@media screen and (max-width: 480px) {
.sm_menu_outer .levelone-menu {
    list-style: none;
    text-align: center;
    font-size: 1.5em;
    padding: 10vh 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    line-height: 2.4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

 .t3-layout-grid-display .inner_wrap {
    grid-template-columns: repeat(1,1fr) !important;
 }
}


/* social media menu */
p a.link-to-instagram, li a.link-to-instagram {
    display: inline-block;
    width: 90px;
    text-align: center;
    font-size: 1em;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    margin-left: 25px;
    margin-right: 25px;
}
p a.link-to-instagram:before, li a.link-to-instagram:before {
    content: "\f16d";
    display: block;
    font-family: "Font Awesome 5 Brands";
    color: #fdc900;
    font-size: 3.5em;
    text-decoration: none;
}
p a.link-to-facebook, li a.link-to-facebook {
    display: inline-block;
    width: 90px;
    text-align: center;
    font-size: 1em;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    margin-left: 25px;
    margin-right: 25px;
}
p a.link-to-facebook:before, li a.link-to-facebook:before {
    content: "\f09a";
    display: block;
    font-family: "Font Awesome 5 Brands";
    color: #fdc900;
    font-size: 3.5em;
    text-decoration: none;
}
p a.link-to-youtube, li a.link-to-youtube {
    display: inline-block;
    width: 90px;
    text-align: center;
    font-size: 1em;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    margin-left: 25px;
    margin-right: 25px;
}
p a.link-to-youtube:before, li a.link-to-youtube:before {
    content: "\f167";
    display: block;
    font-family: "Font Awesome 5 Brands";
    color: #fdc900;
    font-size: 3.5em;
    text-decoration: none;
}
p a[class*="link-to-"]:before { transition: all .25s ease-out; }
p a[class*="link-to-"]:hover:before { transform: rotateZ(-10deg); }


/* social menu */
.smm_wrapper {
  width: 100%;
  /*height: 100vh;*/
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  margin-bottom: .75rem;
}

.smm_follow,
.smm_menu-link {
  font-size: .75rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  margin-right: 4rem;
}

.smm_follow {
  pointer-events: auto;
}

.smm_menu {
  display: flex;
  align-items: center;
  cursor: pointer;
  pointer-events: none;
}

.smm_menu:hover {
  pointer-events: auto;
}

.smm_line {
  width: 10rem;
  height: 0.1rem;
  margin-right: 5rem;
  position: relative;
}

.smm_line::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #fff;
  transition: width 0.5s;
}

.smm_menu:hover .smm_line::after {
  width: 100%;
}

.smm_nav-menu {
  display: flex;
}

.smm_menu-link {
  text-decoration: none;
  position: relative;
  top: 5rem;
  opacity: 0;
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: #ffffff;
}

.smm_menu:hover .smm_menu-link {
  top: 0;
  opacity: 1;
  color: #ffffff;
  text-decoration: none;
}

.smm_menu-link:nth-child(1) {
  transition: top 0.5s 0.1s, opacity 0.5s 0.1s, background-color 0.3s;
}

.smm_menu-link:nth-child(2) {
  transition: top 0.5s 0.2s, opacity 0.5s 0.2s, background-color 0.3s;
}

/*.smm_menu-link:nth-child(3) {
  transition: top 0.5s 0.3s, opacity 0.5s 0.3s, background-color 0.3s;
}

.smm_menu-link:nth-child(4) {
  transition: top 0.5s 0.4s, opacity 0.5s 0.4s, background-color 0.3s;
}*/

.smm_menu-link:nth-child(3) {
  transition: top 0.5s 0.3s, opacity 0.5s 0.3s, background-color 0.3s;
}

.smm_menu-link:nth-child(1):hover {
  background-color: #3b5998;
}

.smm_menu-link:nth-child(2):hover {
  background-color: #3f729b;
}

/*.smm_menu-link:nth-child(3):hover {
  background-color: #55acee;
}

.smm_menu-link:nth-child(4):hover {
  background-color: #0077b5;
}*/

.smm_menu-link:nth-child(3):hover {
  background-color: #cd201f;
}


/* custom video block */
/* custom video block */
.custom-videoblock {}
.custom-videoblock .wrapall {
  width: 100%;
  max-width: 820px;
  margin: 0 auto 30px;
}
.custom-videoblock .wrapper {
  position:relative;
  padding-bottom: 58.89%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.custom-videoblock .wrapper img {
  max-width: 100%;
  height: auto;
}

.custom-videoblock .wrapper iframe {
  display:none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom-videoblock .play-btn {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform:translate(-50%, -50%);
  background-color: transparent;
  border: 0;
  transition: transform .25s ease-in-out;
}

.custom-videoblock .play-btn:hover {
  cursor:pointer;
  transform:translate(-50%, -50%) scale(.95);
}

.custom-videoblock .play-btn:focus {
  outline:0;
}

/* responsive video */
.responsive-video { max-width: 820px; margin: 0 auto 30px; position: relative; height:0; padding-bottom: 56.25%; overflow: hidden;}
.responsive-video iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

/* leadbutton */
.leadmagnet-button {
    display: none;
    position: fixed;
    z-index: 1002;
    bottom: auto;
    left: auto;
    top: calc(80vh - 100px);
    right: 12.5%;
}
.leadmagnet-button.show {
    display: block;
}
.leadmagnet-button p { pointer-events: none; margin:0; display: block; max-height: 130px; transform: rotateZ(12.5deg);}
.leadmagnet-button a {
    padding: 1.75rem .75rem;
    display: inline-block;
    text-decoration: none;
    font-size: 1rem;
    background: #fdc900;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    font-weight: 700;
    line-height: 1.3em;
    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;
}
.leadmagnet-button a:hover {
    padding: 1.75rem .75rem;
    background: #004C87;
}
@keyframes pulse_button {
    0% {
        transform: translateY(-50%) scale(1);
        box-shadow: 0 0 0 0 #fdc900;
    }
    70% {
        transform: translateY(-50%) scale(1.1);
        box-shadow: 0 0 0 10px rgb(0 0 0 / 0%);
    }
    100% {
        transform: translateY(-50%) scale(1);
        box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
    }
}

#allswiper { position: fixed; object-fit: cover; top:0; left: 0; right:0; bottom:0; z-index: -1; }
#allswiper .frame,
#allswiper .frame .ce-gallery { margin:0; }
#allswiper .ce-inner, #allswiper .ce-outer { width: 100vw; float: none; position: static;  }
#allswiper picture,
#allswiper img { width: 100vw; height: 100vh; object-fit: cover; object-position: top right;}

/*.leadmagnet-button a.btn-primary,
.leadmagnet-button input.btn-primary,
.leadmagnet-button button.btn-primary { background: var(--main-accent); color: var(--font-light); border: none; }  */
/*a.btn-primary { color: #fff;}*/
/*.leadmagnet-button a.btn-primary:hover,
.leadmagnet-button input.btn-primary:hover,
.leadmagnet-button button.btn-primary:hover { background: var(--base-color); color: var(--font-dark); border: none;}  */
/*a.btn-primary:hover {color: #fff;}*/

/* article pages */
.articlepage { color: #333; }
.articlepage :where(h1, h2, h3, h4, h5, h6) { color: #004c87; }
.articlepage :where(h1, h2, h3) { font-weight: 400; }
.articlepage h2 { font-family: 'BrushzillaRegular',sans-serif; font-size: clamp(32px, 6vw, 64px) }
.articlepage h3 { font-family: 'BrushzillaRegular',sans-serif; font-size: clamp(25px, 5vw, 50px) }
.articlepage h4 { font-family: 'BrushzillaRegular',sans-serif; font-size: 1.625em; font-size: clamp(21px, 4.5vw, 42px); margin-top: 20px; margin-bottom: 5px; }
.articlepage .header-wrapper.if6_header {}
.articlepage .header-wrapper.if6_header { position: absolute; z-index: 2; }
.articlepage #allswiper { position: relative; top:0; }
.articlepage .if6_footer nav ul li {padding-left:  0;}
.articlepage .if6_footer nav ul li:before { content: none; }

.articlepage #allswiper {
    width: 100%;
    height: auto;
    min-height: -webkit-fill-available;
    min-height: -moz-fill-available;
    max-height: -webkit-fill-available;
    max-height: -moz-fill-available;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
.articlepage #allswiper.t3-swiper .ce-center .ce-outer,
.articlepage #allswiper.t3-swiper .ce-center .ce-inner {
    position: static;
    float: none;
}
.articlepage #allswiper .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.articlepage #allswiper img {
    width: 100%;
    height: auto;
    will-change: auto;
}
.articlepage #allswiper .swiper-slide-active img {
    /*animation: slowzoom;*/
    animation-duration: 10s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.articlepage #allswiper .image-caption {
    position: absolute;
    left: 5vw;
    bottom: 20%;
    font-size: 5vw;
    line-height: 1.2em;
    pointer-events: none;
}
.articlepage #allswiper #slider .caption,
.articlepage #allswiper .image-caption,
.articlepage #allswiper #slider .caption.background--dark,
.articlepage #allswiper .image-caption.background--dark {
    font-family: "BrushzillaRegular", sans-serif;
    font-weight: 700;
    background-color: transparent;
    color: #fff;
    padding: 0.5em 1em;
    max-width: 50%;
}
.articlepage #allswiper #slider .caption.background--light,
.articlepage #allswiper .image-caption.background--light {
    background-color: transparent;
    color: #004C84;
}
@media screen and (max-width: 767px) {
    .articlepage #allswiper #slider .caption,
    .articlepage #allswiper .image-caption {
        background-color: rgba(0,0,0,.1);
        padding: 0.5em 1em;
        max-width: 90%;
        font-size: clamp(24px, 10vw, 36px);
        left: 5%;
        bottom: 15%;
        border-radius: 20px 0 20px 0;
    }
}
.articlepage :where(ul:not(.stage-menu),ol) {
    margin: 0;
    padding: 0;
    list-style: none;
}
.articlepage ul:not(.stage-menu) {
    display: block;
    margin-bottom: 1rem;
}
.articlepage ul:not(.stage-menu) li {
    line-height: 1.3em;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}
.articlepage ul:not(.stage-menu) li:before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-top-right-radius: 0;
    background-color: #004c87;
}
.articlepage ol {
    counter-reset: section;
    margin-bottom: 1rem;
    margin-top: 0;
}
.articlepage ol > li {
    font-size: 1em;
    line-height: 1.3em;
    padding-left: 45px;
    position: relative;
    margin-bottom: 5px;
}
.articlepage ol > li:before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #fdc900;
    counter-increment: section;
    content: counters(section,".");
    line-height: 30px;
    text-align: center;
    color: #fff;
    z-index: 10;
    top: 1px;
    font-size: .75em;
}
/* farberweiterungen */
div[class*="-layout-background-"] { padding: 25px 30px; }
div[class*="-layout-background-"] .frame > header :where(h1,h2,h3,h4,h5) { margin-top: 0; }

a { font-weight: 400; color: #004c87; }
a:hover { font-weight: 400; color: #004C87; }
/*div[class*="-layout-background-"] :where(a):hover { font-weight: 400; color: #0077d4; }*/

.t3-layout-background-gelb { background-color: #fdc900; }
.t3-layout-background-gelb :where(p, a, ol, ul){ color: #fff; }
.t3-layout-background-blau { background-color: #004C87; }
.t3-layout-background-blau :where(p, a, h1, h2, h3, h4, h5, ol, ul){ color: #fff; }
.t3-layout-background-beige { background-color: #f7f8f8; }

.t3-layout-background-gelb :where(p, a, h1, h2, h3, h4, h5, ol, ul){}
.t3-layout-background-gelb :where(a){ color: #004c87; text-decoration: none; }
.t3-layout-background-gelb :where(a):hover{ color: #004c87; text-decoration: underline; }

.t3-layout-background-blau :where(p, a, h1, h2, h3, h4, h5, ol, ul){}
.t3-layout-background-blau :where(a){ color: #fdc900; text-decoration: none; }
.t3-layout-background-blau :where(a):hover{ color: #fff; text-decoration: underline; }

.t3-layout-background-beige :where(p, a, h1, h2, h3, h4, h5, ol, ul){}
.t3-layout-background-beige :where(a){ color: #004c87; text-decoration: none; }
.t3-layout-background-beige :where(a):hover{ color: #004c87; text-decoration: underline; }

.articlepage .t3-layout-background-gelb ol > li:before { background: #004c87; }
.articlepage .t3-layout-background-blau ol > li:before {}
.articlepage .t3-layout-background-beige ol > li:before {}

.articlepage .t3-layout-background-gelb ul > li:before {}
.articlepage .t3-layout-background-blau ul > li:before { background: #fdc900; }
.articlepage .t3-layout-background-beige ul > li:before {  }

/* buttons */
.btn.btn-primary { font-weight: 400; border: 2px solid #fdc900; }
.btn.btn-primary:hover { font-weight: 400; border: 2px solid #004c87; }
.btn.btn-secondary { font-weight: 400; border: 2px solid #666666; }
.btn.btn-secondary:hover { font-weight: 400; border: 2px solid #666666; color: #666666; background: transparent; }
.btn.btn-outline { font-weight: 400; color: #666666; }
.btn.btn-outline:hover { font-weight: 400; color: #666666; }

@media screen and (max-width: 639px) {
    *:not(.leadmagnet-button) :where(.btn-primary, .btn-secondary, .btn-outline) { width: 100%; }
}

.t3-layout-background-gelb .btn.btn-primary { font-weight: 400; border: 2px solid #004c87; background: #004c87; }
.t3-layout-background-gelb .btn.btn-primary:hover { font-weight: 400; border: 2px solid #666666; background: #666666; text-decoration: none; }
.t3-layout-background-gelb .btn.btn-secondary { font-weight: 400; border: 2px solid #666666; }
.t3-layout-background-gelb .btn.btn-secondary:hover { font-weight: 400; border: 2px solid #666666; color: #666666; background: transparent; text-decoration: none; }
.t3-layout-background-gelb .btn.btn-outline { font-weight: 400; color: #004c87; border: 2px solid #004c87; }
.t3-layout-background-gelb .btn.btn-outline:hover { font-weight: 400; color: #ffffff; background: #004c87; border: 2px solid #004c87; text-decoration: none; }

.t3-layout-background-blau .btn.btn-primary { font-weight: 400; border: 2px solid #fdc900; }
.t3-layout-background-blau .btn.btn-primary:hover { font-weight: 400; border: 2px solid #ffffff; background: #ffffff; color: #333333; text-decoration: none; }
.t3-layout-background-blau .btn.btn-secondary { font-weight: 400; border: 2px solid #ffffff; background: #ffffff; color: #333333; }
.t3-layout-background-blau .btn.btn-secondary:hover { font-weight: 400; border: 2px solid #666666; color: #ffffff; background: #666666; text-decoration: none; }
.t3-layout-background-blau .btn.btn-outline { font-weight: 400; color: #ffffff; }
.t3-layout-background-blau .btn.btn-outline:hover { font-weight: 400; color: #ffffff; text-decoration: none; }

.t3-layout-background-beige .btn.btn-primary { font-weight: 400; border: 2px solid #fdc900; }
.t3-layout-background-beige .btn.btn-primary:hover { font-weight: 400; border: 2px solid #004c87; text-decoration: none; }
.t3-layout-background-beige .btn.btn-secondary { font-weight: 400; border: 2px solid #666666; }
.t3-layout-background-beige .btn.btn-secondary:hover { font-weight: 400; border: 2px solid #666666; color: #666666; background: transparent; text-decoration: none; }
.t3-layout-background-beige .btn.btn-outline { font-weight: 400; color: #666666; }
.t3-layout-background-beige .btn.btn-outline:hover { font-weight: 400; color: #666666; text-decoration: none; }

/* iframes with resizer */
.responsive_container { position: relative; width: 100%; }
.responsive_container iframe { width: 100%; border: none; }

/* css grid */
.t3-layout-grid-display {}
.t3-layout-grid-display .inner_wrap {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    column-gap: 1rem;
    row-gap: 1em;
    grid-gap: 1em;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 2em;
}
.t3-layout-grid-display .inner_wrap .frame {
    border-radius: 1rem 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}
.t3-layout-grid-display .inner_wrap .frame > header {
    height: 100%;
    position: absolute;
    z-index: 2;
    width: 100%;
}
.t3-layout-grid-display .inner_wrap .frame > header :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
    margin: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    padding: 1rem;
    font-size: 15px;
}
.t3-layout-grid-display.desktop-3 .inner_wrap .frame > header :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
    font-size: 16px;
}
.t3-layout-grid-display.desktop-2 .inner_wrap .frame > header :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
    font-size: 18px;
}
.t3-layout-grid-display .inner_wrap .frame > header.no_body :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
    display: flex;
    align-items: flex-end;
}

.t3-layout-grid-display .inner_wrap .frame > header a {
    color: #fff;
    text-decoration: none;
    white-space: break-spaces;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    background-color: #FDC900;
    padding: .125em .375em;
    border-radius: 10px 0;
}
.t3-layout-grid-display .inner_wrap .frame > header a:hover {
    color: #fff;
    text-decoration: underline;
}
.t3-layout-grid-display .inner_wrap .frame > header a:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
}
.t3-layout-grid-display .inner_wrap .frame .ce-textpic {
    width: 100%;
}
.t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-gallery {
    margin: 0;
    transition: all .4s ease-in-out;
}
.t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext {
    position: absolute;
    padding: 1rem;
    bottom: 0;
    left: 0;
    margin: 0;
}
.t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext p,
.t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext ul,
.t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext ol {
    font-size: .75rem;
}
.t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext *:last-child {
    margin-bottom: 0;
}
.t3-layout-grid-display .inner_wrap .frame:hover .ce-gallery {
    transform: scale3d(1.25,1.25,1);
}
@media screen and (min-width: 415px) {
    .t3-layout-grid-display .inner_wrap {
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 3em;
    }   
}
@media screen and (min-width: 576px) {
    .t3-layout-grid-display .inner_wrap {
        grid-template-columns: repeat(3,1fr);
        margin-bottom: 3em;
    }
    .t3-layout-grid-display.desktop-2 .inner_wrap {
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 3em;
    } 
    .t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext p,
    .t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext ul,
    .t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext ol {
        font-size: .875rem;
    } 
}
@media screen and (min-width: 992px) {
    .t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext p,
    .t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext ul,
    .t3-layout-grid-display .inner_wrap .frame .ce-textpic .ce-bodytext ol {
        font-size: 1rem;
    }
}
@media screen and (min-width: 1200px) {
    .t3-layout-grid-display .inner_wrap {
        grid-template-columns: repeat(4,1fr);
        margin-bottom: 3em;
    }
    .t3-layout-grid-display.desktop-2 .inner_wrap {
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 3em;
    }
    .t3-layout-grid-display.desktop-3 .inner_wrap {
        grid-template-columns: repeat(3,1fr);
        margin-bottom: 3em;
    }   
}

/* ui-accordion-header */
.ui-accordion-header h2{
        font-size: clamp(32px, 2.5em, 2.5vw);
}

/* realign menu */
.varheight { min-height:100vh; }
.varheight .has_menu {}
.varheight .has_menu .stage-menu { text-align: left; font-size: .75em;}
.varheight .has_menu .stage-menu li { display: block; margin: .125rem 0; }
.varheight .has_menu .stage-menu li a { display: inline-block; }
.varheight .has_menu .stage-menu li.active a { background: #FDC900; border: #FDC900; color: #004C87; padding: .25rem .5rem; border-radius: .5rem 0 .5rem 0; text-decoration: none;}
.varheight .has_menu .stage-menu li:nth-of-type(-n+15) {
    display: block;
    padding-left: 20px;
}
.varheight .has_menu .stage-menu li:nth-of-type(-n+3) {
    display: block;
    padding-left: 0px;
}
.cropmenu .varheight .has_menu .stage-menu li:nth-of-type(15) { padding-left: 0; } 

/* colorize tiles in grid */
.t3-layout-grid-display .t3-layout-has-bg { margin:0; padding:0; border-radius: 1rem 0; }
.t3-layout-grid-display .t3-layout-has-bg.t3-layout-background-gelb {}
.t3-layout-grid-display .t3-layout-has-bg.t3-layout-background-blau {}
.t3-layout-grid-display .t3-layout-has-bg.t3-layout-background-beige { color: #666; }
.t3-layout-grid-display .t3-layout-has-bg.t3-layout-background-dunkelgrau { background-color: #353535; color: #fff; }
.t3-layout-grid-display .t3-layout-has-bg.t3-layout-background-weiss { color: #004C87; }

/* iframe in layout 6*/
.varheight .responsive_container iframe { background-color: #fff; }


.btn-tel::before {
    content: "\f095";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 10px;
    float: left;
}

.btn-video::before {
    content: "\f03d";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 10px;
    float: left;
}
.btn-nachricht::before {
    content: "\f4b6";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 10px;
    float: left;
}

#c1711{
    border-radius: 20px 0 0 0;
    overflow: hidden;
}

/* blockquote / neuer Zitatblock */
.ce-bodytext {}
.ce-bodytext blockquote {
    position: relative;
    padding-left: 5em;
    max-width: 75%;
    font-style: italic;
    font-weight: 100;
    margin: 0 auto;
    padding-bottom: 2em;
}
.ce-bodytext blockquote:before {
    position: absolute;
    content: "\,\,";
    color: #fdc900;
    font-family: "BrushzillaRegular", sans-serif;
    font-style: normal;
    font-weight: 100;
    left: 0;
    font-size: 12em;
    top: -35px;
    width: 0;
    height: 0;
    line-height: 0;
}
.ce-bodytext blockquote p {}
@media screen and (min-width: 768px) {
    .ce-bodytext blockquote {
        max-width: 66.66666%;
    }
}
@media screen and (min-width: 992px) {
    .ce-bodytext blockquote {
        max-width: 50%;
    }
}
@media screen and (min-width: 1280px) {}

/* new three column element */
.r444,
.frame-type-ce_columns3 {}
.r444 + .r444,
.frame-type-ce_columns3 + .frame-type-ce_columns3 { margin-top: 0; }
.r444 .frame-default,
.frame-type-ce_columns3 .frame {}
div[class*="-background-"] .r444 .frame-default,
div[class*="-background-"] .frame-type-ce_columns3 .frame {
    padding-top: 0;
    padding-bottom: 0;
}
.r444 .frame-default .ce-textpic,
.frame-type-ce_columns3 .frame .ce-textpic {}
.r444 .frame-default .ce-textpic .ce-gallery,
.frame-type-ce_columns3 .frame .ce-textpic .ce-gallery {}
.r444 .frame-default .ce-textpic .ce-bodytext,
.frame-type-ce_columns3 .frame .ce-textpic .ce-bodytext {
    border-radius: 0 0 25px 0;
    background: #ffffff;
    position: relative;
    z-index: 2;
    padding: 0 22px 22px 22px;
    padding: 0;
}
.r444 .frame-default .ce-textpic .ce-bodytext h3,
.frame-type-ce_columns3 .frame .ce-textpic .ce-bodytext h3 {
    color: #004C87;
    margin-bottom: 0;
    font-family: 'BrushzillaRegular',sans-serif;
    font-weight: 700;
    font-size: 1.375em;
    font-size: clamp(24px, 1.375em, 32px);
    line-height: 1.2;
    margin-bottom: .125em;
}
/*.r444 .frame-default .ce-textpic .ce-bodytext p {
    font-size: 14px;
    font-weight: 100;
}*/
/*.r444 .frame-default .ce-textpic .ce-bodytext p:last-child {
    margin-top: 1em;
    margin-bottom: 0;
}*/
@media screen and (min-width: 768px) {
    .r444 .frame-default .ce-textpic .ce-bodytext h3,
    .frame-type-ce_columns3 .frame .ce-textpic .ce-bodytext h3 {
        font-size: 1.5em;
        font-size: clamp(27px, 1.5em, 36px);
    }
    /*.r444 .frame-default .ce-textpic .ce-bodytext p {
        font-size: 16px;
        font-size: clamp(14px, 1em, 16px);
    }*/
}
@media screen and (min-width: 992px) {
    .r444 .frame-default .ce-textpic .ce-bodytext h3,
    .frame-type-ce_columns3 .frame .ce-textpic .ce-bodytext h3 {
        font-size: 1.75em;
        font-size: clamp(30px, 1.75em, 42px);
    }
    /*.r444 .frame-default .ce-textpic .ce-bodytext p {
        font-size: 18px;
        font-size: clamp(16px, 1em, 18px);
    }*/
}

/* metro grid */
.t3-layout-metro-grid {}
.t3-layout-metro-grid .frame {}
.t3-layout-metro-grid .frame header {}
.t3-layout-metro-grid .frame header.background--light {}
.t3-layout-metro-grid .frame header.background--dark {}

.t3-layout-metro-grid .frame header.background--light h2,
.t3-layout-metro-grid .frame header.background--light h3
.t3-layout-metro-grid .frame header.background--light h4 {
    color: #004C87;
}
.t3-layout-metro-grid .frame header.background--dark h2,
.t3-layout-metro-grid .frame header.background--dark h3,
.t3-layout-metro-grid .frame header.background--dark h4 {
    color: #ffffff;
}

@media screen and (max-width: 575px) {
    .t3-layout-metro-grid .frame header.background--light {
        top: 50%;
        bottom: auto;
        left: .25rem;
        transform: translateY(-50%);
    }
    .t3-layout-metro-grid .frame header.background--light h2 {
        background-color: rgba(240,240,240,.6);
        padding: 0.0625em .25em;
    }
}

.swiper-wrapper .caption.blast-root .container .innerBlast-root {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #133c7f;
    opacity: .8;
    width: 50%;
    height: 100%;
    padding: 4rem 2rem;
}

.caption .container {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@media screen and (max-width: 415px) {
    .caption .container {
        display: block;
        position: absolute;
        top: auto;
        left: 0;
        bottom: 1.75rem;
        right: auto;
        max-width: fit-content;
    }    
}

.swiper-wrapper .caption.blast-root .container .innerBlast-root {
    background-color: rgba(0,0,0,.3);
    position: static;
    flex: 0 0 auto;
    width: auto;
    max-width: 830px;
    padding: 1.25rem;
    margin: -1.25rem;
    height: auto;
    opacity: 1;
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .swiper-wrapper .caption.blast-root .container .innerBlast-root {
        max-width:80vw;
        margin-left: 5vw;
    }
}
.swiper-button-next,.swiper-button-prev {
    display:none;
}
@media screen and (min-width: 576px) {
    .swiper-button-next {
        display: block;
        right: 30px;
    }
    .swiper-button-prev {
        display: block;
        left: 30px;
    }
}
@media screen and (min-width: 768px) {
    .swiper-button-next {
        right: 45px;
    }
    .swiper-button-prev {
        left: 45px;
    }
}
@media screen and (min-width: 992px) {
    .swiper-button-next {
        right: 60px;
    }
    .swiper-button-prev {
        left: 60px;
    }
}
.swiper-wrapper .caption.blast-root .container .innerBlast-root:empty {
    display: none;
}

.caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(1) {
    font-family: 'BrushzillaRegular',sans-serif;
    font-size: clamp(14px, 2.5vw, 18px);
    line-height: 1;
    margin-top: 0;
    color: #ffffff;
    display: block;
}

.caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(2) {
    font-family: 'BrushzillaRegular',sans-serif;
    font-size: clamp(20px, 3.5vw, 36px);
    line-height: .8;
    margin-top: 0.5rem;
    color: #fff;
    display: block;
}

.caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(3) {
    font-family: 'BrushzillaRegular',sans-serif;
    font-size: clamp(24px, 4vw, 42px);
    line-height: 1;
    margin-top: 0.5rem;
    color: #fff;
    display: block;
}

.caption.blast-root a.btn-primary {
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom,#fff101 50%,#fff992 50%);
    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    transition: background-position .5s;
    border: 2px solid #fff101;
    margin-top: 1.5rem;
    min-height: 45px;
    min-width: 180px;
    max-width: fit-content;
}

:not(.swiper-slide-active).caption.blast-root a.btn-primary {
    display: none;
}

.caption.blast-root a.btn-primary:hover {
    background-position: 0 -100%;
    border: 2px solid #fff993;
}

@media screen and (min-width: 576px) {
    .caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(1) {
        font-family: 'BrushzillaRegular',sans-serif;
        font-size: clamp(24px, 4.5vw, 56px);
        line-height: 1;
        margin-top: 0;
        color: #ffffff;
        display: block;
    }

    .caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(2) {
        font-family: 'BrushzillaRegular',sans-serif;
        font-size: clamp(32px, 6vw, 72px);
        line-height: .8;
        margin-top: 0.5rem;
        color: #fff;
    }

    .caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(3) {
        font-family: 'BrushzillaRegular',sans-serif;
        font-size: clamp(32px, 6vw, 72px);
        line-height: 1;
        margin-top: 0.5rem;
        color: #fff;
    }
}

@media screen and (min-width: 768px) {
    .caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(1) {
        font-family: 'BrushzillaRegular',sans-serif;
        font-size: clamp(24px, 4.5vw, 56px);
        line-height: 1;
        margin-top: 0;
        margin-bottom: 0;
        color: #ffffff;
        width: fit-content;
        font-weight: 700;
        display: block;
    }

    .caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(2) {
        font-family: 'BrushzillaRegular',sans-serif;
        font-size: clamp(32px, 6vw, 72px);
        line-height: .8;
        margin-top: 0.5rem;
        color: #ffffff;
        width: fit-content;
    }

    .caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(3) {
        font-family: 'BrushzillaRegular',sans-serif;
        font-size: clamp(32px, 6vw, 72px);
        line-height: 1;
        margin-top: 0.5rem;
        color: #ffffff;
        width: fit-content;
    }
}

@media screen and (min-width: 992px) {
    .caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(1) {
        font-family: 'BrushzillaRegular',sans-serif;
        font-size: clamp(24px, 4.5vw, 56px);
        line-height: 1;
        margin-top: 0;
        margin-bottom: 0;
        color: #ffffff;
        width: fit-content;
        font-weight: 700;
        display: block;
    }

    .caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(2) {
        font-family: 'BrushzillaRegular',sans-serif;
        font-size: clamp(32px, 6vw, 72px);
        line-height: .8;
        margin-top: 0.5rem;
        color: #ffffff;
        width: fit-content;
    }

    .caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(3) {
        font-family: 'BrushzillaRegular',sans-serif;
        font-size: clamp(32px, 6vw, 72px);
        line-height: 1;
        margin-top: 0.5rem;
        color: #ffffff;
        width: fit-content;
    }
}

@media screen and (min-width: 1024px) {
    .caption.blast-root .container .innerBlast-root > span.blast:nth-of-type(1) {
        font-family: 'BrushzillaRegular',sans-serif;
        font-size: clamp(24px, 4.5vw, 56px);
        margin-top: 0;
        margin-bottom: 0;
        color: #ffffff;
        width: fit-content;
        font-weight: 700;
        display: block;
    }
}
/* element 2410 – button heading */
#c2410, #c3048 {}
#c2410 .ce-gallery, #c3048 .ce-gallery {}
#c2410 .ce-gallery figure, #3048 .ce-gallery figure {}
#c2410 .ce-gallery figure img, #c3048 .ce-gallery figure img {
    max-width: 100px;
    width: 100%;
}

/* newsletter forms */
#feelguad_nlform {
    color: #fff;
    padding: 0 .5rem;
}
#feelguad_nlform .cr_form-component--header {
    display: block;
    margin-bottom: 10px;
}
#feelguad_nlform .cr_form-input {
    padding: 1rem 1.5rem;
    display: block;
    font-size: 1.25em;
    border-radius: 20px 0 20px 0;
}
#feelguad_nlform .cr_form-inputgroup--typeradio {
    position: relative;
    margin-right: 1rem;
}
/*#feelguad_nlform .cr_form-inputgroup--typeradio {
    position: relative;
    margin-right: 1rem;
}*/
#feelguad_nlform input[type="radio"] {
    opacity: 1;
    -webkit-appearance: none;
    background-image: radial-gradient(circle at center, #fff 0%, #fff 50%, #fff 50.01%, #fff 100%);
    transition: background-image .5s ease-in-out;
    position: relative;
    vertical-align: middle;
    margin-right: .5rem;
}
#feelguad_nlform input[type="radio"]:checked {
    background-image: radial-gradient(circle at center, #004c87 0%, #004c87 50%, #fff 50.01%, #fff 100%)
}
#feelguad_nlform .cr_form-inputgroup.cr_form-inputgroup--typecheckbox {
    position: relative;
    padding-left: 32px;
    display: block;
}
#feelguad_nlform .cr_form-inputgroup.cr_form-inputgroup--typecheckbox input[type="checkbox"] {
    background-color: #fff;
    opacity: 1;
    accent-color: #fdc900;
}
#feelguad_nlform .cr_form-inputgroup.cr_form-inputgroup--typecheckbox label {
    line-height: 1.6;
}
#feelguad_nlform .cr_form-inputgroup.cr_form-inputgroup--typecheckbox label a {
    color: #fdc900;
}

/* powermail single column styles – ebook */
.tx-powermail {}
.tx-powermail .container-fluid {}
.tx-powermail form .form-check {
    width: 100%;
}
.tx-powermail form .form-label {
    color: #333333;
}
.tx-powermail form .form-check-label {
    width: 100%;
    margin: 0;
    padding-left: 54px;
}
.tx-powermail .powermail_input,
.tx-powermail .powermail_date,
.tx-powermail .powermail_select {
    float: none;
}

.tx-powermail form .powermail_radiowrap,
.tx-powermail form .powermail_checkwrap {
    position: relative;
    margin-top: .5em;
    margin-bottom: .5em;
    padding-left: 0;
    min-height: 38px;
}
.tx-powermail form .powermail_radiowrap {
    display: flex;
    align-items: center;
}
.tx-powermail form .powermail_fieldwrap .powermail_field {
    margin-top: 1em;
    margin-bottom: 1em;
}
.tx-powermail form .powermail_fieldwrap .powermail_label {
    float: none;
    text-align: left;
}
.tx-powermail form .powermail_fieldwrap .powermail_label {
    float: none;
    text-align: left;
}

.tx-powermail form.powermail_form_2 { max-width: 768px; margin: 0 auto; }

.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_radio .radio {
    position: relative;
    padding-left: 40px;
    vertical-align: middle;
}
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_radio .radio label {
    vertical-align: middle;
    margin-bottom: 0;
}
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_radio .radio label,
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_radio .radio input {
    line-height: 28px;
}
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_check {}

/*.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_check label {
    vertical-align: middle;
    padding-left: 60px;
    position: relative;
}
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_check > label {
    vertical-align: middle;
    padding-left: 0;
    text-align: left;
    color: #333333;
}*/
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_check .parsley-error label {
    margin-bottom: 1rem;
}
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_check input { 
    background: #f2f2f2;
    opacity: 1;
    -webkit-appearance: revert;
    appearance: revert;
    accent-color: #004c87;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_radio input { 
    background: #f2f2f2;
    opacity: 1;
    -webkit-appearance: revert;
    appearance: revert;
    accent-color: #004c87;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    border-radius: 50%;
}

.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_input label,
.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_radio > label,
.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_captcha label {
    display: block;
    text-align: left;
    float: none;
    color: #333;
}
.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_input input,
.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_captcha input {
    padding: 1rem 1.5rem;
    display: block;
    font-size: 1.25em;
    border-radius: 20px 0 20px 0;
}
.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_input input {
    width: 100%;
}
.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_captcha input {
    width: 100%;
    max-width: 50%;
    display: inline-block;
}
.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_captcha  .powermail_captchaimage {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin-left: 1rem;
}
.tx-powermail .powermail_form_2 .powermail_submit {
    background: none;
    background-color: #fdc900;
    color: #fff;
    padding: 1rem 1.5rem;
    display: block;
    font-size: 1.25em;
    border-radius: 20px 0 20px 0;
    height: auto;
    line-height: 1;
}
.tx-powermail .powermail_form_2 .powermail_submit:hover {
    background-color: #004c87;
}
.tx-powermail .powermail_form_2 .parsley-errors-list {
    width: 100%;
    float: none;
    color: #ff0000;
    font-size: 1rem;
    margin-top: 2px;
    padding-top: 2px;
}
.articlepage .tx-powermail .powermail_form_2 .parsley-errors-list li:before {
    background-color: #ff0000;
    top: 6px;
}
@media screen and (max-width: 767px) {
    .tx-powermail,
    .tx-powermail .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .tx-powermail .powermail_form_2 .powermail_fieldwrap_type_captcha input {
        width: 100%;
        max-width: 100%;
        display: inline-block;
    }
    .tx-powermail .powermail_form_2 .powermail_fieldwrap_type_captcha .powermail_captchaimage {
        margin-left: 0;
        margin-top: .5rem;
    }
}

/* add ins for cookie window */
.page-wrapper:has(~ .cc-window) .if6_footer {
    padding-bottom: 8em;
}
.page-wrapper:has(~ .cc-window.cc-hide) .if6_footer {
    padding-bottom: 0;
}
.cc-window.cc-type-extend .cc-btn,
.cc-window.cc-type-extend .cc-btn.cc-allow-all,
.cc-window.cc-type-extend .cc-btn.cc.config,
.cc-window.cc-type-extend .cc-btn.cc-deny,
.cc-window.cc-type-opt-in .cc-btn,
.cc-window.cc-type-opt-in .cc-btn.cc-allow-all,
.cc-window.cc-type-opt-in .cc-btn.cc.config,
.cc-window.cc-type-opt-in .cc-btn.cc-deny {
    background-color: #004c87;
    color: #ffffff;
    border-radius: 20px 0 20px 0;
    border: 2px solid #004c87;
}

.cc-bottom-right .cc-btn.cc-w-100 {
    margin-bottom: .5em;
}
.cc-compliance {
    padding: 0 15px;
}

.cc-body { font-weight: 300; }
.cc-body .cc-btn.cc-allow,
.cc-body .cc-btn.cc-deny { color: #ffffff; text-decoration: underline; }
.cc-body .cc-btn.cc-allow:hover,
.cc-body .cc-btn.cc-deny:hover { color: #ffffff; text-decoration: none; }
.cc-window .powered-by {
    visibility: hidden;
}