/*
Theme Name: Frank Geiger
Theme URI: https://www.frank-geiger.de
Author: Frank Geiger
Description: Child-Theme von GeneratePress für frank-geiger.de. Markenfarben aus dem Logo: #27535C (Petrol), #BEBEBE (Silber), #EDEAD7 (Weiß/Creme).
Template: generatepress
Version: 1.0.1
Text Domain: frank-geiger
*/

/* ---------- Sticky Top-Header (Silber, ca. 15px) ---------- */
.top-bar {
	position: sticky;
	top: 0;
	z-index: 999;
	width: 100%;
}

.inside-top-bar {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	column-gap: 16px;
	min-height: 15px;
	padding: 2px 20px;
	font-size: 11px;
	line-height: 1.3;
}

.inside-top-bar .widget {
	margin: 0;
	padding: 0;
}

.inside-top-bar .widget:nth-of-type(1) {
	grid-column: 1;
	text-align: left;
	font-weight: 600;
}

.inside-top-bar .widget:nth-of-type(2) {
	grid-column: 2;
	text-align: center;
}

.inside-top-bar .widget:nth-of-type(3) {
	grid-column: 3;
	text-align: right;
}

.inside-top-bar a {
	color: inherit;
	text-decoration: none;
}

.inside-top-bar a:hover {
	color: #ffffff;
}

@media (max-width: 600px) {
	.inside-top-bar {
		grid-template-columns: 1fr;
		row-gap: 2px;
		text-align: center;
		padding: 4px 12px;
	}
	.inside-top-bar .widget:nth-of-type(1),
	.inside-top-bar .widget:nth-of-type(2),
	.inside-top-bar .widget:nth-of-type(3) {
		grid-column: 1;
		text-align: center;
	}
}

/* ---------- Petrolfarbener Hauptheader, 83px ---------- */
.site-header {
	width: 100%;
}

.site-header .inside-header {
	min-height: 83px;
}

.site-logo,
.site-logo img {
	max-height: 72px;
	width: auto;
}

/* ---------- Hintergrund sitewide Weiß (außer Top-Bar & petrolfarbener Hauptheader) ---------- */
body,
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .container,
.inside-page-header,
.footer-widgets,
.sidebar .widget {
	background-color: #FFFFFF;
}

/* ---------- Rechte Sidebar sitewide entfernen ---------- */
.sidebar-1,
#right-sidebar {
	display: none !important;
}

.content-area {
	width: 100% !important;
	float: none !important;
}

/* ---------- Honeypot-Feld im Kontaktformular unsichtbar halten ---------- */
.cf7-hp-wrap {
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	height: 0;
	width: 0;
	overflow: hidden;
}