:root {
	/* Colors */
	--primary: #69a72f;
	--primary-bg: #e3f4ff;
	--primary-dark: #345e0d;
	--primary-light: #a5eb64;

}


h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
}

b,
strong,
.strong {
}

p,
.p {
}

p,
.p,
label,
.label,
legend,
.legend {
}



small,
.small {
}


/* Buttons */
.btn.btn-primary:not(.btn-admin),
.btn.btn-secondary:not(.btn-admin),
.btn.btn-tertiary:not(.btn-admin),
.btn.btn-link:not(.btn-admin) {
}

.btn.btn-primary:not(.btn-admin):active,
.btn.btn-primary:not(.btn-admin):focus,
.btn.btn-primary:not(.btn-admin):hover,
.btn.btn-secondary:not(.btn-admin):active,
.btn.btn-secondary:not(.btn-admin):focus,
.btn.btn-secondary:not(.btn-admin):hover,
.btn.btn-tertiary:not(.btn-admin):active,
.btn.btn-tertiary:not(.btn-admin):focus,
.btn.btn-tertiary:not(.btn-admin):hover,
.btn.btn-link:not(.btn-admin):active,
.btn.btn-link:not(.btn-admin):focus,
.btn.btn-link:not(.btn-admin):hover {
}


/* Style addition */


html[data-home="true"] .nav-header .navbar-light .navbar-nav .nav-link {
	color: #333;
}

html[data-home="true"] .nav-header .navbar-light .navbar-nav .nav-link:hover,
html[data-home="true"] .nav-header.bg .navbar-light .navbar-nav .nav-link:hover,
html[data-home="true"] .nav-header:has(.navbar-overlay.show) .navbar-light .navbar-nav .nav-link:hover {
	color: var(--primary);
}

html[data-home="true"] .nav-header.bg .navbar-light .navbar-nav .nav-link,
html[data-home="true"] .nav-header:has(.navbar-overlay.show) .navbar-light .navbar-nav .nav-link{
	color: #000;
}

html[data-home="true"] .nav-header.bg .navbar-toggler-icon i ,
html[data-home="true"] .nav-header:has(.navbar-overlay.show) .navbar-toggler-icon i {
	background-color: #000;
}

html[data-home="true"] .navbar-toggler-icon i {
    background-color: #fff;
}

.content-subtemplate-home .header div[data-partial="partial-list"] img,
.content-subtemplate-energieplan .header div[data-partial="partial-list"] img {
	object-fit: cover;
	object-position: 50% 75%;
	max-height: 80vh;
	min-height: 300px;
}

.content-subtemplate-home .header .header-content .header-title:not(.header-title.text-primary) {
	color: #fff;
}

.content-subtemplate-home .header .header-content .header-title {
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 2px 2px 15px #000000;
}

body:not([data-editor-mode=content]) .content-subtemplate-home .header .header-content {
	bottom: 20%;
	top: unset;
}

@media only screen and (min-width: 992px) {
    body:not([data-editor-mode=content]) .content-subtemplate-home .header .header-content {
        max-width:50%;

        bottom: 20%;
    }
}


.content-subtemplate-home .iconic-usps h2 {
	hyphens: auto;
}

/* 3-kolommen flexbox layout voor iconic-usps blokken */
.iconic-usps-columns {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.iconic-usps-col {
	display: flex;
	flex-direction: column;
}

.iconic-usps-col h2 {
	font-size: 0.95rem;
	margin-top: 0;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.iconic-usps-col p {
	margin-top: 0;
	margin-bottom: 0.75rem;
}

.iconic-usps-col .iconic-usps-link {
	margin-top: auto;
}

@media only screen and (min-width: 768px) {
	.iconic-usps-columns {
		flex-direction: row;
	}
	.iconic-usps-col {
		flex: 1;
		min-width: 0;
	}
}

.navbar-static-bar {
    --static-bar-width: 25%;
}

.energie-plan-green {
	color: var(--primary);
}

.btn.btn-primary.wizard-control:not(.btn-admin):after,.btn.btn-primary.wizard-control:not(.btn-admin):before,.energie-plan-box .btn.btn-primary:not(.btn-admin):after,.energie-plan-box .btn.btn-primary:not(.btn-admin):before,.energie-plan-green,.navbar .btn.btn-primary:not(.btn-admin):after,.navbar .btn.btn-primary:not(.btn-admin):before {
    color: var(--primary);
}

/* trengo mobile fix */

@media only screen and (max-width: 768px) {
	.TrengoWidgetLauncher__iframe { 
		bottom: 80px!important;
	}
}