/*
 Theme Name:   Zahnarztpraxis Gindele
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child themefür die Praxis
 Author:       Harald Öhl
 Author URI:   https://sib.io
 Template:     generatepress
 Version:      0.1
*/

:root {
	--zg-schwarz: #0b0b0b;
	--zg-dunkelgrau: #333333;
	--zg-mittelgrau: #6D6D72;
	--zg-hellgrau: #E6E6E6;
	--zg-weiss: #fff;
	--zg-hellblau: #EEF4FB;
	--zg-blau: #7ca7d0;
}
::selection {
	color: var(--zg-schwarz);
	background: var(--zg-blau);
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, nav {
	font-family:'PT Serif';
}
.zapig-gradient {
	background: rgb(188,211,234);
background: linear-gradient(180deg, rgba(188,211,234,1) 9%, rgba(158,188,215,1) 91%);
}
/* Menü: Styling im BB themer-layout - header, Einträge zufügen oder ordnen ganz normal über Design - Menüs*/
@media screen and (min-width: 768px) {
	.themer-zeile-menu {
		box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
		margin-bottom: 60px;
	}
	/* Box-shadows nur für Bildschirme über Handygröße*/
	.spalte-schmal, .spalte-breit {
		box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	}
}
@media screen and (min-width: 999px) {
	.spalte-schmal{
		width: 27% !important;
	}
	.spalte-freiraum {
		width: 8%;
	}
	.spalte-breit {
		width: 65% !important;
	}
}
/* Boxed Submenues "Team" & "Zahnerhaltung" wie auch das Hauptmenü Design - Menüs: das Icon (Chevron, steht als i-tag im Menu-item )*/
#menu-team .fa-solid, #menu-zahnerhaltung .fa-solid {
	font-size: 0.8em;
	margin-right: 4px;
}
/* Textbox im Hero der Startseite (Themer-Layout) */
.spalte-startbox {
	background: rgba(255,255,255,0.8);
	margin: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
/* Das Icon in den Akkordeons*/
.fl-accordion-button-icon-left {
	opacity: 1.0 !important;
}
@media screen and (min-width: 1200px) {
	.fl-accordion-button-icon {
		vertical-align: top !important;
	}
}
/* Runde FM-Bar
@media screen and (min-width: 1700px) {
	.fm-bar {
		position: fixed;
		top: 32% !important;
		right: 17% !important;
	}
}
.fm-round.fm-button-space li:not(:last-child) {
	margin-bottom: 7px;
}*/
/* Footer ist im BB - themer-layouts - Footer */
.site-footer p {
	margin-bottom: 0;
}
.site-footer a:hover {
	color: var(--zg-mittelgrau) !important;
}
.site-footer .rechtliches a {
	text-decoration: none;
	margin-right: 15px;
}