/* Design - Basis */

/* Farben */
:root {
--color-1:#0072CE; /*Pantone 285 C*/
--color-2:#001871; /*Pantone 2748 C*/
--color-3:#023047; /*Prussian blue*/
--color-4:#ffb703; /*Selective yellow*/
--color-5:#fb8500; /*UT orange*/

--color-w:#fff; /*Weiss*/
--color-b:#555; /*Schwarz*/
}


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



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


/* 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/playfair-display-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* 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/playfair-display-v37-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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/barlow-semi-condensed-v15-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* Schriften */
:root {
--font-1: 'Libre Baskerville'; /* Libre Baskerville */
--font-2: 'Playfair Display'; /* Playfair Display */
--font-3: 'Barlow Semi Condensed'; /* Barlow Semi Condensed */
--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-w {background-color:var(--color-w)!important;}
.bg-color-b {background-color:var(--color-b)!important;}



/* 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: 0.90rem;
  --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));
  --s15: calc(var(--s14) * var(--ratio));
  --s16: calc(var(--s15) * var(--ratio));
  --s17: calc(var(--s16) * var(--ratio));
  --s18: calc(var(--s17) * var(--ratio));
  --s19: calc(var(--s18) * var(--ratio));
  --s20: calc(var(--s19) * var(--ratio));
}

/* font size mobile */

/*@media only screen and (min-width: 768px) and (max-width: 1919px) {
    :root {
    --ratio: 1.16;
    --s0: calc( 1.33vh);	
    }
    }*/
    
    @media only screen and (max-width: 767px) {
    :root {
    --ratio: 1.14;
    --s0: calc(1rem * 0.80);	
    }	
    }	
    
    @media only screen and (max-height: 767px) {
    :root {
    --ratio: 1.14;
    --s0: calc(1rem * 0.80);	
    }	
    }	


/* 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;}
.font-size-s15 {font-size:var(--s15)!important;}
.font-size-s16 {font-size:var(--s16)!important;}
.font-size-s17 {font-size:var(--s17)!important;}
.font-size-s18 {font-size:var(--s18)!important;}
.font-size-s19 {font-size:var(--s19)!important;}
.font-size-s20 {font-size:var(--s20)!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;}
.font-size-s15-m {font-size:var(--s15)!important;}
.font-size-s16-m {font-size:var(--s16)!important;}
.font-size-s17-m {font-size:var(--s17)!important;}
.font-size-s18-m {font-size:var(--s18)!important;}
.font-size-s19-m {font-size:var(--s19)!important;}
.font-size-s20-m {font-size:var(--s20)!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;}
    }

html,body {
    font-size: 16px; /* <-------- main gain */
    color: var(--color-b);
    font-family: var(--font-3);
    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_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 {overflow:visible;}
.ce_headline_extended .h3.background-text {font-size:20rem;}

/*.ce_headline_extended span.spanwrap {display:block;}*/

/* 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);}
.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;}

/* Anpassungen Image extended */

.image-extented-style-1,.image-extented-style-2 {overflow:visible;}
.image-extented-style-1 figure img {
	border-radius: 30px;
    overflow: hidden;
    box-shadow: 2px 4px 8px #5555557d;
}

.image-extented-style-2 figure img {
	border-radius: 0px;
    overflow: hidden;
    box-shadow: 2px 4px 8px #5555557d;
}

/* 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: 10px
}

.ce_iconbox .content {
    margin-top: 0
}

.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 120px;
    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: 60px
}

.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
}

.ce_iconbox.version2.right-align .ce_iconbox_icon {
    flex: 0 0 120px;
    align-self: flex-start;
    order: 2
}

.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
}

.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%;
    }}

@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: unset;
    margin-left: auto;
    margin-right: auto
}
*/




.ce_bgimage.max_width_realfull .ce_bgimage-inside


{
    padding-left: 5%;
    padding-right: 5%;
	
}


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



.ce_bgimage.max_width_realfull .ce_bgimage-inside

{
    padding-left: 40px;
    padding-right: 40px;
}

}

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

}	

/* Anpassung x5 */ 

#slider {z-index:11;}

/* Anpassung Fancy divider image */ 
/* mit der Klasse "nocsalce" schrumpft der Divider nicht vertikal sonder behält seine Höhe */ 
.ce_fancy_divider_image.noscale .image_container {display: flex;justify-content: center;}
.ce_fancy_divider_image.noscale .image_container img {
    min-width: 1280px;
}


/* ---------------------------------------------------------------------------------------------------------- */

.galerie-overlay .image_container:after {content:""; background:var(--color-1); opacity:0.2;position:absolute;top:0;bottom:0;left:0;right:0;}