#logo_windstroom { width:350px; margin-left: -27px; }

.topheader.wp-block-buttons { position:absolute; margin-top:1em; margin-right:-1em }
/*.topheader.wp-block-buttons .wp-block-button__link:not(:hover) {background-color: transparent; }*/
.topheader.wp-block-buttons .wp-block-button__link {background-color: transparent; }
.topheader.wp-block-buttons .wp-block-button__link:hover, .topheader.wp-block-buttons .wp-block-button__link:active, .topheader.wp-block-buttons .wp-block-button__link:focus {background-color: var(--wp--preset--color--primary-dark); }
.topheader.wp-block-buttons .wp-block-button__link {font-weight: 600; white-space: nowrap;}
.topheader.wp-block-buttons .wp-block-button__link svg {font-size: 0.75em}
.topheader.wp-block-buttons .wp-block-button__link svg {font-size: 0.75em}
.topheader.wp-block-buttons .wp-block-button__link svg{ margin-top: -0.25em; margin-right: 0;}
.topheader.wp-block-buttons .wp-block-button__link svg[aria-label="Icon Login"]{ margin-top: -0.75em;}


header .wp-block-navigation ul {column-gap:clamp(1rem,  calc(1rem + (16 * (3 - 1)) * ((100vw - 960px) / (1600 - 960))), 3rem);}
.wp-block-navigation__responsive-container-open svg [stroke="#000000"],
.wp-block-navigation__responsive-container-close svg [stroke="#000000"]{ stroke: var(--wp--preset--color--primary); }

.has-primary-background-color [fill="#232c77"]{fill:var(--wp--preset--color--white)}

.has-primary-background-color.has-transparent-background-color {background-color: transparent !important;}
.modal-content.has-transparent-background-color {box-shadow: none; background-color: transparent !important;}

.has-tertiary-background-color .wpcf7-form { --wp--custom--input-color--background:var(--wp--preset--color--white);}
.has-tertiary-background-color .wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):hover, 
.has-tertiary-background-color .wpcf7-form textarea:hover, 
.has-tertiary-background-color .wpcf7-form select:hover { background-color:var(--root--custom--input-color--background);}

.introgallery .galleryItem .is-style-masked { margin-top: calc(6vh - 6em);}
.introgallery .galleryItem .is-style-masked img {max-height: var(--max-height); width: auto}
.introgallery  + .wp-block-group > #tarifrechner { margin-top: -4em; position: relative;}


@media screen and (max-width:781px){ 
	.introgallery .galleryItem .is-style-masked img {width:50vw; height:50vw; }  
	.introgallery .galleryItem .is-style-masked {margin-top: -3em; margin-bottom: -2em; float: right;}  
	.introgallery + .wp-block-group > #tarifrechner {margin-top: -2em}
}
@media screen and (max-width:480px){ 
	.introgallery .galleryItem .is-style-masked {margin-top: -3em; margin-bottom: -1em; float: right;}  
	.introgallery .wp-block-column.is-vertically-aligned-center{padding: 0 !important}
	.introgallery .has-xxx-large-font-size {--wp--preset--font-size--xxx-large:var(--wp--preset--font-size--xx-large); }
	.introgallery .has-xx-large-font-size {--wp--preset--font-size--xx-large:var(--wp--preset--font-size--large); }
	.introgallery + .wp-block-group > #tarifrechner {margin-top: -2em}
}


.columnchart {}
.columnchart .chart {position:relative; height:200px; max-height:none; white-space:nowrap; }
/*.chartcolumn:nth-child(1){left:0;}
.chartcolumn:nth-child(2){left:16.666%;}
.chartcolumn:nth-child(3){left:33.333%;}
.chartcolumn:nth-child(4){left:50%;}
.chartcolumn:nth-child(5){left:66.666%;}
.chartcolumn:nth-child(6){left:83.333%;}
.chartcolumn{display:inline-block; margin:4%; width:8.66%; position:absolute; bottom:5%; height:100%; background-color: #6C0;}*/

.chartcolumn{display:inline-block; vertical-align: bottom; margin:0 4% 20px 4%; width: 8.65%; width:calc(100% / 6 - 8% - 1px); position:relative; height:100%; background-color: #6C0;}
.columnchart .chart:after {
    content: '';
    width: 1px;
    height: 100%;
    display: inline-block;
    vertical-align: bottom;
}

@-webkit-keyframes growcolumn {0% { height: 0; }}
@-moz-keyframes growcolumn {0% { height: 0; }}
@keyframes growcolumn {0% { height: 0; }}

.js .chartcolumn{height: 0;}
.js.on .chartcolumn{-webkit-animation: growcolumn 2s ease 1s;
  -moz-animation: growcolumn 2s ease 1s;
  animation: growcolumn 2s ease 1s;}

.columnchart.c7 .chartcolumn{width:10.28%; width: calc(100% / 7 - 8% - 1px)}
.chartcolumn>.top{
	position:absolute;
	left:0;
	bottom:100%;
	width:100%;
	height:0;
	background-color:inherit;
}
.chartcolumn>.top:after, .chartcolumn>.top:before{
	content:' ';
	display:block;
	background-color:inherit;
	opacity:0.5;
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	width:100%;
	height:0;
	padding-bottom:100%;
	-moz-transform: translateY(50%) scaleY(0.666) rotate(45deg);
	-webkit-transform: translateY(50%) scaleY(0.666) rotate(45deg);
	-o-transform: translateY(50%) scaleY(0.666) rotate(45deg);
	-ms-transform: translateY(50%) scaleY(0.666) rotate(45deg);
	transform: translateY(50%) scaleY(0.666) rotate(45deg);
}
.chartcolumn>.top:before{background-color:#FFF;opacity:1;z-index:1}
.chartcolumn>.left, .chartcolumn>.right{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color:inherit;
}

.chartcolumn>.left:before, .chartcolumn>.left:after{
	content:' ';
	background-color:inherit;
	opacity:0.8;
	display:block;
	position:absolute;
	z-index:2;
	right:49.5%;
	bottom:0;
	width:70.71%; /*sqrt(2)/2*/
	height:100%;
	margin-bottom:-23%;
	-moz-transform: skew(0deg, 33deg);
	-webkit-transform: skew(0deg, 33deg);
	-o-transform: skew(0deg, 33deg);
	-ms-transform: skew(0deg, 33deg);
	transform: skew(0deg, 33deg);
}
.chartcolumn>.left:before{background:rgb(143,143,143);
background: -moz-linear-gradient(0deg, rgba(143,143,143,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(143,143,143,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(0deg, rgba(143,143,143,1) 0%, rgba(0,0,0,1) 100%);opacity:1;z-index:1}

.chartcolumn>.right:before, .chartcolumn>.right:after{
	content:' ';
	background-color:inherit;
	display:block;
	position:absolute;
	z-index:2;
	left:50%;
	bottom:0;
	width:70.71%; /*sqrt(2)/2*/
	height:100%;
	margin-bottom:-23%;
	-moz-transform: skew(0deg, -33deg);
	-webkit-transform: skew(0deg, -33deg);
	-o-transform: skew(0deg, -33deg);
	-ms-transform: skew(0deg, -33deg);
	transform: skew(0deg, -33deg);
}
.chartcolumn>.right:before{background-color:#FFF;opacity:1;z-index:1}
.chartcolumn:after{
	content:' ';
	display:block;
	background-color:#FFF;
	opacity:0.5;
	position:absolute;
	z-index:0;
	left:0;
	bottom:0;
	width:100%;
	height:0;
	padding-bottom:100%;
	box-shadow:0 5px 15px -3px  rgba(0,0,0,0.9);
	-moz-transform: translateY(49%) scaleY(0.666) rotate(45deg);
	-webkit-transform: translateY(49%) scaleY(0.666) rotate(45deg);
	-o-transform: translateY(49%) scaleY(0.666) rotate(45deg);
	-ms-transform: translateY(49%) scaleY(0.666) rotate(45deg);
	transform: translateY(49%) scaleY(0.666) rotate(45deg);
}
.columnchart .table {margin-top:1em}
.columnchart .row {position: relative; display: flex; justify-content: space-between; /*flex-wrap: wrap;*/ font-size: var(--wp--preset--font-size--small)}
.columnchart .row::before {content: ''; width: 10px; height: auto; display:block; }
.columnchart .row div:first-child { margin-left: 10px; margin-right: auto; }
.columnchart .row:nth-child(1)::before {background-color:#a0c92d;}
.columnchart .row:nth-child(2)::before {background-color:#94c032;}
.columnchart .row:nth-child(3)::before {background-color:#f9388a;}
.columnchart .row:nth-child(4)::before {background-color:#333333;}
.columnchart .row:nth-child(5)::before {background-color:#666666;}
.columnchart .row:nth-child(6)::before {background-color:#747572;}
.columnchart .row:nth-child(7)::before {background-color:#810800;}

.columnchart .chartcolumn:nth-child(1) {background-color:#9bd200;}
.columnchart .chartcolumn:nth-child(2) {background-color:#94c032;}
.columnchart .chartcolumn:nth-child(3) {background-color:#f9388a;}
.columnchart .chartcolumn:nth-child(4) {background-color:#333333;}
.columnchart .chartcolumn:nth-child(5) {background-color:#666666;}
.columnchart .chartcolumn:nth-child(6) {background-color:#747572;}
.columnchart .chartcolumn:nth-child(7) {background-color:#810800;}