/* 
Theme Name:   GeneratePress Child
Description:  Child-Theme for GeneratePress
Author:       Barbara Jany
Author URI:   https://barbarajany.com
Template:     generatepress
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  generatepress-child
*/

/* ========================
   Fonts
========================*/
/* crimson-text-regular - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text Regular'), local('CrimsonText-Regular'),
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-regular.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

/* crimson-text-italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  src: url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text Italic'), local('CrimsonText-Italic'),
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

/* crimson-text-600 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 600;
  src: url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text SemiBold'), local('CrimsonText-SemiBold'),
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

/* crimson-text-600italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 600;
  src: url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text SemiBold Italic'), local('CrimsonText-SemiBoldItalic'),
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-600italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

/* crimson-text-700italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  src: url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text Bold Italic'), local('CrimsonText-BoldItalic'),
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

/* crimson-text-700 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text Bold'), local('CrimsonText-Bold'),
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://wilfriedgeorgbarber.de/fonts/crimson-text-v8-latin-700.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://wilfriedgeorgbarber.de/fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('https://wilfriedgeorgbarber.de/fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://wilfriedgeorgbarber.de/fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://wilfriedgeorgbarber.de/fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://wilfriedgeorgbarber.de/fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* ========================
   Global Styles
========================*/
html, body {
    font-family: 'Crimson Text', serif;
}

/* ========================
   Header
========================*/

.site-header.grid-container {
    font-family: 'Raleway', sans-serif !important;
}
  
body .site-header .inside-header {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 12px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    align-items: start !important;
}
body .site-header .inside-header .site-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
}

body .site-header .inside-header .header-line1 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    align-self: start !important;
    font-style: italic !important;
    font-size: .9em !important;
}

body .site-header .inside-header .header-line2 {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin: 10px 0 !important;
    text-align: left !important;
    font-weight: bold !important;
    font-size: .9em !important;
}

body .site-header .inside-header .site-branding {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    margin-top: 8px !important;
    font-family: 'Raleway', sans-serif !important;
}

.header-line2 a:hover {
    color: #f9ca79;           
    text-decoration: none;   
}

/* =============================
   Navigation + Dropdown Styling
   ============================= */

.main-navigation {
    font-family: 'Raleway', sans-serif;
}

.main-navigation ul li.menu-item-has-children ul.sub-menu li a {
    font-size: 0.8rem !important;
}

/* --- Dropdown-Container --- */
.main-nav .sub-menu,
#primary-menu .sf-menu .sub-menu,
.main-navigation .main-nav .sub-menu,
ul.sf-menu ul.sub-menu {
  background: #eaeaea !important;       /* Hellgrauer Hintergrund */
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid #d0d0d0;           /* feine Umrandung */
  right: 0;                            /* rechtsbündig */
  left: auto;
  min-width: 200px;
  z-index: 9999;
}

/* Unterpunkte: Linien zwischen Items */
.main-nav .sub-menu li {
  border-bottom: 1px solid #d0d0d0;
}
.main-nav .sub-menu li:last-child {
  border-bottom: none;
}

/* --- Links in den Dropdowns --- */
.main-nav .sub-menu a,
#primary-menu .sf-menu .sub-menu a {
  display: block;
  padding: 8px 14px;
  color: #000000 !important;           /* Schwarzer Text */
  background: #eaeaea !important;      /* Hellgrau */
  text-decoration: none;
}

/* Hover-Effekt in Dropdowns */
.main-nav .sub-menu a:hover,
#primary-menu .sf-menu .sub-menu a:hover {
  background-color: #ffffff !important; /* dunkleres Grau */
  color: #f9ca79 !important;            /* Text orange */
}

/* --- Hauptmenüpunkt "Menü" --- */
.main-navigation .main-nav > ul > li > a,
#primary-menu .menu > li > a {
  background: #ffffff !important;  /* Weiß normal */
  color: #000000 !important;
  padding: 10px 14px;
  text-shadow: none !important;
}

/* Hover-Effekt Hauptmenüpunkt */
.main-navigation .main-nav > ul > li:hover > a,
#primary-menu .menu > li:hover > a {
  background: #f2f2f2 !important;  /* Grau beim Hover */
  color: #000000 !important;
}

/* Animation fürs Dropdown */
.main-nav .sub-menu {
  display: block;               /* wichtig: wir arbeiten mit visibility/opacity */
  opacity: 0;                   /* unsichtbar, wenn geschlossen */
  visibility: hidden;           /* klicksperre, wenn unsichtbar */
  transform: translateY(10px);  /* leicht nach unten verschoben */
  transition: 
    opacity 0.25s ease, 
    transform 0.25s ease, 
    visibility 0.25s ease;
  position: absolute;           /* bleibt korrekt positioniert */
}

/* Wenn das Menü sichtbar ist */
.main-nav li:hover > .sub-menu,
.main-nav li.focus > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);     /* nach oben „gleiten“ */
}


/* --- Mobile Menü-Button (Hamburger) --- */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus {
  color: #000000 !important;
  background: #ffffff !important;
}

/* --- Mobile Suche (Lupe) --- */
.mobile-bar-items .search-item a {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23000" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a8 8 0 105.293 14.293l5.707 5.707 1.414-1.414-5.707-5.707A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z"/></svg>') !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: relative;
  top: 20px;
}

/* Hover-Farbe für Lupe */
.mobile-bar-items .search-item a:hover {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23f9ca79" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a8 8 0 105.293 14.293l5.707 5.707 1.414-1.414-5.707-5.707A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z"/></svg>') !important;
}



/* ========================
   Such-Overlay
========================*/

#search-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5) !important;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#search-overlay form.search-form {
    display: flex;
    flex-direction: row;
    max-width: 600px;
    width: 90%;
}

#search-overlay input[type="search"] {
    flex: 1;
    padding: 12px 20px;
    font-size: 1.2rem;
    border: none;
    border-radius: 4px 0 0 4px;
}

#search-overlay button {
    padding: 12px 20px;
    font-size: 1.2rem;
    border: none;
    background-color: #f9ca79;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}


/* ========================
   Content / Artikel
========================*/

.inside-article {
    border: 1px solid #ccc;
    max-width: 1200px;
    margin: 20px auto;
    padding: 40px; /* gleichmäßiges Innenpadding für den Rahmen */
    box-sizing: border-box;
}

.inside-article .entry-header {
    margin-top: 60px; /* zusätzlicher Abstand nach oben */
}

.inside-article .entry-title {
    margin-top: 0; /* Überschrift nicht nochmal extra oben kleben */
}

.inside-article .entry-content,
.inside-article .entry-summary {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
	padding-left: 20%;
	padding-right: 20%;
}

.inside-article .entry-meta .comments-link {
    max-width: 800px;       /* gleiche Breite wie der Textblock */
    margin-left: 20%;       /* gleiche linke Einrückung wie Textblock */
}

@media (max-width: 900px) {
    .inside-article {
        padding: 20px;
    }
    .inside-article .entry-content {
        max-width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* ========================
   Titles / Meta
========================*/
h1.main-title,
h1.main-title a:link,
h1.main-title a:visited,
h1.main-title a:hover,
h1.main-title a:active,
p.main-title,
p.main-title a:link,
p.main-title a:visited,
p.main-title a:hover,
p.main-title a:active {
    color: #f9ca79;
    font-weight: normal;
	font-size: 30px;
}

h1.entry-title, h2.entry-title {
    margin: 0 auto;
    text-align: center;
    font-style: italic;
    font-size: 30px;
    color: #b3b3be;
}

h2 {
    font-style: italic;
    font-size: 30px;
    color: #b3b3be;
    margin: 0;
}

div.entry-meta {
    margin: 20px auto;
    text-align: center;
    font-style: normal;
}

h2.entry-title a {
    color: #b3b3be;
}

h2.entry-title a:hover {
    color: #f9ca79;
}

.entry-meta .byline, .cat-links, .copyright-bar {
    display: none;
}

span.comments-link {
    text-transform: uppercase;
}

div.nav-links {
    text-align: center;
    margin-left: auto;
    margin-right: auto;	
}	
/* Footer */
.site-info .footer-bar {
  width: 100% !important;
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  color: #000000 !important;
}

.site-info .footer-bar .widget,
.site-info .footer-bar aside,
.site-info .footer-bar .textwidget {
  float: none !important;
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  text-align: center !important;
}

/* Navigation unter Artikeln - Links nebeneinander zentrieren */
.post-navigation {
	font-size: 1.2em;
    display: flex;
    justify-content: center;
    gap: 2rem; /* Abstand zwischen vorherigem und nächsten Artikel */
    margin-top: 2em;
}

/* Float entfernen */
.post-navigation .nav-previous,
.post-navigation .nav-next {
    float: none;
}

/* Links formatieren */
.post-navigation a {
    color: #000000;          /* normale Textfarbe */
    text-decoration: none;    /* keine Unterstreichung */
    transition: color 0.25s ease;
}

/* Hover-Effekt */
.post-navigation a:hover {
    color: #f9ca79;           /* gleiche Farbe wie Menü-Hover */
    text-decoration: none;    /* keine Unterstreichung */
}