:root {
  --cl-red :#FF4554; 
  --cl-green: #5B8D4B;
  --cl-green-light: #DFEEDA;
  --cl-light :#F6F6F6;
}
html {
  scroll-behavior: smooth;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}


body {
  color: #000;
  font-family: "Indivisible", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  font-size: 18px;
  background: #FFF;
}
strong {
  font-weight: 700;
}
ul {
  padding: 0;
}
a {
  text-decoration: none;
  display: inline-block;
}
img {
  max-width: 100%
}
.color-inherit{    color: inherit;}
.text-center {text-align: center;}
.f14 {font-size: 14px; line-height: 20px}
.f18 {font-size: 18px; line-height: 20px}
.f15 {font-size: 15px; line-height: 20px}
.f16 {font-size: 16px; line-height: 20px}
.f19 {font-size: 19px; line-height: 25px}
.f22 {font-size: 22px}
.f32 {font-size: 32px; line-height: 42px}
.f45 {font-size: 45px; line-height: 55px;}
.f36 {font-size: 36px;}
.space12 { height: 12px; }
.space18 { height: 18px; }
.space50 { height: 50px; }
.space30 { height: 30px; }
.fw-semibold { font-weight: 600 }
.fw-bold { font-weight: 700 }
.mb-checkbox { margin-bottom: 15px}
.m-0 { margin: 0!important}
.mb0 { margin-bottom: 0}
.mb8 {margin-bottom: 8px}
.mb10 {margin-bottom: 10px}
.mb12 {margin-bottom: 12px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb22 {margin-bottom: 22px}
.mb60 {margin-bottom: 60px}
.m-22 {margin-inline: -22px;}
.p-0 { padding:0!important}
.p-50 { padding: 50px 0}
.dflex { display: flex }
.d-block { display: block!important }
.nowrap { white-space: nowrap; }
.noborder { border:0!important }
.relative { position: relative; }
.container { max-width:1090px; margin: 0 auto; position: relative;}
.container-xl { max-width: 1312px; margin: 0 auto; position: relative;}
.bl_inline { display: inline-block; }
.bg_lightgreen {background: var(--cl-green-light)}
.bg_light {background: var(--cl-light)}
.bg_grey { background: #F6F6F6 }
.cl-orange { color: #ED7D31 }
.cl-green { color: var(--cl-green) }
.title-with-ln {position: relative;line-height: normal;}
.title-with-ln span {display: inline-block;background: #FFF;position: relative; padding-right: 22px}
.title-with-ln:before {content: " ";position: absolute;width: 100%;height: 3px;background: #000;display: block;top: calc( 50% - 2.5px);left: 0; max-width: 620px}
.subtitle { font-size: 18px; line-height: 25px; font-weight: 600; margin-bottom: 16px }
.row { display: flex}
.col50 { width:50%; position: relative; }
.col30 { width:33%;}
.col40 { width:40%;}
.col60 { width:60%;}
.col70 { width:70%;}
.gap10 { gap:10px; }
.text-end { text-align: right;}
.w100 {width: 100%; max-width: unset}
.w240 {max-width: 240px; }
.w400 { max-width: 335px!important }
.btn { background: var(--cl-green); padding: 18px 20px 16px 31px; font-size: 22px; border: 0;     line-height: 26px;
    color: #FFF;
    font-weight: 600;
    min-width: 197px;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    gap: 20px; cursor: pointer;}
.btn svg {margin-top: -2px;    flex-shrink: 0;}    
.button_back { background: none; border: 0; color:#888888; text-transform: initial; font-weight: 400; text-decoration: underline; }
.error-required { border: 1px solid red;
    background: #ff00000a; }
.btn:disabled { background: #858784; cursor: initial; }
.tooltip-btn {     margin-top: -2px; display: inline-block; margin-left: 1px; vertical-align: middle; }
.hide-desktop, .show-360 {  display: none} 
.antwort { text-decoration: underline; font-weight: 500}
.antwort:hover { color: #5B8C4B}
.mirror {
      position: absolute;
      visibility: hidden;
      white-space: pre;
      min-width: 21px;
      font-size: 16px;
    }
.tooltip-white-box-short { 
    background: #FFF;
    font-size: 15px; 
    border:1px solid #707070; 
    color:#000;
    padding: 2px 5px;
    max-width: 650px
 }
.tooltip-white-box-shortf18 { 
    background: #FFF;
    font-size: 15px; 
    border:1px solid #707070; 
    color:#000;
    padding: 2px 5px;
		width:550px;
		max-width:90% !important;
 }
 .tooltip-white-box-shortf18 { font-size: 18px}
 .tooltip-white-box-short ul, .tooltip-white-box-shortf18 ul { margin-left: 20px}

.tooltip-yellow-box-short { 
    background: #FFF8CA;
    font-size: 15px; 
    border:1px solid #707070; 
    color:#000;
    padding: 22px 22px;
    max-width: 470px
 }
     
ul.green-check { margin: 20px 0; padding: 0; list-style-type: none}
ul.green-check li {    display: flex;   gap: 10px;}
ul.green-check li:before { content: url(../images/icon-round-green-check.svg); }
.ui-widget { font-family: "Indivisible", sans-serif !important; }
textarea {padding:18px; width: 100% }
input {padding:12px 15px; width: 100%; max-width: 300px}
select {padding:12px 15px; border-radius: 0;background: #FFF; border: 1px solid #000;}
select option[disabled] {
  color: #ccc;
}
.label { }
.label.label-top{ position: absolute; top:-10px; font-size: 14px; padding:3px 5px 0; background: #FFF; left:10px; line-height: 14px; }
.date-input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 5px;
}
.date-input-container input { border:0; }
.datepicker-field { border:1px solid #000; padding: 8px 10px 8.39px; font-size: 18px }
.datepicker-field input { font-size: 16px; line-height: 16px; padding: 2px 5px; text-align: center; outline-color: #CCC; outline-width: 1px; max-width: 58px}
.calendar-icon {
    margin-right: 10px;
    cursor: pointer;
}
.hidden-date-input {
  visibility: hidden;
    width: 0;
    height: 20px;
    padding: 0;
}

.marker {  background: var(--cl-red); color:#FFF; padding-inline:5px;}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 3px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box; 
  width: 100%;
}
  
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #1e91cf; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777; }
  .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed; }


.header { background: var(--cl-red); max-height: 50px}
.header > div { display: flex; padding: 13px 0; }
.header .icons {position: absolute;right: 0; top: 25px; display: flex; align-items: center; gap:20px;}

.main-slider { background: url(../images/main-slider.webp) center center no-repeat }
.main-slider > div { display: flex; 
    min-height: 540px;
    align-items: center;}
.filledbgredtext span{ background: var(--cl-red); color:#FFF; padding: 0 5px; display: inline-block; line-height: normal; margin-bottom: 10px;}

.features { transform: translateY(-131px);     padding-bottom: 20px;}
.features .container { background: #FFF; padding:3% 4% ; }
.features .title { font-size: 22px; font-weight: 600;  margin-bottom: 11px;}
.features .feature-arrow {     position: absolute;
    top: calc(100% - 34px);
    left: 168px; }
.numbers { width:81px; height: 81px; margin: 50px auto 50px; border:2px solid #000; border-radius: 100%; font-size: 37px; font-weight: 500; display: flex;align-items: center;
    justify-content: center;
    line-height: 0;  }
.tipp {
  position: absolute;
    right: -39px;
    top: 50%;
}    
.tipp3 {display: inline-block;
    margin-bottom: -34px;
    transform: translateY(-16px);}
.tipp4 { display: none;}
.steps .step1 {min-height: 488px !important;}
.steps-block {  padding-bottom: 20px }
.steps-block .head .title { font-size: 45px; font-weight: 600;margin-bottom: 23px }
.steps-block .head .text { max-width: 615px }
.steps-block .step-list {list-style-type: none; background: var(--cl-green); color:#FFF; font-size: 18px; padding:20px 0; margin: 0; width: 314px; flex-shrink:0;
  overflow: hidden;  position: sticky;
    top: 0px; }
.steps-block .step-list li { padding:15px 20px 15px 40px; position: relative; opacity: 0.8; cursor: pointer;}
.steps-block .step-list li.active { opacity: 1; font-weight: 600;}
.steps-block .step-list li:before, .steps-block .step-list li:before { content: ""; width:33px; height: 3px; background: #FFF; position: absolute; top:46%;left:-40px; transition:all 0.3s;}
.steps-block .step-list li.active:before, .steps-block .step-list li:hover:before { left:0; }
.steps-block .step-list li:hover { opacity: 0.8}
.steps-block .step-list li.substep { font-size: 16px; margin-left: 20px; padding-top: 0}
.steps-block .step-list li.substep:before { display: none}
.steps-block .content { gap:20px; margin: 50px 0 0; align-items: flex-start; position: relative;}
.steps-block .form { padding: 60px 60px 30px; background: #FFF }
.steps-block .form .title-with-ln { font-size: 22px; font-weight: 600; text-transform: uppercase;}
.steps-block .kein {     position: absolute;   top: 37px;  right: -112px; }
.steps-block .kein > span, .steps-kein-icon { margin: 0 10px; position: relative; }
.steps-block .kein > span > span, .steps-kein-icon > span {display: none; position: absolute; left:0; border:1px solid #000; padding: 13px 8px; width: max-content;}
.steps-block .kein > span:hover > span, .steps-kein-icon:hover > span {display: block; background: #FFF}
.steps-block .kein > span > span i, .steps-kein-icon > span i { font-style: normal;  }
.steps-wrapper { 
    overflow: hidden;
  background: #FFF;
  min-width: 756px;    
    
}
.progress-line { width: 100%; height: 10px; background: #E5E5E5; position: relative; }
.progress-line span { display: block; width:6%; background: var(--cl-green); height: 100%; transition:all 0.5s; }
.steps .step-item .title { font-weight: 600; font-size: 22px; line-height: 26px }
.steps .step-item .title .tooltip-btn { margin-top: -5px}
.textarea-count { margin-bottom: 20px; border:1px solid #000; padding-bottom: 5px;}
.textarea-count textarea { border:0; }
.textarea-count textarea:focus { outline: none; border:none; }
.textarea-count p { text-align: left; color: var(--cl-red); padding-left: 20px; opacity: 0; transition: all 0.3s ; }
.checkbox-um { display: flex; }
.img-icon1 { margin-top: -26px;margin-left:5px; display: inline-block!important; vertical-align: bottom;}
.st0 { font-size: 70px; display: flex;    align-items: center; justify-content: space-between; max-width: 537px; margin-bottom: 20px; margin-left: -2px;}
.st0 .checkbox-um { display: flex; align-items:center; gap:25px;}
.st0 label { font-size:16px; line-height: 25px}
.milliarden { display: flex; background: #fff; padding: 19px; align-items:center;    justify-content: space-around; box-shadow: 0 0 20px rgba(0,0,0,0.05); color:#666; text-align: center;}
.milliarden img { display: block;}
.middle-img { background: url(../images/slider-middle.jpg) 0 0 no-repeat; padding: 100px 20px; margin-bottom: 120px; position: relative; }
.middle-img:after { content: url(../images/kein-behoerdendeutsch_gruen.png); position: absolute; bottom: -65px; left: 75%; }
.step {border:1px solid #000;}
.step img {    object-fit: cover;  height: 100%; width: 100%}
.step .number { font-size: 100px; font-weight: 800; color:#FFF; text-stroke:1px #000; -webkit-text-stroke:1px #000; line-height: 1.2; }
.step .title { line-height: 43px }
.step .text { padding:10% 15% 10% 15%; line-height: 25px;}
.steps-kein-icon { position: absolute; right: -44px; top:10%;  }
.step .ohne img , .steps-kein-icon img { object-fit:unset; width: auto;height: auto; }
.step .ohne { position: absolute; top:50%; right:-96px; }
.step .text ul { margin-left: 20px }
.step .text a { text-decoration: underline; }
.step-warning { border:2px solid #B90000; color:#B90000; padding: 11px; text-align: center; font-size: 14px; background: #FFF9F9;margin-bottom: 14px }
.step8-tip-block { padding:30px 50px 30px 30px; background: #FFF8CA; display: flex; gap:7px;    width: fit-content; position: relative; flex-wrap:wrap;}
.icon-light { position: absolute; top:20px; right: 30px }
.step-item .form {font-size: 16px; line-height: 26px}
.step-item .form .buttons {margin-top: 40px; display: flex; align-items: center; justify-content: flex-end;}
.step1 {min-height: 490px }
.step8-table {    display: flex;
    align-items: center;
    gap: 10px; margin-bottom: 20px}
.step8-table > div:first-child {width: 120px}
#onlineshop-eu .warning { width: 100%; max-width: 554px; }
.umcenter {display: flex;
    text-align: center;
    align-items: flex-end;}
.step13 .form {padding-inline: 82px}
.step13 .block-total {  background: #F9F9F9; padding: 12px 22px; margin-inline:-22px;}
.step13 .block-total p { margin-bottom: 11px; padding: 4px 5px; line-height: 1; margin-left: -5px}
.step13 .block-total p:hover { cursor:pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.51' height='16.105' viewBox='0 0 15.51 16.105'%3E%3Cg transform='translate(1.052 1.076)'%3E%3Cg transform='translate(0 11.129) rotate(-47)'%3E%3Cg transform='translate(0 0.494)' fill='%23f3f3f3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M 15.71630191802979 3.652796268463135 L 15.21630191802979 3.652796268463135 L 2.034402370452881 3.652796268463135 L 1.857032418251038 3.652796268463135 L 1.719312429428101 3.541016340255737 L -0.315087616443634 1.889846324920654 L -0.8165276050567627 1.482866287231445 L -0.2969276010990143 1.099346399307251 L 1.737472414970398 -0.4022836685180664 L 1.869852423667908 -0.5000036358833313 L 2.034402370452881 -0.5000036358833313 L 15.21630191802979 -0.5000036358833313 L 15.71630191802979 -0.5000036358833313 L 15.71630191802979 -3.653907697298564e-06 L 15.71630191802979 3.152796268463135 L 15.71630191802979 3.652796268463135 Z' stroke='none'/%3E%3Cpath d='M 2.034402847290039 -3.576278686523438e-06 L 2.86102294921875e-06 1.501626372337341 L 2.034402847290039 3.152796268463135 L 15.21630191802979 3.152796268463135 L 15.21630191802979 -3.576278686523438e-06 L 2.034402847290039 -3.576278686523438e-06 M 2.034402847290039 -1.000003576278687 L 15.21630191802979 -1.000003576278687 C 15.76858234405518 -1.000003576278687 16.2163028717041 -0.552283763885498 16.2163028717041 -3.576278686523438e-06 L 16.2163028717041 3.152796268463135 C 16.2163028717041 3.705076217651367 15.76858234405518 4.152796268463135 15.21630191802979 4.152796268463135 L 2.034402847290039 4.152796268463135 C 1.804912567138672 4.152796268463135 1.582402229309082 4.073866367340088 1.40422248840332 3.929246425628662 L -0.6301774978637695 2.278076410293579 C -0.8703880310058594 2.083116292953491 -1.006837844848633 1.787946343421936 -0.9997367858886719 1.47865629196167 C -0.9926280975341797 1.169376373291016 -0.8427677154541016 0.8807864189147949 -0.5938577651977539 0.6970663070678711 L 1.440542221069336 -0.8045637607574463 C 1.612512588500977 -0.9315135478973389 1.820652008056641 -1.000003576278687 2.034402847290039 -1.000003576278687 Z' stroke='none' fill='%23000'/%3E%3C/g%3E%3Cline y2='3.603' transform='translate(13.575 0)' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 99% 5px no-repeat #EBEBEB}
.step14  { display: flex!important; flex-direction:column; height: 100%; align-items:flex-start; justify-content:center; }
.step14 .form { padding-block:30px; }
.tuvview {    position: sticky;
    left: calc(100% + 10px);
    width: 143px; 
    flex-shrink:0;
    top:0; }
.qt-1 { display: flex; align-items: center; flex-wrap: nowrap; gap:10px; margin-bottom: 20px}
.qt-1 .mb-checkbox { flex-shrink:0; }
.team-img { margin-left: -10px;}
.address-list { counter-reset: item }
.address-list .address-item { counter-increment: item }
.address-list .address-item:before { content: counter(item) ". "; font-size:22px; font-weight: bold; display: block;margin-bottom: 5px }
.block-total .aligned { display: flex; gap:5px;}
.block-total .aligned span:first-child {flex-shrink:0;}
.sv-input { border:1px solid #000; display: flex;  align-items: center;}
.sv-input input { border:0; max-width: unset}
.sv-input .label-right-el { margin: 0 10px }
.tblTotal {width: 100%}
.tblTotal .brd {width: 28%}
.tblTotal .sv-input {width: 100%; height: 50px;}
.tblTotal .sv-input p { text-align: center;margin: 0;
    width: 100%; }
.tblTotal .sv-input .label {font-size: 12px; background: #f9f9f9}
.warning { border:2px solid #B90000; background: #FFF9F9; color:#B90000 ;padding: 10px 22px; font-size: 14px; width: fit-content; }
.mobile-reverse { flex-direction:row-reverse;}
.logos {padding:78px 20px; margin-top: 36px}
footer .logos {
  margin-top:0 !important;
}
.logos > div { display: flex;justify-content: center;  gap: 76px;    flex-direction: row;}
.uber .text { padding:11.5%; }
.uber  img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.advantages { padding: 80px 20px; background: var(--cl-red); color:#FFF;}
.advantages > div, .features > div { display: flex; justify-content: space-between; row-gap:20px;}
.advantages > div { row-gap:50px; }
.advantages .title { font-size: 22px; font-weight: 600;   margin-bottom: 11px; }
.advantages .item, .features .item {display: flex;
    flex-direction: column;
        align-items: center;
    justify-content: space-between;
    text-align: center;
    gap:30px;
  }
.advantages .item img, .features .item img {flex-shrink: 0; }
.tourguide { padding: 86px 20px 80px}
.tourguide .row { gap:40px; justify-content: end;}
.video-player-nf-overlay .video-player-nf-mute {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: none;
  max-width: 15%;
  height: auto;
  border-radius: 100%;
  overflow: hidden;
}
.video-player-nf-overlay.muted .video-player-nf-mute {
  display: block;
}
.video-player-nf-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  cursor: pointer;
  top: 0;
  z-index: 1;
}

.video-block .video-player-nf {
  position: relative;
  background: #fff;
}
.video-block .video-player-nf .relative {
/*  padding-top: 56.25%;*/
}
.video-block .video-player-nf iframe {

  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.close-video {
    display: none;
}

.features .item { text-align: left;align-items: flex-start; } 

.fragen { padding: 41px 72px }
.fragen .row{ gap: 20px;}
.fragen .c1 { display: flex; gap:20px;align-items: center;}
.fragen .c2 > div { display: flex; gap:20px; margin-bottom: 15px}
.faq { padding:0 30px}
footer { background: #222; padding: 60px 20px 0;}
footer .nav a { font-size: 14px; color:#888; margin-bottom: 20px; display: block; }
footer >.row { justify-content: space-between; padding: 0 6% }
footer .logos {color: #FFF; padding: 0px}
footer .logos img { height: 65px; width: auto;}
footer .logos .row { margin-bottom: 30px;justify-content: flex-start;}

/* accordion */
.accordion {
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.accordion .title-with-ln { width: 100% }
.accordion-panel .accordion { text-transform: initial; border:1px solid #000;padding:12px 23px;}

.accordion:before {
    content: "";
    border-color: #000;
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    display: inline-block;
    height: 10px;
    transform: rotate(135deg);
    transition: 0.4s;
    vertical-align: baseline;
    width: 10px;
    margin-right: 20px;
    margin-top: -6px;
    flex-shrink:0;
}
.accordion-panel .accordion.active:after, .accordion.active:before {
    transform: rotate(315deg);
}

.accordion-panel .accordion:before { display: none}
.accordion-panel .accordion:after {
   content: "";
    border-color: #000;
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    display: inline-block;
    height: 10px;
    transform: rotate(135deg);
    transition: 0.4s;
    vertical-align: baseline;
    width: 10px;
    margin-right: 20px;
    position: absolute;
    right: 15px;
    margin-top: -6px;
}

.accordion-panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 20px;
    position: relative;

}

.accordion-panel p {padding-top: 10px}
.accordion-panel li { margin-bottom: 10px}

.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-checkbox + label {
  display: inline-flex;
  align-items: flex-start;
  user-select: none;
}
.custom-checkbox.align-top + label { 
  align-items: flex-start;
}
.custom-checkbox + label::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1.5px solid #ABABAB;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-position: 4px center;
  
}

.custom-checkbox:checked + label::before {
  background-color: #5B8D4B;
  border:1px solid #5B8D4B;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17.26" height="12.626" viewBox="0 0 17.26 12.626"><path id="Path_159" data-name="Path 159" d="M46,19.8l4.022,4.022L60.433,14" transform="translate(-44.586 -12.586)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-width="2"/></svg>');
}
.custom-checkbox.default:checked + label::before { background-color: #A2A2A2; border-color: #666666 }
.dies_ist_ein-block .custom-checkbox + label::before { margin-right: 8px }
.dropdown-select { position: relative; padding: 12px 6px 12px 18px; border:1px solid #000; cursor: pointer;}
.dropdown-select .dropdown-toggle{ 
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown-select .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.smallcheck .custom-checkbox + label::before{     background-size: 10px;
    width: 18px;
    height: 18px; }
.smallcheck .custom-checkbox + label { align-items: center; }
.dropdown-select .dropdown-menu { height: 130px; overflow-y:auto; }
.dropdown-select .dropdown-menu li {  margin-bottom: 5px; }
.dropdown-select .dropdown-menu li label { display: flex; align-items:center; padding-inline: 18px;}
.dropdown-select .dropdown-menu li label:hover { background: #eee }
.dropdown-select .dropdown-menu li label input { width: auto; margin-right: 10px }

/* close video button with effect */

.circCont {
  display: inline-block;
}

.circle {
  width: 40px;
  height: 40px;
  background: transparent;
  border: 4px solid #e91e63;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 10px 20px;
}
.circle:after {
  width: 24px;
  height: 4px;
  background-color: #fff;
  content: "";
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -2px;
  position: absolute;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /*@include transform-origin(100%,100%);*/
}
.circle:before {
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -2px;
  width: 24px;
  height: 4px;
  background-color: #fff;
  content: "";
  position: absolute;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  /*@include transform-origin(0%,0%);*/
}

.fromMiddle:before,
.fromMiddle:after {
  z-index: 9999;
  -moz-transition-delay: 150ms;
  -o-transition-delay: 150ms;
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
  -moz-transition: ease-in-out 400ms;
  -o-transition: ease-in-out 400ms;
  -webkit-transition: ease-in-out 400ms;
  transition: ease-in-out 400ms;
}
.fromMiddle span {
  width: 38px;
  height: 38px;
  background-color: #e91e63;
  display: inline-block;
  position: absolute;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  left: -2px;
  top: -2px;
  z-index: -9999;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);

  opacity: 1;
  -moz-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  -webkit-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
}

.fromMiddle:hover:before,
.fromMiddle:hover:after {
  position: absolute;
  background-color: #e91e63;
}
.fromMiddle:hover span {
  -moz-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0;
}
.circle[data-animation="magnify"]:not(.magnify) {
  -moz-transition: ease-in-out 100ms;
  -o-transition: ease-in-out 100ms;
  -webkit-transition: ease-in-out 100ms;
  transition: ease-in-out 100ms;
}
.circle[data-animation="magnify"]:not(.magnify):hover {
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.circle.magnify {
  -moz-transition: ease-in-out 200ms;
  -o-transition: ease-in-out 200ms;
  -webkit-transition: ease-in-out 200ms;
  transition: ease-in-out 200ms;
  -moz-transform: scale(1.6);
  -ms-transform: scale(1.6);
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  opacity: 0;
}

.video-fixed {
  position: fixed;
  z-index: 10000000000;
  bottom: 20px;
  right: 20px;
  width: 432px;
  height: 245px;
  padding: 0 !important;
}
.video-block .video-player-nf .video-fixed iframe {
  height: 243px;
  position: relative;
}
.close-video {
  display: none;
}
.video-fixed .close-video {
  position: absolute;
  top: -29px;
  right: 24px;
  width: 30px;
  display: block;
  z-index: 1;
}
/* responsive */
@media (max-width: 1439px) {
    .steps-wrapper { min-width: unset; max-width: 100% }
    .tuvview { position: absolute; }  
}
@media (max-width: 1400px) {
  .tuvview {    position: absolute;
    left: unset;
    right: 20px;
    top: -10px;
  }
}
@media (max-width: 1360px) {
  .steps-kein-icon { right: 10px}
  .steps-block .kein { right: -60px }
}
@media (max-width: 1311px) {
    .header > div {
        padding-left: 20px;
    }
}
@media (max-width: 1260px) {
  .steps-block .kein { right: 10px }
  .features .feature-arrow { top: calc(100% - 24px); }
}

@media (max-width: 1100px) {
  .steps-block .head{ padding: 0 20px }
  .tuvview { display: none!important}
}
@media (max-width: 890px) {
 .steps-block .kein { width: 100px; top:-20px; }  
 .m-22 {margin-inline: 0px;}
}
@media (max-width: 700px) {
  .step-warning { text-align: left; }
  body {font-size: 14px}
  .mb60 {margin-bottom: 30px}
  .f45 { font-size: 30px; line-height: 40px}
  .f22 { font-size: 20px}
  .f32 { font-size: 25px; line-height: 35px; }
  .features .feature-arrow { top: calc(100% - 45px); width: 56px; left: 45%;}
  .custom-checkbox + label::before { margin-right: 10px }
  footer .logo { margin-bottom: 20px }
  .hide-desktop { display: block}
  .hide-mobile { display: none}
  .container {padding-left: 20px; padding-right: 20px}
  .accordion-panel .accordion:after { right: 7px }
  .advantages { padding-block:50px; }
  .advantages > div, .features > div { flex-direction:column;}
  .advantages .item, .features .item { flex-direction: row; align-items:flex-start; gap:10px;}
  .advantages .item img, .features .item img { margin-top: 5px  }
  .space50 { height: 25px}
  .col50, .col30, .col40, .col60 { width: 100%}
  .custom-checkbox + label {     align-items: flex-start; }
  .row { flex-direction: column; }
  .uber .text { padding: 20px 20px}
  .step .text { padding: 20px 20px}
  .faq { padding: 0 20px }
  .header .icons {right:20px;}
  .header img {width: 80px; height: auto;}
  .header > div {padding-left: 20px }
  .features { margin: 0 20px}
  .features .item { justify-content: flex-start;}
  .steps-kein-icon, .step .ohne { top:-110px; right: 0 }
  .steps-block .head .text {max-width: 79%}
  .tuvicon { display: none}
  .img-icon1 {         margin-top: 7px;
        margin-left: -43px;}
  .st0 {align-items:unset;}
  .st0 .checkbox-um { justify-content: flex-start;  }
  .tipp { right: 0 }
  .milliarden { flex-direction:column-reverse; gap:15px; }
  .main-slider {background-size: 1118px; background-position: -310px top}
  .main-slider .f22 { font-size: 16px; font-weight: normal; }
  .main-slider .f45 { font-size: 22px; font-weight: 600; }
  .main-slider .col50:nth-child(1) { width: 64%; }
  .main-slider > div { min-height: 340px}
  .features .container { padding: 30px; gap: 35px;}
  .features { transform: translateY(-64px);}
  .features .item img {width: 35px}
  .features .item {gap: 30px; font-size: 14px}
  .features .title { margin-top: 0; font-size: 16px}
  .step .title { text-align: center; font-size: 31px; line-height: 35px }
  .steps-block .form { padding: 20px }
  .steps-block .head .title { font-size: 22px}
  .steps-block .kein { position: absolute; top:0px; right: 20px; width: 80px}
  .steps-block .step-list {width: 100%; position: relative;}
  .step8-tip-block { padding-right: 30px }
  .step13 .block-total p { flex-wrap: wrap; row-gap:0;}
  .step14 { min-height: 400px }
  .team-img { margin: 0}
  .dies_ist_ein-block { flex-direction:column;}
  .st0 { flex-direction:column;}
  .btn { min-width: 100px; gap:5px;}
  .middle-img .f22 { font-size: 14px; font-weight: normal;}
  .middle-img .f45 { font-size: 22px; }
  .middle-img:after {
    right: 1%;
    left: auto;
    /* width: 80px; */
    transform: scale(0.7);
  }
  .tblTotal td { display: block; width: 100%}
  .tblTotal td.brd { display: block; width: 100%}
  .tblTotal .sv-input { margin:10px 0; }
  .logos { padding-block: 20px 10px; margin-top: 20px}
  .logos > div { gap:20px }
  .ui-tooltip-content br { display: none } 
  .tipp { top:46%; display: none!important;}
  .tipp4 {     display: inline-block;
    vertical-align: bottom;
        position: absolute;
        bottom: -10px; margin-left: 5px;}
  .tipp4 img { height: 34px }
  #s22000 {margin-top: -20px;
    margin-bottom: 20px;}
    .steps-block .kein > span > span, .steps-kein-icon > span {   right: unset;         left: 50%;
        transform: translateX(-50%); 
        width: fit-content;
        min-width: max-content; left:unset; z-index:11; }
 .tooltip-white-box-shortf18 { font-size: 15px;}
 .button_summary { padding-inline: 10px; font-size: 18px;  width: 100%; }
 .qt-1 { flex-direction: column;
     align-items: flex-start; }
 .qt-1 + div { flex-direction: column; align-items: flex-start!important;}
 .tourguide { padding: 40px 20px }
 .tourguide .row { gap:26px; }
 .tourguide .title-with-ln, .tourguide .col { max-width: 100%!important }
}

@media (max-width: 380px) {
  .steps-block .kein { top:36px;}
  .btn {padding-inline: 10px;}
  .step8-table > div:first-child {
    width: 59%;
  }
}
@media (min-width: 379px) and (max-width: 410px) {
  .tipp4 {  position: relative; bottom:0; margin-left: 0;  }
  .tipp4 img {height: 43px}
}
@media (max-width: 360px) {
  .f32 { font-size: 22px; line-height: 30px }
  .f19 { font-size: 16px; line-height: 20px }
  .show-360 { display: block }
  .step8-tip-block {
    padding-right: 10px;
    padding-left: 20px;
  }
  .main-slider .f45 {
    font-size: 20px;
  }
  .steps-block .form {
       padding: 20px 10px;
  }
  .datepicker-field { 
    padding-left: 0;
    max-width: unset;
        width: 100%;
  }
  .tipp { top:48%; }
  .step13 .block-total { margin-inline: -10px;}
  .steps-block .kein > span > span, .steps-kein-icon > span { right: unset;         left: 50%;
        transform: translateX(-70%); }
  .features .container {
        padding: 10px;
        padding-right: 0;
        gap: 28px;
  }
  .features .item {
        gap: 12px;
        font-size: 14px;
  }
  
  .button_summary { padding-inline: 10px; font-size: 16px;  width: 100%; }
  .dropdown-select { padding-inline: 8px; }

}

@media (max-width: 340px) {
  .label.label-top { max-width: 228px }
}

/* Spinner animation for submit button */
.spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 8px;
  vertical-align: middle;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.select-medium{
	width: 100%;    
	max-width: 274px;
}
/*input:autofill {
  background-color:white !important;
}
input:-internal-autofill-selected {
    background-color:#fff !important;
    color: #000 !important;
    appearance: unset;
}*/
input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
  }
  @media(min-width:701px) and (max-width:1370px) {
    .header .icons {
        padding-right:20px;
    }
  }
  .header .icons img {
    max-width:80px;
  }
  .header .icons {
    top:15px;
  }
  footer a {
    font-weight: 600;
    text-decoration: none;
    transition: color .12s;
    display: inline;
}
footer .logos img {
    position:relative;
}
footer p a {
    position:relative;
    bottom:5px;
    font-size:18px;
}
footer .nav a {
    position:relative;
    bottom:3px;
}
footer a {
    color: #FFF;
}




@media(max-width:1000px) {
	
}

@media(max-width:700px) {
	.hide_700px{display:none;}
}