/* @override 
	https://boeckeler-hospitality.com/wp-content/themes/enfold-child/style.css?* */

/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold

.header_color	 = weiss
.main_color      = #f3f2f3 hellbraun
.alternate_color = #f3f2f3 hellpink
.footer_color    = #666363 mittelbraun
.socket_color    = #3f3f3f braun

Pink  = #f298c0
Braun = #3f3f3f 


/*Add your own styles here:*/




/* 
========================================================================================= 
Typo
========================================================================================= 
*/


/* imprima-regular - latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  line-height: 1.2em;
 }

.intro h1  {
	text-transform: none !important;
	font-size: 5vw;
}
 

/* Typo ......................................... */
h1, h2, h3, h4, h5, .av-special-heading-tag {
	letter-spacing: 1px!important;
	line-height: 1.2em;
	font-weight: 400;
}
h1, h2  {
	text-transform: uppercase!important;
}



/* Enfold, Spezielle Überschrift "&" Zeichen ändern */
.special_amp {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: normal;
  color: inherit!important;
}




/* 
========================================================================================= 
Menüleiste Header 
Pink  = #f298c0
Braun = #3f3f3f 
========================================================================================= 
*/

/* Active Menu Item with Header */
#top .av-main-nav > li > a { font-size: 15px; color: #3f3f3f; text-transform: uppercase; font-weight: 400; }
#top .av-main-nav > li > a:hover .avia-menu-text,
#top .av-main-nav > li.current-menu-item > a .avia-menu-text,
#top .av-main-nav > li li.current-menu-item > a .avia-menu-text { color: #f298c0!important; }

.header_color .main_menu ul:first-child > li.current-menu-item > a .avia-menu-text, 
.header_color .av_header_transparency .main_menu ul:first-child > li.current_page_item > a .avia-menu-text { color: #f298c0!important; }


#top .av-main-nav > li > a:hover .avia-menu-text, 
#top .av-main-nav > li.current-menu-item > a .avia-menu-text, 
#top .av-main-nav > li li.current-menu-item > a .avia-menu-text { color: #f298c0!important; }


/* MainMenu - Abstände zwischen Menüpunkte ...................... */
.av-main-nav > li > a { padding: 0 8px; }


/* MainMenu - letzter Menüpunkt bündig ...................... */
#top #avia-menu #menu-item-32 a {
	padding-right: 0px;
	padding-left: 10px;
}


/* Display Hamburger Menu on Ipad Landscape and Ipad pro Portrait */
@media only screen and (max-width: 1200px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}



/* Instgramm Iconn in Menü ........................ */
.avia-menu.av_menu_icon_beside {
    padding-right: 10px;
    margin-right: 10px;
    border-right-width: 0px;
    border-right-style: solid;
    transition: border-color .2s ease-in-out;
}
#top .social_bookmarks li.avia-svg-icon img[is-svg-img="true"], 
#top .social_bookmarks li.avia-svg-icon svg:first-child {
    height: 1em;
    width: 1em;
    margin-top: 5px!important;
}
#top #wrap_all .av-social-link-instagram a:hover {
    color: #fff!important;
    background-color: #97a29a!important;
    border-radius:50px;
}

/* 
========================================================================================= 
Menüleiste Header
========================================================================================= 
*/





/* 
========================================================================================= 
Global
========================================================================================= 
*/


/* Startheader – BG Bild grösser und Effekte */
.jtb-desktop .av-parallax-inner,
.jtb-mobile  .av-parallax-inner { transform: scale(1.2); }

@media (max-width: 768px) {
  .jtb-mobile .av-parallax-inner {
    transform: scale(1.2);
    background-position: 75% center !important;
  }
}

/* Startheader – Color Section mit Verlauf animiert ................................... */
.jtb-desktop.avia-section div.overlay-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://boeckeler-hospitality.com/wp-content/uploads/2026/02/JTB-519_03-overlay.png');
  background-size: cover;
  background-position: center;
  mix-blend-mode: multiply;
  z-index: 1;
  opacity: 1;
  animation: overlayIn 5s ease-out forwards;
  }
@keyframes overlayIn {
  0% {
    transform: translateX(25%) scale(1.5);
  }
  70% {
    transform: translateX(-2%) scale(1.02);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
/*  Ende Color Section mit Verlauf animiert ........................... */




/* Desktop & Tablet Querformat (größer als iPad Portrait) */
@media only screen and (min-width: 1025px) {
  .jtb-desktop { display: block; }
  .jtb-mobile  { display: none; }
}

/* iPad Portrait + Mobile */
@media only screen and (max-width: 1024px) {
  .jtb-desktop { display: none; }
  .jtb-mobile  { display: block; }
}




/* Tablet Portrait + Mobile  */
@media only screen and (max-width: 1024px){

/* In den Colorsection auf Mobile weniger Padding */
.avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
	
}
/* Introtext von rechts auf linksbündig */
.jtb-introtext p {
    text-align: left!important;
    margin-left: 0;
    margin-right: auto;
}
/* Special Heads auf Mobile weniger Padding */
.av-special-heading {
    padding-top: 0px!important;
    padding-bottom: 20px!important;
  }
} 
/* Ende Tablet Portrait + Mobile  */







/* Profil – 1. Den Container beschneiden */
.jtb-portrait {
    overflow: hidden !important;
}
/* 2. Das Bild im Inneren bei Mouseover vergrößern */
.jtb-portrait:hover img {
    transform: scale(1.2); /* Vergrößerung um 10% */
    transition: transform 0.5s ease; /* Macht die Bewegung flüssig */
}
/* 3. Standard-Zustand für weichen Übergang zurück */
.jtb-portrait img {
    transform: scale(1.1);
    transition: transform 0.5s ease;
	top: 10px;
}





/* Leistungen – SVG icons mittig setzen */
.icon-center {
  display: flex;
  justify-content: center;
  margin-top: -10px;
}





/* Linie exakt zwischen den Spalten (in der Mitte des Gaps) */
.jtb-spaltenlinie .flex_column_table > .av-flex-placeholder { position: relative; }
.jtb-spaltenlinie .flex_column_table > .av-flex-placeholder::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #f298c0;
  transform: translateX(-0.5px);
  margin-top: 10px;
  margin-bottom: 20px;
  top: 0;
}
/* wenn Spalten untereinander laufen: Linie aus */
@media (max-width: 989px){
  .jtb-spaltenlinie .flex_column_table > .av-flex-placeholder::before { display: none; }
}





/* Liste mit Aufzählung ........................ */
.jtb-numbers {
	color: #f298c0!important;
	font-size: 30px;
	line-height: 0;
	padding-bottom: 10px;
	font-weight: 600;
}





/* Liste mit Bullets ........................ */
.jtb-liste.profil {
	padding: 30px;
	font-size: 20px;
	line-height: 28px;
}
.jtb-liste.arbeitsweise {
	padding: 30px;
	font-size: 20px;
	line-height: 28px;
	background-color: #fff;
}
.jtb-liste ul {
	list-style-position: outside!important;
	padding-left: 0px !important;
}
.jtb-liste li {
	text-indent: -0.5em;
    padding-left: 0.5em;
	margin-bottom: 10px;
}
.jtb-liste li::marker {
  color: #f298c0;
}




.hide { display: none!important; }





/* Kreis mit Verlinkung rausnehmen: ...................... */
.image-overlay { display: none !important; }






/* Alle Bilder ohne runde Ecken: ......................*/
img,
.small-preview img, 
.big-preview img,
body div .avia-button, 
.avia_image { border-radius: 0!important; }





/* Buttons ......................

.header_color	 = weiss
.main_color      = #f3f2f3 hellbraun
.alternate_color = #f3f2f3 hellpink
.footer_color    = #666363 mittelbraun
.socket_color    = #3f3f3f braun

Pink  = #f298c0
Braun = #3f3f3f 


/* Button-Zeile - Button gleiche breite */
.avia-button { min-width: 240px!important; }

.jtb-button .avia-button,
.jtb-button-socket .avia-button {
	letter-spacing: 1px!important;
	text-transform: uppercase!important;
	font-size: 20px!important;
	border-style: none;
}

.jtb-button .avia-button {
	background-color: #f298c0;
	color: #fff!important;
}
.jtb-button .avia-button:hover  {
	background-color: #3f3f3f!important;
	color: #f298c0!important;
}


.jtb-button-socket .avia-button {
	background-color: #f298c0;
	color: #fff!important;
	/*transition: all 0.3s ease;*/
}
.jtb-button-socket .avia-button:hover  {
	background-color: #3f3f3f!important;
	color: #f298c0!important;
}
/* Ende Buttons ...............................*/




/* Remove bottom border line from 'color section' ...................... */
.container_wrap { border-top: none !important; }




/* FAQ – Open/Close Div ...................... */
.faq h2.av-special-heading-tag a:hover  {
	color: #f298c0!important; 
	opacity: 1!important;
}
/* FAQ – Open/Close Div (smooth) */
#my-toggle-div1 .container {
  padding-top: 0px; /* nur wenn geöffnet */
  padding-bottom: 50px;
}
/* CLOSED */
#my-toggle-div1{
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin: 0px !important;
  border: 0px !important;
  transition: max-height 600ms cubic-bezier(0.305,0,0,1.015),
              opacity 200ms ease,
              padding 200ms ease;
}
#my-toggle-div1.avia-section { min-height: 0px!important; }
/* OPEN */
#my-toggle-div1.is-open{
  max-height: 3000px;
  opacity: 1;
  padding-top: 50px !important;   /* nimm hier deinen gewünschten Abstand */
  padding-bottom: 50px !important;
}
  
 


/* FAQ – 
Akkordeon oben weniger Margin v. 30 > 10px */
.togglecontainer { margin: 10px 0; }
.toggle_icon .vert_icon,
.toggle_icon .hor_icon { border-color: #f298c0!important; }



/* Kontakt – brauner Kreis multipliziert */
/* Wrapper (das ist bei dir .avia-image-container mit class jtb-kreislogo-multi) */
.jtb-kreislogo-multi{
  position: relative;
  background: transparent !important;
}

/* Kreis als Overlay */
.jtb-kreislogo-multi::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:black;             
  mix-blend-mode:multiply;
  opacity:0.3;                       /* wichtig: nicht halbtransparent “aus Versehen” */
  pointer-events:none;
  z-index:2;
}

/* Logo darüber */
.jtb-kreislogo-multi .avia-image-container-inner,
.jtb-kreislogo-multi .avia-image-overlay-wrap{
  position: relative;
  z-index:3;
}

/* das eigentliche <img> */
.jtb-kreislogo-multi img.avia_image{
  position: relative;
  z-index:3;
  display:block;
}

/* Unten rechts in der Ecke > Nach Oben Button */
#scroll-top-link {
    border-radius: 999px;
    background-color:#f298c0!important;
}




/* 
=========================================================================================
Google Fonts lokal einbinden
========================================================================================= 
*/



/* figtree-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/figtree-v9-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/figtree-v9-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/figtree-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/figtree-v9-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/figtree-v9-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/figtree-v9-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/figtree-v9-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/figtree-v9-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/figtree-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/figtree-v9-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/figtree-v9-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/figtree-v9-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/figtree-v9-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/figtree-v9-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}