/*
 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.9.2-custom
*/

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v43-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v43-latin-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/open-sans-v43-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/open-sans-v43-latin-500italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v43-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v43-latin-600italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v43-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v43-latin-700italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v43-latin-800.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v43-latin-800italic.woff2') format('woff2');
}

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

/* KG Menü-Toggle ausschalten */
@media (min-width: 1200px) {
	.menu-item-has-children .dropdown-menu-toggle {
		padding-left: 0px;
		visibility: hidden;
	}
}

/* KG Breadcrumbs */
.breadcrumb-bar span {
	font-size: 12px;
	color: var(--global-color-13);
}
.breadcrumb-bar:hover {
	color: var(--global-color-12);
}

/* SW Bildtitel bei Hover entfernen */
img[title] {
    pointer-events: none;
}

/* Bildquellen */
.isc-source-text {
    font-size: 0.7em !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	opacity: 100% !important;
	background-color: var(--global-color-8) !important;
}
	
/* KG Bulletpoints*/
.wp-block-list li::marker {
  color: var(--global-color-8);
}
	
/* KG Schriftgröße Footer - geht nicht*/
.menu-footer-container {
	font-size: 14px !important;
}

/* SW Footer: Entferne das Emoji-Bild des Pfeils  */
img.emoji[src*="2197.svg"][alt="↗"] {
    display: none !important;
}

/* SW Emoji ausblenden nur in Containern mit .replace-arrow */
.replace-arrow img.emoji[src*="2197.svg"][alt="↗"] {
    display: none !important;
}
/* SW Pfeil als Text hinter den Link oder Container mit .replace-arrow */
.replace-arrow::after {
    content: "↗";           /* Unicode-Pfeil */
    font-family: inherit;    /* passt Schrift an */
    font-size: 1em;
    vertical-align: middle;
    margin-left: 0.2em;     /* Abstand zum Text */
    display: inline-block;
}

/* SW Header Logo Schatten  */
.site-logo {
    filter: drop-shadow(3px 3px 5px rgba(24, 58, 108, 0.5));
}

/* Nur für mobile Bildschirme */
@media (max-width: 768px) {
    .main-navigation.mobile-menu-control-wrapper .menu-toggle,
    .gp-icon.icon-search {
        padding: 5px;
		padding-top: 9px
    }
    /* Icons selbst größer machen */
    .main-navigation.mobile-menu-control-wrapper .menu-toggle svg,
    .gp-icon.icon-search svg {
        width: 1.5em;
        height: 1.5em;
    }
}

@media (max-width: 768px) {
    .inside-header.grid-container {
        padding-left: 5%;   /* 4% vom Bildschirm links */
        padding-right: 8%;  /* 4% vom Bildschirm rechts */
    }
}

/* SW Listen auf mobilen Geräten – Abstand nach links optimieren*/
@media (max-width: 768px) {
    ul,
    ol {
        margin-left: 30px;  /* verschiebt die gesamte Liste nach links */
    }

}
/* SW Abstand zwischen Suchergebnissen */
body.search .inside-article {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

/* Titel der Suchergebnisse größer */
body.search .entry-title {
  font-size: 1.6rem;
  color: #003366;
}

/* Suchergebnisse "Weiterlesen" Button */
body.search .read-more-container .read-more.button {
	
}

/* Suchbegriff hervorheben */
body.search mark {
  background-color: #ffef96;
  font-weight: bold;
}

/* KG Sidebar Menü */
.menu-item-object-mitgliederbereich {
	padding: 12px 10px 12px 0px;
	display: block;
  	font-size: 18px;
  	line-height: 26px;
  	font-weight: 400;
	border-bottom: 1px solid #e0e0e0;
}

.menu-item-object-mitgliederbereich:last-child {
    border-bottom: none;
}

.menu-item-object-mitgliederbereich .sub-menu {
	margin-left: 0em;
}


.menu-item-object-mitgliederbereich .current-menu-item,
.menu-item-object-mitgliederbereich .active {
	background-color: var(--global-color-8);
	color: var(--base-3) !important;
}

/* Newsletteranmeldung */
/* Feld dünkler */
input[type="email"] {
	background-color: var(--base) !important;
}

.menu-item-4789 {
    padding-left: 20px; /* 20px von links einrücken */
    font-size: 16px;    /* Schriftgröße auf 16px setzen */
}

/* SW Mobile Logo Size */
@media (max-width: 1200px) {
	.header-image.is-logo-image {
		width: 180px;
	}
}

/* SW Header Balkenhöhe  */
.site-header .site-logo {
    height: 60px;                /* gewünschte Logo-Höhe */
}
/* SW Logo soll über Header hinaus ragen */
.header-image.is-logo-image {
    position: relative;
    margin-top: -60px;
    margin-bottom: -20px;
    z-index: 10;
}

.site-header.has-inline-mobile-toggle {
    overflow: visible;
}
/* SW Logo soll MOBIL NICHT über Header hinaus ragen */
@media (max-width: 1200px) {
    .header-image.is-logo-image {
        margin-top: -10px;     /* oben NICHT mehr überlappen */
        margin-bottom: -20px; /* unten weiterhin überlappen */
    }
}

/* SW Top-Bar mobil ausblenden */
@media (max-width: 1200px) {
    .inside-top-bar.grid-container {
        display: none !important;
    }
}

/* SW Mobile Menü-Innenabstand */
@media (max-width: 768px) {
    #menu-hauptmenue {
		padding-top: 40px;
        padding-bottom: 40px;
    }
}
/* SW Mobile Sub-Menü-Innenabstand */
@media (max-width: 768px) {
    .sub-menu.toggled-on {
        padding-bottom: 10px;
    }
}

/* KG Logo nicht anzeigen, wenn Mobil Menü offen*/
@media (max-width: 768px) {
	.mobile-menu-open .header-image.is-logo-image {
		 display: none;
	}
	.mobile-menu-open  #menu-hauptmenue {
		padding-top: 0px;
    }
} 

/* KG Sticky Logo */
.main-navigation.navigation-stick .navigation-branding img,
.main-navigation.navigation-stick .site-logo img {
	position: relative;
	padding: 0px 0;
	display: block;
	transition: height .3s ease;
	height: 80px;
	width: auto;
	margin-top: -30px;
    margin-bottom: -50px;
	filter: drop-shadow(3px 3px 5px rgba(24, 58, 108, 0.5));
}