/*
 Theme Name:   Divi Child
 Description:  Child-Theme für Mellis Website
 Author:       Magdalena Gajewski
 Author URI:   https://magdalenagajewski.de/
 Template:     Divi
 Version:      1.0
 Text Domain:  divi-child
*/

/* Hier folgt dein Custom CSS */



/* Vertikales Zentrieren von Elementen */
.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;
}


/* Divi Menü: Schatten aus */
#main-header,
#main-header.et-fixed-header {
  box-shadow: none !important;
}


	/*Button in Menüleiste*/
.menu_cta {
background-color: #83cbba;
color: #fffbf3 !important;
padding: 0 !important;
box-sizing: border-box;
	border: 1px solid #83cbba;
border-radius: 25px 25px 25px 25px;
}

.menu_cta a {
color: #36423e !important;
padding: 12px 12px 12px 12px !important;
}

.et-fixed-header #top-menu .menu_cta a {
    color: #36423e!important;
}
.menu_cta:hover {
  transform: scale(1.1);
  transition: all .2s 0s;
}



/* Text unterstreichen */

.pa-color-highlight-1{
  text-decoration: none;
  display: inline;
  background-image: linear-gradient(#fac2ac, #fac2ac);
  background-repeat: no-repeat;
  background-position: 0 95%;        /* vertikale Position */
  background-size: calc(100% - 0.08em) 0.45em; /* Breite minimal kürzen */
}


.pa-color-highlight-gruen{
  text-decoration: none;
  display: inline;
  background-image: linear-gradient(#bfd3c7, #bfd3c7);
  background-repeat: no-repeat;
  background-position: 0 95%;        /* vertikale Position */
  background-size: calc(100% - 0.08em) 0.45em; /* Breite minimal kürzen */
}

.pa-color-highlight-lila{
  text-decoration: none;
  display: inline;
  background-image: linear-gradient(#fac2ac, #fac2ac);
  background-repeat: no-repeat;
  background-position: 0 95%;        /* vertikale Position */
  background-size: calc(100% - 0.08em) 0.45em; /* Breite minimal kürzen */
}


/* Wort andere Schriftart */
.font-modern-dich {
font-family: "Modernline Test", serif;
font-size: 55px;
	position: relative;
  top: 0.08em;
}

.font-modern {
font-family: "Modernline Test", serif;
font-size: 60px;
}

/* Mobile */
@media (max-width: 767px) {
.font-modern {
font-size: 50px; /* hier deine Wunschgröße für mobil */
}


}

/* Body-Text im Infotext-Modul etwas nach unten schieben */
.blurb-shift .et_pb_blurb_description {
  margin-top: 8px;
}