/*
Theme Name: Enfold Child
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

@font-face {
    font-family: 'raflessia';
    src: url('https://www.sommer-spirit.de/wp-content/themes/enfold-child/fonts/raflessia-webfont.woff2') format('woff2'),
         url('https://www.sommer-spirit.de/wp-content/themes/enfold-child/fonts/raflessia-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cormorantgaramond-regular';
    src: url('https://www.sommer-spirit.de/wp-content/themes/enfold-child/fonts/cormorantgaramond-variablefont_wght-webfont.woff2') format('woff2'),
         url('https://www.sommer-spirit.de/wp-content/themes/enfold-child/fonts/cormorantgaramond-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*Scroll to top auch mobile*/
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
  display: block!important;
}}


/*Scroll to top Farben*/
#scroll-top-link {
  background-color: #e8605b;
  border-color: #e8605b;
  color: white;
}


/* Automatische Worttrennung – standardmäßig aktiv */
body {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-wrap: break-word;
}

/* Auf Handys deaktivieren */
@media (max-width: 767px) {
  body {
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    word-wrap: normal;
  }
}


/* Abstand Überschriften */
h1, h2, h3, h4 {
letter-spacing: 0.0 !important;
}


h1.klein {
	font-weight: normal !important;
	font-size: 20px;
	font-weight: bold !important;
}


h2.effekt {
    font-family: cormorantgaramond-regular !important;
	font-weight: bold !important;
	font-size: 50px !important;
}


h3.effekt {
    font-family: raflessia !important;
	font-weight: normal !important;
}


h3.iconbox_content_title {
    background-color: #fcfcfc !important;
	font-family: cormorantgaramond-regular !important;
	font-weight: normal !important;
}


h4.header-orange {
    color: #e85118 !important;
    font-size: 70px;
	font-family: raflessia !important;
	font-weight: normal !important;
}


h5.header-rot {
    font-family: cormorantgaramond-regular !important;
	font-weight: bold !important;
	color: #742738 !important;
    font-size: 70px;
}


.ueberschrift3 {
    text-transform: none !important;
}





/*Submit-Button Kontaktformular*/
#top .avia_ajax_form input[type='submit'] {
border: none;
background: #e8605b;
color: #ffffff;
border-radius: 40px;
}
#top .avia_ajax_form input[type='submit']:hover {
background: #d84d48;
}



/*Fett normale Farbe*/
.main_color strong, .alternate_color strong { color: inherit !important; }


/*Header Startseite Responsive*/
.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

/* Tablet und Smartphone */
@media only screen and (max-width: 989px) {

.desktop-only {
    display: none !important;
}

.mobile-only {
    display: block !important;
}

}


/*Rand Farbsection entfernen*/
.container_wrap { border-top: none !important; }


/*   HEADER   */

/*Text Header*/

.header-rot {
    color: #742738 !important;
    font-size: 70px;
	font-family: cormorantgaramond-regular !important;
}

.effekt-rot {
    color: #742738 !important;
    font-size: 70px;
	font-family: raflessia !important;
	font-weight: normal !important;
	line-height:1.0 !important;
}

.header-orange {
    color: #e85118 !important;
    font-size: 70px;
	font-family: raflessia !important;
	font-weight: normal !important;
}


/*Buttons Header*/
.button-group {
    display: flex;
    gap: 16px;
    justify-content: center;
  	align-items: center;
    flex-wrap: wrap;
}


.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 28px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.25s ease;
    white-space: nowrap;
}

/* Gefüllter Button */
.btn-primary {
    background: #e8605b;
    color: #fff !important;
    border: 0px;
}

.btn-primary:hover {
    background: #d84d48;

}

/* Umrandeter Button */
.btn-outline {
    background: transparent;
    color: #742738;
    border: 1.5px solid #742738 !important;
}

.btn-outline:hover {
    background: #FDF2F1;
    border-color: #D79A97;
}