/*
Theme Name:      Layout
Version:         1.0
Description:     Theme for Schweizerischer Bergführerverband
Author:          artesmedia.ch
Author URI:      https://artesmedia.ch
Template:        enfold
*/
.otgs-development-site-front-end {
	display:none;
}
.tb-centered-text-left {
	position: relative;
  	left: 50%;
  	transform: translateX(-50%);
  	width: max-content; /* oder feste Breite */
  	text-align: left;	
}
/* SBV FAQ Search – gleiche Höhe für Input & Button */
.sbv-faq-searchbar{ display:flex; align-items:stretch; }
.sbv-faq-searchbar input[type="search"]{
  height:44px; padding:0 .8rem; margin:0; box-sizing:border-box;
}
.sbv-faq-btn{
  width:44px; height:44px; padding:0; margin:0;
  display:inline-flex; align-items:center; justify-content:center;
}
.sbv-faq-btn .icon{ width:18px; height:18px; }

/* font Satoshi
______________________________________________________________*/
/* Regular */
@font-face {
  	font-family: 'Satoshi';
  	src: url('/wp-content/themes/enfoldchild/fonts/satoshi/Satoshi-Regular.woff2') format('woff2');
  	font-weight: 400;
  	font-style: normal;
  	font-display: swap;
}
/* Italic */
@font-face {
  	font-family: 'Satoshi';
  	src: url('/wp-content/themes/enfoldchild/fonts/satoshi/Satoshi-Italic.woff2') format('woff2');
  	font-weight: 400;
  	font-style: italic;
  	font-display: swap;
}
/* bold */
@font-face {
  	font-family: 'Satoshi';
  	src: url('/wp-content/themes/enfoldchild/fonts/satoshi/Satoshi-Bold.woff2') format('woff2');
  	font-weight: 700;
  	font-style: normal;
  	font-display: swap;
}

/* bold italic */
@font-face {
  	font-family: 'Satoshi';
  	src: url('/wp-content/themes/enfoldchild/fonts/satoshi/Satoshi-BoldItalic.woff2') format('woff2');
  	font-weight: 700;
  	font-style: italic;
	font-display: swap;
}
/* black */
@font-face {
  	font-family: 'Satoshi';
  	src: url('/wp-content/themes/enfoldchild/fonts/satoshi/atoshi-Black.woff2') format('woff2');
  	font-weight: 900;
	font-display: swap;
}
/* END font Satoshi
______________________________________________________________*/


/* random slider
______________________________________________________________*/
#random-slider {
	background:transparent url(https://sbv.artesmedia.ch/wp-content/uploads/bg-slider-top-1.png) repeat top left;
}
/* END random slider
______________________________________________________________*/


/* h1 frontpage & slogan
______________________________________________________________*/
#cb-h1-special,
#slogan-sbv-asgm {
	min-height:1rem;
}
#cb-h1-special .content,
#slogan-sbv-asgm .content {
	margin:0;
	padding:0;	
}
#cb-h1-special h1 {
	margin:0;
	padding:4px 0 6px 0;
}
#top #cb-h1-special .avia_textblock h1 {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	color:#fff;
}
#slogan-sbv-asgm .avia_textblock p {
	padding-top:0.5rem;
	font-size:1.25rem;
	font-style:italic;
}
/* END h1 frontpage
______________________________________________________________*/


/* accordion formations frontpage
______________________________________________________________*/
.av_textblock_section + .aviaccordion  {
	margin-top:60px;	
}
#top .aviaccordion-title {
	text-align:left;
	font-size:14px;	
	text-transform:none;
}
#top .aviaccordion-preview-title {
	display: table-cell;
	vertical-align: bottom;
	color: #fff;
  	padding:0 5px 5px 50px;
}
/* accordion formations frontpage
______________________________________________________________*/


/* masonry news — Bild oben, Caption unten, gleich hohe Captions
______________________________________________________________*/
/* Masonry-Hack: Bild oben, Caption unten, feste Höhe, kein Overlay */
#top .masonry-news .av-inner-masonry {
  overflow: visible;
}

#top .masonry-news .av-masonry-entry .av-inner-masonry-content {
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  height: 80px;
  background: #fff;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

#top .masonry-news .av-masonry-entry .av-inner-masonry-content > *:last-child {
  margin-top:0px;
}

#top .masonry-news .av-fixed-size .av-masonry-entry .av-inner-masonry-content,
#top .masonry-news .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
  bottom: auto !important;
}
#top .masonry-news .av-inner-masonry-content-pos-content {
	padding:10px;	
	background:#fdfdfd;
	min-height:80px;
	max-height:80px;
}
#top .masonry-news .av-masonry-entry h3.av-masonry-entry-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height:1.25rem;
	font-size:0.9rem;
  max-height: 2.75em;
}
/* END masonry news
______________________________________________________________*/


body {
	font-family: 'Satoshi', sans-serif;
	font-weight: 400; /* Regular */
	-webkit-font-smoothing: subpixel-antialiased; /* Safari, older Chrome */
  	-moz-osx-font-smoothing: auto; /* Safari, older Chrome */
}
h1, h2, h3, h4, h5, h6 {
  	font-family: 'Satoshi', sans-serif;
  	font-weight: 700; /* bold */
}
#top h1.av-special-heading-tag {
	padding-bottom:0.5rem;
	font-family: 'Satoshi', sans-serif;
  	font-weight: 700!important; /* bold */
	color:#e4232d;
}







html {
  	font-size:100%; 		/* =16px Standard = 1 rem */
}
body {
  	font-size:1rem; 		/* =16px, gut skalierbar */
	}
h1 {
  	font-size:2.5rem;  /* =40px */

	}
.avia_textblock h1  {
	color:#e4232d;
	line-height:3rem;
	padding-bottom:10px;
	}
/*.avia_textblock > h3::before {
  content: "";
  display: block;
  width: 5rem;      
  height: 0.25rem; 
  background-color: #e4232d;
  margin-bottom: 0.5rem;	
}*/
.avia_textblock h3 {

}

h4 {
	font-size:1.25rem;
}
p ~ h2 {
  margin-top: 40px!important;
}

p {
  	margin: 0.7rem 0; 		/* ≈ 20px bei 16px root */	
	font-size:1rem; 		/* =16px */
  	line-height:1.75rem; 	/* 24px, gute Lesbarkeit */
	}	

h1, h2, h3, h4, h5, h6,
.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2,
.template-page .entry-content-wrapper h3,
.template-page .entry-content-wrapper h4,
.template-page .entry-content-wrapper h5,
.template-page .entry-content-wrapper h6 {
	text-transform:none;
}
h2 {
	margin-bottom:1rem;
}
h3 {
	margin-top:2rem
	font-size:1.5rem;
	color:#000;
}



.main_color strong {
	color:#000;
}
.alternate_color strong {
	color:#fff;
}

@media screen and (min-width: 989px) and (max-width: 1980px) {

}

@media screen and (min-width: 1981px) and (max-width: 2550px) {
html {
  	font-size:112%; 		/* =16px Standard = 1 rem */
	}
}



h1.avia-caption-title {
	font-size:3.7em;
	font-weight:800;
	color:#fff!important;
	text-align:center;
}
h3 {
	letter-spacing:1px;
}
.avia-caption-content p {
	padding-top:2rem;
	font-size:1.4rem;
	text-align:center;
}


.alternate_color h2 {
	/*color:#f10c13;*/
}


.layout-grid-special {
	max-width:1550px;
	margin:0 auto;
	border:3rem solid white;
	border-top:4rem solid white;
	border-bottom:0.125rem solid white;		
}



@media screen and (min-width: 1980px) and (max-width: 2550px) {
  .p {
    font-size: 5.125rem;

	max-width: 75ch;
  }
}



/* top menu
______________________________________________________________*/
@media only screen and (min-width:990px) {
	#header_meta {
		position:absolute;
		width:100%;
			margin-top:25px;
	background:transparent;
	}
	#header_meta a:link {
	font-size:1rem;
	}	
}




/* top menu
______________________________________________________________*/



/* main menu
______________________________________________________________*/
#top #header .av-main-nav > li > a {
    line-height: unset !important;
    height: unset !important;
	font-size:22px;
	font-weight:900;
  }
  #top div.avia-menu {
    height: 100%;
  }
  #top #avia-menu {
    position: relative;
    top: calc(100% - 45px)
  }
/* END main menu
______________________________________________________________*/

#top div.avia-menu {
	height:85%!important;
}
.av-burger-menu-main {
	display: block !important; 
}

.av-burger-menu-main .av-hamburger-inner {
	margin-top:-20px;
  background: url('/wp-content/uploads/hamburger.png') no-repeat center center;
  background-size: contain;
  width: 30px; /* anpassen */
  height: 30px; /* anpassen */
}

.av-burger-menu-main .av-hamburger-inner::before,
.av-burger-menu-main .av-hamburger-inner::after {
  display: none;
}






/* accordion slider
________________________________________________________________*/
#top .aviaccordion-preview-title-wrap {
	background: rgba(255,255,255,0);	
}

/* accordion slider
________________________________________________________________*/

/* =====================================
   Silbentrennung für Deutsch & Französisch
   Benötigt korrektes lang="de"/"fr"
   ===================================== */

html[lang="de"], html[lang="fr"],
body[lang="de"], body[lang="fr"] {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal;
}

/* Elemente mit Textinhalt */
p, li, blockquote, figcaption,
h1, h2, h3, h4, h5, h6 {
  hyphens: inherit;
  -webkit-hyphens: inherit;
  -ms-hyphens: inherit;
  overflow-wrap: break-word;
  word-break: normal;
}



/* Bildpositionierung */
 * body .alignleft, .entry-content-wrapper a:hover .alignleft {
  float: left;
  margin: 4px 40px 0px 0;
  display: block;
  position: relative;
}


/* avia-section alternate-color 
______________________________________________________________*/
#sponsoren-partner {
	border-top:0px solid #f10c13;	
}

/* footer
______________________________________________________________*/
#footer-page .alternate_color.avia-section {
	margin:100px 0 00px 0;

}

#footer-page #footer-container {
    position: relative; /* sorgt dafür, dass ::before am footer container ausgerichtet wird */
    overflow: visible; 		
}

#footer-page #footer-container::before {
    content: "";
    position: absolute;
    top: -5vw; /* ragt immer 5% der Viewportbreite nach oben */
    left: 0;
    width: 5vw;               /* Bildbreite = 10% der Viewportbreite */
    height: calc(10vw * 2);    /* Höhe = Breite * 2 (Seitenverhältnis 1:2) */
    background: url('https://sbv.artesmedia.ch/wp-content/uploads/kompass-blau-weiss.png') no-repeat left top;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}	

#footer-page .flex_column_table {
	border-top:1px solid #fff;
}
#footer-container a:link,
#footer-container a:visited {
	display:block;
	color:#fff;
}
#footer-container a:link::after,
#footer-container a:visited::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #ff0000;
    transition: width .3s;
}


#footer-container a:active,
#footer-container a:hover::after {
    width: 80%;
    transition: width .3s;

}
#top #socket.container_wrap {
	border:0px;
}

#footer-container .avia_textblock > h3::before {
  content: "";
  display: block;
  width: 0rem;
  height: 0rem;
  background-color: #fff;
  margin-bottom: 0.5rem;
}
#footer-container .avia_textblock > h3 {
	color:#fff;
	border-bottom:1px solid #fff;
	font-weight:900;
	padding-bottom:25px;
}
/* END footer
______________________________________________________________*/



/* taxonomy formations
________________________________________________________________*/
/* Persona-/Ausbildungs-Klassen kommen vom Body */
body.ausbildung-bergfuehrer        		{ --brand-accent: #e4232c; }
body.ausbildung-wanderleiter       		{ --brand-accent: #4bae48; }
body.ausbildung-kletterlehrer      		{ --brand-accent: #b25ca0; }
body.ausbildung-seilzugangsspezialist 	{ --brand-accent: #3793cf; }
body.ausbildung-canyoning-guide    		{ --brand-accent: #f5ad00; }

body.ausbildung-bergfuehrer h1.av-special-heading-tag,
body.ausbildung-bergfuehrer .av-subheading p {
	color: var(--brand-accent);
}


body.ausbildung-wanderleiter h1.av-special-heading-tag,
body.ausbildung-wanderleiter .av-subheading p {
	color: var(--brand-accent);
}


body.ausbildung-kletterlehrer h1.av-special-heading-tag,
body.ausbildung-kletterlehrer .av-subheading p {
	color: var(--brand-accent);
}


body.ausbildung-seilzugangsspezialist h1.av-special-heading-tag,
body.ausbildung-seilzugangsspezialist .av-subheading p {
	color: var(--brand-accent);
}


body.ausbildung-canyoning-guide h1.av-special-heading-tag,
body.ausbildung-canyoning-guide .av-subheading p {
	color: var(--brand-accent);
}


/* faq-search
________________________________________________________________*/
#top #main #faq-search #searchform div {
  position: relative;
  max-width: 100%!important;
}



/* Ein-Absatz-Darstellung je FAQ */
.faq-inline{ margin:0 0 1rem; }
.faq-inline strong{ font-weight:700; }

/* Enfold-Suchleiste: Feld + Lupe sauber ausrichten (ohne Extra-Button im Formular) */
.faq-searchbar-wrap{
  --faq-h: 44px;                 /* Höhe der Leiste */
  margin-bottom:20px;
}
.faq-searchbar-wrap .searchform {
  display:flex; align-items:stretch; gap:.6rem;
  margin:0 !important; flex-wrap:nowrap;
}
.faq-searchbar-wrap .searchform > search,
.faq-searchbar-wrap .searchform > div{
  display:flex; align-items:stretch; gap:.6rem;
  flex:1 1 auto; min-width:0;
}




.faq-searchbar-wrap .searchform input[type="search"],
.faq-searchbar-wrap .searchform input[type="text"],
.faq-searchbar-wrap .searchform #faq-s{
  flex:1 1 auto;
  height:var(--faq-h) !important;
  line-height:var(--faq-h) !important;
  padding:.6rem .9rem !important;
  box-sizing:border-box !important;
}
.faq-searchbar-wrap .searchform #searchsubmit.button,
.faq-searchbar-wrap .searchform input.searchsubmit,
.faq-searchbar-wrap .searchform button.searchsubmit{
  flex:0 0 var(--faq-h);
  height:var(--faq-h) !important; width:var(--faq-h) !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  padding:0 !important; line-height:var(--faq-h) !important;
}

/* Ergebniszeile: links Text, rechts Button */
.faq-resultsbar{
  	display:flex; align-items:center; justify-content:space-between;
  	gap:.8rem; margin: 10px 0 16px;
	max-width:300px;
	border-bottom:1px solid #000;
	margin-bottom: 30px;	
}
.faq-results{ margin:0; font-weight:400; }
.faq-resultsbar .all-faqs-btn{
  white-space:nowrap; text-decoration:none;
  /* Button-Farben/Look kommen über die avia-Button-Klassen */
}