/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 

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

/* Alles mit weniger Abstand*/
@media (max-width: 480px) {
.et_pb_row {
  width: 90% !important;
    }
}

/** Hero Sections - Buttons nebeneinander - Abstände ***/

@media (max-width: 1120px) {
.et_pb_gutters1 .et_pb_column_1_2.et_pb_column_0, 
.et_pb_gutters1.et_pb_row .et_pb_column_1_2.et_pb_column_0 { /* linke Spalte*/
width: 60% !important;
}
.et_pb_gutters1 .et_pb_column_1_2.et_pb_column_1, 
.et_pb_gutters1.et_pb_row .et_pb_column_1_2.et_pb_column_1 { /*rechte Spalte*/
width: 40% !important;
    }
}
    @media (max-width: 980px) {
  .et_pb_gutters1 .et_pb_column_1_2.et_pb_column_0,
  .et_pb_gutters1.et_pb_row .et_pb_column_1_2.et_pb_column_0,
  .et_pb_gutters1 .et_pb_column_1_2.et_pb_column_1,
  .et_pb_gutters1.et_pb_row .et_pb_column_1_2.et_pb_column_1 {
    width: 100% !important;
  }
}

/****************************************** LOGO *****************************/

/**** Sticky Logo & Verlinkung ermöglichen ****/
.et_pb_menu__logo {
    content: '' !important;
}
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */
.et_pb_sticky .et_pb_menu__logo img {
    width: auto;
    filter: none !important;    
    -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
}
.et_pb_menu__logo img[src$=".svg"] {
  width: 268px !important;
}
.et_pb_sticky .et_pb_menu__logo img[src$=".svg"] {
    height: auto !important;
    width: 150px !important;
}

/* Damit DropDown des Navis über den Headertitel geht */
.et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
    z-index: 1 !important;
}


/*Awesome*/
.icon-calendar {
    font-family: 'FontAwesome';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 0px;
    color: #4c4b4b;
    font-size: 1em;
    transition: all .3s ease;
}
/****************************************** MENÜS *****************************/

/*********************************** Header: Logo, Icons & & Hauptmenü ***************/

/*Position Menü am Logo im Header ausrichten */
#header108 .et-menu-nav { /* Modul Navigation - Version1 */
    height: 20px !important;
    margin-top: 60px;
}
/* 2-spaltig Module: Logo, Icons & Navigation */
.et_pb_row_0_tb_header.et_pb_row {
    padding-bottom: 8px !important;
}
#iconmenu {
    margin-bottom: 34px;
}
.et-menu-nav {
    margin-top: 10px;
}
.et_pb_sticky .et-menu-nav {
    margin-top: 43px;
}
@media (max-width: 1292px) {
.has_et_pb_sticky #iconmenu {
  margin-bottom: 61px;
}    
.et_pb_menu .et_mobile_nav_menu {
     position: relative;
     top: 0px;
    }     
.has_et_pb_sticky #menu108 .et_pb_menu .et_mobile_nav_menu {
    position: relative;
    top: 30px;
    } 
}
@media (max-width: 980px) {
#menu108 .et_pb_image .et_pb_image_wrap {
    position: absolute !important;
    top: 15px;
    }
 #menu108 .et_pb_column {
    margin-top: -17px !important;
  }
#iconmenu {
  max-width: 280px;
  margin-left: auto; 
}    
#iconmenu.et_pb_text > :last-child {
  margin-right: 3px;
    }    
}
@media (max-width: 510px) {
.et_pb_sticky.et_pb_section_0_tb_header {
  max-height: unset !important;
  min-height: 169px;
}    
 #menu108 .et_pb_column {
    margin-top: -5px !important;
  }    
#menu108 .et_pb_column .et_pb_row_inner, /* Abstand Header oben unten */
#menu108 .et_pb_row {
    padding: 0 !important;
  }    
.et_pb_image_0_tb_header,
.et_pb_sticky .et_pb_image_0_tb_header { /* Logo zentriert */
  margin: 0 auto !important;
    }
.has_et_pb_sticky .et_pb_image_0_tb_header .et_pb_image_wrap img {
    max-height: 67px !important;
    left: 16px !important;
  } 
#iconmenu .et_pb_text_inner {
  text-align: center !important;
    margin-top: 10px;
    }     
#iconmenu { /* Abstand Icons */
    margin: 108px auto 0 !important;
    }
.has_et_pb_sticky #iconmenu { /* Abstand Icons */
    margin: 67px auto 0 !important;
    }      
#menu108 .et_pb_menu .et_mobile_nav_menu {
        margin: 0 auto !important;
    }
.et_pb_image .et_pb_image_wrap {
  position: relative !important;
    }
#menu108 .et_pb_menu__wrap {
    justify-content: center !important;  /* zentriert Hamburger Menü */
  }
#topmenu .et_pb_menu__wrap {
    margin-top: 20px !important;
    } 
.has_et_pb_sticky #topmenu .et_pb_menu__wrap{ /* Abstand Icons */
    margin: 60px auto 0 !important;
    }      
}
/* END: 2 spaltig Module: Logo, Icons & Navigation */


/* padding von DropDown Menü*/
.et_pb_menu .et-menu-nav>ul ul,
#menu108 .et_pb_menu .et-menu-nav>ul ul {
  padding: 10px 0 !important;
}
/* DropDown Abstand bei Sticky Menü*/
.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
  top: calc(100% - 16px) !important;
}
/* DropDown Abstand bei Sticky Menü*/
#menu108 .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
  top: calc(100% - 0px) !important;
}
/* Eltern: nicht verlinkte Hauptmenüpunkte *
.et-menu .menu-item-has-children > a:first-child { 
  cursor: context-menu;
}
*/
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
    overflow: hidden;
}
.nav li li {
    padding: 0 !important;
}
 .nav li li:hover {
    background-color: #fff !important;
}
.nav li li a:hover {
    background-color: #fff !important;
    opacity: 1 !important;
}
.et-menu li li a,
#menu108 .et-menu li li a {
  width: 367px !important; /* VAR */
}

/* ***************************************  Mobiles Menu */
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */
/* Drop Down Rand/Rahmen entfernen */
@media (max-width: 980px) {
  .et_pb_menu .et_mobile_menu {
    padding: 0 !important;
  }
}
/* Hauptmenü mobilen Breakpoint ändern */
@media (max-width: 1292px) /* Hier Wert anpassen */ {
    .et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
        display: contents !important;
        float: none !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
        display: none !important;
    }
    .et_pb_fullwidth_menu .et_pb_menu__wrap, .et_pb_menu .et_pb_menu__wrap {
        justify-content: flex-end !important;
    }
    .et_mobile_menu {
        list-style-type:none !important;
        top:100% !important;
    }
 .et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
    list-style: none !important;
    text-align: left !important;
     padding: 0 !important;
  } 
}

/* ***************************************  Hamburger Menü ********/
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
  color: #C00101 !important;
    font-size: 46px !important;
}

/***  Mobiles Menü scrollbar machen **/
@media only screen and ( max-width: 980px ) {
    body.mobile_nav-opened {
        overflow: hidden;
 }
.mobilmenu-scrollable .et_mobile_menu {
  left: 0;
  overflow: scroll;
  position: fixed;
  width: 100%;
  max-height: calc(100vh - 280px);
  top: 173px !important;    
 }
.has_et_pb_sticky .mobilmenu-scrollable .et_mobile_menu {
  max-height: calc(100vh - 280px);
  top: 132px !important;
 } 
}
@media only screen and (max-width: 782px) {
.mobilmenu-scrollable .et_mobile_menu {
  top: 187px !important;
 }    
.has_et_pb_sticky .mobilmenu-scrollable .et_mobile_menu {
  top: 146px !important;
 } 
}
@media only screen and (max-width: 510px) {
  .mobilmenu-scrollable .et_mobile_menu {
    top: 240px !important;
  }
.has_et_pb_sticky .mobilmenu-scrollable .et_mobile_menu {
  top: 169px !important;
 }    
}
/* END Mobiles Menü scrollbar machen **/
/* END Hauptmenü */


/* ********************************** Sidebar Seitenleiste Widget Menü  ***************/
/*  Farbe bei hover */
.et_pb_menu_0.et_pb_menu ul li a:hover {
       color: #c00101 !important; 
}

/* *************************************** Sidebar Seitenleiste - Hamburger Menü im Widget ausblenden ***/
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
/* Tablets und Mobil ausschalten*/
@media (max-width: 980px) {
    .lwp-hide-mobile-menu .et_pb_menu__menu > nav > ul > li {
        width:100%
    }
}
/* vertikales Menümodul */
.lwp-hide-mobile-menu .et_pb_menu__menu > nav > ul > li {
    width:100%
}
/*** END  *  Hamburger Menü im Widget ausblenden*/

/**************************** BLOG Menüs - Kategorie Menü*/
li.current-cat a,
.et_pb_sidebar_0_tb_body.et_pb_widget_area li.current-cat a,
.et_pb_sidebar_1_tb_body.et_pb_widget_area a[aria-current="page"],
.et_pb_sidebar_0.et_pb_widget_area li.current-menu-item a {
    color: #c00101 !important;
}

/* *************************************** Footer Menü ***************/
.dl-v-menu.et_pb_menu .et_pb_menu__menu, 
.dl-v-menu.et_pb_menu .et_pb_menu__menu > nav, 
.dl-v-menu.et_pb_menu .et_pb_menu__menu > nav > ul {
display: block;    
}
.dl-v-menu .et_mobile_nav_menu { /*  Hamburger Menü im Footer ausblenden  */
    display: none;
}
.dl-v-menu.et_pb_menu_0_tb_footer.et_pb_menu ul li a {
    border-bottom: 1px solid #293133;
    line-height: 20px!important;
}
.dl-v-menu.et_pb_menu_0_tb_footer.et_pb_menu ul li a:hover {
    border-bottom: 1px solid #ffffff !important;
    color: #ffffff !important;
}
@media (max-width: 980px) {
 .dl-v-menu.et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
}

/* ***************************************  Buttons *************************************/
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ *//* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */
/* zwei Buttons nebeneinander */
@media (min-width: 591px) {
.twobtn .et_pb_button_module_wrapper,
.twocolumn .et_pb_image {
    display: inline-block;
}
.twobtn .et_pb_button_module_wrapper,
.twocolumn .et_pb_image {
    text-align: center !important;
    }
}
@media (max-width: 590px) {
.twobtn .et_pb_button_module_wrapper,
.twocolumn .et_pb_image {
    display: flex !important;
    }
.twobtn .et_pb_button_module_wrapper,
.twobtn .et_pb_button_1_wrapper,
.twobtn .et_pb_button_2_wrapper,
.twobtn .et_pb_button_3_wrapper,
.twobtn .et_pb_button_4_wrapper {
    margin-left: 0 !important;
    margin-top:  10px !important;
    }    
}
.btn-news button,
.btn {
    border: 2px solid #C00101 !important;
    color: #C00101 !important;
    padding: 9px 17px;
    font-size: 17px;
    border-radius: 3px !important;
    cursor: pointer;
    margin-top: -6px;
}
.btn-news button:hover,
.btn:hover {
color: #FFFFFF !important;
  border-width: 2px !important;
  background-image: initial;
  background-color: #C00101;
     transform:scaleX(0.97) scaleY(0.97)!important;
}
.et_pb_button {
  color: #FFFFFF !important;
  border-width: 0px !important;
  letter-spacing: 0px !important;
}
.btn.pop-up {
    color: #202020 !important;
    background-color: #fff !important;
        margin-top: 20px !important;
}
.btn.pop-up:hover {
    color: #262626 !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
}
/* pop-up*/
.popmake-404 {
    max-width: 404px;
}
.pum-content h3 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 1.5em;
}
    /***Icon hover Effekt*/
    /* Das Icon-Element *
 .et_pb_icon_0_tb_footer {
    position: relative; /* Für die Positionierung des Tooltips *
    display: inline-block; /* Sicherstellen, dass das Element korrekt angezeigt wird *

    border-radius: 4px; /* Abgerundete Ecken *
    color: white; /* Farbe des Icons *
    transition: all 0.3s ease-in-out; /* Animation für Hover-Effekt *
}
*/
/* popuphello hoverkontakt*/
 .et_pb_icon_0_tb_footer::after {
    content: "Wie können wir helfen?"; /* Tooltip-Text */
    position: absolute; /* Tooltip relativ zum Icon */
    top: 45%; /* Vertikale Positionierung */
    left: 0; /* Position rechts vom Icon */
    transform: translateY(-50%); /* Zentrierung */
    background-color: #c00101; /* Hintergrundfarbe des Tooltips */
    color: white; /* Schriftfarbe des Tooltips */
    padding: 1px 10px 1px 20px; /* Innenabstand des Tooltips */
  margin-left: -13px;
    white-space: nowrap; /* Verhindert Zeilenumbruch */
    opacity: 0; /* Tooltip unsichtbar */
    visibility: hidden; /* Tooltip ausblenden */
    transition: all 0.3s ease-in-out; /* Animationsübergang */
}

 .et_pb_icon_0_tb_footer:hover::after {
    opacity: 1; /* Tooltip sichtbar */
    visibility: visible; /* Tooltip einblenden */
    left: 130%; /* Leichte Verschiebung nach rechts */
}

/* Button Blog > mehr lesen  */
.et_pb_blog_0_tb_body .et_pb_post div.post-content a.more-link {
    border-width: 0px !important;
    background-color: #c00101 !important;
    color: #fff !important;
    padding: 6px 10px;
    margin-top: 20px;
    font-size: 17px;
    border-radius: 3px !important;
    cursor: pointer;
    width: 150px;
    text-align: center;
    display: inline-block;
}
.et_pb_blog_0_tb_body .et_pb_post div.post-content a.more-link:hover {
    color: #c00101 !important;
    background-color: #fff !important;     
}

/******************** Plugin Popups for Divi  - Kontakt */

/* um den  Hintergrund-Layer auszublenden 
.da-overlay-visible .da-overlay {
    display: none !important;
}
*/
/** PopUp Newsletter -  da im Footer vom header verdeckt */
@media screen and (min-width: 768px) {
  #rmOrganism .rmPopup__container .rmPopup.rmPopup--modal {
    top: 18% !important;
  }
}
/* Plugin Popups for Divi -  Schatten auch um Transparenz */
#et-boc .area-outer-wrap[data-da-shadow="yes"] [data-da-area] {
        -webkit-box-shadow: none !important;
    box-shadow: none !important;
}



/* *************************************** Contact Form 7 ***/
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */
.wpcf7 button,
input[type="button"],
input[type="reset"],
input[type="submit"]{ /* gleich wie: .btn-news button, .btn */
    border: 2px solid #C00101 !important;
    color: #C00101 !important;
    padding: 9px 17px;
    font-size: 17px;
    border-radius: 3px !important;
    cursor: pointer;
    margin-top: -6px;
background-color: #fff;
}
.wpcf7 button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #FFFFFF !important;
  border-width: 2px !important;
    font-size: 17px;
  background-image: initial;
  background-color: #C00101;
    transform: scaleX(0.95) scaleY(0.95) !important;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea {
	border-radius: 2px;
    padding: 7px 10px;
    color: #000;
	font-size: 18px;
    font-weight: 400;
	font-style: normal;
	line-height: 1.5; 
    margin: 0 20px 20px 0;   
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
select {
    width: 98%;
    max-width: 400px;
 
}
textarea {
    overflow: auto; 
	width: 98%;
    max-width: 820px;
    max-height: 180px;    
}
/*.wpcf7-form-control-wrap[data-name="teilnahme"] */
.clearb {
    clear: both;
    display: block;
}
.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: inline-block !important;
}
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ *//* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */
 /* Contact Form 7 - Kontaktseite - Breite Formular*/ 
[data-class="wpcf7cf_group"] {
    width: 500px;
}
/* Kontaktseite - Formularfelder nebeneinander*
.page-id-158 .wpcf7 input[type="text"],
.page-id-158 .wpcf7 input[type="email"],
.page-id-158 .wpcf7 input[type="url"],
.page-id-158 .wpcf7 input[type="password"],
.page-id-158 .wpcf7 input[type="search"] {
    float: left; 
} */
.wpcf7-form p {
    padding-bottom: 0;
}
/* Kontaktseite - Formularfelder nebeneinander*/ 
.wpcf7 input[type="text"],
 .wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"] {
    float: left; 
}


/* *************************************** Beiträge - Neueste Beiträge Footer - "Breite über 2 Spalten" ***/
@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_1_2 
    .postlist .et_pb_widget {
    width: 98% !important;
    }
}
/* *************************************** Accordion & toggle icon left ** */
/*move the toggle icon to the left*/

.pa-toggle-icon-left .et_pb_toggle_title:before {
	left: 0 !important;
}
/*adjust spacing on the left for the icon*/

.pa-toggle-icon-left .et_pb_toggle_title,
.pa-toggle-icon-left .et_pb_toggle_content {
	padding-left: 30px !important
}

/* Accordioon (nicht verwendet) move the accordion icon to the left

.pa-accordion-icon-left .et_pb_toggle_title:before {
	left: 0 !important;
}
.pa-accordion-icon-left .et_pb_toggle_title,
.pa-accordion-icon-left .et_pb_toggle_content {
	padding-left: 2em !important
}
*/

/************************************************* Plugin Testimonial Feedback */
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */
.wpmtst-testimonial {
    border: none !important;
}
h3.wpmtst-testimonial-heading {
    font-family: 'Klarika light',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    margin-bottom: 0 !important;
}

.testimonial-name {
    text-align: left !important;
    margin-top: 1em;
}
 .testimonial-name:before {
    content: "– ";
}
.testimonial-name:after {
    content: " –";
}
.testimonial-thema {
    text-align: left !important;
    font-style: italic;
}
.testimonial-client {
    margin-top: 0.5em !important;
}

.strong-view.wpmtst-default .wpmtst-testimonial-inner {
    border: none !important;
    background-color: #fff;
    padding: 2em;
    margin-bottom: 3em;
}

/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */

/* Slider: Foto rechts (statt links vom Text) *
.et_pb_slide_image {
    right: 0 !important;
}
/* Slider: Text links (statt rechts statt links vom Foto)*
.et_pb_fullwidth_slider_0 .et_pb_slide .et_pb_slide_description {
  text-align: right !important;
  float: left !important;
}
 */
/*Slider Startseite - OBEN UNTEN Abstände*/
.et_pb_slide_image img {
    max-height: 750px !important;
    text-align: right !important;
}

.et_pb_slide {
  display: flex;
  flex-direction: row-reverse; /* Bild nach rechts */
  align-items: center;
}

.et_pb_slide_image {
  flex: 1;
  max-width: 50%;
}

.et_pb_slide_description {
  flex: 1;
  max-width: 50%;
  padding: 40px;
}
@media only screen and (max-width: 1420px) {
.et_pb_slide_image {
    padding-left: 40px;
    }
.et_pb_module.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description {
    margin: 10px !important;
    }    
}
.et_pb_slide_description {
  flex: 1;
  max-width: 100%;
  padding: 40px;
    }    

@media only screen and (max-width: 768px) {
    .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_image {
  text-align: center;
    }
.et_pb_slide_image {
    max-width: 100% !important;
    margin: 0 auto !important;
    }
}
  @media (max-width: 767px) {
      .et_pb_slide_image, 
      .et_pb_slide_video {
      display: block !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
    width: 100% !important;
    }
}
/* Slideshow*/
.strong-view.wpmtst-default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport{
    border: none !important;
}
.slider-container.strong-view.wpmtst-default .wpmtst-testimonial-inner {
    background-color: unset;
}
/* Blockquotes  - Anführungszeichen*/
.strong-view.wpmtst-default .wpmtst-testimonial-heading {
  background: none !important;
    /* background: url("quotes.png") no-repeat scroll left center transparent !important;*/
  margin-top: 0;
  padding-left: 0 !important;
  text-align: left;
}




/* *************************************** eigene *********************/
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ *//* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ *//* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */
a:hover {
    color: #202020;
}
.footerhref a {
    color: #202020;
}
.footerhref a:hover {
    color: #c00101;
}

/* Teaser Title vor Foto*/
@media (min-width: 981px) {
    .titlefirst .et_pb_blurb_content {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
        text-align: center !important;
    }

    .titlefirst .et_pb_main_blurb_image {
        margin-top: 10px; /* Abstand zwischen Titel und Bild */
    }
}

 blockquote { 
     font-size: 21px;
     font-style: normal !important;
     text-align: left;
     letter-spacing: 0.5px;
     line-height: 1.5;
     /*
     border: none !important;
     padding: 0 !important;
     */
}
.et_pb_text ol li {
    margin-left: 20px;
    margin-top: 10px;
}
.et_pb_text_inner ul li{
    text-align: left !important;
    margin: 10px 0 !important;
}

/*check Häkchen Bulletpoint*/
.check .et_pb_text_inner ul {
    list-style-type: none; /* Standard-Bulletpoints entfernen */
    padding-left: 0; /* Optional: Linkseinzug entfernen */
}
.check .et_pb_text_inner ul li {
  padding-left: 27px; /* Fügt Platz für das Symbol hinzu */
  position: relative;
}
.check .et_pb_text_inner ul li::before {
  content: '✓';
  color: #c00101;
  font-size: 26px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
}


img.rund {
    height: auto;
    overflow:hidden; 
	    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	 }
@media only screen and (max-width: 700px) {
    img.alignright, 
    img.alignleft {
		float: none !important;
        display: block !important;
        margin: 10px auto;
	}
}
/* Modul Informationstext  Bild rechts – Text links */
@media (min-width:981px) {

    .blurb-icon-right .et_pb_blurb_content {
        display: flex;
        flex-direction: row-reverse;
        padding-right: 20px;
        margin-left: 0 !important;
    }
/*
    .blurb-icon-right.et_pb_blurb_position_left .et_pb_blurb_container {
       padding: 10px;
    }
  }
*/

.extern { /*externe Links im Menü*/
    font-size: 16px;
    color: #000; 
}
sup {
    vertical-align: super !important;
    font-size: 75%;
    bottom: unset !important;
    
}

/* Gitter-Kacheln auf gleiche Höhe setzen *
@media only screen and (min-width: 768px) {
.blog-teaser .et_pb_post {
min-height: 550px;
max-height:550px;
    }
}
*/


/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ *//* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ *//* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */    
/* Teaser Blog Seite */
.blog-teaser article img {
    width: 40%; /* Festlegen einer relativen Breite, damit das Bild nicht zu viel Platz einnimmt */
    float: left;
    margin-right: 40px;
    margin-top: 30px;
}

.blog-teaser article {
    background-color: #f7f7f7 !important;
    padding: 15px 40px !important;
    overflow: hidden;
}

/* Sicherstellen, dass der Artikeltext nicht unter das Bild rutscht */
.blog-teaser article .post-content {
    overflow: hidden; /* Erzwingt, dass der Text neben dem Bild bleibt */
}

/* Einspaltiges Layout für Tablets und mobile Geräte */
@media (max-width: 980px) {
    .blog-teaser article img {
        width: 100%; /* Bild nimmt die volle Breite ein */
        float: none; /* Float entfernen, damit das Bild als Block-Element angezeigt wird */
        margin-right: 0;
        margin-top: 20px; /* Leichter Abstand von oben, falls gewünscht */
    }

    .blog-teaser article {
        padding: 15px 20px !important; /* Padding anpassen für mobile Ansicht */
    }

    .blog-teaser article .post-content {
        overflow: visible; /* Overflow auf "visible" setzen, damit sich der Text unter dem Bild korrekt ausbreitet */
    }
}