@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap");
.vpm-form .gform_wrapper ul.gform_fields li.gfield.step-completed { visibility: visible; opacity: 1; display: block; }

.vpm-form .gform_wrapper ul.gform_fields li.gfield { padding: 0; margin: 0; opacity: 0; display: none; }

.vpm-form .gform_wrapper ul.gform_fields li.gfield.step-completed { visibility: visible; opacity: 1; display: block; }

.vpm-form .gform_wrapper.gform_validation_error ul.gform_fields li.gfield, .vpm-form .gform_wrapper ul.gform_fields li.gfield.next-step { display: block; opacity: 1; }

.vpm-form .gform_wrapper .top_label .gfield_label { color: #e7e7e7; font-size: 20px !important; font-weight: 500; margin-bottom: 0; display: inline-block; margin-top: 40px; }

.vpm-form .gform_wrapper .gfield_checkbox li, .vpm-form .gform_wrapper .gfield_radio li { margin-bottom: 8px !important; }

.vpm-form .gform_wrapper ul.gform_fields li.gfield input[type=radio], .vpm-form .gform_wrapper ul.gform_fields li.gfield input[type=checkbox] { opacity: 0; position: absolute; display: none; }

.vpm-form .gform_wrapper ul.gfield_radio li label, .vpm-form .gform_wrapper ul.gfield_checkbox li label { padding: 8px; margin: 0; border: 1px solid #bebebe; max-width: 220px; width: 100%; border-radius: 3px; color: #444; transition: all 0.2s linear; background: #fff; font-size: 20px; font-weight: 500; cursor: pointer; display: inline-block; }

.vpm-form .gform_wrapper ul.gfield_radio li label:hover { border: 1px solid #20A553; background: #20A553; color: #fff; font-weight: 500; }

.vpm-form .gform_wrapper ul .lf-wide li label { max-width: 400px; }

.vpm-form .gform_wrapper .top_label div.ginput_container input { color: #FFF; border: 0; border-radius: 0; border-bottom: 1px solid #bebebe; background-color: transparent; padding: 10px 8px !important; width: 100%; margin: 20px 0 10px; font-size: 24px !important; }

.vpm-form .gform_wrapper .top_label div.ginput_container input:focus { border-color: #20A553; }

.vpm-form .gform_wrapper .ginput_container_radio, .vpm-form .gform_wrapper .ginput_container_checkbox { margin: 20px 0 10px !important; }

.vpm-form #gform_fields_1 li.gfield { opacity: 0.25; position: relative; }

.vpm-form #gform_fields_1 li.gfield.active { opacity: 1; }

.vpm-form #gform_fields_1 li.gfield.active:before { display: none; }

.vpm-form #gform_fields_1 li.gfield { opacity: inherit !important; }

.vpm-form .lf-next-button span { display: none; width: 16px; height: 16px; margin-left: 10px; background-size: cover; }

/* ################# OK BUTTON ############### */
.vpm-form .lf-next-button { background: #000; margin-top: 20px; color: #fff !important; width: auto; display: inline-block; padding: 10px 20px; border-radius: 6px; cursor: pointer; opacity: 0; visibility: hidden; font-size: 18px; display: none; }

.vpm-form .lf-input .lf-next-button { opacity: 0; }

.vpm-form .lf-next-button.active { opacity: 1; visibility: visible; display: inline-block; }

.vpm-form li.lf-input { position: relative; }

.vpm-form .gform_wrapper .top_label div.ginput_container input { border-radius: 6px !important; border: 1px solid #e7e7e7 !important; color: #fff !important; font-size: 16px !important; height: 45px !important; }

.vpm-form .gform_wrapper input[type=button], .vpm-form .gform_wrapper input[type=submit] { width: 100% !important; max-width: 350px; font-size: 18px; font-weight: 500; background: #2e7ed5; border-radius: 6px !important; }

.vpm-form .gform_wrapper input[type=submit]:disabled, .vpm-form .gform_wrapper input[type=submit]:hover:disabled { color: #fff !important; background-color: #6e6e6e !important; cursor: not-allowed; pointer-events: all !important; opacity: .5 !important; margin-top: 30px; }

.gform_confirmation_message { text-align: center; min-height: 200px; display: flex; align-items: center; justify-content: center; }

/* ##################CHECKBOX BUTTON##################### */
.vpm-form .gform_wrapper ul.gfield_radio li label, .vpm-form .gform_wrapper ul.gfield_checkbox li label { border-radius: 50px !important; min-width: 300px !important; height: 45px !important; color: #2e7ed5 !important; font-size: 18px !important; text-align: center; border: 1px solid #2e7ed5; }

.gfield_radio li { overflow: inherit !important; }

.gform_wrapper ul.gfield_radio li input[type=radio]:hover + label { color: #2e7ed5 !important; background: #fff !important; border: 1px solid #2e7ed5; }

.gform_wrapper ul.gfield_radio li input[type=radio]:checked + label { color: #fff !important; background: #2e7ed5 !important; }

.vpm-form .gform_wrapper input[type=button]:hover, .vpm-form .gform_wrapper input[type=submit]:hover { background: #2e7ed5 !important; }

.vpm-form .gform_wrapper input[type=submit] { padding: 15px 20px !important; border: none !important; color: #fff; }

.vpm-form .gform_wrapper ul.gform_fields li.gfield input[type=checkbox] { margin: 0px; }

/* ##################CHECKBOX BUTTON CHECKED##################### */
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label { background-color: #027bc6; color: #FFF !important; }

.consent_box input[type=checkbox] + label { cursor: pointer; display: flex; align-items: center; }

.consent_box input[type=checkbox] { display: none; }

.consent_box input[type=checkbox] + label:before { content: "\2714"; border: 0.1em solid #000; border-radius: 0.2em; display: inline-block; width: 20px; height: 20px; padding-left: 0.2em; padding-bottom: 0.3em; margin-right: 0.2em; vertical-align: bottom; color: transparent; transition: .2s; }

.consent_box input[type=checkbox] + label:active:before { transform: scale(0); }

.consent_box input[type=checkbox]:checked + label:before { padding-bottom: 0; font-size: 14px; background-color: #90b819; border-color: #90b819; color: #fff; }

.consent_box input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa; }

.consent_box input[type=checkbox]:checked:disabled + label:before { padding-bottom: 0; font-size: 14px; transform: scale(1); background-color: #90b819; border-color: #90b819; }

@media screen and (max-width: 481px) { .vpm-form .gform_wrapper ul.gfield_radio li label, .vpm-form .gform_wrapper ul.gfield_checkbox li label { max-width: 100%; } .vpm-form .gform_wrapper input[type=submit] { padding: 0 30px; } }

.gform_wrapper .field_description_below .gfield_consent_description, .gform_wrapper .gfield_consent_description { border: 0px !important; }

.vpm-form .gform_wrapper input[type=submit] { cursor: pointer; }

@media (max-width: 786px) { .vpm-form .gform_wrapper ul.gfield_checkbox li label { min-width: 100% !important; } }

footer { padding-bottom: 30px; background-color: #fff; padding-top: 30px; }

footer .center { display: flex; flex-wrap: wrap; justify-content: center; }

@media (max-width: 786px) { footer .center { justify-content: center; } }

footer span, footer a { color: #1d1d47; margin-left: 20px; margin-right: 20px; font-family: 'Open Sans', sans-serif; }

@media (max-width: 786px) { footer a { margin-bottom: 12px; } }

.kontakt.subpage .mainDiv.content, .termin-buchen.subpage .mainDiv.content { width: 900px; font-size: 23px; padding-top: 20px; padding-bottom: 20px; max-width: calc(100vw - 40px); }

.kontakt.subpage p, .termin-buchen.subpage p { line-height: 40px; margin-bottom: 10px; color: #fff; }

@media (max-width: 786px) { .kontakt.subpage p, .termin-buchen.subpage p { font-size: 16px; line-height: 23px; } }

.kontakt.subpage b, .termin-buchen.subpage b { color: #fff; }

.subpage .navbar { justify-content: center; }

.termin-buchen.subpage h1 { margin-top: 0px; }

* { margin: 0; padding: 0; list-style: none; outline: none; text-decoration: none; box-sizing: border-box; }

body { font-family: "Raleway", sans-serif; font-size: 16px; color: #292929; }

a { color: #3389e2; }

.container { width: 1200px; max-width: 95%; margin: 0 auto; }

.header-prt { padding: 20px 0; }

.header-prt a { cursor: pointer; }

.header-prt img { width: 260px; }

.flex-all { display: flex; align-items: center; justify-content: space-between; }

.header-prt a { color: #d6703a; text-decoration: underline; font-weight: 600; }

.bnr-prt { background: url(/assets/img/bg0.webp) no-repeat center; background-size: cover; padding: 55px 0; }

.text-center { text-align: center; }

.bnr-prt h6 { font-size: 24px; color: #fff; font-weight: 600; letter-spacing: 3px; margin-bottom: 20px; }

.bnr-prt h2 { font-size: 45px; color: #fff; font-weight: 800; margin-bottom: 20px; }

.mt-40 { margin-top: 40px; }

.ul-list1 ul { margin: 0 0 30px; padding: 0; }

.ul-list1 ul li { font-weight: 500; color: #fff; font-size: 18px; padding: 15px 0 15px 55px; background: url(../img/icon-tick.png) no-repeat left; }

.btn1 { background: #d6703a; border-radius: 45px; padding: 15px 25px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; display: inline-block; box-shadow: 7px 0 13px #d6703a; transition: transform 0.2s; display: inline-flex; align-items: center; }

.btn1:hover { transform: scale(1.1); }

.btn1 img { position: relative; margin-right: 15px; }

.regiert { background: #fff; padding: 55px 0; }

.regiert h2 { font-size: 30px; font-weight: bold; color: #000000; margin-bottom: 30px; }

.regiert p { font-weight: 500; }

.list-section { display: flex; align-items: center; justify-content: space-around; margin-top: 50px; }

.icon-img { width: 60px; position: relative; margin-right: 30px; }

.icon-img img { width: 100%; }

.icon-img svg { width: 100%; height: auto; fill: #a0afcf; }

.icon-fehlender { display: flex; align-items: center; justify-content: flex-start; width: 40%; }

.icon-fehlender .icon-img { width: 55px; }

.icon-fehlender span + span { width: calc( 100% - 85px); }

.icon-fehlender span { color: #2882e0; font-size: 16px; font-weight: 500; }

.icon-fehlender span img { width: 100%; }

.spilen { background: #f7faff url(../img/bg2.webp) no-repeat center; background-size: cover; padding: 55px 0; }

.spilen h2 { font-size: 30px; color: #000; font-weight: 800; }

.box-part { display: flex; flex-wrap: wrap; }

.box-part .col1 { flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 50px 15px 40px; position: relative; transition: 0.2s all; transform: scale(1); }

.box-part .col1:hover { transform: scale(1.1); z-index: 10; }

.box-part .col1::before { background: url(../img/tp-bg.png) no-repeat; background-size: cover; left: 0; right: 0; top: 0; content: ""; position: absolute; bottom: 0; }

.border-box { border: 2px solid rgba(255, 255, 255, 0.3); position: relative; padding: 20px; text-align: left; }

.border-box img { position: relative; width: 60px; margin-top: -50px; z-index: 1; left: 20px; margin-bottom: 40px; }

.border-box h4 { color: #fff; font-weight: 800; }

.border-box p { color: #fff; font-size: 16px; font-weight: 500; }

.color1 { background: #335fb7; }

.color1 .border-box::after { position: absolute; left: 20px; top: -2px; height: 2px; width: 100px; content: ""; background: #4564a3; }

.color2 { background: #7581d9; }

.color2 .border-box::after { position: absolute; left: 20px; top: -2px; height: 2px; width: 100px; content: ""; background: #6c75b3; }

.color3 { background: #3c90e4; }

.color3 .border-box::after { position: absolute; left: 20px; top: -2px; height: 2px; width: 100px; content: ""; background: #4580bc; }

.color4 { background: #34b0db; }

.color4 .border-box::after { position: absolute; left: 20px; top: -2px; height: 2px; width: 100px; content: ""; background: #439bb9; }

.mb-30 { margin-bottom: 30px; }

.mit-dem { background: #fff url(../img/bg1.webp) no-repeat center top; background-size: cover; }

.conunting .icon-fehlender .icon-img { width: 60px; }

.conunting .icon-fehlender span { color: #000; width: 70%; }

.chart-section { background: url(../img/map.webp) no-repeat center; margin: 50px 0; position: relative; }

@media (max-width: 786px) { .chart-section { display: flex; flex-wrap: wrap; } .chart-section .st3 { order: 4; } .chart-section .st4 { order: 3; } }

.curcle-chart { text-align: center; }

.chart-list { position: absolute; color: #000000; font-size: 16px; }

.text-right { padding-right: 25px; border-right: 10px solid #f23b4e; text-align: right; }

.st1 { top: 50px; left: 100px; }

.text-left { padding-left: 25px; border-left: 10px solid #efa32e; text-align: left; }

.st2 { top: 50px; right: 100px; }

.text-left2 { padding-right: 25px; border-right: 10px solid #5ad4ec; text-align: right; }

.st3 { bottom: 50px; left: 100px; }

.text-right2 { padding-left: 25px; border-left: 10px solid #8edd8e; text-align: left; }

.st4 { bottom: 50px; right: 100px; }

.ruhloff { padding: 55px 0; background: url(../img/bg3.webp) no-repeat center; background-size: cover; }

.ruhloff h2 { color: #fff; font-size: 30px; font-weight: 800; }

.dauner .icon-fehlender { align-items: flex-start; }

.dauner .icon-fehlender .icon-img { width: 60px; }

.dauner .icon-fehlender span { width: 90%; color: #fff; }

.unsere { padding: 55px 0; background: url(../img/bg6.webp) no-repeat center top; background-size: cover; }

.unsere h2 { font-size: 30px; color: #000000; font-weight: 800; }

.row-part { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-top: 50px; margin-bottom: 50px; }

.row-part .col-box { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; position: relative; padding-right: 15px; padding-left: 15px; }

.fill-cont { background: #fff url(../img/code.png) no-repeat center bottom; box-shadow: 16px 0 29px #d7deea; padding: 40px 30px; transition: 0.2s all; transform: scale(1); }

.fill-cont:hover { transform: scale(1.1); }

.ruhloff.durch { background: url(../img/bg4.webp) no-repeat center; background-size: cover; }

.ruhloff.durch h6 { color: #fff; font-weight: 800; font-size: 18px; }

.col-box img { height: 80px; }

.col-box p { font-weight: 500; margin-bottom: 15px; min-height: 170px; }

.col-box h5 { font-weight: 400; font-size: 16px; color: #2882e0; }

.col-box h6 { font-weight: 400; font-size: 16px; color: #000000; }

.col-box figure { margin-bottom: 40px; margin-top: 20px; }

.interesse { padding: 55px 0; background: url(../img/bg5.webp) no-repeat left top; }

.interesse h2 { color: #000000; font-size: 30px; font-weight: 800; margin-bottom: 60px; }

.row-center { display: flex; justify-content: center; }

.reverce-row { width: 100%; max-width: 600px; }

.numbering { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 100px; }

.numbering:hover .icon-ring::before { box-shadow: 0 1px 25px 0 rgba(46, 126, 213, 0.45); transition: 0.2s all; }

.icon-ring { position: relative; width: 75px; height: 75px; border-radius: 50%; background: #3389e2; display: flex; align-items: center; justify-content: center; }

.icon-ring img { width: 50px; z-index: 1; position: relative; }

.icon-ring::after { width: 95px; height: 95px; background: rgba(51, 137, 226, 0.4); position: absolute; left: -11px; content: ""; border-radius: 50%; box-shadow: 0 1px 25px 0 rgba(46, 126, 213, 0); transition: 0.2s all; }

.icon-ring::before { width: 120px; height: 120px; background: rgba(51, 137, 226, 0.2); position: absolute; left: -24px; content: ""; border-radius: 50%; }

.cont-ent { padding-left: 50px; width: 90%; font-size: 16px; }

.cont-ent h3 { color: #292929; font-size: 16px; font-weight: 900; margin-bottom: 5px; }

.cont-ent h3 span { color: #3389e2; }

.pl-100 { padding-left: 100px; }

footer { padding: 20px 0 50px; }

.footer-sec { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

@media (max-width: 786px) { .footer-sec .plz { display: block; } .footer-sec > div { display: flex; flex-direction: column; } .footer-sec > div > span { margin-bottom: 12px; } .footer-sec .seperator { display: none; } }

.footer-sec a { color: #3389e2; }

.footer-sec ul { margin: 0; padding: 0; margin-top: 10px; }

.footer-sec ul li { display: inline-block; margin: 0 5px; }

.footer-sec ul li:first-child { margin-left: 0px; }

.inerpage { padding: 50px 0; }

.inerpage b { margin-bottom: 10px; display: inline-block; }

.inerpage p { line-height: 24px; margin-bottom: 20px; }

.inerpage h2 { margin-bottom: 15px; }

.video-port { width: 50%; }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .footer-sec { font-size: 14px; } .st1 { left: 0; } .st2 { right: 0; } .st3 { left: 0; } .st4 { right: 0; } .video-port { width: 50%; } .header-prt a { font-size: 14px; } }

@media only screen and (max-width: 767px) { .flex-all { display: inline-block; width: 100%; text-align: center; } .flex-all span { display: inline-block; width: 100%; } br { display: none; } .bnr-prt h2 { font-size: 30px; } .ul-list1 ul li { text-align: left; } .video-port { padding: 20px 0 0 0; width: 100%; } .regiert h2 { font-size: 24px; } .spilen h2 { font-size: 24px; } .list-section { display: inline-block; width: 100%; } .icon-fehlender { width: 100%; margin-bottom: 15px; } .list-section { margin-top: 20px; } .curcle-chart img { width: 100%; } .chart-list { position: relative; top: inherit !important; right: inherit !important; left: inherit !important; text-align: left !important; margin-bottom: 20px; padding-left: 25px !important; padding-right: 0 !important; bottom: inherit !important; } .text-right { border-left: 10px solid #f23b4e; border-right: inherit !important; } .text-left2 { border-left: 10px solid #5ad4ec; border-right: inherit !important; } .ruhloff h2 { font-size: 24px; } .unsere h2 { font-size: 24px; } .row-part .col-box { padding: 15px; } .ruhloff.durch { background-size: cover !important; } .interesse h2 { font-size: 24px; } .pl-100 { padding-left: 0; } .numbering { display: inline-block; width: 100%; text-align: center; } .cont-ent { padding-left: 0; width: 100%; margin-top: 50px; } .icon-ring { display: inline-flex; } .footer-sec { display: inline-block; width: 100%; text-align: center; } .footer-sec ul { padding-top: 15px; } .bnr-prt h6 { font-size: 18px; letter-spacing: inherit; } .spilen { padding: 50px 15px; } .conunting .icon-fehlender span { font-size: 16px; } .row-part { margin: 0; } .inerpage h1 { margin-bottom: 20px; } .inerpage h2 { font-size: 20px; margin-bottom: 15px; } .box-part { display: inline-block; width: 100%; } .box-part .col1 { margin-bottom: 15px; } }

@media (max-width: 786px) { .flex-switch-mobile { display: flex; flex-direction: column-reverse; } .flex-switch-mobile .video-port { margin-top: -20px; margin-bottom: 20px; } }

.form-wrapper { min-height: calc(100vh - 222px); display: flex; align-items: center; justify-content: center; flex-direction: column; background: url(../img/bg0.webp) no-repeat center; background-size: cover; }

.form-wrapper h1 { color: #fff; }

.form-wrapper p { color: #fff; }

.form-wrapper .vpm-form { max-width: 100%; width: 855px !important; margin: auto; }

@media (max-width: 786px) { .form-wrapper h1 { font-size: 23px; } }

.lang-switch a { position: relative; margin-left: 10px; }

.lang-switch a img { width: 30px; }

/*# sourceMappingURL=main.css.map */