:root{
	--dgs-orange: #f68716;
	--dgs-orange-light: #fbd9b6;
	--dgs-orange-dark: #cc6f11;

	--dgs-v2026-petrol: #024750;
	--dgs-v2026-orange: #ef7d00;
	--dgs-v2026-yellow: #f2e400;
	--dgs-v2026-bluegrey: #a1c1c4;
	--dgs-v2026-green: #B1D095;

	--dgs-font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
	--dgs-font-accent: "Roboto Slab", Georgia, serif;

	--dgs-v2026-petrol-light: #e5e9ea;
	--dgs-v2026-petrol-hover: #35727b;

	--dgs-v2026-header-bg-image: url(../Images/Header/dgs-franken_small.png);

	--dgs-blue: #e5f1ff;
	--dgs-blue-rgb: 229, 241, 255;

	--dgs-darkblue: #10269b;
	--dgs-darkblue-rgb: 16, 38, 155;

	--dgs-green: #0e6b0e;
	--dgs-green-lighter: #5f9b5f;
	--dgs-green-light: #d3e1d3;
	--dgs-green-bright-light: #E0FFE0;
	--dgs-green-dark: #036203;
	--dgs-green-garish: #00FF00;

	--dgs-yellow: #f5d031;
}

body{
	--dgs-color-primary: var(--dgs-v2026-petrol);
	--dgs-color-primary-ident: var(--dgs-v2026-petrol);	
	--dgs-color-primary-light: var(--dgs-v2026-petrol-light);
	--dgs-color-primary-dark: var(--dgs-v2026-yellow);

	--dgs-color-secondary: var(--dgs-green);
	--dgs-color-secondary-light: var(--dgs-green-light);
	--dgs-color-secondary-dark: var(--dgs-green-dark);

	--dgs-hover-color: var(--dgs-v2026-orange);
	--dgs-hover-bg-color: var(--dgs-v2026-petrol);		
	--dgs-hover-bg-color-light: var(--dgs-v2026-petrol-hover);
	--dgs-active-color: var(--dgs-blue);
	--dgs-disabled-color: grey;


	--dgs-link-color: var(--dgs-color-primary);
	--dgs-link-hover-color: var(--dgs-v2026-orange);
	--dgs-link-active-color: var(--dgs-active-color);
	--dgs-link-disabled-color: var(--dgs-disabled-color);

	--dgs-btn-color: white;
	--dgs-btn-bg: var(--dgs-color-primary);
	--dgs-btn-hover-color: white;
	--dgs-btn-hover-bg: var(--dgs-hover-color);
	--dgs-btn-active-color: white;
	--dgs-btn-active-bg: var(--dgs-active-color);
	--dgs-btn-disabled-color: white;
	--dgs-btn-disabled-bg: var(--dgs-disabled-color);


	--dgs-header-bg-color: white;
	--dgs-header-color: black;
	--dgs-header-grid-bg: #f0f1f1;
	
	--dgs-header-title-size: xxx-large;
	--dgs-header-subtitle-size: xx-large;
	--dgs-header-title-short-size: xx-large;
	--dgs-header-subtitle-short-size: x-large;	
	
	--dgs-header-pvnow-easy-logo-width: 250px;
	
	
	--dgs-footer-bg-color: var(--dgs-color-primary);
	--dgs-footer-color: white;
	--dgs-trennlinie-color: var(--dgs-v2026-orange); /* var(--dgs-color-primary); */
	--dgs-rechte-spalte-color: var(--dgs-v2026-bluegrey);
	--dgs-breadcrumb-display: block; /*block or none*/


	--dgs-meta-nav-link-color: rgb(104, 102, 102); /*black*/
	--dgs-meta-nav-link-font-size: 0.7rem; /*0.8rem*/
	--dgs-meta-nav-link-font-weight: normal;

	--dgs-meta-nav-link-hover-color: var(--dgs-v2026-petrol);
	--dgs-meta-nav-link-hover-bg-color: var(--dgs-v2026-petrol-light);
	--dgs-meta-nav-link-disabled-color: var(--dgs-disabled-color);

	--dgs-meta-nav-link-active-color: var(--dgs-v2026-orange);
	--dgs-meta-nav-link-active-font-size: 0.7rem; /*0.8rem*/
	--dgs-meta-nav-link-active-font-weight: normal;

	--dgs-meta-nav-offcanvas-link-color: black;
	--dgs-meta-nav-offcanvas-link-font-size: 1.0rem;
	--dgs-meta-nav-offcanvas-link-font-weight: normal;
	--dgs-meta-nav-offcanvas-link-active-font-size: 1.0rem;
	--dgs-meta-nav-offcanvas-link-active-font-weight: normal;

	--dgs-meta-nav-bg-color: white;
	--dgs-meta-nav-deco-color: var(--dgs-v2026-petrol);
	--dgs-meta-nav-toggler-border-color: var(--dgs-v2026-petrol);


	--dgs-main-nav-link-color: white;
	--dgs-main-nav-link-font-size: 1rem;
	--dgs-main-nav-link-font-weight: normal;

	--dgs-main-nav-link-hover-color: var(--dgs-main-nav-link-color); /*var(--dgs-hover-color); */
	--dgs-main-nav-link-hover-bg-color: var(--dgs-hover-bg-color);
	--dgs-main-nav-link-disabled-color: var(--dgs-disabled-color);

	--dgs-main-nav-link-active-color: white; /* var(--dgs-v2026-orange) */;
	--dgs-main-nav-link-active-font-size: 1rem;
	--dgs-main-nav-link-active-font-weight: bold;

	--dgs-main-nav-offcanvas-link-color: white;
	--dgs-main-nav-offcanvas-link-font-size: 1rem;
	--dgs-main-nav-offcanvas-link-font-weight: normal;
	--dgs-main-nav-offcanvas-link-active-font-size: 1rem;
	--dgs-main-nav-offcanvas-link-active-font-weight: bold;

	--dgs-main-nav-bg-color: var(--dgs-color-primary);
	--dgs-main-nav-deco-color: white;
	--dgs-main-nav-toggler-border-color: var(--dgs-v2026-petrol);


	--dgs-footer-nav-link-color: white;
	--dgs-footer-nav-link-font-size: 1rem;
	--dgs-footer-nav-link-font-weight: normal;

	--dgs-footer-nav-link-hover-color: var(--dgs-footer-nav-link-color); /* var(--dgs-hover-color); */
	--dgs-footer-nav-link-hover-bg-color: unset;
	--dgs-footer-nav-link-disabled-color: var(--dgs-disabled-color);

	--dgs-footer-nav-link-active-color: white;
	--dgs-footer-nav-link-active-font-size: 1rem;
	--dgs-footer-nav-link-active-font-weight: bold;

	--dgs-footer-nav-bg-color: var(--dgs-color-primary);


	--bs-primary: var(--dgs-color-primary);
	--bs-primary-rgb: var(--dgs-color-primary-rgb);

	--bs-secondary: #FFFFFF;
	--bs-secondary-rgb: 255, 255, 255;

	--bs-link-color: var(--dgs-link-color);
	--bs-link-hover-color: var(--dgs-link-hover-color);

	--bs-body-color: black;
}

[data-dgs-site="ENERGIE_AKADEMIE"],
[data-dgs-site="SOLAR_AKADEMIE"],
[data-dgs-site="SOLARSCHULEN"]{
	--dgs-v2026-header-bg-image: url(../Images/Header/dgs-solarschulen_small.png);
	--dgs-breadcrumb-display: none;
}


[data-dgs-site="SOLARSCHULEN"]{
	--dgs-header-grid-bg: #f2e4003F;
}

[data-dgs-site="ENERGIE_AKADEMIE"],
[data-dgs-site="SOLAR_AKADEMIE"],
[data-dgs-site="EE_GUTACHTER"],
[data-dgs-site="MIETERSTROM_DGS_FRANKEN"],
[data-dgs-site="PV_NOW_EASY"],
[data-dgs-site="PV_NOW_EASY_UE20"] {
	--dgs-header-grid-bg: #f0f1f1;
	--dgs-header-title-size: 36px;
	--dgs-header-subtitle-size: 23px;
}

[data-dgs-site="PV_NOW_EASY_UE20"]{
	--dgs-v2026-header-bg-image: url(../Images/Header/pv-now-easy-ue20_small.png);
	--dgs-header-pvnow-easy-logo-width: 320px;
}

[data-dgs-site="PV_NOW_EASY"]{
	--dgs-v2026-header-bg-image: url(../Images/Header/pv-now-easy_small.png);
	}

[data-dgs-site="MIETERSTROM_DGS_FRANKEN"]{
	--dgs-v2026-header-bg-image: url(../Images/Header/dgs-mieterstrom_small.png);
}

[data-dgs-site="EE_GUTACHTER"]{
	--dgs-v2026-header-bg-image: url(../Images/Header/dgs-sachverstaendigenbuero_small.png);
}

[data-dgs-site="SOLARDIENST"]{
	--dgs-v2026-header-bg-image: url(../Images/Header/dgs-sachverstaendigenbuero_small.png);
}


[data-dgs-site="EE_GUTACHTER"],
[data-dgs-site="MIETERSTROM_DGS_FRANKEN"],
[data-dgs-site="PV_NOW_EASY"],
[data-dgs-site="PV_NOW_EASY_UE20"] {
	--dgs-color-primary-ident: var(--dgs-color-primary);	
}


[data-dgs-site="MIETERSTROM_DGS_FRANKEN"] {	
	.dgs-content-left .ce-gallery a {
		position: relative;
		display: inline-block;
		border-radius: 5px;
		overflow: hidden;
		line-height: 0;
	}
	.dgs-content-left .ce-column:last-child {
		margin-right: 10px;
	}
	.dgs-content-left .ce-gallery a img {
		display: block;
		height: auto;
	}

	.dgs-content-left .ce-gallery a:after {
		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
	}

	.dgs-content-left .ce-gallery a:hover:after {
		border: 4px solid #000;
		border-color: var(--dgs-color-primary);
	}
}


/* Bilder skalieren */
.dgs-content-left img,
.dgs-content-right img {
	max-width: 100%;
	height: auto;
}

/* Links — Farben und Font */
a,
.internal-link,
.external-link {
	color: var(--dgs-link-color);
	text-decoration: none;
	font-family: var(--dgs-font-accent);
}

a:hover,
.internal-link:hover,
.external-link:hover {
	color: var(--dgs-link-hover-color);
}

a:active,
.internal-link:active,
.external-link:active {
	color: var(--dgs-link-active-color);
}

/* Layout: Sticky Footer + Full-height Main */
body {
	font-family: var(--dgs-font-family);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100svh;
}
body > * {
	flex-shrink: 0;
}
body > main {
	flex-grow: 1;
}

main {
	display: flex;
	flex-direction: column;
}
main > * {
	flex-grow: 1;
}

/* Bootstrap Button Overrides */
.btn-primary {
	--bs-btn-color: var(--dgs-btn-color);
	--bs-btn-bg: var(--dgs-btn-bg);
	--bs-btn-border-color: var(--dgs-btn-bg);

	--bs-btn-hover-color: var(--dgs-btn-hover-color);
	--bs-btn-hover-bg: var(--dgs-btn-hover-bg);
	--bs-btn-hover-border-color: var(--dgs-btn-hover-bg);
	--bs-btn-active-color: var(--dgs-btn-active-color);
	--bs-btn-active-bg: var(--dgs-btn-active-bg);
	--bs-btn-active-border-color: var(--dgs-btn-active-bg);
	--bs-btn-disabled-color: var(--dgs-btn-disabled-color);
	--bs-btn-disabled-bg: var(--dgs-btn-disabled-bg);
	--bs-btn-disabled-border-color: var(--dgs-btn-disabled-bg);
}

/* Typografie: Menus und Überschriften */
nav,
nav a,
.main-navigation,
.main-navigation a,
.navbar,
.navbar a,
h1, h2, h3, h4, h5, h6 {
	font-family: var(--dgs-font-accent);
}

.container-xxl {
	/* background-color: #f1f2ed; */
}


.dgs-color{
	color: var(--dgs-color-primary);
}
.dgs-bg{
	background-color: var(--dgs-color-primary);
}

.dgs-color-primary{
	color: var(--dgs-color-primary);
}
.dgs-color-primary-ident {
	color: var(--dgs-color-primary-ident);
}

.dgs-title .dgs-color-primary-ident {
	font-size: var(--dgs-header-subtitle-size);
	margin-top: 5px;
}

.dgs-title {
	line-height: 1.1;
	padding-left: 5px;
	padding-right: 5px;
}
.dgs-title img {
	width: var(--dgs-header-pvnow-easy-logo-width);
	height: auto;
}

.dgs-bg-primary{
	background-color: var(--dgs-color-primary);
}

.dgs-color-secondary{
	color: var(--dgs-color-secondary);
}
.dgs-bg-secondary{
	background-color: var(--dgs-color-secondary);
}

.dgs-header .dgs-main-nav .nav-link.dropdown-toggle:hover {
	background-color: var(--dgs-hover-bg-color-light);
}

.dgs-offcanvas-nav .offcanvas-body {
	background-color: var(--dgs-hover-bg-color-light);
}

#metanav-offcanvas.dgs-offcanvas-nav .offcanvas-body {
	background-color: unset;
}

.dgs-offcanvas-nav.dgs-main-nav .dropdown-menu.show {
	background-color: var(--dgs-hover-bg-color-light);
}

.dgs-offcanvas-nav.dgs-main-nav .nav-link:hover{
	background-color: var(--dgs-hover-bg-color-light);
}

.dgs-content-header .dgs-meta-nav + .dgs-meta-nav {
	margin-top: 10px;
}

.dgs-content-header .dgs-meta-nav {
	display: inline-flex;
	width: 100%;
}
.dgs-content-header .dgs-meta-nav span:first-child {
	flex: 9;
}
.dgs-content-header .dgs-meta-nav span:first-child a {
	color: var(--dgs-main-nav-offcanvas-link-color);
	font-weight: unset;
}
.dgs-content-header .dgs-meta-nav span:second-child {
	flex: 1;
}

.dgs-right-side-academie-name {
	font-family: var(--dgs-font-accent);
	display: none;
}
.dgs-right-side-academie-name div {
	text-align: center;
	width: 100%;
	/* border-radius: 4px; */
	padding: 0px 5px 0px 5px;
	display: grid;
	overflow: hidden;
	container-type: inline-size;
}

.dgs-right-side-academie-name div span {
	display: inline-block;
	line-height: 1.1;
	margin: 20px !important;
	color: var(--dgs-v2026-orange);
	background: var(--dgs-main-nav-bg-color);
	transform-origin: left center;
	font-size: clamp(12px, 10cqw, 36px);
	/* padding: 10px; */
	padding: 13px 10px 13px 10px;
}
[data-dgs-site="ENERGIE_AKADEMIE"] {
	.dgs-right-side-academie-name  div span {
		color: var(--dgs-v2026-green);
	}
}


.container-xxl.dgs-header-grid {
	padding-top: 10px;
	aspect-ratio: 10 / 1;
	align-items: center;
}

#dgs-to-top {
	position: fixed;
	z-index: 1050;
	width: 44px;
	height: 44px;
	bottom: 1.5rem !important;
	right: max(1rem, calc((100vw - 1320px) / 2 + 1rem)) !important;
}
#dgs-to-top span {
	font-size: 20px;
	position: relative;
	top: -2px;
}