/* 
------------------------------------------
Custom CSS-Erweiterung
------------------------------------------
*/


/*
------------------------------------------
ALLGEMEINE ANPASSUNGEN
------------------------------------------
*/

/* Links: Unterstreichung global deaktivieren */
a,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none !important;
}

/* Social-Media-Buttons: Anpassungen */
.dss-socialmedia-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dss-socialmedia {
  display: inline-block;
  transition: transform .2s;

}
.dss-socialmedia:hover {
  text-align: center;
  -ms-transform: scale(1.2);      /* IE 9 */
  -webkit-transform: scale(1.2);  /* Safari 3–8 */
  transform: scale(1.2);
}

/* Kontaktformular: Padding Datenschutzbestimmung  */ 
.wpforms-container ul, .wpforms-container ul li {
	padding-left: 0px;
}

/* Linkfarbe Fußzeile */
a.dss-footer_link-color {
  color: #000000 !important;
}

a.dss-footer_hover-color:hover {
  color: #FCD0D8 !important;
}

/* Linkfarbe Mobilnummer: Safari wandelt Tel-Links farblich um, daher manuell überschreiben */
a.dss-mobilefooter_link-phone-color {
  color: #000000 !important;
}

a.dss-mobilefooter_hover-phone-color:hover {
  color: #000000 !important;
}

/* Hochstellung Markennamensymbol */
sup {
  font-size: 75%;
  position: relative;
  line-height: 0;
  vertical-align: baseline;
  top: -3px;
}

/* HappyAddons Pricing Table: Vererbung korrigieren */
.ha-pricing-table-body {
  text-align: inherit;
}
.ha-pricing-table-features-list {
  text-align: inherit;
}

/* HappyAddons Pricing Table: Content-Switcher korrigieren (Elementor Templates) */
.dss-prices_pricing-table-list_text-left {
  text-align: left;
}

/* Step Flows – Text auf Blocksatz setzen */
.ha-step-description {
  text-align: justify;
}


/*
------------------------------------------
GUTENBERG-BEITRÄGE
------------------------------------------
*/

/* Element Styled Box: Mobile Abstand links erhöhen */
@media screen and (max-width:768px) {
  .posts-mobile-left-margin {
    margin-left: 10%;
  }
}

/* Überschrift-Stil */
.h1_rosa {
  color: #FCD0D8;
  text-shadow: 1px 1px 1px #B5ABA0;
}


/*
------------------------------------------
THEME ANPASSUNGEN
------------------------------------------
*/

/* Untermenü: Schriftgröße &amp; Gewicht */
.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu:last-child > .menu-item > .menu-link {
  font-size: 16px;
  font-weight: 500;
}

/* UL: Einrückung entfernen, Square-Punkte */
ul {
  list-style-type: square;
  margin-left: 20px;
}


/* Übersicht Beiträge über Kategorien: Anpassung H2 */
h2.entry-title.ast-blog-single-element a {
  color: #000 !important;
	font-size: 42px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}


/*
------------------------------------------
KONTAKTFORMULAR ANPASSUNGEN
------------------------------------------
*/

/* Dropdown-Feld: Style über Choices */
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__inner {
	background-color: #FAF9F7 !important;
  border: 1px solid #B5ABA0 !important;
  border-radius: 6px !important;
  color: var(--e-global-color-text) !important;
	font-family: inherit !important;  
  width: 100% !important;
  height: 55px !important;
  line-height: 1.3 !important;
  display: flex;
}

/* Dropdown-Feld: Schriftstyle */
div.wpforms-container .wpforms-form .choices__list--single {
  font-size: 1em !important;
	font-weight: 500 !important;
}

/* Dropdown-Feld: Geöffnete Auswahlliste */
div.wpforms-container .wpforms-form .choices__list--dropdown {
	background-color: #FAF9F7 !important; /* leicht transparent beige */
  border: 1px solid #B5ABA0 !important;
  border-radius: 6px !important;
  color: var(--e-global-color-text) !important;
  width: 100% !important;
  font-size: 1em !important;
	font-weight: 500 !important;	
}

/* Fehlermeldung Text */
.wpforms-container label.wpforms-error {
  color: var(--ast-global-color-0) !important; /* Globale Farbe Pink aus Elementor */
	font-weight:600 !important;
}

/* Fehlermeldung Rahmen */
.wpforms-container .wpforms-field input.wpforms-error,
.wpforms-container .wpforms-field textarea.wpforms-error,
.wpforms-container .wpforms-field select.wpforms-error {
  border-color: var(--ast-global-color-0) !important; /* Globale Farbe Pink aus Elementor */
}

/* Pflichtfelder Stern */
.wpforms-required-label {
  color: var(--ast-global-color-0) !important; /* Globale Farbe Pink aus Elementor */
}

