#contentwrapper {overflow:hidden; Background:var(--color-2);}
.position-relative {position:relative;}

/* Design - Basis */

/* Farben */
:root {
--color-1:#CE4738; /*JASPER*/
--color-2:#F4D35E; /*NAPLES YELLOW*/
--color-3:#EBEBD3; /*BEIGE*/
--color-4:#0F856A; /*VIRIDIAN*/
--color-5:#303B45; /*CHARCOAL*/

--color-w:#fff; /*Weiss*/
--color-b:#707070; /*6e6e6e*/
}

/* 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+ */
}


:root {
--font-1: 'Barlow'; /* Barlow */
--font-2: initial; /* Frei */
--font-3: initial; /* Frei */
--font-4: initial; /* Frei */
--font-5: initial; /* Frei */
}




/* Font Color */

.text-color-1 {color:var(--color-1)!important;}
.text-color-2 {color:var(--color-2)!important;}
.text-color-3 {color:var(--color-3)!important;}
.text-color-4 {color:var(--color-4)!important;}
.text-color-5 {color:var(--color-5)!important;}

.text-color-w {color:var(--color-w)!important;}
.text-color-b {color:var(--color-b)!important;}

/* Background Color */

.bg-color-1 {background-color:var(--color-1)!important;}
.bg-color-2 {background-color:var(--color-2)!important;}
.bg-color-3 {background-color:var(--color-3)!important;}
.bg-color-4 {background-color:var(--color-4)!important;}
.bg-color-5 {background-color:var(--color-5)!important;}
.bg-color-6, bg-gradiend-night {background: linear-gradient(to bottom, #292929, #060809);}

.bg-color-w {background-color:var(--color-w)!important;}
.bg-color-b {background-color:var(--color-b)!important;}

.bg-linear-gradient-1 {background: linear-gradient(to bottom,var(--color-2) 0%,var(--color-5) 20%, var(--color-5) 80%, var(--color-5) 98%);}

/* Font Family */

.font-1 {
    font-family: var(--font-1)!important;
}

.font-2 {
    font-family: var(--font-2)!important;
}

.font-3 {
    font-family: var(--font-3)!important;
}

.font-4 {
    font-family: var(--font-4)!important;
}

.font-5 {
    font-family: var(--font-5)!important;
}

/* font size harmony */

:root {
  --ratio: 1.17;
  --s-2: calc(var(--s-1) / var(--ratio));
  --s-1: calc(var(--s0) / var(--ratio));
  --s0: 1rem;
  --s1: calc(var(--s0) * var(--ratio));
  --s2: calc(var(--s1) * var(--ratio));
  --s3: calc(var(--s2) * var(--ratio));
  --s4: calc(var(--s3) * var(--ratio));
  --s5: calc(var(--s4) * var(--ratio));
  --s6: calc(var(--s5) * var(--ratio));
  --s7: calc(var(--s6) * var(--ratio));
  --s8: calc(var(--s7) * var(--ratio));
  --s9: calc(var(--s8) * var(--ratio));
  --s10: calc(var(--s9) * var(--ratio));
  --s11: calc(var(--s10) * var(--ratio));
  --s12: calc(var(--s11) * var(--ratio));
  --s13: calc(var(--s12) * var(--ratio));
  --s14: calc(var(--s13) * var(--ratio));
}

/* font size mobile */

/*@media only screen and (min-width: 768px) and (max-width: 1919px) {
:root {
--ratio: 1.16;
--s0: calc( 1.5vh);	
}
}*/

@media only screen and (max-width: 767px) {
:root {
--ratio: 1.16;
--s0: calc(1rem * 0.67);	
}	
}	

@media only screen and (max-height: 767px) {
:root {
--ratio: 1.12;
--s0: calc(1rem * 0.77);	
}	
}	



/* Font Size */
	
.font-size-s-2 {font-size:var(--s-2)!important;}
.font-size-s-1 {font-size:var(--s-1)!important;}	
.font-size-s0 {font-size:var(--s0)!important;}
.font-size-s1 {font-size:var(--s1)!important;}	
.font-size-s2 {font-size:var(--s2)!important;}
.font-size-s3 {font-size:var(--s3)!important;}
.font-size-s4 {font-size:var(--s4)!important;}
.font-size-s5 {font-size:var(--s5)!important;}
.font-size-s6 {font-size:var(--s6)!important;}
.font-size-s7 {font-size:var(--s7)!important;}
.font-size-s8 {font-size:var(--s8)!important;}
.font-size-s9 {font-size:var(--s9)!important;}
.font-size-s10 {font-size:var(--s10)!important;}
.font-size-s11 {font-size:var(--s11)!important;}
.font-size-s12 {font-size:var(--s12)!important;}
.font-size-s13 {font-size:var(--s13)!important;}
.font-size-s14 {font-size:var(--s14)!important;}

@media only screen and (max-width: 767px) {
.font-size-s-2-m {font-size:var(--s-2)!important;}
.font-size-s-1-m {font-size:var(--s-1)!important;}	
.font-size-s0-m {font-size:var(--s0)!important;}
.font-size-s1-m {font-size:var(--s1)!important;}	
.font-size-s2-m {font-size:var(--s2)!important;}
.font-size-s3-m {font-size:var(--s3)!important;}
.font-size-s4-m {font-size:var(--s4)!important;}
.font-size-s5-m {font-size:var(--s5)!important;}
.font-size-s6-m {font-size:var(--s6)!important;}
.font-size-s7-m {font-size:var(--s7)!important;}
.font-size-s8-m {font-size:var(--s8)!important;}
.font-size-s9-m {font-size:var(--s9)!important;}
.font-size-s10-m {font-size:var(--s10)!important;}
.font-size-s11-m {font-size:var(--s11)!important;}
.font-size-s12-m {font-size:var(--s12)!important;}
.font-size-s13-m {font-size:var(--s13)!important;}
.font-size-s14-m {font-size:var(--s14)!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;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tablet-order-1 {order:1;}
.tablet-order-2 {order:2;}
.tablet-order-3 {order:3;}
.tablet-order-4 {order:4;}
.tablet-order-5 {order:5;}
}


* {hyphens: manual !important;
    -webkit-hyphens: manual !important;}


html,body {
    font-size: 15px; /* <-------- main gain */
    color: var(--color-b);
    font-family: var(--font-1);
    line-height: normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font_headline {
    margin-bottom: initial;
    line-height: inherit;
    color: inherit;
    word-wrap: inherit;
    font-weight: inherit;
}

h1,.h1,.h1 p {
    font-size:var(--s6)rem; 
    padding-top: 0
}

h2,.h2,.h2 p {
    font-size:var(--s4)rem; 
}

h3,.h3,.h3 p {
    font-size:var(--s2)rem; 
}

h4,.h4,.h4 p {
    font-size:var(--s1)rem; 
}

h5,.h5,.h5 p {
    font-size:var(--s0)rem; 
}

h6,.h6,.h6 p {
    font-size:var(--s-1)rem; 
}


/* Font Transform */

.font_text_transform_none {
	text-transform: none!important;
} 

.font_text_transform_uppercase {
	text-transform: uppercase!important;
} 

.font_text_transform_lowercase {
	text-transform: lowercase!important;
} 

/* Font Style/Type */

.font_normal {
	font-style: normal!important;
} 

.font_oblique {
	font-style: oblique!important;
} 

/* Font Weight */

.font_weight_100 {
	font-weight: 100!important;
}

.font_weight_200 {
	font-weight: 200!important;
}

.font_weight_300 {
	font-weight: 300!important;
}

.font_weight_350 {
	font-weight: 350!important;
}

.font_weight_400 {
	font-weight: 400!important;
} 

.font_weight_500 {
	font-weight: 500!important;
}  

.font_weight_600 {
	font-weight: 600!important;
}  

.font_weight_700 {
	font-weight: 700!important;
}  

.font_weight_800 {
	font-weight: 800!important;
} 

.font_weight_900 {
	font-weight: 900!important;
} 

/* Font Line-Height */

.font_line_height_05 {
	line-height: 0.5!important;
}

.font_line_height_06 {
	line-height: 0.6!important;
}

.font_line_height_07 {
	line-height: 0.7!important;
}

.font_line_height_08 {
	line-height: 0.8!important;
}

.font_line_height_09 {
	line-height: 0.9!important;
}

.font_line_height_10 {
	line-height: 1.0!important;
}

.font_line_height_11 {
	line-height: 1.1!important;
}

.font_line_height_12 {
	line-height: 1.2!important;
}

.font_line_height_13 {
	line-height: 1.3!important;
}

.font_line_height_14 {
	line-height: 1.4!important;
}

.font_line_height_15 {
	line-height: 1.5!important;
}

.font_line_height_16 {
	line-height: 1.6!important;
}

.font_line_height_17 {
	line-height: 1.7!important;
}

.font_line_height_18 {
	line-height: 1.8!important;
}

.font_line_height_19 {
	line-height: 1.9!important;
}

.font_line_height_20 {
	line-height: 2.0!important;
}

/* Font Letter Spacing */

.font_letter_spacing_l-100 {
	letter-spacing: -0.1em!important;
} 

.font_letter_spacing_l-90 {
	letter-spacing: -0.09em!important;
}

.font_letter_spacing_l-80 {
	letter-spacing: -0.08em!important;
}

.font_letter_spacing_l-70 {
	letter-spacing: -0.07em!important;
}

.font_letter_spacing_l-60 {
	letter-spacing: -0.06em!important;
}

.font_letter_spacing_l-50 {
	letter-spacing: -0.05em!important;
}

.font_letter_spacing_l-40 {
	letter-spacing: -0.04em!important;
}

.font_letter_spacing_l-30 {
	letter-spacing: -0.03em!important;
}

.font_letter_spacing_l-20 {
	letter-spacing: -0.02em!important;
}

.font_letter_spacing_l-10 {
	letter-spacing: -0.01em!important;
}

.font_letter_spacing_l0 {
	letter-spacing: 0em!important;
}

.font_letter_spacing_l10 {
	letter-spacing: 0.01em!important;
}

.font_letter_spacing_l20 {
	letter-spacing: 0.02em!important;
}

.font_letter_spacing_l30 {
	letter-spacing: 0.03em!important;
}

.font_letter_spacing_l40 {
	letter-spacing: 0.04em!important;
}

.font_letter_spacing_l50 {
	letter-spacing: 0.05em!important;
}

.font_letter_spacing_l60 {
	letter-spacing: 0.06em!important;
}

.font_letter_spacing_l70 {
	letter-spacing: 0.07em!important;
}

.font_letter_spacing_l80 {
	letter-spacing: 0.08em!important;
}

.font_letter_spacing_l90 {
	letter-spacing: 0.09em!important;
}

.font_letter_spacing_l100 {
	letter-spacing: 0.1em!important;
}


/* Anpassungen Zitate */

.font-style-quote-1 {border-left: 0.33em solid;
    padding-left: 1em;}

.font-style-quote-2 {position:relative;overflow:visible;margin-top:1em;}
.font-style-quote-2:before {content: '“';
    font-size: 8em;
    position: absolute;
    line-height: 1;
    opacity: 0.2;
    left:0;
    top:-0.25em;
}


/* Anpassungen Headline extended */

.headline_label_color_b.span-container {background:var(--color-b);border:3px solid var(--color-b);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_b.span-container span {color:var(--color-w);font-weight:700;font-size:1rem;}

.headline_label_color_b_outline.span-container {background:unset;border:3px solid var(--color-b);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_b_outline.span-container span {color:var(--color-b);font-weight:700;font-size:1rem;}

.headline_label_color_w.span-container {background:var(--color-w);border:3px solid var(--color-w);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_w.span-container span {color:var(--color-b);font-weight:700;font-size:1rem;}

.headline_label_color_w_outline.span-container {background:unset;border:3px solid var(--color-w);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_w_outline.span-container span {color:var(--color-w);font-weight:700;font-size:1rem;}

.headline_label_color_1.span-container {background:var(--color-1);border:3px solid var(--color-1);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_1.span-container span {color:var(--color-w);font-weight:700;font-size:1rem;}

.headline_label_color_1_outline.span-container {background:unset;border:3px solid var(--color-1);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_1_outline.span-container span {color:var(--color-1);font-weight:700;font-size:1rem;}

.headline_label_color_2.span-container {background:var(--color-2);border:3px solid var(--color-2);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_2.span-container span {color:var(--color-w);font-weight:700;font-size:1rem;}

.headline_label_color_2_outline.span-container {background:unset;border:3px solid var(--color-2);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_2_outline.span-container span {color:var(--color-2);font-weight:700;font-size:1rem;}

.headline_label_color_3.span-container {background:var(--color-3);border:3px solid var(--color-3);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_3.span-container span {color:var(--color-w);font-weight:700;font-size:1rem;}

.headline_label_color_3_outline.span-container {background:unset;border:3px solid var(--color-3);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_3_outline.span-container span {color:var(--color-3);font-weight:700;font-size:1rem;}

.headline_label_color_4.span-container {background:var(--color-4);border:3px solid var(--color-4);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_4.span-container span {color:var(--color-w);font-weight:700;font-size:1rem;}

.headline_label_color_4_outline.span-container {background:unset;border:3px solid var(--color-4);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_4_outline.span-container span {color:var(--color-4);font-weight:700;font-size:1rem;}

.headline_label_color_5.span-container {background:var(--color-5);border:3px solid var(--color-5);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_5.span-container span {color:var(--color-w);font-weight:700;font-size:1rem;}

.headline_label_color_5_outline.span-container {background:unset;border:3px solid var(--color-5);border-radius:30px;padding:2px 15px;font-size:1rem;}
.headline_label_color_5_outline.span-container span {color:var(--color-5);font-weight:700;font-size:1rem;}



.ce_headline_extended .h3.background-text {font-size:20rem;}

/* Anpassungen Hyperlink extended */

.ce_hyperlink-extended.border-radius-30 a {border-radius:30px;}
.ce_hyperlink-extended.border-radius-40 a {border-radius:40px;}
.ce_hyperlink-extended.border-radius-50 a {border-radius:50px;}

.ce_hyperlink-extended a.link-button-color_b {background:var(--color-b);border:3px solid var(--color-b);}
.ce_hyperlink-extended a.link-button-color_b-outline {background:unset;border:3px solid var(--color-b);color:var(--color-b);}

.ce_hyperlink-extended a.link-button-color_w {background:var(--color-w);border:3px solid var(--color-w);}
.ce_hyperlink-extended a.link-button-color_w-outline {background:unset;border:3px solid var(--color-w);color:var(--color-w);}

.ce_hyperlink-extended a.link-button-color_1 {background:var(--color-1);border:3px solid var(--color-1);color:var(--color-w);}
.ce_hyperlink-extended a.link-button-color_1-outline {background:unset;border:3px solid var(--color-1);color:var(--color-1);}

.ce_hyperlink-extended a.link-button-color_2 {background:var(--color-2);border:3px solid var(--color-2);}
.ce_hyperlink-extended a.link-button-color_2-outline {background:unset;border:3px solid var(--color-2);color:var(--color-2);}

.ce_hyperlink-extended a.link-button-color_3 {background:var(--color-3);border:3px solid var(--color-3);}
.ce_hyperlink-extended a.link-button-color_3-outline {background:unset;border:3px solid var(--color-3);color:var(--color-3);}

.ce_hyperlink-extended a.link-button-color_4 {background:var(--color-4);border:3px solid var(--color-4);}
.ce_hyperlink-extended a.link-button-color_4-outline {background:unset;border:3px solid var(--color-4);color:var(--color-4);}

.ce_hyperlink-extended a.link-button-color_5 {background:var(--color-5);border:3px solid var(--color-5);}
.ce_hyperlink-extended a.link-button-color_5-outline {background:unset;border:3px solid var(--color-5);color:var(--color-5);}

.ce_hyperlink-extended.align-inline {margin-right: 20px;}

.ce_hyperlink a, a.btn {border-radius:5px;}
.ce_hyperlink a, a.btn {padding:20px 50px;}

.ce_hyperlink a, a.btn {padding:15px 40px;}

@media only screen and (max-width: 767px) {
.ce_hyperlink-extended.align-inline {margin-right: 5px;}
.ce_hyperlink a, a.btn {padding:10px 10px;    min-width: unset;}
}

/* Anpassungen Hyperlink Hover animation */


.ce_hyperlink-extended a.link-button-color_1 {
    background:linear-gradient(70deg,var(--color-w) 0%,var(--color-w) 45%,var(--color-1) 55%,var(--color-1) 100%);
    background-size: 235%;
    background-position: right center;
    transition: background-position 0.3s ease, border 0.3s ease, color 0.3s ease;
    background-clip: border-box;
    
    border:3px solid var(--color-1);
    
    
}
.ce_hyperlink-extended a.link-button-color_1:hover {
background-position: left center;
border:3px solid var(--color-w);
color:var(--color-2)!important;
}



.ce_hyperlink-extended a.link-button-color_w-outline {
    background:linear-gradient(70deg,var(--color-w) 0%,var(--color-w) 45%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 100%);
    background-size: 235%;
    background-position: right center;
    transition: background-position 0.3s ease, border 0.3s ease, color 0.3s ease;
    background-clip: border-box;
    
    border:3px solid var(--color-w);
    
    
}
.ce_hyperlink-extended a.link-button-color_w-outline:hover {
background-position: left center;
border:3px solid var(--color-w);
color:var(--color-2)!important;
}












/* Anpassungen Image extended */

.image-extented-style-1 {overflow:visible;}
.image-extented-style-1 figure img {
	border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 0px 1px #eeeeee80;
}   
.ce_image_extended svg {    
    width: 100%;
    height: 100%;
}

/* Anpassungen Iconbox - PCT Klassen fehlen bei X4 */

.ce_iconbox {
    text-align: center;
    display: block;
    position: relative;
    overflow: visible
}

.ce_iconbox.padding:hover {
    z-index: 100
}

.ce_iconbox.default i {
    font-size: 3rem
}

.ce_iconbox .ce_iconbox_inside {
    position: relative
}

.ce_iconbox .ce_iconbox_outside {
    width: 100%
}

.ce_iconbox .ce_iconbox_outside.padding {
    padding: 25px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease
}

.ce_iconbox:hover .ce_iconbox_outside.padding {
    opacity: 1;
    box-shadow: 0 40px 70px rgba(0,0,0,.2);
    z-index: 100
}

.ce_iconbox .ce_iconbox_outside.padding .content {
    opacity: .6
}

.ce_iconbox a.link {
    margin-top: 10px;
    display: inline-block
}

.ce_iconbox .image_container {
    text-align: center;
    margin-bottom: 0
}

.ce_iconbox .image_container img {
    width: auto;
    display: inline-block
}

.ce_iconbox h3 {
    font-size: 1.2rem;
    letter-spacing: 1px;
    position: relative;
    line-height: 1.4;
    margin-bottom: 10px
}

.ce_iconbox .headline {
    margin-bottom: 0.33em;
}

.ce_iconbox .content {
    margin-top: 10px
}

.ce_iconbox:not(.version2):not(.version3) .ce_iconbox_cwrapper {
    margin-top: 20px
}

.ce_iconbox .link:before {
    content: "\f101";
    font-family: FontAwesome;
    font-weight: 400;
    display: inline-block;
    margin-right: 5px
}

.ce_iconbox.version2 .link:before {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease
}

.ce_iconbox.version2:hover .link:before {
    margin-right: 10px
}

.ce_iconbox.same-height {
    display: flex!important
}

.ce_iconbox.default .image_container,.ce_iconbox.default i {
    padding-top: 5px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    position: relative;
    top: 0
}

.ce_iconbox.default:hover .image_container,.ce_iconbox.default:hover i {
    top: -5px
}

.ce_iconbox li {
    list-style-type: circle;
    list-style-position: inside
}

.ce_iconbox.right-align .ce_iconbox_inside {
    justify-content: right
}

.ce_iconbox.version2 .ce_iconbox_inside {
    text-align: left;
    display: flex;
    align-items: center
}

.ce_iconbox.version2 .ce_iconbox_icon {
    flex: 0 0 calc(var(--s7) * 2);
    align-self: flex-start
}

.ce_iconbox.version2 .headline {
    padding-top: 0
}

.ce_iconbox.version2 .image_container {
    line-height: 1.4
}

.ce_iconbox.version2 .image_container img {
    width: var(--s7)
}

.ce_iconbox.version2 i {
    font-size: 1.733rem;
    border-radius: 100%;
    text-align: center;
    width: 60px;
    max-width: 60px;
    height: 60px;
    line-height: 60px;
    color: rgb(255,255,255);
    background: rgb(229,229,229)
}

.ce_iconbox.version2 .ce_iconbox_inside:after {
    position: absolute;
    left: 30px;
    top: 0;
    width: 1px;
    height: 100%;
    content: '';
    /*border-right: 1px dashed rgb(229,229,229);*/
    z-index: 1
}

.ce_iconbox.version2:last-of-type .ce_iconbox_inside:after {
    display: none
}

.ce_iconbox.version2 .image_container {
    text-align: left
}

.ce_iconbox.version2 a.link {
    margin-top: 0
}

.ce_iconbox.version2.right-align .ce_iconbox_inside {
    text-align: right;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
.ce_iconbox.version2.right-align .ce_iconbox_inside {
    text-align: left;
    display: flex;
    align-items: center
}    
    
    
    
}

.ce_iconbox.version2.right-align .ce_iconbox_icon {
    flex: 0 0 calc(var(--s7) * 2);
    align-self: flex-start;
    order: 2
}



@media only screen and (max-width: 767px) {
.ce_iconbox.version2.right-align .ce_iconbox_icon {
    flex: 0 0 calc(var(--s7) * 2);
    align-self: flex-start;
    order: 1
}
}
.ce_iconbox.version2 .ce_iconbox_cwrapper {
    order: 1
}

.ce_iconbox.version2.right-align:last-of-type .ce_iconbox_inside:after {
    display: none
}

.ce_iconbox.version2.right-align .image_container {
    text-align: right
}

@media only screen and (max-width: 767px) {
.ce_iconbox.version2.right-align .image_container {
    text-align: left
}}

.ce_iconbox.version3 .ce_iconbox_inside {
    text-align: left;
    display: flex;
    align-items: center
}

.ce_iconbox.version3 .ce_iconbox_icon {
    flex: 0 0 50px;
    align-self: flex-start
}

.ce_iconbox.version3 .headline {
    padding-top: 0
}

.ce_iconbox.version3 .image_container {
    line-height: 1.4
}

.ce_iconbox.version3 .image_container img {
    width: 30px
}

.ce_iconbox.version3 i {
    font-size: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    width: 40px
}

.ce_iconbox.version3:last-of-type .ce_iconbox_inside:after {
    display: none
}

.ce_iconbox.version3 a.link {
    margin-top: 0
}

.ce_iconbox.version3.xsmall i {
    font-size: inherit;
    line-height: inherit;
    text-align: left;
    width: 25px
}

.ce_iconbox.version3.xsmall p {
    margin-bottom: 0;
    line-height: inherit
}

.ce_iconbox.version3.xsmall .ce_iconbox_icon {
    flex: 0 0 25px
}

.ce_iconbox.version3.xsmall .content {
    margin-top: 0
}

.ce_iconbox.version4 {
    text-align: left
}

.ce_iconbox.version4 .image_container {
    text-align: left
}
/* Anpassungen/Fix Breitenangeabe Text / Headline Extended */

.ce_text_extented.align-center {margin-left:auto;margin-right:auto;}
.ce_text_extented.align-right {margin-left:auto;}

.ce_headline_extended.align-center {margin-left:auto;margin-right:auto;}
.ce_headline_extended.align-right {margin-left:auto;}

/* Anpassungen Abstände Schriftgrößengebunden */

.mt-xxl {
    margin-top: 5rem!important
}

.mt-xl {
    margin-top: 4rem!important
}

.mt-l {
    margin-top: 3rem!important
}

.mt-m {
    margin-top: 2rem!important
}

.mt-s {
    margin-top: 1.5rem!important
}

.mt-xs {
    margin-top: 1rem!important
}

.mt-xxs {
    margin-top: 0.5rem!important
}

.mb-xxl {
    margin-bottom: 5rem!important
}

.mb-xl {
    margin-bottom: 4rem!important
}

.mb-l {
    margin-bottom: 3rem!important
}

.mb-m {
    margin-bottom: 2rem!important
}

.mb-s {
    margin-bottom: 1.5rem!important
}

.mb-xs {
    margin-bottom: 1.0rem!important
}

.mb-xxs {
    margin-bottom: 0.5rem!important
}

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

.mt-xxl-m {
    margin-top: 5rem!important
}

.mt-xl-m {
    margin-top: 4rem!important
}

.mt-l-m {
    margin-top: 3rem!important
}

.mt-m-m {
    margin-top: 2rem!important
}

.mt-s-m {
    margin-top: 1.5rem!important
}

.mt-xs-m {
    margin-top: 1rem!important
}

.mt-xxs-m {
    margin-top: 0.5rem!important
}

.mb-xxl-m {
    margin-bottom: 5rem!important
}

.mb-xl-m {
    margin-bottom: 4rem!important
}

.mb-l-m {
    margin-bottom: 3rem!important
}

.mb-m-m {
    margin-bottom: 2rem!important
}

.mb-s-m {
    margin-bottom: 1.5rem!important
}

.mb-xs-m {
    margin-bottom: 1.0rem!important
}

.mb-xxs-m {
    margin-bottom: 0.5rem!important
}
}

/* Anpassung BG - Image */

.ce_bgimage.max_width_realfull .contentwrap {
    max-width: unset;
}

/*.ce_bgimage.fullscreen-image .ce_bgimage-outer {
height: 100%;}*/

.ce_bgimage.fullscreen-image .ce_bgimage-inside,.ce_bgimage .ce_bgimage-inside, .ce_bgimage .ce_bgimage-outer  {
height: 100%;}

@media only screen and (max-width: 767px) {
.ce_bgimage.fullscreen-image.normalsize:not(.vertical_centered) .ce_bgimage-outer,.ce_bgimage .ce_bgimage-outer  {
    height:100%!important;
    /*height: 100svh!important;*/
    
}}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.ce_bgimage.bg_contain .ce_bgimage-image {
    background-size: contain!important;	}}


 .ce_bgimage.vertical_centered .ce_bgimage-inside {
    transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important; }

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


/* Anpassung AutoGrid-Reihe */

.autogrid_row {height:100%;}


/* Anpassung Globale Content-Breite und paddung */

#top .inside,.header .inside,#footer .inside,#bottom .inside,body.sidebar #container,.mod_article:not(.fullwidth)>.container,.fullwidth.boxed-content .contentwrap,.smallwidth .contentwrap,.boxed-content .contentwrap,.autogrid_wrapper.article,.ce_text_image_bar .inside,.ce_headerimage .ce_headerimage_inside,.ce_video_background .ce_video_background_inside,#offcanvas-top .offcanvas-top-inside,.ce_calltoaction .ce_calltoaction_inside,.mod_breadcrumb .mod_breadcrumb_inside,.mod_pageimage .container,.body_bottom .mod_search .container {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1920px) {
    
    #top .inside,.header .inside,#footer .inside,#bottom .inside,body.sidebar #container,.mod_article:not(.fullwidth)>.container,.fullwidth.boxed-content .contentwrap,.smallwidth .contentwrap,.boxed-content .contentwrap,.autogrid_wrapper.article,.ce_text_image_bar .inside,.ce_headerimage .ce_headerimage_inside,.ce_video_background .ce_video_background_inside,#offcanvas-top .offcanvas-top-inside,.ce_calltoaction .ce_calltoaction_inside,.mod_breadcrumb .mod_breadcrumb_inside,.mod_pageimage .container,.body_bottom .mod_search .container {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto
}
}

#top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth)>.container, .mod_article.boxed>.container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container, .body_bottom .mod_search .container {
    padding-left: 5%;
    padding-right: 5%;
	
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
#top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth)>.container, .mod_article.boxed>.container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container, .body_bottom .mod_search .container {
    padding-left: 40px;
    padding-right: 40px;
}

}


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

}	

/* Anpassung x5 */ 

#slider {z-index:11;}

strong {font-weight: 500;text-shadow: 4px 4px 6px #ffffff50;}
/* Mainmenu */ 

.mod_navigation.mainmenu {font-family:var(--font-3);letter-spacing: 0.1em!important;}
.mod_navigation.mobile_vertical {font-family:var(--font-3);letter-spacing: 0.1em!important;text-transform:uppercase;}
.mainmenu ul li a {
    text-transform: none;
    padding: 0;
    font-weight: normal;
    font-size: var(--s-1);}
/* Anpassung Fancy divider image */ 

.ce_fancy_divider_image.noscale .image_container img {
    width: initial;
    max-width: initial;
    min-width: 100%;
}



.ce_tabs .panes.classic {
    border: unset; 
    background: unset;
    padding: 3vw;
    border-radius: unset;
}




.nav_liste_design-r_kunden li {
    font-size: var(--s1);
}

.nav_liste_design-r_kunden ul {
    list-style: disc;
    list-style-position: inside;
}

.mod_breadcrumb {display:block!important;margin-left:unset!important;}
.mod_breadcrumb_inside {padding-left:unset!important;}


.ce_download h2 {color:var(--color-2);font-size:var(--s1);font-weight:600;margin-bottom:0.5rem;}
.ce_download {padding:2% 4%!important;}


.ce_downloads h2 {color:var(--color-5);font-size:var(--s1);font-weight:600;margin-bottom:0.5rem;}

.ce_colorbox.color-patch .ce_colorbox_inside {
    padding: 15px;
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    Display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.ce_colorbox.color-patch {width:150px;height:150px;display:inline-Block; }
.ce_colorbox.color-patch .mainheadline {margin-bottom:10px; }
.ce_colorbox.color-patch .headline {font-weight:700;}
.ce_colorbox.color-patch .mainheadline .headline {font-weight:unset;}


.add-task-btn, .add-project {background: #f4f4f4!important;}