.gp {
	--check_svg: url("svg/check_gp.svg");
	
}

.konfigurator #erklaerung_banner, .konfigurator #preis_banner_div, .konfigurator .schritt, .konfigurator .tool_rahmen, .konfigurator .tool_tip, .konfigurator .button_warenkorb, .konfigurator .darunter_02 {border-radius: 20px;}
.konfigurator #ueberschrift_banner_div {border-radius: 0 0 20px 20px;}
.konfigurator #banner {border-radius: 20px 20px 0 0;}

.konfigurator.container, .konfigurator .rahmen {background: transparent;}
.konfigurator .js--fancy-select, .konfigurator .js--fancy-select:hover, .konfigurator .zuruecksetzen, .konfigurator textarea, .konfigurator input, .konfigurator .ebene.auswahl .radiobuttons.tool_rahmen {background: #FFFFFF !important;}

.konfigurator #banner {margin-bottom: 100px;}
.konfigurator #ueberschrift_banner_div {background: #FFFFFF; max-width: 100%; width: 100%; left: 0px; bottom: -78px; text-align: center; padding: 20px;}
.konfigurator #ueberschrift_banner_div h1 {color: var(--primaer_1_h) !important; font-size: 32px; line-height: 37px;}
.konfigurator #erklaerung_banner, .konfigurator .darunter_02 {background: #FFFFFF; padding: 20px;}
.konfigurator #erklaerung_banner h3 {margin-top: 0px;}
.konfigurator #erklaerung_banner p {margin-bottom: 0px;}
.konfigurator .dreieck_border, .konfigurator .dreieck_back {top: 30px;}

.konfigurator .tool_tip:after {display: none;}

@media screen and (max-width: 630px) {.konfigurator #ueberschrift_banner_div {position: absolute;}}



.is-ctl-product .cms-section-sidebar-main-content .cms-block-container {margin-top: 0; background: none;}
.cms-section-sidebar-main-content.no_sidebar, .cms-block-container-row, 
.product--details {padding: 0 !important;}

.konfigurator input, .konfigurator select, .konfigurator textarea, .konfigurator .zuruecksetzen {float: left; border-radius: 20px;}