/*Anlegen der Farbpalette-----------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
:root{
   --color_black:#252525;
   --color_night:#0f0f0f;
   --color_seasalt:rgb(248, 248, 248);
   --color_silver-strong:#bcb7b6;
   --color_alabaster:#f0e9dd;
   --color_silver:#ccc1b8;
   --color_dun:#c8bca3;
   --color_seasalt_textbox:rgba(248, 248, 248,0.8);
   --color_black_textbox:rgba(37, 37, 37,0.8);
   --color_grey_bg_iconbox:rgba(37, 37, 37,0.1);
   
   --color_headlines_black:rgb(48,48,48);
   --color_text_black:rbg(50,50,50);
}
/*Erstellen der Klassen zur zuweisung der Hintergrundfarben
-----------------------------------------------------*/
.bg_black{
   background-color:var(--color_black);
}
.bg_night{
   background-color:var(--color_night);
}
.bg_seasalt{
   background-color:var(--color_seasalt);
}
.bg_silver-strong{
   background-color:var(--color_silver-strong);
}
.bg_silver{
   background-color:var(--color_silver);
}
.bg_alabaster{
   background-color:var(--color_alabaster);
}
.bg_dun{
   background-color:var(--color_dun);
}

.bg_white{
   background-color:white;
}

/*Transparenter Hintergrund für Texte*/
.bg_seasalt_text{
   background-color:var(--color_seasalt_textbox);
   padding:8px 30px 8px 30px;
   width:fit-content;
}

.bg_black_text{
   background-color:var(--color_black_textbox);
   padding:8px 30px 8px 30px;
   width:fit-content;
}

/*Aufbau der Klassen für die Zuweisung der Textfarben--------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*text seasalt------------------------*/
.text_seasalt,.text_seasalt p,.text_seasalt h1,.text_seasalt h2,.text_seasalt h3,.text_seasalt h4,.text_seasalt .link{
   color:var(--color_seasalt);
}

/*text black------------------------------*/
.text_black,.text_black p,.text_black h1,.text_black h3,.text_black h4,.text_black .link{
   color:var(--color_black);
}
.text_black h2{
    color:var(--color_black);
}

/*text alabaster--------------------------*/
.text_alabaster,.text_alabaster p,.text_alabaster h1,.text_alabaster h2,.text_alabaster h3,.text_alabaster h4,.text_alabaster .link{
   color:var(--color_alabaster);
}
/*text dun----------------------------------*/
.text_dun,.text_dun p,.text_dun h1,.text_dun h2,.text_dun h3,.text_dun h4,.text_dun .link{
   color:var(--color_dun);
}


/*Erstellung von Farbblichen Themen für Schrift und Icon Farben---------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Helles Thema----------------*/

.thema_hell h1,.thema_hell h2,.thema_hell .h2,.thema_hell h3,.thema_hell h4,.thema_hell h5,.thema_hell h6{
  color:var(--color_headlines_black);
}
.thema_hell p,.thema_hell li,.thema_hell a{
  color:var(--color_text_black);
}
.thema_hell .font-style-einleiter-custom-1{
  color:var(--color_text_black);
}
.thema_hell .font-style-quote.custom-1 p{
  color:var(--color_headlines_black);
}
.thema_hell a,.thema_hell .link{
  color:var(--color_headlines_black);
}

/*Dunkles Thema----------------*/

.thema_dunkel h1,.thema_dunkel h2,.thema_dunkel .h2,.thema_dunkel h3,.thema_dunkel h4,.thema_dunkel h5,.thema_dunkel h6{
  color:var(--color_dun);
}
.thema_dunkel .h2_subline,.thema_dunkel li,.thema_dunkel a{
  color:var(--color_seasalt);
}
.thema_dunkel .font-style-einleiter-custom-1{
  color:var(--color_seasalt);
}
.thema_dunkel .font-style-quote.custom-1 p{
  color:var(--color_seasalt);
}
.thema_dunkel a,.thema_dunkel .link{
  color:var(--color_dun);
}
/*Einbindung Schriftarten -------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Lato------------------------------------------------------*/
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato/lato-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*Soure-Sans-3--------------------------------------------------------------------------------------------------------*/
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/source-sans/source-sans-3-v18-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*Playfair--------------------------------------------------------------*/
/* 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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-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('../fonts/playfair/playfair-display-v39-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*Deklaration der Schriften---------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body{
    font-family:'Source Sans 3';
    font-weight:400;
}
h1{
    font-family:'Lato';
    font-weight:500;
    text-transform:uppercase;
}
.h1{
    font-family:'Lato';
    font-weight:400;
    text-transform:uppercase;
}
.h1_subline p{
    font-family:'Lato';
    font-weight:700;
    font-size:28px;
}
@media only screen and (max-width: 767px) {
  .h1_subline p{ 
    font-size:24px;
  }
}

h2,.h2{
    font-family:'Lato';
    font-weight:400;
    text-transform:uppercase;
}
.h2_subline p{
    font-family:'Lato';
    font-weight:600;
    font-size:28px;
}

h3,h4,h5,h6{
    font-family:'Lato';
    font-weight:600;
}
p{
    font-family:'Source Sans 3';
    font-weight:400;
    font-size:19px;
}

/*Erstellung von Hilfsklassen---------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Max-Width*/
.max-width-400{
  max-width:400px;
}
.max-width-500{
  max-width:500px;
}
.max-width-600{
  max-width:600px;
}
.max-width-700{
  max-width:700px;
}
.max-width-800{
  max-width:800px;
}
.max-width-900{
  max-width:900px;
}

[class*="max-width-"].centered
{margin-left:auto;
margin-right:auto;}

[class*="max-width-"].right
{margin-left:auto;
margin-right:0;}

[class*="max-width-"].left
{margin-left:0;
margin-right:auto;}

/*Text auf Zwei Spalten*/

.spalten-2{
  column-count:2;
}
@media only screen and (max-width: 767px) {
  .spalten-2{ 
    column-count:1;
  }
}
[class*="spalten-"].centered
{margin-left:auto;
margin-right:auto;}

[class*="spalten-"].right
{margin-left:auto;
margin-right:0;}

[class*="spalten-"].left
{margin-left:0;
margin-right:auto;}


/*Overlay für Header in Mobile Version wieder sichtbar machen*/
@media only screen and (max-width: 767px) {
    .ce_bgimage div.offset_layer {
        display: block;
    }
}

/*Erweiterter Text Custom Styles-----------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Custom Quote Style 1 für erweiterte Textelemente - Quote mit Trennstrich und Symbol daneben in Serifenschrift*/
.ce_text_extented.font-style-quote.custom-1 p{
    font-family:'Playfair Display';
    color: #555555;
    font-weight:500;
    font-size:28px;
    border-left:solid 1px rgb(190 190 190);
    
}
.ce_text_extented.font-style-quote.custom-1{
  background-color:var(--color_seasalt);
  background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, #f2f0ec 5%, #f2f0ec 95%, rgba(0, 0, 0, 0) 100%);
  padding:24px 32px 24px 62px;
}

/*Erweiterter Text font Stlye Einleiter-custom-1*/
.font-style-einleiter-custom-1 p{
    font-size:24px;
    font-family:'Lato';
    font-weight:400;
    max-width:700px;
    margin-right:auto;
    margin-left:auto;
}

/*Custom Styles für Rahmen Elemente-------------*/

/*Rahmen für dunkles Thema*/
.ce_frame_start.style7.style7_thema_dunkel .ce_frame_start_inside{
  background-color:var(--color_black);
}
/*Custom Styles für Listen Elemente -  mit Trennstrichen vergeben über Klassen -----------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Custom Style 1 für Listen- .liste_style_1------------------*/
.ce_list.liste_style_1 li{
    font-size:22px;
    font-family:'Source Sans 3';
    font-weight:400;
}

/*Positionierung und Färbung der Trennstriche*/
.thema_hell .ce_list.liste_style_1 li:after {
    content: "";
    width: 70px;
    height: 1px;
    background: var(--color_silver-strong);
    opacity:50%;
    position: absolute;
    left: 40px;
    bottom: 0;
}
/*Veränderung Trennstrichfarbe bei weisser Schrift*/
.thema_dunkel .ce_list.liste_style_1 li:after {
    background: var(--color_dun);
    position: absolute;
    left: 40px;
    bottom: 0;
    content: "";
    width: 70px;
    height: 1px;
}
/*positionierung der Icons*/
.ce_list.liste_style_1 li span.icon{
  align-self:baseline;
  margin-top:4px;
}
/*Färbung der Icons--------------*/
/*Helles Thema*/
.thema_hell .ce_list.liste_style_1 .fa-check-circle-o:before{
  color:var(--color_dun);
}
/*Dunkles Thema*/
.thema_dunkel .ce_list.liste_style_1 .fa-check-circle-o:before{
  color:var(--color_dun);
}
/*Custom Styles für Trennstrich Elemente---------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Trennstrich Element Custom Version 1px Grau Mittel*/
.thema_hell .ce_divider_extended.version-custom {
    background: var(--color_headlines_black);
    opacity:20%;
    width: 50%;
    height: 1px;
}
.thema_dunkel .ce_divider_extended.version-custom{
    background-color:var(--color_dun);
    opacity:50%;
    width: 50%;
    height: 1px;
}

/*Custom Styles für Icon Boxen--------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Horizontale Icon Box mit grauem Hintergrund (Icon box Icon links)---------------*/
/*Hintergrundfarbe vergeben durch Klasse*/
.ce_iconbox.version2.bg_iconbox_horizontal_grau{
  background-color:var(--color_grey_bg_iconbox);
}
/*Positionierung des Icons veränderung der Größe*/
.ce_iconbox.version2 .ce_iconbox_icon{
  margin-left:18px;
  margin-top:18px;
}
.ce_iconbox.version2 .ce_iconbox_icon i{
  width:50px;
  height:50px;
  line-height:50px;
}
@media only screen and (max-width: 767px) {
  .ce_iconbox.version2 .ce_iconbox_inside{ 
    flex-direction:column;
  }
  .ce_iconbox.version2 .ce_iconbox_icon{
    margin-left:0px;
    margin-top:18px;
}
}
.ce_iconbox.custom-big .ce_iconbox_outside {padding-bottom:40px!important;}
.ce_iconbox.custom-big .headline {color:var(--color_headlines_black);font-size:32px;}
.ce_iconbox.custom-big .ce_iconbox_outside .content {min-height:95px;}
.ce_iconbox.custom-big .ce_iconbox_outside .link {font-weight:500;}


/* Hyperlink extended Anpassungen */
.ce_hyperlink.btn-white-outline.has-icon a i {border:unset;box-shadow:unset;}
.ce_hyperlink.btn-black-outline.has-icon a i{
  border:unset;
  box-shadow:unset;
}


/*Individuelle Anpassungen von in Artikeln------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Header Home----------------------------------------------------------------*/
.article_2 p{
  font-size:28px;
}

/*Farbe der Listen Icons*/
.article_12 .fa-check-circle-o:before  {
  color:var(--color_dun);
}
/*Artikel 50 Seite "Der erste Termin-------------------------------------------*/

/*Farbe derListen Icons*/
.article_50 .fa-check-circle-o:before  {
  color:var(--color_dun);
}
/*Abstand der Listen Icons*/
.article_50 .ce_list{
  margin-left:32px;
}

/*Sektion DIe Untersuchung--------------------*/

.article_13 .max-width-900{
    margin-left: auto;
    margin-right: auto;
}
/*Seite CFT article_32----------------------------------------------------------*/

/*Positionierung des Einleiters*/
.article_32 .font-style-einleiter-custom-1 p{
  margin-left:0;
  margin-right:0;
}
.article_32 .font-style-einleiter-custom-1 p{
  max-width:900px;
}

/*Positionierung des Quotes*/
.article_32 .font-style-quote p{
  margin-left:0;
  margin-right:0;
}

/*Positionierung der Liste*/
.article_32 .ce_list{
  margin-left:42px;
}