* {
  hyphens: manual;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
}


/* -------------- Global Layout -------------- */

.ce_bgimage.max_width_m .contentwrap {
    max-width: 1024px;}



/* Sticky Article */




.mod_article.sticky-article,
.sticky-element {
    position: sticky !important;
    top: 0;
    transition: opacity 0.2s linear;
}


.ce-zoom,
.ce-fade,
.ce-zoom-fade {
    transition: transform 0.15s linear, opacity 0.15s linear;
    transform-origin: center center;
}

.ce-zoom {
    transform: scale(0.95);
}

.ce-fade {
    opacity: 0.7;
}

.ce-zoom-fade {
    transform: scale(0.95);
    opacity: 0.7;
}




/* -------------- Schriften -------------- */



/* barlow-100 - 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: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-100.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-100italic - 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: 'Barlow';
  font-style: italic;
  font-weight: 100;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-100italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-200 - 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: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-200italic - 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: 'Barlow';
  font-style: italic;
  font-weight: 200;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-200italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-300 - 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: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-300italic - 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: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: italic;
  font-weight: 600;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: italic;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: italic;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: italic;
  font-weight: 900;
  src: url('/files/cto_layout/fonts/barlow/barlow-v12-latin-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* barlow-condensed-100 - 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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-100.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-100italic - 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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-100italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-200 - 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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-200italic - 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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-200italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-300 - 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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-300italic - 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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  src: url('/files/cto_layout/fonts/barlow_condensed/barlow-condensed-v12-latin-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* barlow-semi-condensed-100 - 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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-100.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-100italic - 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: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 100;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-100italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-200 - 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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-200italic - 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: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-200italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-300 - 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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-300italic - 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: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 900;
  src: url('/files/cto_layout/fonts/barlow_semi_condensed/barlow-semi-condensed-v15-latin-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* E-Recht 24 Rechtstexte =====================================
==============================================================*/

	.eRecht_24 h1{
	 font-size:70px;
	  
	}
	
	.eRecht_24 h2{
	 font-size:32px;font-weight:600;
	 border-bottom: 1px solid var(--secondColor);
   padding-bottom: 4px;
   display: inline-block;
   margin-bottom: 24px;
   margin-top: 24px;
	}
	
	.eRecht_24 h3{
	 font-size:28px;font-weight:600;
	}
	
	.eRecht_24 h4{
	 font-size:24px;font-weight:400;
	}
	
	.eRecht_24 a:hover{
	 border-bottom:black solid 1px;
	}
	
	.eRecht_24 a:focus{
	 border-bottom:black solid 1px;
	}

  .eRecht_24 ul:not(.vlist){
   list-style-type: disc;
   list-style-position: outside;
   margin:24px 0px 24px 1rem;
  }
/* Hilfsklassen */

.z_index0 {z-index:0!important;}

@media only screen and (min-width: 768px) {
  .overflow-visible {
    overflow: visible;
  }
}

.position-relative {
  position: relative;
}

.grid-row-max-height {
  height: calc(100% - 180px);
}

.section_height_700{
  height: 700px;
}

.max-width-600{
  max-width:600px;
}

.max-height-600{
  max-height:600px;
}

.max-width-400{
  max-width:400px;
}

.max-height-400{
  max-height:400px;
}

/*Barrierefreies Ausblenden*/
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/*Link in Fließtext*/

.link-intext,
.link-intext a{
  text-decoration:none!important;
  font-weight:600;
}

.link-intext:hover,
.link-intext a:hover{
  text-decoration:underline;
  transform:scale(1.1);
  transition: transform 0.2s ease;
  display:inline-block;
}

@media only screen and (max-width: 768px) {

  /** order classes **/
  .order_1-mobile {
    order: 1;
  }

  .order_2-mobile {
    order: 2;
  }

  .order_3-mobile {
    order: 3;
  }

  .order_4-mobile {
    order: 4;
  }

  .order_5-mobile {
    order: 5;
  }

  .order_6-mobile {
    order: 6;
  }
}

.display-inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

/* Typo */

h1,h2,h3,h4,.h1,.h2,.h3,.h4,.ce_revolutionslider_text.bold, .font_headline {
  font-style: italic;
}



h1,
h2,
h3,
.h1,
.h2,
.h3,
.ce_revolutionslider_text.bold,
.font_headline {
  text-transform: uppercase;
}



h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.font_headline {
  line-height: 1.0;
  word-wrap: normal;
}


.font-semibold {
  font-weight: 600;
}

.format-p-large {
  font-weight: 500;
  font-style: italic;
  font-family: "Barlow Condensed";
}


span.typo1 {
  font-weight: 100;
  font-style: normal;
  display: inline-block;
}

 h2.h2small, .h2small.h2,.h2small.font_headline ,.h2small.headline_style_h2 {
  font-size:50px;
}


.p.p-medium
{
font-size:var(--paragraph-medium-font-size);
line-height:var(--paragraph-medium-line-height);
}

/* Fancy Divider */

.ce_fancy_divider {overflow:hidden;}
.ce_fancy_divider_image.pos-absolute-bottom {
    bottom: -2px;}
    
.ce_fancy_divider_image.pos-absolute-top {
    top: -2px;}

.ce_fancy_divider_image.right {
    left: auto;
    right: -2px;
}

.ce_fancy_divider_image.left {
    left: -2px;
    right: auto;
}


/* Wrap */

.ce_wrap.header-height .inside {
  height: calc(100vh - 260px);
}

* .ce_wrap.custom-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #505b6f1c;
}


/* Scrolling Text */


.ce_scrolling_text img {
  width: unset;
  max-width: unset;
}

.ce_scrolling_text .text {
  animation-duration: 90s;
}


/* Scribble Animation */

.ce_scribble_animation[data-style="style6"] svg {
  overflow: visible;
  z-index: -10;
  height: 60%
}

.ce_scribble_animation[data-style="style6"] span {
  z-index: 1;
}


.ce_scribble_animation[data-style="style7"] span {
  width: 100%;
}

.ce_scribble_animation[data-style="style7"] svg {
  height: unset;
}



/* Hyperlink */

.ce_hyperlink-extended {
  text-transform: uppercase;
  font-family: 'Barlow Semi Condensed';
  letter-spacing: 0.05em;
}

.ce_hyperlink-extended a {
  box-shadow: 3px 4px 30px 4px #5a5a5a4d;
}


.ce_hyperlink.btn-white-outline.has-icon a i, .ce_revolutionslider_hyperlink.has-icon.btn-white-outline i {
    border: unset;
    background: none;
    box-shadow: unset;
}

.ce_hyperlink.has-icon.icon-pos-before a i {
    left: 30px;
}



.ce_hyperlink.btn-white-outline.more-contrast a, .ce_revolutionslider_hyperlink.btn-white-outline.more-contrast {
    border-color: #fff;
    color: #fff;
    background: #00000030;
}



.ce_hyperlink.btn-accent a, .ce_revolutionslider_hyperlink.btn-accent {color: var(--customColor2);}


/* Video with Teaser */

.ce_video_w_teaser {
  background-color: var(--customColor1);
}

.ce_video_w_teaser .video_teaser video,
.ce_video_w_teaser .teaser_image {

  width: 100%;
  height: 100%;
}

.ce_video_w_teaser .video_teaser:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background-color: rgb(218 218 218 / 13%);*/
  z-index: 1;
}

/* Image Extended */
.ce_image_extended.style-roundcorner .ce_image_extended_inside {
  box-shadow:3px 2px 5px 2px rgb(22 14 14 / 7%);margin:10px;display: inline-block;
}

.ce_image_extended.style-roundcorner-2 .ce_image_extended_inside {
  border-radius: 15px;
  box-shadow:3px 2px 5px 2px rgb(22 14 14 / 7%);margin:10px;
}

.ce_image_extended.style-roundcorner.project-screenshot-scroll figure {
  /*width: 400px;*/
  height: 70vh;
  overflow-y: scroll;
}

.ce_image_extended.style-roundcorner.project-screenshot-scroll img {
  width: 100%;
  display: block;
}

.ce_image_extended[class*="trigger-slide-"] {
  overflow: visible;
}

.ce_image_extended[class*="trigger-slide-"] img {
  filter: saturate(1) brightness(1);
  opacity: 1;
  box-shadow: 0px 0px 20px #ccccccbe;
  transition: filter 0.5s ease, opacity 0.5s ease;

}

.ce_image_extended[class*="trigger-slide-"]:not(.active) img {
  filter: saturate(0) brightness(0.8);
  opacity: 0.7;
  box-shadow: unset;
}




/* Leadertext */

.ce_leadertext.version3 {
  overflow: visible;
  z-index: 100;
  position: relative;
}

.ce_leadertext.version3 .ce_headline {
  font-size: 26px;
  margin-bottom:10px;
}

.ce_leadertext.version3 .divider {
  height: 4px;
  width: 100%;
  background: var(--customColor1);
  margin-bottom:10px;
}

.ce_leadertext.version3 {
  transform: scale(0.8);
  filter: saturate(0);
  opacity: 0.5;
  transition: transform 1s ease, filter 1s ease, opacity 1s ease, height 0.5s ease 0.5s
}

.ce_leadertext.version3 p {
  height: 0px;
  opacity: 0;
  transition: opacity 1s ease 0.2s, height 0.5s ease;
  margin-bottom:5px;
}

.ce_leadertext.version3.active {
  transform: scale(1);
  filter: saturate(1);
  opacity: 1;
  cursor: grab;
}

.ce_leadertext.version3.active p {
  height: 80px;
  opacity: 1;
}

.ce_leadertext.version3.active .divider {
  width: 130%;
}

@media only screen and (max-width: 767px) {
    .ce_leadertext p {
        font-size: 16px!important;
        line-height: normal;
    }
}

/* ------------------------------------------------------------
   Accordion
------------------------------------------------------------ */

/* Layout: Content breiter ziehen je nach Spalte */
@media only screen and (min-width: 768px) {
  .column.custom-right .ui-accordion-content {
    width: 200%;
    float: right;
  }

  .column.custom-left .ui-accordion-content {
    width: 200%;
    float: left;
  }
}

/* ------------------------------------------------------------
   Style Reset / Basics
------------------------------------------------------------ */

.ce_accordion.style2 .toggler {
  padding: unset;
  border: unset;
  box-shadow: unset;
}

.ce_accordion.style2 .toggler.ui-state-active {
  background: unset;
}

/* ------------------------------------------------------------
   Toggler Icon (:before)
------------------------------------------------------------ */

.ce_accordion.style2 .toggler:before {
  z-index: 100;
  left: 45px;
  top: 52px;
  opacity:0;
}

.ce_accordion.style2 .toggler.ui-state-active:before {
  content: " \f068";
  color: var(--secondColor);
  border-color: var(--secondColor);
}

/* ------------------------------------------------------------
   Image (Filter / Shadow)
------------------------------------------------------------ */

/* Transition fürs Bild (neu) */
.ce_accordion.style2 .toggler img {
  transition: filter 0.3s ease;
}

.ce_accordion.style2 .toggler.ui-state-active img {
  box-shadow: 0px 0px 20px #17232f;
}

/* ------------------------------------------------------------
   Picture Overlay (::after) – Basis
------------------------------------------------------------ */

/* (Dein ursprünglicher Block – bleibt semantisch erhalten) */
.ce_accordion.style2 .toggler.ui-accordion-header-collapsed picture:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #102738a6;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Basis für Overlay-Positionierung */
.ce_accordion.style2 .toggler picture {
  position: relative;
  display: block;
}

/* (Dein neuerer Block – bleibt semantisch erhalten) */
.ce_accordion.style2 .toggler picture::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #102738a6;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* Stabiler Trigger: sobald Maus irgendwo im Accordion ist */
.autogrid_row:has(.ce_accordion.style2:hover)
  .ce_accordion.style2 .toggler:not(:hover) picture::after {
  opacity: 0.9;
}

.autogrid_row:has(.ce_accordion.style2:hover)
  .ce_accordion.style2 .toggler:not(:hover) figure figcaption {
  color: white;
}

/* (Neu) Hover: nicht-gehoverte Bilder entsättigen */
.autogrid_row:has(.ce_accordion.style2:hover)
  .ce_accordion.style2 .toggler:not(:hover) img {
  filter: saturate(0.7);
}

/* ------------------------------------------------------------
   Extended Image Wrapper
------------------------------------------------------------ */

.ce_accordion.style2 .toggler .ce_image_extended {
  overflow: visible;
}

/* ------------------------------------------------------------
   Figcaption
------------------------------------------------------------ */

.ce_accordion.style2 .toggler figure figcaption {
  position: absolute;
  background: unset;
  font-size: 1.2rem;
  top: 15px;
  left: 60px;
  font-family: "Barlow Semi Condensed";
  color: #f8f8f3;
  /*font-style: italic;*/
  /*text-transform: uppercase;*/
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.3s ease;
  letter-spacing: 0.02em;
}

/* Dark caption overrides */
.ce_accordion.style2.dark-caption .toggler figure figcaption {
  color: var(--secondColor);
}

.ce_accordion.style2.dark-caption .toggler:hover figure figcaption {
  color: var(--secondColor);
}

.ce_accordion.style2.dark-caption .toggler.ui-accordion-header-active figure figcaption {
  color: var(--secondColor);
}

/* Caption visibility on hover/active */
.ce_accordion.style2 .toggler:hover figure figcaption {
  opacity: 0;
}

.ce_accordion.style2 .toggler.ui-accordion-header-active figure figcaption {
  opacity: 0;
}

/* ------------------------------------------------------------
   Open-State: Wenn ein Akkordeon-Item offen ist, andere dimmen
------------------------------------------------------------ */

.autogrid_row:has(.ce_accordion.style2 .toggler.ui-accordion-header-active)
  .ce_accordion.style2
  .toggler:not(.ui-accordion-header-active)
  picture::after {
  opacity: 0.9;
}

.autogrid_row:has(.ce_accordion.style2 .toggler.ui-accordion-header-active)
  .ce_accordion.style2
  .toggler:not(.ui-accordion-header-active)
  figure
  figcaption {
  color: #f8f8f3;
}

/* (Neu) Open-State: nicht-aktive Bilder entsättigen */
.autogrid_row:has(.ce_accordion.style2 .toggler.ui-accordion-header-active)
  .ce_accordion.style2
  .toggler:not(.ui-accordion-header-active) img {
  filter: saturate(0.8);
}

/* Wenn eins offen ist UND ich ein anderes Item hover: dieses Item wieder sichtbar machen */
.autogrid_row:has(.ce_accordion.style2 .toggler.ui-accordion-header-active)
  .ce_accordion.style2
  .toggler:hover
  picture::after {
  opacity: 0;
}

.autogrid_row:has(.ce_accordion.style2 .toggler.ui-accordion-header-active)
  .ce_accordion.style2.dark-caption
  .toggler:hover:not(.ui-accordion-header-active)
  figure
  figcaption {
  color: var(--secondColor);
}

/* (Neu) Hover/Active sollen immer „voll“ sein (gewinnt gegen Entsättigung) */
.ce_accordion.style2 .toggler:hover img,
.ce_accordion.style2 .toggler.ui-accordion-header-active img {
  filter: saturate(1);
}

/* Swiper Slider */

.slider-full-height .swiper-wrapper {
  height: 100vh
}


@media only screen and (max-width: 767px) {
  .mod_article.fullwidth .ce_swiper-slider-start {
    margin-left: unset;
    margin-right: unset;
  }
}

/* Iconbox */

.ce_iconbox.version5-custom .ce_iconbox_inside .headline {
  text-transform: unset;
}

.ce_iconbox.version5-custom .ce_iconbox_inside .content p {
  font-size: var(--body-fontSize);
  line-height: 1.5;
}


.ce_iconbox.version5-custom .ce_iconbox_inside .ce_iconbox_icon {
  flex: 0 0 70px;
  align-self: flex-start;
}

.ce_iconbox.version5-custom .ce_iconbox_inside i {
  font-size: 1.133rem;
  border-radius: 100%;
  text-align: center;
  width: 50px;
  max-width: 50px;
  height: 50px;
  line-height: 50px;
  color: var(--customColor2);
  background: var(--accentColor);
}

.ce_iconbox.version5-custom .ce_iconbox_cwrapper {
  border-bottom: 1px solid #80808082;
  margin-bottom: 1em;
}



.ce_iconbox.max-width-400 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {

  .ce_iconbox .ce_iconbox_outside.padding {
    padding: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .ce_iconbox h3 {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}

.ce_iconbox.no-hover-effect:hover .ce_iconbox_outside.padding {
  opacity: 1;
  box-shadow: unset;
}

.ce_iconbox h3 {
  font-size: var(--h3-fontSize);
	letter-spacing: unset;
	position: relative;
	line-height: 1.1;
	margin-bottom: 10px;
}


.ce_iconbox .ce_iconbox_outside.padding .content {
 opacity: 1; }

/*ce_iconbox_v2 custom styles*/
/*weiß / icon top / center*/

.ce_iconbox_v2.ce_iconbox_v2_custom_1 {
  background-color:var(--customColor2);
  padding: 4% 4%;
}

.ce_iconbox_v2.ce_iconbox_v2_custom_1 a{
  hyphens: manual;
}
.ce_iconbox_v2.ce_iconbox_v2_custom_1 .ce_iconbox_inside,
.ce_iconbox_v2.ce_iconbox_v2_custom_1 .ce_iconbox_cwrapper {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  width: 100%;
}

.ce_iconbox_v2.ce_iconbox_v2_custom_1 a.link{
  font-size:32px;
  font-weight:500;
  margin-top:32px;
}

.ce_iconbox_v2.ce_iconbox_v2_custom_1 a.link:hover{
  transform: translateY(-2px);
}

.ce_iconbox_v2.ce_iconbox_v2_custom_1 .ce_iconbox_outside{
  border:unset !important;
}
/*-beige / button-*/

 .ce_iconbox_v2.ce_iconbox_v2_custom_2 .ce_iconbox_outside{
   background-color: var(--customColor2);
   padding:0vh 3vw;
   
 }
 
.ce_iconbox_v2.ce_iconbox_v2_custom_2 .ce_iconbox_cwrapper{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}
.ce_iconbox_v2.ce_iconbox_v2_custom_2 .headline{
  color: var(--secondColor);
}
  
.ce_iconbox_v2.ce_iconbox_v2_custom_2 .content{
  color: var(--secondColor);
}

 .ce_iconbox_v2.ce_iconbox_v2_custom_2 a.link{
    background-color: var(--accentColor);
    padding: 12px 24px;
    color: white;
    font-size:22px;
    font-weight:600;
    font-family:"Barlow Semi Condensed";
    letter-spacing: 0.05em;
    margin:24px 0px 32px 0px;
 }
 
  .ce_iconbox_v2.ce_iconbox_v2_custom_2 a.link:hover{
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}
  
 .ce_iconbox_v2.ce_iconbox_v2_custom_2 a.link::before{
   display:none;
 }
 
 
 
 .ce_iconbox_v2.style3 .ce_iconbox_outside {
    border-radius: unset;
    border: unset;
}
 
 
/* Trennlinie */
.ce_divider_extended.version2.custom {
  background: var(--secondColor);
  width: 80px;
  height: 3px;
}


/* Hintergrund Start/Ende */
.ce_bgimage.rounded-corner {
  border-radius: 15px;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
}



.ce_bgimage.gradient-overlay-right .offset_layer {
  background: linear-gradient(30deg, var(--secondColor) 60%, transparent 100%);
}

@media only screen and (max-width: 1280px) {
  .ce_bgimage.gradient-overlay-right .offset_layer {
    height: calc(100vh / 1) !important;
  }
}

@media only screen and (max-width: 768px) {
  .ce_bgimage.gradient-overlay-right .offset_layer {
    height: calc(100vh / 1.6) !important;
  }
}

@media only screen and (max-width: 767px) {
  .ce_bgimage div.offset_layer {
    display: block;
  }
}


/* Rotating Words */
.ce_rotating_words.footer-rotating-words .rotating-words-container {
  flex-direction: column;
  text-transform: none;
  font-weight: 500;
}

.ce_rotating_words.footer-rotating-words .rotating-words {
  height: 1em;
  line-height: 1em;
  margin: unset;
  color: var(--customColor1);
  overflow: visible !important;
}

.ce_rotating_words.footer-rotating-words .word,
.ce_rotating_words.footer-rotating-words .word span {
  overflow: visible !important;
}



.ce_video_background .video {
  height: 120%;
  background: black;
}

.ce_video_background .video-overlay {
  opacity: 0.15;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #333333;
  opacity: 1;
  background: linear-gradient(175deg, #0f141dbd, #7777770f);
}

/* Video Background */
.ce_video_background.video-bg_shadow-radius {
  border-radius: 15px;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
}


.ce_video_w_teaser.no-play .play-button-static {display:none;}
.ce_video_w_teaser.no-play {pointer-events: none; cursor: none;}

.ce_video_w_teaser .video_content {max-width:600px;margin-left:auto;margin-right:auto;}

/* Testimonial Slider  */
.ce_testimonial_slider[data-style="style1"] .circle .circle-bg {
  background-color: var(--customColor1);
}

.ce_testimonial_slider[data-style="style1"] .circle i {
  color: var(--secondColor);
}


@media only screen and (max-width: 768px) {
  .ce_testimonial_slider[data-style="style1"] .swiper-content .text {
    padding: 20px 20px 20px 40px;
  }
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide {width:768px;}

/* hintergrund Start / Ende */

@media only screen and (max-width: 768px) {
  .ce_bgimage.bg_contain.mobile-cover .ce_bgimage-image {
    background-size: cover;
  }
}


/* Artikel */




/* Freie Positionierung Start / Ende */




@media only screen and (max-width: 768px) {
  .ce_shift_wrapper_start[data-position-absolute-mob="none"] {
    position: relative !important;
  }
}


/* Icon with Text */
.ce_icon_text {
  font-weight: 600;
  transition: transform 0.3s ease;
}

.ce_icon_text .text.div_small>* {
  font-size: 0.95em;
}

.ce_icon_text[data-icon-pos="before"] .text {
  transform: translateX(0);
  transition: transform 0.3s ease;
  font-family: 'Barlow Semi Condensed';
}

.ce_icon_text[data-icon-pos="before"]:hover .text {
  transform: translateX(0.3em);
}

.ce_icon_text[data-icon-pos="before"] {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.ce_icon_text[data-icon-pos="before"]:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 768px) {

  .ce_icon_text.inline-block.mr-xs,
  .ce_icon_text.inline-block.mr-xxs,
  .ce_icon_text.inline-block.mr-s {
    margin-right: 20px !important;
  }
}


/* Formular */


.ce_form p {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--accentColor);
}

.ce_form label {
  font-weight: 500;
  color:var(--secondColor);
}

.ce_form p a {
  text-decoration: underline;
}

.ce_form select,
.ce_form input {
  border: unset;
  background: #F0F5F8;
  border-radius:100px;
  color:#555555;
  height:unset;
  padding:15px 30px;
  font-size: 1.1rem;
  
}

.ce_form input.radio {
  border: unset;
  background: #F0F5F8;
}

.ce_form fieldset {
  display: flex;
  flex-direction: column;
}

.ce_form fieldset legend {
  border-radius: unset;
  background: var(--accentColor);
  display: flex;
  border-radius: 100px;
  font-weight: 500;
  
}

.ce_form fieldset .mandatory {
  color: white;
}

@media only screen and (max-width: 767px) {
  .ce_form fieldset.radio_container {
    flex-wrap: wrap;
    flex-direction: column;
  }
}


.ce_form fieldset[class*="prefix-icon-"] {
  padding: unset;
  border: unset;
}

.ce_form fieldset[class*="prefix-icon-"] legend {
  background: unset;
  padding-left: unset;
  color:var(--secondColor);
}

.ce_form fieldset[class*="prefix-icon-"] legend:before {
  margin-right: 0.35em;
}

.ce_form label[class*="prefix-icon-"]:before,
.ce_form [class*="prefix-icon-"] legend:before {
  background: var(--accentColor);
  border-radius: 100px;
  font-weight: 500;
  color: white;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  text-align: center;
  line-height: 1.5em;
}

.ce_form label.prefix-icon-1:before,
.ce_form .prefix-icon-1 legend:before {
  content: "1";
}

.ce_form label.prefix-icon-2:before,
.ce_form .prefix-icon-2 legend:before {
  content: "2";
}

.ce_form label.prefix-icon-3:before,
.ce_form .prefix-icon-3 legend:before {
  content: "3";
}

.ce_form label.prefix-icon-4:before,
.ce_form .prefix-icon-4 legend:before {
  content: "4";
}

.ce_form label.prefix-icon-5:before,
.ce_form .prefix-icon-5 legend:before {
  content: "5";
}

.ce_form .checkbox_container span {
  align-items: flex-start;
}

.ce_form .checkbox_container .checkbox {
  margin-top: 0.6em;
  margin-right: 20px;
  margin-left: 10px;
}

.widget-submit {
  text-align: center;
}

.ce_form button.submit {
  background: var(--accentColor);
  border-radius: 10px;
  font-size: 1rem;
  height: unset;
  min-width: 200px;
  font-family: "Barlow";
  font-weight: 700;
  text-transform:uppercase;
  letter-spacing: 0.05em;
}

input[type="checkbox"],
input[type="radio"] {
  min-width: 25px;
}





/*Accessibility Widget*/
.accessibility_widget_trigger {
  top: unset;
  right: unset;
  bottom: 100px;
  border-right: 2px solid #fff;
  border-left: 0;
  border-radius: 0px 10px 10px 0px;
  background-color: #4474a1;
}

body.acc_show .accessibility_widget_trigger{
  border-radius: 0px 10px 10px 0px;
}
.accessibility_widget_trigger i{
  background-image: url(../../kunde/2_Icons/BFSG_Widget_Icon_v0.1.svg);
}
#accessibility_widget{
  transform: translateX(-460px);
  right: unset;
  left:0;
  top: 5px;
  border-right: 3px solid #2a68a4;
  border-left: 0;
  border-radius: 0px 10px 10px 0px;
  padding-left:100px;
}

/*Datenschutz Widget*/
#privacy_optout_link {
  background-color: #f4d35d;
}

.nosign svg g rect:first-of-type {
}

/*Sticky header fix */
.header.cloned .mainmenu ul li {
    line-height: 24px;
}

/* Scribble Animation FIx */ 
.ce_scribble_animation[data-style="style6"] svg path 
{
    stroke-linecap: square!important;
}

.ce_scribble_animation svg {
    width:92%;
    left: 3%;
}
    
 /* Menü Divider  
    .header.original .mainmenu ul li:not(:first-child) > a::before ,.header.cloned .mainmenu ul li:not(:first-child) > a::before {
    content: '//';
    width: unset;
    background:unset !important;
    transform: unset !important;
    -webkit-transform: unset !important;
    height: unset !important;
    position: absolute;
    left: -30px;
    top: unset !important;
    margin-top: unset !important;
}

.header.original .mainmenu ul li:first-child > a::before ,.header.cloned .mainmenu ul li:first-child > a::before {
    content: '';
    display: none;
}
*/ 


  /* Testimonianl Slider  */ 
.ce_testimonial_slider[data-style="style1"] .swiper-slide .swiper-content {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}

.ce_testimonial_slider[data-style="style1"] .swiper-content .text {border-radius:unset;color: var(--customColor2)!important;}

.ce_testimonial_slider[data-style="style1"] .swiper-content .image {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;}
    
    
    
    

    
    
    /* Trennlinie */ 
    .ce_divider_extended.version11 .divider-one
    {
    display:block;
    width:100%;
    border-bottom: 1px solid #ffffff24;
}

/* Image Textbox */ 
.ce_text_imagebox.light_text .content > .headline > * {color:var(--customColor2)!important;text-transform:unset;}

/* Image Extended Frames */ 

.ce_image_extended.frame-custom-1,.ce_image_extended.frame-custom-2 {overflow:visible;}

.ce_image_extended.frame-custom-1 .ce_image_extended_inside ,.ce_image_extended.frame-custom-2 .ce_image_extended_inside
{position: relative;
  display: inline-block; /* shrink-wrap um img */
  line-height: 0; } 
  
.ce_image_extended.frame-custom-1 .ce_image_extended_inside:after 
{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:4px solid var(--customColor1);
transform:rotate(-3deg) translate(-5%,5%);}

.ce_image_extended.frame-custom-2 .ce_image_extended_inside:after 
{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:4px solid var(--customColor1);
transform:rotate(3deg) translate(5%,5%);}

/* Image Extended */
.ce_image_extended svg {max-width:125%;}


/* Iconbox */
@media only screen and (max-width: 767px)
{
  .ce_iconbox:not(.no_gutter):not(.version3.xsmall)
  {
        margin-bottom: unset!important; 
  }
}