/*
Theme Name:   Luisa Herrmann Webdesign
Description:  Luisa Herrmann Childtheme
Author:       Luisa Herrmann
Author URL:   https://www.luisaherrmann.de/
Template:     Divi
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Divi-child
*/

/* Write here your own personal stylesheet */


.font-headline {
  font-family: 'AustinNewsHeadline';
  font-style: italic;
  font-weight: 500;
}


@media (min-width: 980px){
 

  #fullsection, #fullslide .et_pb_slide {
    height: calc(100vh - 95px);  }

  #fullsection {
    display: flex;    flex-direction:column;    overflow: hidden;  }

  #footer-bottom .container {
    width: 100%;    max-width: 100%;    padding-right: 30px;    padding-left: 30px;  }
}


#et-boc .et-l ol li, #et-boc .et-l ul li {
padding-bottom: 15px;}


.pa-bullet-list-1 ul {
list-style-type: none!important;}
.pa-bullet-list-1 ul li:before {
content: '\24'!important;color: #00000;font-family: 'ETMODULES'!important;margin-right: 10px;margin-left: -30px;font-size: 1.1em!important;}



/*LUX BUTTON*/
.lux-button {
  display: inline-flex;  align-items: center;  gap: 0.75em;  font-size: 19px;  font-weight: 500;  color: #111;  text-decoration: none;  position: relative;  padding: 0.4em 0.7em;  transition: color 0.3s ease;  z-index: 1;  margin-left:2px;}

.lux-button::after {
  content: "";  position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 2px;  background: #111;  transition: all 0.3s ease;  border-radius: 0px;  z-index: -1;}

.lux-button:hover::after {
  height: 100%;  border-radius: 999px;  background: transparent;  outline: 1px solid #111;}





[data-a-split="word"] {
  line-height: 1.0 !important; }

[data-a-split="word"] span {
  display: inline-block;  line-height: 1em;  vertical-align: baseline;  padding-bottom: 0.02em;  white-space: nowrap;}



.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block; font-family: "FontAwesome" !important;  content: '\f621' !important;  font-weight: 900;  font-size: 35px;  color: #F44D26;  position: absolute;  right: 0;margin-right: -10px;padding-right: 0;    transition: transform 0.3s ease;  transform: rotate(0deg);}





.pa-bullet-list-2 ul {
list-style-type: none!important;}
.pa-bullet-list-2 ul li:before {
font-family: "FontAwesome" !important;  content: '\f621' !important; font-weight: 700;  font-size: 30px;  color: #F44D26;  position: absolute; margin-right: 10px;margin-left: -30px;font-size: 1.2em!important;}



/*Back to top Button*/
.et_pb_scroll_top.et-pb-icon {
	border-radius: 25px;
	right: 15px;
	background: #ffbb91bd;
	padding: 5px;
}

.et_pb_scroll_top.et-pb-icon:hover {
	background: #33373a;
	transition: ease-in-out;
	transition-duration: 0.5s;
}

.et_pb_scroll_top:before {
	content: "\21";
}

.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInRight 2s 1 cubic-bezier(.9,0,.175,1);
    -moz-animation: fadeInRight 2s 1 cubic-bezier(.9,0,.175,1);
    -o-animation: fadeInRight 2s 1 cubic-bezier(.9,0,.175,1);
    animation: fadeInRight 2s 1 cubic-bezier(.9,0,.175,1);
}


/*change color of text highlight*/
::-moz-selection {
  color: #ffffff;
  background: #000000;
}
::selection {
  color: #ffffff;
  background: #000000;
}

.et_fullwidth_nav #main-header .container {
    backdrop-filter: blur(0.7px);
}







MENU
#main-header {
  box-shadow: none !important;
}

header .container {
    max-width: 1571px!important;
}





et_parallax_bg {
	opacity: 0.;
}


/*This will change the active main menu item colour*/




/*Prevent Navigation from Overlap on Tablet*/
@media (max-width: 1500px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }


/* OVERLAY */
/* Paralax image background color overlay effect */
.bg-overlay .et_parallax_bg::before { 
    background-color: #000000; 
	  opacity: 0.6;
    content: ""; 
    height: 100%;
    width: 100%;
    position: absolute; 
    left: 0;
    top: 0; 
}






.pa-multi-line-highlight h2 {
  color: #ffffff;
  background-color: #000000;
  line-height: 1.4em;
  padding-bottom: 3px;
  display: inline;
  padding-left: 10px;
padding-right: 10px;

  
  box-decoration-break: clone;
}

.pa-multi-line-highlight1 h2 {
  color: #ffffff;
  background-color: #000000;
  padding-bottom: 0px;
  display: inline;
  padding-left: 10px;
padding-right: 10px;

  
  box-decoration-break: clone;
}


.pa-multi-line-highlight h3 {
  color: #ffffff;
  background-color: #000000;
  line-height: 1.4em;
  padding-bottom: 5px;
  display: inline;
  padding-left: 10px;
padding-right: 10px;

  box-decoration-break: clone;
}

.pa-multi-line-highlight p {
  color: #000000;
  background-color: #ffffff;
  line-height: 1.7em;
  padding-bottom: 5px;
  padding-top: 2px;
  display: inline;
  box-shadow: 15px 0 0px 0px #ffffff, -5px 0 0px 0px #ffffff;
  padding-left: 10px;
padding-right: 10px;

  box-decoration-break: clone;
}






Highlight navigation
.ds-custom-link a {
	padding: 12px !important;
	border-radius: 30px;
	background: #000;
	color: #fff!important;
}

.ds-custom-link a:hover {
	background: #fff;
	color: #000 !important;
	opacity: 1 !important;
}

@media (max-width: 980px) {
	.ds-custom-link a {
	background: none !important;
	color: #ffbb91 !important;
	
}

.ds-custom-link a:hover {
	background: none !important;
	color: #ffbb91 !important;
	opacity: 0 !important;
}
}
	
	
	
Jumping Header fix
#page-container {
padding-top: 138px !important;
}





EQUALIZE BLURB HEIGHTS


#floating #floatingText {
	width: 60%;
}


#floating #floatingImage {
	width: 80%;
}





SEITE SEO
.seobox {
  animation-duration: 5s!important;
	animation-timing-function: ease-in-out!important;
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
    content: "\e04f" !important;
}


.et_pb_accordion_0.et_pb_accordion {
  background-color: #eeece8!important;
}



KONTAKT
input[type="text"], select, textarea {
	background-color: #fff0;
}

body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_label {
  font-weight: normal;
  font-size: 19px;
}


.gform_required_legend {
	display: none;
}




.custom_bullets ul li {
  padding-left: 25px;
  list-style:none;
  margin-bottom: 5px;
}

.custom_bullets ul li::before {
  content: '\52';
  display: inline-block;
  margin-right: 5px;
  margin-left: -30px;
  padding-right: 5px;
  font-family:'ETmodules';
  font-size: 1.2em;
  vertical-align: middle;
}

.custom_bulletsx ul li {
  padding-left: 25px;
  list-style:none;
  margin-bottom: 5px;
}

.custom_bulletsx ul li::before {
  content: '\51';
  display: inline-block;
  margin-right: 5px;
  margin-left: -30px;
  padding-right: 5px;
  font-family:'ETmodules';
  font-size: 1.2em;
  vertical-align: middle;
}


.custom_bullets2 ul li {
  padding-left: 25px;
  list-style:none;
  margin-bottom: 5px;
}

.custom_bullets2 ul li::before {
  content: '\4c';
  display: inline-block;
  margin-right: 5px;
  margin-left: -30px;
  padding-right: 5px;
  font-family:'ETmodules';
  font-size: 1.2em;
  vertical-align: middle;
}

/*BLOG*/

.wp-block-group.has-background {
	padding: 70px;
	margin-top: 50px!important;
	margin-bottom: 50px!important;
}


.gutentoc {
	margin-top: 50px;
	margin-bottom: 50px;
}

.et_pb_post_content_0_tb_body h2 {
	margin-top: 30px!important;
}

.et_pb_post_content_0_tb_body h3 {
	margin-top: 30px!important;
}


.wp-block-image img {
	margin-top: 30px;
	margin-bottom:25px;
}

.wp-block-image figcaption {
	margin-top:-10px;
	margin-bottom:10px;
}

.wp-block-image h3 {
	margin-top:20px!important;
	margin-bottom:40px;
}

p.has-background {
    padding: 1.25em 2.375em;
    margin-top: 20px;
    margin-bottom: 35px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
    display: block;
    height: auto;
    max-width: 100%!important;
    width: auto;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}


.pa-post-category-links a {
	background: #ebe6e6;padding: .3em 0.8em;border-radius: 50px;font-size: .8em;transition: .3s ease all;  margin: 0 0.4em 0.4em 0;}


.pa-post-category-links a:hover {
	background: #d3cfcf;transition: .3s ease all;}





/*RATING WIDGET*/
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container {
    text-align: left;
    padding: 0px;
	margin-top:40px;
}
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-heading--title {
    font-size: 22px;
    font-family: 'Bricolage Grotesque Medium',Helvetica,Arial,Lucida,sans-serif;;
}




.wp-block-button .has-custom-font-size .button-affiliates {
    border-radius: 100px;
    background-color: #e6ff3f;
    padding-top: 7px;
    padding-bottom: 7px;
    text-decoration: none!important;
	color:#ffffff!important;
}

.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
    font-size: inherit;
    text-decoration: none;
	    margin-bottom: 12px;
    margin-top: 12px;
}



/*MOBILE MENU*/
@media screen and (max-width: 1100px) {
    .et_header_style_left #logo, .et_header_style_split header#main-header #dipi_logo, .et_header_style_centered header#main-header #logo {
        width: px !important;
        margin-top: -10px!important;
    }
}

@media (max-width: 1100px) {
    body.dipi-mobile-menu-fullscreen .mobile_nav:before {
        top: 0;
        right: -10px!important;
        bottom: 0;
        left: -10px!important;

    }
}


@media (max-width: 1100px) {
    .et-db #et-boc .et-l div[class^='et_pb_module et_pb_menu et_pb_menu_'].et_pb_menu ul li a.dipi-cta-button, div[class^='et_pb_module et_pb_menu et_pb_menu_'].et_pb_menu ul li a.dipi-cta-button, body.dipi-mobile-cta-button .dipi-cta-button, body.dipi-mobile-cta-button #main-header.et-fixed-header .dipi-cta-button {
        margin-top: 60px!important;
        max-width: 220px!important;
    }
}





/* Gutenberg Galerie: mobil 1 Spalte erzwingen */
@media (max-width: 760px) {
  /* Flex-Variante (WP 6.x): alle Items auf volle Breite */
  .wp-block-gallery.is-layout-flex.columns-2 .wp-block-image,
  .wp-block-gallery.is-layout-flex.columns-3 .wp-block-image,
  .wp-block-gallery.is-layout-flex .wp-block-image {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 0 0 var(--wp--style--gallery-gap, 16px) 0 !important;
  }

  /* Falls die Galerie als Grid läuft (manche WP/Theme-Kombis) */
  .wp-block-gallery.has-nested-images.is-layout-grid {
    display: grid !important;
  }

  /* Bildbreite sicherstellen */
  .wp-block-gallery .wp-block-image img {
    width: 100%;
    height: auto;
  }
}


/* Bildunterschriften (Gallery & Images) */
.wp-block-image figcaption,
.wp-block-gallery figcaption {
  line-height: 1.3 !important;
  font-size: 0.9em;   /* optional: etwas kleiner als Fließtext */
  text-align: center; /* falls du sie mittig haben willst */
}



/*BLOG KÄSTEN*/
/* ================================
   INFOBOXEN – SVG-Icons im CSS
   ================================ */

.infobox {
  position: relative;
  margin: 40px 0;
  padding: 30px 36px 30px 84px; /* Platz für Icon links */
  border-radius: 15px;
  border: 3px solid transparent;
  color: #212121;
  background: #fff;
  box-shadow: 0 8px 28px -14px rgba(0,0,0,0.12);
  background-repeat: no-repeat;
  background-position: 26px 28px;
  background-size: 34px auto;
}

/* Varianten */
.infobox.tip {
  background-color: #F3EFFB;
  border-color: #DCCBF3;
  background-image: url('/wp-content/uploads/2025/10/tippicon.svg');
}

.infobox.info {
  background-color: #EBE5E6;
  border-color: #D7D0D1;
  background-image: url('/wp-content/uploads/2025/10/infoicon.svg');
}

.infobox.warn {
  background-color: #FFECE6;
  border-color: #F44D26;
  background-image: url('/wp-content/uploads/2025/10/warnicon.svg');
}

/* Text */
.infobox p {
  margin: 0;
  line-height: 1.6;
}
.infobox strong {
  font-weight: 600;
  color: inherit;
}

/* ================================
   RESPONSIVE ANPASSUNG
   ================================ */
@media (max-width: 768px) {
  .infobox {
    padding: 70px 26px 26px 26px; /* oben Platz für Icon */
    background-position: center 20px; /* Icon mittig oben */
    background-size: 40px auto; /* etwas größer für Mobile */
    text-align: center; /* optional, wirkt harmonisch */
  }
}