/* =============================================================================
 * Project Variables
 * ========================================================================== */
:root {
  --vsp-ag-d-y: 0px;
  --vsp-ag-d-x: 0px;
  --vsp-ag-t-y: 0px;
  --vsp-ag-t-x: 16px;
  --vsp-ag-m-y: 0px;
  --vsp-ag-m-x: 16px;
  --contentBoxedWidth: 960px;
  --focusColor: #e30613;
}

/* =============================================================================
 * Global Base
 * ========================================================================== */

.body {
  overflow-x: clip;
}

.page_navigation li a:focus .title {
    opacity: 1;
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .header .mod_langswitcher {
        display: block !important;
    }
}

@media only screen and (max-width: 1024px) {
    .mmenu_trigger {
        display: none !important;
    }
}

.header .mod_langswitcher span {
    font-size: 19px;
}



.page_navigation {
    z-index: 10000!important;
}

/* Farben Variablen- Angeben mittels "var(—XXXXXX)“ ohne Anführungszeichen" */
:root {
--white: #FFFFFF;
--blue: #00287A;
--copyblack-topline: #333333;
--copyblack-headline: #232323;
--copyblack-subline: #434343;
--copyblack-text: #585858;
}


/* Farben Backgrounds */
.back-white {background:var(--white);}
.back-blue {background:var(--blue);}
.back-blue-radial    {background:radial-gradient(circle at 50% 50%, rgba(0, 144, 223, 1) 0%, rgba(0, 123, 203, 1) 10%, rgba(0, 87, 168, 1) 36%, rgba(0, 61, 142, 1) 59%, rgba(0, 45, 127, 1) 80%, rgba(0, 40, 122, 1) 100%);}



/* Allgemeine Anpassung */
.ce_bgimage.bg-nocolor {background: unset;}
.position-relative {position:relative;}
.overflow-visible {overflow:visible;}
.img-radius-30 img {border-radius:30px;}
.z_index200 {z-index:200!important;}
@media only screen and (max-width: 767px) {
.wrap-mobile-fix {margin:unset!important;padding:10%!important;}}






/* Mobile Order */
@media only screen and (max-width: 767px) {
.mobile-order-1 {order:1;}
.mobile-order-2 {order:2;}
.mobile-order-3 {order:3;}
.mobile-order-4 {order:4;}
.mobile-order-5 {order:5;}
}

/* Bild Erweitert Mobile Anpassung */
/*@media only screen and (max-width: 767px) {
.ce_image_extended.position-absolute {position:relative;bottom:unset!important;top:unset!important;right:unset!important;left:unset!important;}}*/

/* Hintergrundbild Offset Mobile Anpassung */
@media only screen and (max-width: 767px){
.ce_bgimage div.offset_layer {
    display: block;
}}

/* Fonts */

/* barlow-semi-condensed-100 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-100italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-100italic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-200 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-200italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-200italic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-300 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-300italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-300italic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-regular.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-italic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-500 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-600 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-500italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-500italic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-600italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-600italic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-700 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-700italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-700italic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-800 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-800italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-800italic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-900 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-900italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v14-latin-900italic.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}

/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-500italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-600italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-700italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800italic.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-800italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 900;
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900italic.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/cto_layout/fonts/playfair-display/playfair-display-v30-latin-900italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/*Basis Typografie*/

Body, html {
font-family: 'Barlow Semi Condensed';
color:var(--copyblack-text);
font-size: 19px;
font-weight: normal;
line-height: 1.5;
/*margin-bottom: xxxx;*/
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
/*text-transform: xxxx;*/
overflow-x: hidden;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}

@media only screen and (max-width: 1000px){
Body, html {
font-size: 2vw;
}}

@media only screen and (max-width: 600px){
Body, html {
font-size: 14px;
}}

.headline 
{-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}

.headline_no_margin {margin-bottom:unset!important;}

p.text-max, .text-max > p, .text-max > ul, span.text-max,h1.subline.text-max,h2.subline.text-max,h3.subline.text-max,h4.subline.text-max,h5.subline.text-max,h6.subline.text-max  {
font-family: 'Barlow Semi Condensed';
/*color:var(--black);*/
font-size: 1.999rem;
font-weight: normal;
line-height: 1.5;
margin-bottom: 1rem;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
/*text-transform: xxxx;*/
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

p.text-big, .text-big > p, .text-big > ul, span.text-big,h1.subline.text-big,h2.subline.text-big,h3.subline.text-big,h4.subline.text-big,h5.subline.text-big,h6.subline.text-big  {
font-family: 'Barlow Semi Condensed';
/*color:var(--black);*/
font-size: 1.414rem;
font-weight: normal;
line-height: 1.5;
margin-bottom: 1rem;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
/*text-transform: xxxx;*/
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

p, h1.subline, h2.subline, h3.subline, h4.subline, h5.subline, h6.subline {
font-family: 'Barlow Semi Condensed';
/*color:var(--black);*/
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
margin-bottom: 1rem;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
/*text-transform: xxxx;*/
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

p.text-small, .text-small > p, .text-small > ul, span.text-small,h1.subline.text-small,h2.subline.text-small,h3.subline.text-small,h4.subline.text-small,h5.subline.text-small,h6.subline.text-small {
font-family: 'Barlow Semi Condensed';
/*color:var(--black);*/
font-size: 0.707rem;
font-weight: normal;
line-height: 1.5;
margin-bottom: 1rem;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
/*text-transform: xxxx;*/
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}



a {
font-family: 'Barlow Semi Condensed';
/*color:var(--black);*/
font-size: 1em;
font-weight: normal;
/*line-height: xxxx;*/
/*margin-bottom: xxxx;*/
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
/*text-transform: xxxx;*/
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}





h1, .h1, .h1 h1, .h1 h2, .h1 h3, .h1 h4, .h1 h5, .h1 h6 {
font-family: 'Barlow Semi Condensed';
color:var(--blue);
font-size: 5.609rem;
font-weight: 500;
line-height: 1.08;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
text-transform: uppercase;
}

h2, .h2, .h2 h1, .h2 h2, .h2 h3, .h2 h4, .h2 h5, .h2 h6 {
font-family: 'Barlow Semi Condensed';
color:var(--blue);
font-size: 4.208rem;
font-weight: 500;
line-height: 1.23;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
text-transform: uppercase;
}

h3, .h3, .h3 h1, .h3 h2, .h3 h3, .h3 h4, .h3 h5, .h3 h6 {
font-family: 'Barlow Semi Condensed';
color:var(--blue);
font-size: 3.157rem;
font-weight: 500;
line-height: 1.23;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
text-transform: uppercase;
}

h4, .h4, .h4 h1, .h4 h2, .h4 h3, .h4 h4, .h4 h5, .h4 h6 { 
font-family: 'Barlow Semi Condensed';
color:var(--blue);
font-size: 2.368rem;
font-weight: 500;
line-height: 1.23;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
text-transform: uppercase;
}

h5, .h5, .h5 h1, .h5 h2, .h5 h3, .h5 h4, .h5 h5, .h5 h6 {
font-family: 'Barlow Semi Condensed';
color:var(--blue);
font-size: 1.777rem;
font-weight: 500;
line-height: 1.23;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
text-transform: uppercase;
}

h6, .h6, .h6 h1, .h6 h2, .h6 h3, .h6 h4, .h6 h5, .h6 h6 {
font-family: 'Barlow Semi Condensed';
color:var(--blue);
font-size: 1.333rem;
font-weight: 500;
line-height: 1.23;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
text-transform: uppercase;
}

h7, .h7, .h7 h1, .h7 h2, .h7 h3, .h7 h4, .h7 h5, .h7 h6 {
font-family: 'Barlow Semi Condensed';
color:var(--blue);
font-size: 1rem;
font-weight: 500;
line-height: 1.23;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
text-transform: uppercase;
}




.ce_typo-paket .topline {
font-family: 'Barlow Semi Condensed';
color:var(--copyblack-topline);
/*font-size: 1.333rem;*/
font-weight: 600;
line-height: 1.23;
/*word-spacing: xxxx;*/
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 0.5rem;

}


.ce_typo-paket .headline {
font-family: 'Barlow Semi Condensed';
color:var(--blue);
/*word-spacing: xxxx;*/
/*letter-spacing: 0.1em;*/
text-transform: uppercase;
/*font-size: 1.333rem;*/
margin-bottom: 0.5rem;

}

.ce_typo-paket .headline.headline-color-black{
color:var(--copyblack-headline);
}
.ce_typo-paket .headline.headline-color-grey{
color:var(--copyblack-text);
}
.ce_typo-paket .headline.headline-special-font{
font-family: 'Playfair Display';
font-weight:500;
line-height:0.9;
}


.ce_typo-paket .strich {width:70px;border-bottom:9px solid var(--blue);}

.ce_typo-paket .subline{
/*font-family: 'Barlow Semi Condensed';*/
color:var(--copyblack-subline);
/*font-size: 1.333rem;*/
font-weight: 400;
line-height: 1.3!important;
/*margin-bottom: -0.5rem;*/
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
text-transform: none;
}

.ce_typo-paket h1.subline,.ce_typo-paket h2.subline,.ce_typo-paket h3.subline,.ce_typo-paket h4.subline,.ce_typo-paket h5.subline,.ce_typo-paket h6.subline {
text-transform: unset;	
}

.ce_typo-paket .button-container {margin-bottom:unset;}
.ce_typo-paket .button-container a{
/*font-family: 'Barlow Semi Condensed';*/
/*color:var(--subline-black);*/
font-size: 1.414rem;
font-weight: 500;
/*line-height: 1.23;*/
margin-top:1.5em;
/*word-spacing: xxxx;*/
letter-spacing: 0.02em;
/*text-transform: uppercase;*/
}
.ce_typo-paket .button-container a.mid {font-size: 1rem;}
.ce_typo-paket .button-container a.midsmall {font-size: 0.85rem;}
.ce_typo-paket .button-container a.small {font-size: 0.707rem;}



.text-shadow {text-shadow: 0px 3px 6px #00000050;}


/*-----Thema Hell ------------------------------------------*/

/*-----Typo Paket ------*/
.thema-hell .topline {}
.thema-hell .h1,.thema-hell .h2,.thema-hell .h3,.thema-hell .h4,.thema-hell .h5,.thema-hell .h6 {}
.thema-hell .strich {width:70px;border-bottom:9px solid var(--blue);margin-bottom:1.5rem;margin-top:0rem;}
.thema-hell .subline {}
.thema-hell p {}
.thema-hell p a {font-weight:500;transition:all 0.3s ease;}
.thema-hell p a:hover {opacity:0.8;}

.thema-hell a.button-1 {color:var(--white);border:1px solid var(--blue);background:var(--blue);border-radius:6px;padding:0.5em 3em;transition:all 0.3s ease;font-weight:500;}
.thema-hell a.button-1:hover {opacity:0.8;}

.thema-hell a.button-2 {color:var(--blue);border:2px solid var(--blue);/*background:var(--white)*/;border-radius:6px;padding:0.5em 3em;transition:all 0.3s ease;font-weight:500;}
.thema-hell a.button-2:hover {background:var(--blue);color:var(--white);opacity:0.8;}

.thema-hell strong {font-weight:600;}

.ce_list:not(.txt-color-white) li::marker {color:var(--blue);}
.ce_list li::marker {font-family: 'Playfair Display';font-size: 1.414rem;}
.ce_list li {list-style-position: inside!important;}

/*-----Thema Dunkel ------------------------------------------*/

/*-----Typo Paket ------*/
.thema-dunkel .topline {color:var(--white);}
.thema-dunkel .h1,.thema-dunkel .h2,.thema-dunkel .h3,.thema-dunkel .h4,.thema-dunkel .h5,.thema-dunkel .h6,.thema-dunkel .h7 {color:var(--white);}
.thema-dunkel .strich {width:70px;border-bottom:9px solid var(--white);margin-bottom:1.5rem;margin-top:0rem;}
.thema-dunkel .subline {color:var(--white);}
.thema-dunkel p {color:var(--white);}
.thema-dunkel p a {font-weight:500;transition:all 0.3s ease;color:var(--white);}
.thema-dunkel p a:hover {opacity:0.8;}

.thema-dunkel a.button-1 {color:var(--blue);border:1px solid var(--white);background:var(--white);border-radius:6px;padding:0.5em 3em;transition:all 0.3s ease;font-weight:500;}
.thema-dunkel a.button-1:hover {opacity:0.8;}

.thema-dunkel a.button-2 {color:var(--white);border:2px solid var(--white);/*background:var(--white)*/;border-radius:6px;padding:0.5em 3em;transition:all 0.3s ease;font-weight:500;}


.thema-dunkel a.button-2:hover {background:var(--white);color:var(--blue);opacity:0.8;}

.thema-dunkel strong {font-weight:600;}

/*-----Thema Hintergrundbild ------------------------------------------*/

/*-----Typo Paket ------*/
.thema-hintergrundbild .topline {color:var(--white);}
.thema-hintergrundbild .h1,.thema-hintergrundbild .h2,.thema-hintergrundbild .h3,.thema-hintergrundbild .h4,.thema-hintergrundbild .h5,.thema-hintergrundbild .h6,.thema-hintergrundbild .h7 {color:var(--white);}
.thema-hintergrundbild .strich {width:70px;border-bottom:9px solid var(--white);margin-bottom:1.5rem;margin-top:0rem;}
.thema-hintergrundbild .subline {color:var(--white);}
.thema-hintergrundbild p {color:var(--white);}
.thema-hintergrundbild p a {font-weight:500;transition:all 0.3s ease;color:var(--white);}
.thema-hintergrundbild p a:hover {opacity:0.8;}

.thema-hintergrundbild a.button-1 {color:var(--blue);border:1px solid var(--white);background:var(--white);border-radius:6px;padding:0.5em 3em;transition:all 0.3s ease;font-weight:500;}
.thema-hintergrundbild a.button-1:hover {opacity:0.8;}

.thema-hintergrundbild a.button-2 {color:var(--white);border:2px solid var(--white);/*background:var(--white)*/;border-radius:6px;padding:0.5em 3em;transition:all 0.3s ease;font-weight:500;}
.thema-hintergrundbild a.button-2:hover {background:var(--white);color: rgba(0, 0, 0, 0.5);opacity:0.99;}

.thema-hintergrundbild strong {font-weight:600;}


/*-----Swiper Slider Anpassung ------------------------------------------*/


.ce_swiper-slider-start {padding-bottom:30px;} 

.swiper-button-prev {margin-top:unset;left:30px;top: calc(50% - 40px);background:unset;}
.swiper-button-next {margin-top:unset;right:30px;top: calc(50% - 40px);background:unset;}
.swiper-button-prev:after {content:"\f0a8";color:#707070;font-size:40px;line-height:40px;font-family: 'FontAwesome';}
.swiper-button-next:after {content:"\f0a9";color:#707070;font-size:40px;line-height:40px;font-family: 'FontAwesome';}
.navigation-white .swiper-button-prev:after,.navigation-white .swiper-button-next:after {color:white;}


.swiper-pagination {
    position: relative;
    top: 30px !important;
}

.swiper-pagination-bullet {
    border: 2px solid rgb(255, 255, 255);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .6);
    background: rgb(255, 255, 255);
}
.swiper-pagination-bullet 
{
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 13px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 13px));
}

.swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, .5);
    opacity: 1;
}



/*-----Body Schatten------------------------------------------*/
#contentwrapper {box-shadow: 20px 0 40px rgb(0 0 0 / 15%)}

/*-----Footer ------------------------------------------*/
#footer .inside {padding-top:25px;padding-bottom:25px;}
#footer .link-divider p {border-bottom:2px dotted #ffffff70;margin-bottom:0.2rem;}
#footer .ce_iconbox .content {margin-top: 0px;}
#footer .ce_iconbox .image_container {margin-top: 5px;}
#footer .iconbox-divider {border-bottom:2px dotted #ffffff70;margin-bottom:0.2rem;}
#footer p {
font-family: 'Barlow Semi Condensed';
/*color:var(--black);*/
font-size: 0.8rem;
font-weight: normal;
line-height: 1.5;
margin-bottom: 1rem;
/*word-spacing: xxxx;*/
/*letter-spacing: xxxx;*/
/*text-transform: xxxx;*/
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
#footer a:hover {color:white;opacity:1;}

/*-----Bottom ------------------------------------------*/
#bottom  {background:radial-gradient(circle at 50% 50%, rgba(0, 144, 223, 1) 0%, rgba(0, 123, 203, 1) 10%, rgba(0, 87, 168, 1) 36%, rgba(0, 61, 142, 1) 59%, rgba(0, 45, 127, 1) 80%, rgba(0, 40, 122, 1) 100%),#00287A;background-size: 60%;background-repeat:no-repeat;background-position: 30%;}
#bottom .bottom-image {
    position: absolute;
    bottom: 0px;
    width: 500px;
    right: 10%;}
    
    
/*-----On Scroll Animation------------------------------------------*/


.scroll-scale-item-bottle {
	animation: scroll-scale-item-bottle-keys 1s linear;
	transform: scale(1.4) translateX(-100px);
	opacity:0.0;
	filter: blur(5px);
}


@keyframes scroll-scale-item-bottle-keys {
  0% {
    transform: scale(1.4) translateX(-100px);
    opacity:0.0;
    filter: blur(5px);
  }
  4% {
    transform: scale(1.0) translateX(0);
    opacity:1;
    filter: blur(0px);
  }
  14% {
    transform: scale(1.0) translateX(0);
    opacity:1;
    filter: blur(0px);
  }
  20% {
    transform: scale(1.4) translateX(-100px);
    opacity:0.0;
    filter: blur(5px);
  }
}

.scroll-scale-item-text-1 {
	animation: scroll-scale-item-text-1-keys 1s linear;
	transform: scale(1.1) translateX(-500px);
	opacity:0.0;
	filter: blur(2px);
}


@keyframes scroll-scale-item-text-1-keys {
  0% {
    transform: scale(1.1) translateX(-500px);
    opacity:0.0;
    filter: blur(2px);
  }
  4% {
    transform: scale(1.0) translateX(0);
    opacity:1;
    filter: blur(0px);
  }
  14% {
    transform: scale(1.0) translateX(0);
    opacity:1;
    filter: blur(0px);
  }
  20% {
    transform: scale(1.1) translateX(-500px);
    opacity:0.0;
    filter: blur(2px);
  }
}


.scroll-scale-item-text-2 {
	animation: scroll-scale-item-text-2-keys 1s linear;
	transform: scale(1.1) translateX(500px);
	opacity:0.0;
	filter: blur(5px);
}


@keyframes scroll-scale-item-text-2-keys {
  0% {
    transform: scale(1.1) translateX(500px);
    opacity:0.0;
    filter: blur(5px);
  }
  4% {
    transform: scale(1.0) translateX(0);
    opacity:1;
    filter: blur(0px);
  }
  14% {
    transform: scale(1.0) translateX(0);
    opacity:1;
    filter: blur(0px);
  }
  20% {
    transform: scale(1.1) translateX(500px);
    opacity:0.0;
    filter: blur(5px);
  }
}





:root * {
  /* Pause the animation */
  animation-play-state: paused;
  /* Bind the animation to scroll */
  animation-delay: calc(var(--scroll) * -1s);
  /* These last 2 properites clean up overshoot weirdness */
  animation-iteration-count: 1;
  animation-fill-mode: both;
}


/*     CSS e-Recht24      */

.e-recht-css h1,.e-recht-css h2,.e-recht-css h3,.e-recht-css h4,.e-recht-css h5,.e-recht-css h6 {
    margin-bottom: 25px;
    line-height: 1.3;
   /* color: #747474;*/
    word-wrap: break-word;}
    
.e-recht-css h1 {font-size:2.2rem;}
.e-recht-css h2 {font-size:1.5rem;}    
.e-recht-css h3 {font-size:unset;}        
.e-recht-css h4 {font-size:unset;}    
.e-recht-css h5 {font-size:unset;}  
.e-recht-css h6 {font-size:unset;}
    
.e-recht-css p, .e-recht-css body {
	line-height: 1.2rem;
    /*color: #747474;*/}   
.e-recht-css ul {padding-left: 25px;margin-bottom:2rem;}
.e-recht-css li {list-style-type: disc;list-style-position: outside;line-height:1.2rem;margin-bottom:0.5rem}



/*     Korrektur Fancy      */
.ce_fancy_divider_image {left: -4px!important;
right: -4px!important;}

.ce_fancy_divider_image.pos-absolute-top {top:-4px!important;}
.ce_fancy_divider_image.pos-absolute-bottom {bottom:-4px!important;}
.ce_fancy_divider_image svg
    {width: 100%;
    height: auto;}

#contentwrapper {overflow:hidden;}

/*  Paperjs Canvas Mobile off      */
@media only screen and (max-width: 767px){ .canvas { display:none;}}

/*  Mobile: Onscroll-Animationen grundsaetzlich deaktivieren      */
@media only screen and (max-width: 767px) {
.scroll-scale-item-bottle,
.scroll-scale-item-text-1,
.scroll-scale-item-text-2 {
	animation: none!important;
	-webkit-animation: none!important;
	transform: scale(1) translateX(0)!important;
	opacity: 1!important;
	filter: none!important;
}

.animate,
.animated,
.animated img {
	animation: none!important;
	-webkit-animation: none!important;
}

.swiper-button-prev,
.swiper-button-next {
	z-index: 20;
	width: 48px;
	height: 48px;
	border: 0;
	padding: 0;
	pointer-events: auto;
	touch-action: manipulation;
	-webkit-appearance: none;
	appearance: none;
}

.swiper-button-prev {
	left: 10px;
}

.swiper-button-next {
	right: 10px;
}
}



#footer a:focus,
#footer a:focus-visible,
#footer a:hover {
color:#fff!important;
opacity:1!important;
text-decoration:underline;
}

/*  accessibility_widget einstellungen     */
#accessibility_widget {
    transform: translateX(450px);
}
#accessibility_widget .h5 {font-size:19px;}



    .cookiebar .cookiebar-close {min-width:180px;min-height:44px;color:white;font-size:19px;}