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

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

/**** Sticky Logo & Verlinkung ermöglichen ****/
.et_pb_menu__logo {
    content: '' !important;
}

.et_pb_sticky .et_pb_menu__logo img {
    content: url(https://markus-wolany.com/wp-content/uploads/logosymbol-markus-wolany.svg) !important;
    width: auto;
    filter: none !important;    
    -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
}

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

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

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

/****************************** Menücons*/
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ *
 * Bevor Awesome auf lokalem Server integriert
.menuicon1::before {
font-family: "ETmodules";
content: "\e090;"; /*Telefon*   Mobil
color: #000;
font-size:25px;
margin-right:5px
float:left;
}
.menuicon2::before {
font-family: "ETmodules";
content: "\e023"; /* kalender
color: #000;
font-size:25px;
margin-right:5px
float:left;
}
.menuicon3::before {
font-family: "ETmodules";
content: "\"; /* Instagram
color: #000;
font-size:25px;
margin-right:5px
float:left;
}
.menuicon4::before {
font-family: "ETmodules";
content: "\e093"; /* facebook oder e0aa oder e0c1;* * YouTube: e0a3 oder e0ba*
color: #000;
font-size:25px;
margin-right:5px
float:left;
}
*/
/*
 * Facebook - Inhalt: "'e093" ;
Twitter - Inhalt: "'e094" ;
Google Plus - Inhalt: "'e096" ;
Pinterest - Inhalt; "'e095" ;
LinkedIn - Inhalt: "'e09d" ;
Instagram - Inhalt: "'e09a" ;
Tumblr - Inhalt: "'e097" ;
Skype - Inhalt: "'e0a2" ;
Flickr - Inhalt: "'e0a6" ;
Myspace - Inhalt: "'e0a1" ;
Dribbble - Inhalt: "'e09b" ;
YouTube - Inhalt: "'e0a3" ;
Vimeo - Inhalt: "'e09c" ;
RSS - Inhalt: "'e09e" ;
*/
/*********************************** Hauptmenü ***************/

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

.has_et_pb_sticky .et-menu-nav {
    margin-top: unset;
}
/* padding von DropDown Menü*/
.et_pb_menu .et-menu-nav>ul ul {
  padding:0 !important;
}
/* DropDown Abstand bei Sticky Menü*/
.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
  top: calc(100% - 16px) !important;
}
/* die  nicht verlinkten  Überschriften im Hauptmenü *
 .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;
}
/*  Farbe bei hover */
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a:hover,
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover {
   color:#f39407 !important; 
}
.nav li li {
    padding: 0 !important;
}
.nav li li:hover {
    background-color: #f7f6f5 !important;
}
.nav li li a:hover {
    background-color: #f7f6f5 !important;
    opacity: 1 !important;
}
.et-menu li li a {
  width: 367px !important; /* VAR */
}


/* ***************************************  Mobiles Menu */
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */
.et_mobile_menu li a:hover, 
.nav ul li a:hover {
    background-color: #f39407 !important;
    opacity: 1 !important;
  /*  background-color: transparent !important; wenn keine Hintergrunsfarbe bei hover */
}
.et_mobile_menu li li:hover {
  background-color: #f39407 !important;
}
/* das muss in Freiform CSS - wenn aktiver Link mit fabigem hover muss es dann weiß werden*/
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a:hover {
    color: #fff !important;
}
*/
/* 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: 994px) /* Hier Wert anpassen */ {
    .et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
        display: flex;
        float: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_pb_fullwidth_menu .et_pb_menu__wrap, .et_pb_menu .et_pb_menu__wrap {
        justify-content: flex-end;
    }
    .et_mobile_menu {
        list-style-type:none !important;
        top:100%;
    }
}
/* ***************************************  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: #f39407 !important;
    font-size: 46px !important;
}

/* END Hauptmenü */


/* ********************************** Sidebar Seitenleiste Widget Menü  ***************/
/*  Farbe bei hover */
.et_pb_menu_0.et_pb_menu ul li a:hover {
       color: #f39407 !important; 
}
/*  Linien unter Menüpunkten  *
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
  border-bottom: 1px solid #fff !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: #f39407 !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 ~~~~~~~~~~~~~~~~~~~~ */
.btn-news button,
.btn {
    border-width: 0px !important;
    color: #fff !important;
    background-color: #f39407 !important; 
    padding: 3px 15px;
    font-size: 17px;
    border-radius: 3px !important;
    cursor: pointer;
    margin-top: -6px;
}
.btn-news button:hover,
.btn:hover {
background-color: #fff !important;
    color: #f39407 !important;
}
.btn-footernews button {
    border-width: 0px !important;
    color: #f39407 !important;
    background-color: #fff !important; 
    padding: 5px 10px;
    font-size: 17px;
    border-radius: 3px !important;
    cursor: pointer;
}
.btn-footernews button:hover {
background-color: #659a45 !important;
    color: #fff !important;
}
.et_pb_button {
  color: #FFFFFF !important;
  border-width: 0px !important;
  letter-spacing: 0px !important;
}
.btn.pop-up {
    color: #262626 !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;
}

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

/* 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: rgba(0,158,227,1) !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: rgba(0,158,227,1) !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"] {
    border-width: 0px !important;
    color: #fff !important;
    background-color: #f39407 !important; 
    padding: 6px 20px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 30px !important;
    cursor: pointer;
}
.wpcf7 button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background-color: rgba(243,148,7,0.9) !important;
  transform:scaleX(0.97) scaleY(0.97);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
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"] {
    width: 98%;
    max-width: 400px;
    float: left; /* Kontaktseite - Formularfelder nebeneinander*/ 
}
textarea {
    overflow: auto; 
	width: 98%;
    max-width: 820px;
    max-height: 180px;    
}
/*.wpcf7-form-control-wrap[data-name="teilnahme"] */
.clearb {
    clear: both;
    display: block;
}
 /* Contact Form 7 - Breite Formular damit 2spaltig*/ 
.wpcf7-form {
    max-width: 1200px;
}
/* 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; 
}
*/
.wpcf7-form p {
    padding-bottom: 0;
}



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


.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: 40px;
    margin-bottom: 3em;
}



/* Slideshow*/
.strong-view.wpmtst-default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport{
    border: none !important;
}

/* 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: #414141;
}
.footerhref a {
    color: #414141;
}
.footerhref a:hover {
    color: #f39407;
}

/* Sektion Hintergrundverlauf*/
/*
 div.et_pb_section.et_pb_section_0.gradientspieg,
 div.et_pb_section.et_pb_section_1.gradientspieg,
 div.et_pb_section.et_pb_section_2.gradientspieg,
 div.et_pb_section.et_pb_section_3.gradientspieg,
 div.et_pb_section.et_pb_section_4.gradientspieg,
 div.et_pb_section.et_pb_section_5.gradientspieg,
 div.et_pb_section.et_pb_section_6.gradientspieg,
 div.et_pb_section.et_pb_section_7.gradientspieg,
 div.et_pb_section.et_pb_section_8.gradientspieg, 
 div.et_pb_section.et_pb_section_9.gradientspieg {
  background-image: linear-gradient(-164deg, #e1e1e1 13%, rgba(255,255,255,0.58) 61%, #b4bccf 90%) !important;
}
*/
/* 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_inner ul li {
    text-align: left !important;
    margin: 10px 0 !important;
}

/* check Häkchen Bulletpoint */
.check .et_pb_text_inner ul,
.check .et_pb_toggle_content ul {
    list-style-type: none !important; /* !important hilft gegen Divi-Standards */
    padding-left: 0;
}

.check .et_pb_text_inner ul li,
.check .et_pb_toggle_content ul li {
    padding-left: 30px;
    position: relative;
    list-style: none !important; /* Entfernt den blauen ::marker aus deinem Screenshot */
}

.check .et_pb_text_inner ul li::before,
.check .et_pb_toggle_content ul li::before {
    content: '✓';
    color: #f39407;
    font-size: 23px;
    font-weight: 700;
    position: absolute;
    left: 0;
   /* top: -5px;  Wert leicht ins Minus, damit der Haken mittig zur Zeile sitzt */
}
.bulorange ul li::marker {
    color: #F39407 !important; /* Dein Orange */
}
/* Fallback für ältere Browser oder spezielle Modul-Strukturen */
.bulorange ul {
    list-style-type: disc; /* Stellt sicher, dass es ein Punkt ist */
}

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