/*
	Theme Name: Semplice Child Theme
	Description: Child Theme for Semplice
	Author: Semplicelabs
	Template: semplice6
*/

/* Custom CSS Start */


 /* --- KORRIGIERT DIE GROSSEN SEMPLICE ABSAETZE --- */
br {
  margin-top: 0.4em; 
  display: block; 
}

@media screen and (max-width: 767px) and (min-width: 544px) {
br {
  margin-top: 0.35em; 
  display: block; 
}}
@media screen and (max-width: 543px) {
br {
  margin-top: 0.32em; 
  display: block; 
}}

@media screen and (max-width: 767px) {
.home-logo-hide-001 {
  display: none !important;  
}}

/* Abstand der Underline */
.content-wrapper a {
    text-decoration: underline !important; 
    text-underline-offset: 6px !important;  /* Abstand der Linie unter dem Text */
    text-decoration-color: #a5a5a5 !important;  /* Verwendet die Standard-Schriftfarbe */
    text-decoration-thickness: 0.7px !important;	
}

/* Hover-Effekt */
.content-wrapper a:hover {
    text-decoration-color: #D1BDF2 !important;  /* Farbe der Underline beim Hover */
    text-decoration-thickness: 1px !important;	
}

html {
    scroll-behavior: smooth;
}

/* ----------- HYPHENS - SILBENTRENNUNG ----------- */

* {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}


 /* --- HOME HEADLINE --- */

.text-center-001 {
   display: flex !important; 
   justify-content: center !important; 
   align-items: center !important;
   overflow: hidden !important;
   flex-wrap: wrap; /* Damit der Text bei Bedarf umbricht */
   width: 100% !important; /* Stellt sicher, dass der gesamte Text sichtbar ist */
   text-align: center !important;
}

 /* Mobile */
@media screen and (max-width: 767px) and (min-width: 544px) {
  .text-center-001 span {
    font-size: clamp(2.333rem, 8.4vw, 10.111rem) !important; 
    line-height: 110% !important;
  }
}

/* Tablet Portrait */
@media screen and (max-width: 543px) {
  .text-center-001 span {
    font-size: clamp(2.333rem, 8.4vw, 10.111rem) !important; 
    line-height: 110% !important;
  }
}

.type-vert-001 {
   width: 40% !important;
	margin-left: 30%;	
}

 /* --- LANGUAGE --- */

.turn-around
{
	-ms-writing-mode: tb-rl; /* old syntax, IE */
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-ms-transform: rotate(180deg);
	max-height: 100vh;
	padding: 0.5em;
	text-align: right;
}

.language-item {
 margin-left: 15px;
}

@media screen and (max-width: 1169px) and (min-width: 992px) {
.language-item {
 margin-left: 10px;
}}

.language-item span {
 text-transform: uppercase;	
 font-size: 24px !important;  	
}

@media screen and (max-width: 1169px) and (min-width: 992px) {
.language-item span {
 font-size: 22px !important;  	
}}

#overlay-menu .language-item {
 margin-left: 0px;
 margin-top: 15px;
}

#overlay-menu .language-item:hover {
 opacity: 1 !important; 
}

.language-item a {
    display: inline-flex;       /* Flexbox für bessere Ausrichtung */
    justify-content: center;    /* Horizontale Zentrierung */
    align-items: center;        /* Vertikale Zentrierung */
    width: 32px;                /* Breite des Kreises */
    height: 32px;               /* Höhe des Kreises */
    border-radius: 50%;         /* Macht das Element rund */
    background-color: #fbfbfb;  /* Hintergrundfarbe des Kreises */
    color: #2e2e2f;               /* Textfarbe */
    text-decoration: none;      /* Unterstreichung entfernen */
    border: 1px solid #2e2e2f;    /* 2px breite weiße Umrandung */
}

@media screen and (max-width: 1169px) and (min-width: 992px) {
.language-item a {
    width: 28px;                /* Breite des Kreises */
    height: 28px;               /* Höhe des Kreises */
}}


.language-item a:hover {
    background-color: #2e2e2f; /* Hintergrundfarbe des Kreises */
}

.language-item span:hover {
    color: #fbfbfb !important;           /* Textfarbe */
}

 /* --- ACCORDION IMAGE --- */

.accordion-item img {
  border-radius: 15px !important; 
}

@media screen and (max-width: 767px) and (min-width: 544px) {
.accordion-item img {
  border-radius: 12px !important; 
}}
@media screen and (max-width: 543px) {
.accordion-item img {
  border-radius: 10px !important; 
}}

 /* --- QUOTE --- */

.quote {
    position: relative;
    font-size: 1.2em; /* Textgröße anpassen */
    line-height: 1.5;
    padding: 0px;
}

.quote::before,
.quote::after {
    font-family: "Dia-Regular", sans-serif;
    font-size: 7em; /* Größe der Anführungszeichen */
    color: transparent; /* Farbe der Anführungszeichen */
	-webkit-text-stroke: 1px #2e2e2f; /* Outline-Effekt */
    position: absolute;
}

.quote::before {
    content: "“"; /* Öffnendes Anführungszeichen */
    top: -67px; /* Position anpassen */
    left: -80px;
}

.quote::after {
    content: "”"; /* Schließendes Anführungszeichen */
    bottom: -148px; /* Position anpassen */
    right: -60px;
}

 /* --- GALLERY SLIDER IMG --- */

.gallery-border-radius-001 img {
  border-radius: 15px !important; 
}

@media screen and (max-width: 767px) and (min-width: 544px) {
.gallery-border-radius-001 img {
  border-radius: 12px !important; 
}}

@media screen and (max-width: 543px) {
.gallery-border-radius-001 img {
  border-radius: 10px !important; 
}}

 /* --- LINE --- */

.line-001 {
  height: 0.0555555555555556rem;
  background-color: #a5a5a5;
}



/* Custom CSS End */