/**
 * Theme Name:  GeneratePress Child
 * Theme URI:   https://generatepress.com
 * Description: Default GeneratePress child theme - www.hobby-finden.de
 * Author:      Jörg-Detlef Schröder
 * Template:    generatepress
 * Version:     3.0
 * Date:		2025-08-07
 */

/* ------------------------------------------------------------------------------------------------
	Typographie - inclusive Media Queries
------------------------------------------------------------------------------------------------ */
/* julee-regular - latin */
@font-face {
  font-family: 'Julee';
  font-style: normal;
  font-weight: 400;
  src: url('../generatepress_child/fonts/julee-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../generatepress_child/fonts/julee-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../generatepress_child/fonts/julee-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/julee-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/julee-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../generatepress_child/fonts/julee-v12-latin-regular.svg#Julee') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../generatepress_child/fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../generatepress_child/fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../generatepress_child/fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../generatepress_child/fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../generatepress_child/fonts/poppins-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../generatepress_child/fonts/poppins-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../generatepress_child/fonts/poppins-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/poppins-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/poppins-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../generatepress_child/fonts/poppins-v15-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../generatepress_child/fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../generatepress_child/fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../generatepress_child/fonts/poppins-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/poppins-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/poppins-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../generatepress_child/fonts/poppins-v15-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

body {
	font-size:1rem;
}
h1 {
	font-size:1.75rem;
}
h2 {
	font-size:1.5rem;
}
h3 {
	font-size:1.3125rem;
}
h4 {
	font-size:1.25rem;
	text-transform:uppercase;
}
h5 {
	font-size:.875rem;
	font-weight:bold;
}

@media (max-width: 767px) {
	html {font-size:87.5%;}
}
@media (min-width: 1025px) {
	html {font-size:115%;}
}

/* ------------------------------------------------------------------------------------------------
	Links - inclusive Media Queries
------------------------------------------------------------------------------------------------ */
/* Farbe der Links */
a {
	color:#06f;
}
/* Links: Unterstrich von links nach rechts bei :hover */
.main-navigation .main-nav ul li a {
	padding-left:0;
	padding-right:0;
    margin:0 .75em;
    line-height:1.5;
}
.main-navigation .menu-bar-item > a {
    padding-left:0;
	padding-right:0;
    margin:0 .75em;
    line-height:1.5;
}
a:not(.nav-previous a, .nav-next a, .generate-back-to-top) {
	text-decoration:none;
	position:relative;
}
a:not(.site-logo a, .ghost-button a, .nav-previous a, .nav-next a, .my-related-posts a, .post-image a, .number-link a, a.image-link, .has-posts a, .generate-back-to-top)::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:0%;
	border-bottom:2px solid #e0000c;
	transition:.5s;
}
a:not(.nav-previous a, .nav-next a, .my-related-posts a, .generate-back-to-top):hover::after {
	width:100%;
}
/* E-Mail-Link Impressum */
.emil a {
	color:#000;
}

/* ------------------------------------------------------------------------------------------------
	Header - inclusive Media Queries
------------------------------------------------------------------------------------------------ */
/* Für Erkennung Umschaltung Sticky */
.site-header {
	top:1px;
	border-bottom:1px solid rgba(256,256,256,.15);
}
/* Header, mit transparentem Hintergrund und weißer Schrift (Sonst schwarze Schrift auf weißem Hintergrund) */
.inside-header {
	padding:1.1em 2.2em;
}
.site-header,
.main-navigation,
.main-navigation a,
.main-navigation ul ul {
    background-color:transparent !important;
	transition:background-color .8s ease-in-out !important;
}
.site-branding .main-title a,
.main-navigation .main-nav ul li a,
.main-navigation .main-nav ul ul li a,
.menu-toggle,
.main-navigation .menu-bar-items {
    color:#fff;
	text-shadow:2px 2px 2px #333; 			/* x-Offset, y-Offset, Weichzeichner, Farbe  */
}
.main-navigation .svg-inline--fa {
	font-size:1.25rem;
}
.shadow {									/* Klasse shadow für SVG-Icons */
	filter:drop-shadow(2px 2px 2px #333);	/* x-Offset, y-Offset, Weichzeichner, Farbe  */
}
.main-navigation a {
	font-size:1rem;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color:#E6C99E;
}
.isStuck.site-header {
	background-color: rgba(0,0,0,.8)!important;
	transition:background-color .8s ease-in-out !important;
	left:0;
	right:0;
	z-index:100;
}
/* Header Logo */
.site-header .header-image {
	width:8.1em;
	transition:width .8s ease-in-out;
}
.isStuck.site-header .header-image {
	width:4.85em;
	transition:width .8s ease-in-out;
}
/* Mobil Menu Toggle */
.menu-toggle {
	line-height:inherit;
}
.main-navigation.toggled .main-nav > ul {
	float: right;
}
.main-navigation.toggled .main-nav li {
	width:15em;
	background-color:rgba(0,0,0,.8);
	border:1px solid #555;
	border-radius:3px;
}
.main-navigation.toggled .main-nav ul li a {
	padding-left:.75em;
	line-height:3;
}

@media (max-width: 1024px) {				/* Mobil und Tablet insgesamt */
	/* Header */
	.inside-header {
		padding:0 2.2em;
	}
}
@media (max-width: 768px) {					/* Mobil Hoch und Quer, Tablet Hoch */
	/* Header */
	.site-header {
		max-height:2.2em;					/* Wichtig, damit Toggled Menu nicht Site-Heading nach unten verschiebt! */
	}
	/* Header Logo */
	.site-header .header-image,
	.isStuck.site-header .header-image {
		width:6.6em;
		transition:none;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {		/* Tablet Quer */
	/* Header Logo */
	.site-header .header-image,
	.isStuck.site-header .header-image	{
		width:8.1em;
		transition:none;
	}
}

/* ------------------------------------------------------------------------------------------------
	Regular Content Primary
------------------------------------------------------------------------------------------------ */
/* Content Container */
body.custom-background div.site {
    max-width:1200px;
}
/* Content Container für Seiten "Über" und "Danke" */
body.custom-background.page-id-802 div.site,
body.custom-background.page-id-213 div.site {
    max-width:1000px;
}
/* Gesamter Content Hintergrund */
.site-content {
	margin-bottom:10px;
	background:#fff;
}
.separate-containers.right-sidebar .site-main {
    margin-right:0;
}
.separate-containers .site-main {
	margin-top:2em;
}
/* In Seiten und Beiträgen Beitragsbild ausblenden */
.separate-containers .featured-image {
	display:none;
}
/* Titel Seiten und Beiträge */
.entry-header {
	padding-top:1.5em;
}
/* Bilder im Content */
.content-image {
	border-radius:.5em;
}
.content-image-description {
	font-style:italic;
}

/* ------------------------------------------------------------------------------------------------
	Seiten "Messen" - inclusive Media Queries
------------------------------------------------------------------------------------------------ */
/* Hobby-Messen Container */
.simaMesseContainer .messeninfoTile .extraMeta {
    height:45px!important;					/* Höhe Leerraum zwischen Texteinträgen im Messecontainer, Original 55px */
}
.simaMesseContainer .messeninfoTile:not(.active) .inner {
    background-color:#dfb!important;		/* Passende Hintergrundfarbe Tea Green */
}

@media (max-width: 849px) {					/* Von widgetService.css */
	.simaMesseContainer .messeninfoTile .title {
		height:60px!important;
	}
}

/* ------------------------------------------------------------------------------------------------
	Search and Filter: "Finde dein Hobby" - inclusive Media Queries
------------------------------------------------------------------------------------------------ */
.searchandfilter li {
	width:100%;								/* Liste über gesamte Breite */
}
.searchandfilter h4 {
	margin:20px 0 10px 0;
	font-size:1.25rem;
	font-family:Julee;
	text-transform:none;
	font-weight:bold;
	border-bottom:1px solid #333;			/* Querstrich unter Überschrift */
}
.searchandfilter li li {
	padding-left:1em;						/* Rückt Checkbox/Eintrag ein nach rechts */
}
.searchandfilter input[type="submit"] {
	color:#fff;
	margin:2em 0;
	padding:.5em 1.5em;
	border:1px solid #555;
	background-color:rgba(0,0,0,.4);
}
.searchandfilter input[type="submit"]:hover {
	color:#ccc;
	background-color:rgba(0,0,0,.5);
	transition:opacity 300ms ease-in-out;
}
.cat-item.cat-item-77 {						/* Für hobbys ohne fertigen Steckbrief, Kategorie "Unfertig"/ID 77 */
  display:none;
}

@media (max-width: 767px) {
	.searchandfilter ul li ul li {
		line-height:2;
	}
}

/* ------------------------------------------------------------------------------------------------
	Ergebnis-Seiten von Search & Filter, Archive-Seiten
------------------------------------------------------------------------------------------------ */
/* Hintergrundbild für alle Archive-Seiten */
body.archive {
	background-image:url("https://www.hobby-finden.de/wp-content/uploads/2021/08/schluessel-traum-hobby.jpg");
}
/* Archive-Seiten Layout */
.separate-containers .page-header {
	padding-top:0;
}
.sf-page-title {
	padding-top:1.5rem;
	margin-bottom:0;
}
.archive.category .page-title,
.archive .taxonomy-description, 
.archive .entry-meta {
	display:none;
}
.archive .post-image {
    margin-top:1em;
}

/* ------------------------------------------------------------------------------------------------
	Contact Form 7
------------------------------------------------------------------------------------------------ */
.wpcf7 .svg-inline--fa {
	width:2.5em;
}
.wpcf7-list-item input {
	margin-right:.5em;
}

/* ------------------------------------------------------------------------------------------------
	Über mich
------------------------------------------------------------------------------------------------ */
.wp-image-2136 {
	max-width:10em;
}

/* ------------------------------------------------------------------------------------------------
	Seite "404" - inclusive Media Queries
------------------------------------------------------------------------------------------------ */
body.error404 {
	background-image:url("https://www.hobby-finden.de/wp-content/uploads/2025/08/picard-riker-data-star-trek.jpg");
}
.error404 .main-navigation {
	display:none;
}
.error404 .site-header {
	border-bottom:none;
}
.error404 .site-404-links {
	margin-top:2em;
}
.error404 .site-description a,
.error404 .site-404-links a {
	color:#fff;
}

@media (max-width: 1024px) and (orientation: portrait) {
	.error404 .search-form {
		display:flex;
	}
	.error404 .search-field {
		width:100%;
	}
}

/* ------------------------------------------------------------------------------------------------
	Posts
------------------------------------------------------------------------------------------------ */
/* Beitragsautor ausblenden */
.single .byline,							/* byline = Autor */
.search .byline {
    display:none;
}
/* Content oben */
.separate-containers .inside-article {
	padding-top:0;
}
/* Content Footer Taxonomien */
.cat-links, .taxonomy-links {
	display:none;
}
/* PDF&Print-Button */
.pdfprnt-bottom-left {
	border-top:2px solid #ccc;
	padding-top:2em;
}
.pdfprnt-bottom-left a {
	color:#000;
}
.category-unfertig .pdfprnt-buttons {		/* Für Hobbys ohne fertigen Steckbrief */
  display:none;
}
/* Überschriften Related Posts, Post Navigation, Kommentare wpDiscuz */
.heading {
	font-size:1rem;
	letter-spacing:.2em;
	text-align:center;
	display:table;
	border-collapse:collapse;
	white-space:nowrap;
}
.heading::before,
.heading::after {
	content:"";
	display:table-cell;
	width:50%;
	background-image:linear-gradient(to right, #e0000c, #e0000c);
	background-position:left center;
	background-repeat:repeat-x;
	background-size:auto 2px;
}
.heading::before {
	border-right:.5em solid transparent;
}
.heading::after {
	border-left:.5em solid transparent;
}

/* ------------------------------------------------------------------------------------------------
	Comments Plugin wpDiscuz
------------------------------------------------------------------------------------------------ */
.comments-area .heading {
	margin-left:-20px;
	margin-right:-20px;
}
#comments {
	margin:0 20px;
	border-top:2px solid #ccc;
}
.separate-containers .comments-area {
	padding:0 20px;
}
#wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button {
	font-weight:400;
	letter-spacing:1px;
}
#wpdcom .wpdiscuz-subscribe-form-button input[type="submit"] {
	font-size:14px!important;
	padding:4px 20px!important;
}
/* Wichtig! Benutzername! */
span.wpd-user-nicename {
	display:none!important;
}

/* ------------------------------------------------------------------------------------------------
	Sidebar, Widgets - inclusive Media Queries
------------------------------------------------------------------------------------------------ */
/* Trennlinie zum Content */
.separate-containers.right-sidebar .site-main {
	border-right:1px solid #ddd;
}
/* Widget Abstand vertikal verringern */
.widget-area .widget {
    padding:20px 40px;
}
/* Widget-Titel Sidebar zentriert und mit Linie rechts und links */
.widget-title {
	text-transform:uppercase;
	font-size:.875rem;
	border:none;
	text-align:center;
	margin-bottom:1em;
	display:table;
	border-collapse:collapse;
	white-space:nowrap;
}
.widget-title::before,
.widget-title::after {
	content:"";
	display:table-cell;
	width:50%;
	background-image:linear-gradient(to right, #e0000c, #e0000c);
	background-position:left center;
	background-repeat:repeat-x;
	background-size:auto 2px;
}
.widget-title::before {
	border-right:.5em solid transparent;
}
.widget-title::after {
	border-left:.5em solid transparent;
}
/* Widget Font */
.sidebar .widget {
	font-size:.8125rem;
}
/* Widget Anzahl der Hobbys */
.number-link {
	margin-top:1.5em;
	text-align:center;
}
.number-link a {
	color:#fff;
	padding:.625em 1.875em;
	background-color:#55555e;
}
.number-link a:hover {
	background-color:#33333e;
}

@media (max-width: 1024px) {
	.is-right-sidebar {
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	.sidebar .widget,
	.widget-title,
	h5 {
		font-size:1rem;
	}
}

/* ------------------------------------------------------------------------------------------------
	Footer - inclusive Media Queries
------------------------------------------------------------------------------------------------ */
/* Back To Top */
.generate-back-to-top {
	font-size:2.5rem;
	border:2px solid #555;
	width:2.75rem;
}
a.generate-back-to-top {
    background-color:rgba(0,0,0,.2);
}
.generate-back-to-top .gp-icon svg {
    top:0;
}
/* Footer Breite */
#footer-widgets {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
/* Farben im Footer */
.site-footer, .footer-widgets {
	background-color:#111;
	color:#fff;
}
.footer-widgets .widget-title {
	display:none;
}
.footer-widgets a {
    color:#fff;
}
.footer-widgets a:hover {
    color:#e0000c;
}
.footer-widgets .widget {
	font-size:.875rem;
}
/* Footer Container mittig ausrichten (Korrektur) */
.site-footer .footer-widgets-container .inside-footer-widgets {
    margin-left:0;
}
.footer-widgets-container {
	padding:1em 0;
}
/* Footer Abstände - Einstellungen für Anzahl Footer: 3 */
.site-footer .footer-widgets-container .inner-padding {
    margin:0 1em;
    padding:1em 0 0;
    border-top:2px solid #e0000c;
}
.site-footer .widget ul li {
	text-align:left;
	padding:0 0 0 2em;
}
/* Footer Widget 2 */
.footer-widget-2 {
	text-align:center;
}
/* Footer Widget 3 */
.footer-widget-3 .my-photo {
	float:left;
	margin-right:1.5em;
	max-width:7.5em;
}
/* Copyright */
.site-info {
	font-size:.875rem;
	color:#e0000c;
	background-color:#111;
}

@media (max-width: 1024px) {
	/* Back To Top */
	.generate-back-to-top {
		display:none;
	}
	/* Footer Widgets */
	.site-footer .footer-widgets-container .inner-padding {
		padding:.75em 0 0 !important;
	}
}
@media (min-width: 481px) {
	.inside-footer-widgets {
		flex-direction:row;
	}
}