/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  a GeneratePress child theme
 Author:       Maximilian Kroth (tMaex.com)
 Author URI:   https://tmaex.com/dev/gp-child
 Template:     generatepress
 Version:      0.0.4
*/

/* ***** ONLY DEV ***** */
.otgs-development-site-front-end {
    display: none;
}

/* MK keine Scrolleiste unten */
body {
    overflow-x: hidden;
}

/* MK Hauptmenü / Abstand Menüpunkt zu Pfeil*/
.menu-item-has-children .dropdown-menu-toggle {
	padding-left: 2px;
}

/* SW Bildtitel bei Hover entfernen */
img[title] {
    pointer-events: none;
}
/* SW Link-Unterstreichung entfernen */
a {
    text-decoration: none !important;
}
/* SW Mobile Logo Size */
@media (max-width: 768px) {
	.header-image.is-logo-image {
		width: 220px;
	}
}

/* SW Slideout Navigation Container volle Breite */
.slideout-navigation.do-overlay .inside-navigation.grid-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 50px 20px 20px 20px;
    box-sizing: border-box;
    text-align: left !important; 
}
/* SW Slideout Navigation linksbündig */
.slideout-navigation.do-overlay .inside-navigation .widget-area {
    max-width: 1200px;
    margin: 0 auto 0 0 !important; 
    text-align: left !important; 
}
/* SW Slideout Navigation Text-Alignment */
.slideout-navigation.do-overlay .widget {
    text-align: left !important;
}
/* SW Sticky Navigation Hintergrundfarbe blau & Iconfarbe weiss */
#sticky-navigation {
    background-color: #254365 !important; 
}
#sticky-navigation .menu-toggle .gp-icon.icon-menu-bars {
    color: #ffffff !important;
}
/* SW Angeheftete Naviagtion mobil*/
@media (max-width: 768px) {
    #sticky-navigation {
        height: 90px !important;
        padding: 10px !important;
    }
}

/* SW Hamburger-Icon blau, unabhängig von der Menü-Textfarbe */
.menu-toggle .gp-icon.icon-menu-bars {
        color: #254365 !important; 
    }
}
/* SW Hamburger-Icon im OffCanvasPanel mobile Position innerer Inhaltscontainer wird Bezugspunkt */
#sticky-navigation .inside-navigation { position: relative !important; }
@media (max-width: 768px) {
	#generate-slideout-menu .slideout-exit {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    height: 90px !important;
	margin-right: 28px !important;
	margin-top: 62px !important;
    z-index: 99999 !important;
    }
}
/* SW Abstand Menü-Schließen Button im OffCanvasPanel fixen für Desktop */
@media (min-width: 769px) {
	#generate-slideout-menu .slideout-exit {
    position: absolute !important;
    top: 0 !important;
    height: 90px !important;
    margin-top: 105px !important;
    z-index: 99999 !important;
    /* Dynamischen Abstand zum rechten Bildschirmrand berechnen */
    right: max(50px, calc((100% - var(--gb-container-width, 1100px)) / 2 + 50px)) !important;
    margin-right: 0 !important;
	}
}

/* SW Top-Leiste Stretch erzwingen */
.top-bar-align-left .widget {
    max-width: 100% !important;
    width: 100% !important;
	margin-right: 10px !important;
	margin-left: 10px;
}

/* SW Button Kontaktformular stylen */
#nf-field-4 {
	background-color: #fff !important;
	border: solid;
	border-width: 2px;
	border-color: #254365;
	color: #254365 !important;
}

/* SW Menü Schrift Anpassung */
.main-navigation a, 
#generate-slideout-menu a {
    font-weight: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
    text-transform: inherit !important;
}

/* 1. Den äußeren Container auf inline-block setzen und Whitespace-Lücken killen */
.widget_icl_lang_sel_widget .wpml-ls-slot-legacy-sidebar ul {
    display: block !important;
    white-space: nowrap !important; /* Verhindert JEDEN Zeilenumbruch */
    font-size: 0 !important;        /* Eliminiert die fehlerhafte Lücke aus image_ed0d87.png */
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 2. Die Listenelemente exakt nebeneinander einfrieren */
.widget_icl_lang_sel_widget .wpml-ls-item {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

/* 3. Den Links wieder ihre echte Schriftgröße zurückgeben */
.widget_icl_lang_sel_widget .wpml-ls-item a {
    font-size: 20px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Der Trennstrich: Symmetrisch, blau und garantiert in derselben Zeile */
.widget_icl_lang_sel_widget .wpml-ls-item:not(:last-child)::after {
    content: "|" !important;
    color: #254365 !important;   /* Deine Wunschfarbe aus der Grafik */
    font-size: 20px !important;
    font-weight: normal !important;
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    
    /* Exakt gleicher Abstand nach links und rechts */
    margin-left: 12px !important;
    margin-right: 12px !important;
}