@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.say-autovermietung.de/wp-content/themes/say-autovermietung/assets/css/ajax-loader.gif) center center no-repeat;
}   .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{ font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{ font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}@font-face {
font-family: 'Titillium Web';
src:
url(//www.say-autovermietung.de/wp-content/themes/say-autovermietung/assets/fonts/Titillium_Web/titillium-web-v17-latin-regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Titillium Web';
src:
url(//www.say-autovermietung.de/wp-content/themes/say-autovermietung/assets/fonts/Titillium_Web/titillium-web-v17-latin-600.woff2) format('woff2');
font-weight: 600;
font-style: semibold;
}
@font-face {
font-family: 'Titillium Web';
src:
url(//www.say-autovermietung.de/wp-content/themes/say-autovermietung/assets/fonts/Titillium_Web/titillium-web-v17-latin-900.woff2) format('woff2');
font-weight: 900;
font-style: black;
}
@font-face {
font-family: 'Barlow';
src:
url(//www.say-autovermietung.de/wp-content/themes/say-autovermietung/assets/fonts/Barlow/barlow-v12-latin-700.woff2) format('woff2');
font-weight: 700;
font-style: bold;
}
:root{
--box-shadow-value: 2px 2px 5px #5555;
--head-ff: Barlow, sans-serif;
--main-ff: Titillium Web, sans-serif;
--smc-small_wrapper-size: 650px;
--smc-wrapper-size: 1100px;
--font-color: #7A7A7A;
--bdy-font-weight: 600;
--font-size: 29px;
--smc-fs-small: 1em;
--smc-fs-medium: 18px ;
--smc-fs-large: 1.2em ;
--smc-fs-xlarge: 1.5em ;
--smc-fs-huge: 2em ;
--theme-col-1: #169295;
--theme-col-2: #ebe58f;
--fc-counter:0;
--accessebility-toolbar-width: 240px;
counter-reset: fc-counter;
} header{
background-color: #fff;
border-bottom: solid 1px #0001;
display: flex;
position: sticky;
top: 0;
z-index: 100;
}
header .wp-block-columns{
height: 100%;
}
main{
margin-top: 0 !important;
}
body{
font-weight: var(--bdy-font-weight);
hyphens: auto;
scroll-behavior: smooth;
font-size: var(--smc-fs-medium);
}
address{
margin: .5em 0;
font-style: normal;
}
.buchung_bestaetigen_flex_content h2{
margin-top: 0 !important;
}
.has-box-shadow{
box-shadow: var(--box-shadow-value);
}
.like-h1{
font-weight: 600;
}
.wp-container-6.wp-container-6 > .alignwide{
width: 100%;
}
.av-header-normal{
width: 100%;
}
.sub-logo-flag{
margin-top: 0;
}
.fahrzeug-card{
counter-increment: fahrzeug-order;
}
.fahrzeug-card:nth-child(3n).fd-active{
order: var(--fc-counter) !important;
}
.fahrzeug-suche{
width: 100% !important;
max-width: none !important;
font-family: var(--main-ff);
}
.fahrzeug-suche-dauer-gruppe{
display: flex;
gap: 1em;
}
.fahrzeug-suche-dauer{
background-color: white;
gap: 0 !important;
position: relative;
} .fahrzeug-suche-row{
justify-content: space-between;
flex-wrap: wrap;
}
.fahrzeug-suche-row input{
font-family: var(--main-ff);
width: calc(100% - 1em);
}
.fahrzeug-suche-checkbox input{
font-family: var(--main-ff);
}
.fahrzeug-suche-checkbox{
font-size: var(--smc-fs-small);
font-weight: 400;
justify-content: space-between;
margin-top: 50px;
margin-bottom: 1em;
}
.fahrzeug-suche .info-i{
position: relative;
align-self: center;
flex-direction: column;
align-items: start;
}
.fahrzeug-suche .info-i img{
width: 30px;
}
.fahrzeug-suche .info-i p{
text-align: center;
}
.fahrzeug-suche .info-i div{
display: flex;
gap: 1em;
}
.fahrzeug-suche .info-i .info-i-tooltip{
opacity: 0;
padding: .8em;
text-align: center;
background-color: #222;
border: 1px solid black;
border-radius: 15px;
color: #fff;
font-size: var(--smc-fs-small);
font-weight: 400;
transition: ease .3s all;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
margin-top: 3em;
}
.fahrzeug-suche .info-i .info-i-tooltip:before{
}
.fahrzeug-suche .info-i .info-i-tooltip p{
margin: 0;
}
.fahrzeug-suche .info-i:hover .info-i-tooltip{
opacity: 1;
}
.fahrzeug-suche-checkbox p{
margin: 0;
}
.fahrzeug-suche-ort{
flex-direction: row;
} .fahrzeug-suche-ort input{
width: -webkit-fill-available;
} .display_none{
display: none !important;
}
::placeholder{
color: black;
opacity: .6;
font-weight: 600;
}
.inklusivleistungen{
font-size: .9rem; color: var(--wp--preset--color--custom-farbe-1);
}
.inklusivleistungen .flex{
flex-wrap: wrap;
padding: 0;
gap: 1vw;
}
.inklusivleistungen ul{
justify-content: space-between;
}
.inklusivleistungen li{
margin-left: 13px;
}
.inklusivleistungen li::marker{
content: "✓ ";
}
.suche-selber-ort{
display: flex;
gap: 1em;
white-space: nowrap;
position: relative;
}
.suche-selber-ort p{
font-weight: 200;
font-size: .8em;
}
.custom-checkbox{
gap: 0 !important;
width: auto !important;
}
.checkbox-container{
display: block;
position: relative;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 25px;
height: 25px;
align-self: center;
}
.checkbox-container input{
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox-checkmark{
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
.checkbox-container:hover input ~ .checkbox-checkmark {
background-color: #ccc;
}
.checkbox-container input:checked ~ .checkbox-checkmark{
background-color: #2196F3;
}
.checkbox-checkmark:after{
content: "";
position: absolute;
display: none;
}
.checkbox-container input:checked ~ .checkbox-checkmark:after{
display: block;
}
.checkbox-container .checkbox-checkmark:after{
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
input:not([type="checkbox"]), select{
padding-top: 1em;
padding-bottom: 1em;
padding-right: .5em;
padding-left: .5em;
font-size: var(--smc-fs-small);
border: none;
}
input[type="date"], input[type="time"]{
text-align: center;
border: none;
}
input[type="time"]{
border-style: none;
}
small{
font-size: var(--smc-fs-small);
font-weight: 400;
font-style: italic;
}
.sav_check{
margin: 1em 0;
}
input[type="submit"]{
border-style: none;
background-color: var(--wp--preset--color--custom-farbe-1);
color: white;
min-width: 20%;
}
button{
border-style: none;
background-color: var(--wp--preset--color--custom-farbe-1);
color: white;
padding: 1em 2em;
cursor: pointer;
font-weight: 600;
}
.book_car_form input[type="submit"]{
width: 100%;
font-size: 1.2em;
font-weight: 600;
}
.book_car_form .buchung_submit_button{
position: relative;
}
.book_car_form .buchung_submit_button::after{
position: absolute;
content: 'weiter →';
display: block;
color: #fff;
bottom: -25px;
right: 5px;
}
input[type="submit"]:hover{
filter: brightness(120%);
}
datalis, option{
font-size: var(--smc-fs-medium);
}
.flex{
display: flex;
gap: 1em;
}
.fs-small{
font-size: var(--smc-fs-small);
}
.fs-larger{
font-size: var(--smc-fs-large);
}
.vertical_flex{
flex-direction: column;
display: flex;
gap: 1em;
flex-basis: 100%;
}
.no-margin-top{
margin-top: 0 !important;
}
.no-margin-bottom{
margin-bottom: 0 !important;
}
.av-header{
display: flex;
justify-content: center;
}
.av-header ul{  }
.no-display{
display:none !important;
}
.flex-1{
flex: 1;
}
.flex-column{
flex-direction: column;
}
.logo_column{
position: relative;
}
.logo_column > .wp-block-group{
position: absolute;
top: 0;
}
.buchung-textarea{
resize: none;
width: 100%;
font-size: var(--smc-fs-large);
border: none; padding: 1em;
box-sizing: border-box;
}
.textarea-groß{
height: 9em;
}
.textarea-klein{
height: 3em;
overflow: hidden;
}
.wp-block-navigation__container{
gap: 1em !important;
}
.current-menu-item a,
.wp-block-navigation a:hover{
color: var(--wp--preset--color--custom-farbe-1) !important;
}
.wp-block-navigation a:hover{
text-decoration: underline;
}
.wp-block-navigation a{
transition: ease all .1s;
}
.anzahl-sitze-slider input{
color: black;
}   .buchung_bestaetigen{
justify-content: center;
}
.buchung_bestaetigen hr{
margin-top: 2em;
margin-bottom: 2em;
}
.buchung_bestaetigen .flex h2{
color: var(--wp--preset--color--custom-farbe-1);
font-weight: 600;
font-size: 1.5em;
}
.buchung_bestaetigen .av_price{
display: none;
}
.buchung_bestaetigen .buchung_aenderungen_vornehmen{
margin-left: 15%;
}
.buchung_bestaetigen .buchung_bestaetigen_top_bar{
padding: 2em;
padding-bottom: 4em;
color: white;
background-color: var(--wp--preset--color--custom-farbe-1);
margin-bottom: 3em;
}
.buchung_bestaetigen .buchung_bestaetigen_top_bar div:nth-child(2){
text-align: center;
}
.buchung_bestaetigen .buchung_bestaetigen_top_bar a{
color: white !important;
}
.buchung_bestaetigen .flex{
gap: 2em !important;
justify-content: center;
flex-direction: column;
}
.buchung_bestaetigen .buchung_bestaetigen_flex_content{
display: flex;
flex-direction: column;
}
.buchung_bestaetigen .buchung_bestaetigen_flex_content p{
margin: 0;
}
.buchung_bestaetigen .gebuehren_list div{
padding: 1em;
}
.buchung_bestaetigen .gebuehren_list div:nth-child(even){
background-color: var(--wp--preset--color--tertiary);
}
.buchung_bestaetigen .gebuehren_list div:last-child{
background-color: var(--wp--preset--color--custom-farbe-1);
color: white;
}
.buchung_bestaetigen .book_car_form{
font-size: 1.2em;
background-color: transparent;
}
.buchung_bestaetigen .book_car_form input{
font-size: 1.2em;
font-weight: 600;
}
.buchung_bestaetigen .book_car_form h2{
font-size: 1.2em;
}
.buchung_bestaetigen .f_b_t_row span{
text-wrap: nowrap;
display: flex;
gap: 1em;
align-items: center;
}
.buchung_bestaetigen .f_b_t_row span img{
width: auto;
}  .zufriedene-kunden-section{
padding: 0;
position: relative;
}
.zufriedene-kunden{
position: absolute;
width: 100%;
}
.zufriedene-kunden p{
font-family: var(--main-ff);
font-weight: 900;
line-height: 0.7em;
} .is_sticky{
position: sticky;
width: 100%;
top: 100px;
z-index: 99;
margin-bottom: 5em;
justify-content: space-between;
}
.one-way-alert{
display: none;
top: 40px;
}
.one-way-alert p{
font-weight: 600;
}
.fahrzeug-filter{
margin: 0 auto;
width: 100%;
max-width: var(--smc-wrapper-size);
}
.mietwagen-section .fahrzeug-suche form .fahrzeug-suche-row .fahrzeug-suche-dauer,
.mietwagen-section .fahrzeug-suche form .fahrzeug-suche-row input{
border-radius: 10px;
border: solid 1px #eee;
}
.mietwagen-section .fahrzeug-suche .fahrzeug-suche-dauer #m_abhol_datum,
.mietwagen-section .fahrzeug-suche .fahrzeug-suche-dauer #m_rueck_datum{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.mietwagen-section .fahrzeug-suche .fahrzeug-suche-dauer #m_abhol_uhrzeit,
.mietwagen-section .fahrzeug-suche .fahrzeug-suche-dauer #m_rueck_uhrzeit{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.fahrzeugsuche-top{
border-bottom: solid black 3px;
display: none;
}
.fahrzeug-suche .mietdauer{
padding-left: 0;
padding-right: 0;
}
.fahrzeug-suche .fahrzeug-suche-dauer-gruppe{
position: relative;
}
.fahrzeug-suche .fahrzeug-suche-row .mietdauer:first-child{
border-right: 3px dotted lightgray;
padding-left: 0;
}
.fahrzeug-suche .mietdauer{
padding-left: .5em;
padding-right: .5em;
width: 100%;
}
.fahrzeug-suche .fahrzeug-suche-dauer{
justify-content: space-between;
}
.filter-rechtecke div{
gap: 0;
margin-left: 0;
height: 50px;
}
.buchungsinfo-rechtecke{
margin-top: 0 !important;
text-align: center;
width: 100%;
}
.buchungsinfo-rechtecke div{
gap: 0;
margin-right: 0;
height: 50px;
background-color: var(--wp--preset--color--custom-farbe-6);
color: white;
}
.buchungsinfo-rechtecke div p{
font-size: .8em;
font-weight: 400;
margin: 0;
padding: 0;
}
.buchungsinfo-rechtecke div:nth-child(2) p{
padding: 0;
}
.filter-rechtecke select{
display: grid;
border-radius: 0;
border: 1px solid;
border-color: var(--wp--preset--color--custom-farbe-6);
color: var(--wp--preset--color--custom-farbe-6);
}
.date_time_group span{
padding: 1em;
background-color: var(--wp--preset--color--custom-farbe-4);
border-radius: 50px 0 0 50px;
padding-right: 3em;
flex-grow: 2;
font-family: Titilium, sans-serif;
font-weight: 400;
color: white;
}
.date_time_group input[type='date']{
border-radius: 50px 0 0 50px;
margin-left: -3em;
padding-right: 3em;
flex-grow: 1;
}
.date_time_group input[type='time']{
margin-left: -3em;
flex-grow: 1;
}
.readonly_field{
pointer-events: none ;
border:  #7e8993 solid 1px !important;
background: #0004 !important;
}
.under_min_mietdauer_alert{
width: 100%;
margin: 0 auto;
text-align: center;
}
.under_min_mietdauer_alert{
width: 100%;
margin: 0 auto;
text-align: center;
}
.top-cover-cta{
padding: 0 !important;
}
.top-cover-cta.wp-block-cover .wp-block-cover__inner-container{
background-color: #fff;
width: 100%;
height: 70vh;
display: flex;
background: linear-gradient(85deg, white 35%, transparent);
}
.top-cover-cta .wp-block-cover__inner-container .wp-block-group{
z-index: 2;
align-content: center;
max-width: unset !important;
}
.top-cover-cta .wp-block-cover__inner-container .wp-block-group .wp-block-button{
transition: ease all .2s;
}
.top-cover-cta .wp-block-cover__inner-container .wp-block-group .wp-block-button:hover{
scale: 1.05;
}
.top-cover-cta .wp-block-cover__inner-container .wp-block-group .wp-block-button a{
background: #93509E;
}
.top-cover-cta .wp-block-cover__inner-container .wp-block-group .wp-block-button:hover a{
background: linear-gradient(100deg, rgba(147, 80, 158, 1) 0%, rgba(168, 84, 98, 1) 50%, rgba(189, 174, 64, 1) 100%) !important;
color: #fff !important;
filter: brightness(1.1);
} .slide-cont{
position: relative;
width: 100%;
height: 100%;
}
.slick-track, .slick-list{
height: 100%;
}
.slick-dotted.slick-slider{
margin-bottom: 0 !important;
}
.slide-cont img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.header-slider .slick-dots{
bottom: 1em;
}
.header-slider .slick-dots li button::before{
color: #fff;
}
.header-slider li.slick-active button::before{
color: #fff;
}
.header-slider .slick-dots li.slick-active button::before {
color: #fff;
}
.slick-dots li button::before{
color: #93509e;
font-size: 34px;
font-weight: 700;
}
.slick-dots li button::before {
content: '\25CB';
opacity: 1;
width: 40px;
height: 40px;
line-height: 32px;
}
li.slick-active button::before{
color: #93509e;
content: '\25CF';
}
.slick-dots li.slick-active button::before {
color: #93509e;
opacity: 1;
}
.slick-dots li button{
width: 40px;
height: 40px;
padding: 0;
}
.slick-dots li{
width: 40px;
height: 40px;
} .block-editor-block-list__layout .header-slider{
display: flex;
}
.block-editor-block-list__layout  .slide-cont{
overflow: hidden;
filter: drop-shadow(-4px 5px 4px #000);
} .testimonial-image-container{
max-width: 250px;
}
.testimonials-slider .flex{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
}
.testimonial-image-container img{
border-radius: 200px;
width: 100%;
}
.testimonials-slider .slick-dots{
position: relative !important;
}
.testimonials-slider .wp-google-stars{
display: block;
} .coolsvg svg{
height: 75px;
width: auto;
}
.leistungs-section .coolsvg path,
.contact-section .coolsvg g{
fill: #27304b;
}
.contact-section .coolsvg svg{
height: 89px;
width: auto;
}
.contact-section .coolsvg{
text-align: center;
}
.contact-section .coolsvg path,
.contact-section .coolsvg g{
fill: #fff;
} .count-wrap{
text-align: center;
position: relative;
}
.count-wrap i{
font-size: 3em;
opacity: 1;
margin-bottom: .5em;
}
.count-wrap .counter{
font-size: 3.2em;
color: var(--wp--preset--color--custom-farbe-1);
font-weight: 300;
}
.count-title{
opacity: 1;
margin-top: 10px;
display: inline-block;
font-family: var(--headers-ff);
font-size: 1.3em;
}
.count-wrap:before{
content: "%";
color: var(--wp--preset--color--custom-farbe-1);
font-size: 5em;
z-index: 0;  width: 100px;
height: 100px;
display: inline-block;
position: absolute;
margin-top: 10px; left: calc(50% - 55px); line-height: 187px;
}
.count-wrap img{
width: 64px;
height: 64px;
object-fit: contain;
opacity: 0.7;
}
.count-wrap.bigger-than .counter:before{
content: '> ';
} .schema-faq-section {
margin: 1.5em 0;
border-bottom: 1px solid var(--wp--preset--color--custom-farbe-1);
position: relative;
}
.schema-faq-question::before {
content: "+";
font-size: 1.5em; left: 0;
top: 2px;
margin-right: .5em;
}
schema-faq-answer {
margin-top: 0 !important;
margin-bottom: 1em !important;
}
.faq .toggled-down .schema-faq-question::before {
transform: rotate(90deg);
}
.schema-faq-answer:not(.block-editor-rich-text__editable) {
display: none;
} .round_feature-box-column:before{
content: '';
position: absolute;
background-color: var(--wp--preset--color--custom-farbe-1);
color: white;
height: 60px;
width: 60px;
border-radius: 100px;
z-index: 10;
text-align: center;
line-height: 3em;
scale: 1.1;
}
.round_feature-box-column:nth-child(1):before{
content: '1';
}
.round_feature-box-column:nth-child(2):before{
content: '2';
}
.round_feature-box-column:nth-child(3):before{
content: '3';
}
.round_feature-box-column:nth-child(4):before{
content: '4';
}
.round_feature-box{
width: 100%;
position: relative;
}
.round_feature-box:after{
content: '';
display: block;
height: 0;
width: 100%;
padding-bottom: 100%;
background-color: #F6F6F6;
border-radius: 1000px;
}
.round_feature-box div{
display: flex;
flex-direction: column;
justify-content: center;
}
.round_feature-box > .wp-block-group{
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
z-index: 10;
}
.round_feature-box > .wp-block-group .wp-block-group{
display: inline-block;
}
.round_feature-box .coolsvg{
text-align: center;
margin-block-start: 0;
}
.num-round-columns{
gap: 8em !important;
}
.num-round-columns div div div{
text-align: center;
}
.num-round-box{
width: 64px;
height: 64px;
padding: 0 !important;
box-shadow: var(--box-shadow-value);
margin-right: 2em;
}
.num-round-box p{
width: 100%;
text-align: center;
margin-top: 14px;
line-height: 3.5em;
}
.service-section p{
font-size: 1em;
}
.width-70{
width: 70% !important;
}
.mietwagen-section{
margin-top: -5em !important;
z-index: 98;
position: relative;
box-shadow: 3px 3px 9px #777; border-radius: 20px;
}
.mietwagen-section .checkbox-checkmark{
border-radius: 5px;
}
.fahrzeug-suche .vertical_flex .flex input:nth-child(1){
min-width: 245px;
}
.fahrzeug-flex{
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
}
.fahrzeug-flex .attachment-post-thumbnail{
}
.cover-background-group{
background-color: rgba(168, 140, 126, 0.8);
display: inline-block;
overflow: hidden;
}
.text-align-center .wp-block-cover__inner-container, .text-align-center{
text-align: center;
} .text-align-center .wp-block-cover__inner-container .cover-background-group h2{
font-size: 3em;
}
.unser-service-column-rechts{
box-sizing: border-box;
height: 50%;
} .no-gap{
gap: 0;
}
.fahrzeug-card{
position: relative;
font-family: Titilium, sans-serif;
height: auto;
background-color: white;
}
.fahrzeug_left{
position: relative;
box-shadow: var(--box-shadow-value);
width: 100%;
background-color: white;
}
.fahrzeug-card.fd-active {
width: 60%;
display: flex;
margin-right: 1em;
margin-bottom: 1em;
}
.fd-active .fahrzeug_left{
width: 50%;
z-index: 11;
filter: drop-shadow(2px 2px 2px #e1a5e1);
border: 1px solid #e1a5e1;
}
.fd-active .fahrzeug-details{
z-index: 10;
transform: translateY(15px) translateX(-25px);
opacity: 1;
position: relative;
filter: drop-shadow(2px 2px 2px #e1a5e1);
}
.niedrige-anzahl-alert{
position: absolute;
background-color: rgba(255, 0, 0, 0.5);
display: flex;
flex-direction: row;
width: 100%;
height: 60px;
gap: .5em;
padding-left: .5em;
padding-right: .5em;
box-sizing: border-box;
z-index: 1;
}
.niedrige-anzahl-alert img{
height: 80%;
filter: brightness(0) invert(1);
margin-top: auto;
margin-bottom: auto;
}
.niedrige-anzahl-alert p{
font-size: 9pt;
color: white;
line-height: 1.2em;
margin-top: auto;
margin-bottom: auto;
font-weight: 600;
}
.fahrzeug-anzahl{
font-weight: 600;
}
.fahrzeug-titel{
padding-left: .8em;
}
.fahrzeug-klasse{
display: flex;
width: 50%;
flex-direction: column;
}
.fahrzeug-klasse span:nth-child(1){
padding-left: .8em;
}
.fahrzeug-klasse .fs-small{
color: #a0a0a0;
font-size: var(--smc-fs-medium);
font-weight: 400;
}
.fahrzeug-thumbnail img{
width: 100%;
object-fit: cover;
height: 200px;
}
.fahrzeug-gallerie{
position: relative;
}
.fahrzeug-gallerie span{
position: absolute;
bottom: 0;
width: 100%;
}
.gallerie-thumbnail img{
width: 100%;
display: block;
height: 150px;
object-fit: cover;
}
.fahrzeug-gallerie span{
display: block;
text-align: center;
background-color: #a0a0a088;
}
.fahrzeug-ausgabe-icons{
max-height: 15px;
height: 15px;
width: 15px;
}
.fahrzeug-ausgabe-eigenschaften{
-webkit-box-sizing: border-box;
-webkit-flex-wrap: wrap;
width: 50%;
display: flex;
flex-direction: column;
gap: 0em 1.5em;
flex-wrap: wrap;
text-align: right;
box-sizing: border-box;
padding-right: 1em;
justify-content: space-between;
font-size: var(--smc-fs-small);
font-weight: 300;
}
.fahrzeug-ausgabe-eigenschaften span{
white-space: nowrap;
}
.fahrzeug-ausgabe-eigenschaften p{
margin: 0;
}
.preis{
position: relative;
width: 50%;
background-color: var(--wp--preset--color--custom-farbe-6);
}
.preis-pro-tag{
display: block;
font-size: 0.7em;
font-weight: 400;
color: white;
text-align: left;
padding-left: 1.7em;
}
.preis-gesamt{
display: block;
font-size: var(--smc-fs-large);
font-weight: 400;
color: white;
text-align: left;
padding-left: 1em;
}
.mehr-details{
width: 50%;
text-align: center;
display: block;
color: var(--wp--preset--color--custom-farbe-1);
padding: .8em 0 .8em 0;
cursor: pointer;
user-select: none;
}
.mehr-details span:after{
content: '›';
}
.fahrzeug-details{
flex: 1;
height: auto;
display: flex;
flex-direction: column;
position: absolute;
transform: translateY(15px) translateX(-50px);
opacity: 0;
transition: all .3s ease;
}
.fahrzeug-details div{
display: flex;
flex: 1;
justify-content: space-between;
white-space: nowrap;
}
.fahrzeug-details div p:first-child{
padding: .5em .5em .5em 2em;
margin: 0;
}
.fahrzeug-details div p:last-child{
padding: .5em .5em .5em;
margin: 0;
}
.fahrzeug-details div:nth-child(1n){
background-color: #efefef;
}
.fahrzeug-details div:nth-child(2n){
background-color: #dddddd;
}
.fahrzeug-details div:first-child{
border-top-right-radius: 25px;
}
.fahrzeug-details div:last-child{
border-bottom-right-radius: 25px;
}
.angebot-sichern-button{
width: 100%;
box-sizing: border-box;
background-color: var(--wp--preset--color--custom-farbe-1);
padding: .8em;
}
.angebot-sichern-button a, .angebot-sichern-button span{
color: white;
text-align: center;
display: block;
font-size: var(--smc-fs-large);
text-decoration: none;
} .mietwagen-glossar .acc_head p{
font-size: 7em;
margin: 0;
line-height: 0;
font-weight: 700;
color: var(--wp--preset--color--custom-farbe-6);
}
.mietwagen-glossar .acc_head p:after{
content: "";
background-color: #ccc;
display: block;
width: 150px;
height: 150px;
border-radius: 200px;
box-shadow: 2px 2px 5px #ccc;
}
.mietwagen-glossar .acc_body{
width: 60%;
margin: 0 auto;
position: relative;
border: solid 1px #ccc;
padding: 2em;
box-shadow: 2px 2px 5px #ccc;
}
.mietwagen-glossar .acc_head{
position: absolute;
}
.mietwagen-glossar .smc_acc{
margin-bottom: 7em;
}
.reasons-section .wp-block-column{
position: relative;
border-top: solid 1px;
}
.reasons-section .wp-block-columns{
justify-content: center;
}
.reasons-section .num-round-box{
position: absolute;
top: -2em;
left: -2.5em;
}
.wichtige-informationen .wp-block-column{
padding: 1.5em;
background-color: #ccc;
border-radius: 25px;
}
.wichtige-informationen .wp-block-columns{
justify-content: center;
}
.wichtige-informationen .wp-block-column p{
text-align: left;
}
.verkehrsregel-section .wp-block-columns .wp-block-column .wp-block-columns:nth-child(odd){
background-color: white;
}
.verkehrsregel-section .wp-block-columns .wp-block-column .wp-block-columns{
padding: 1em;
} .fahrzeugflotte{
flex-wrap: wrap;
justify-content: center;
}
.fahrzeugflotte .fahrzeug-card{ }
.fahrzeugflotte .mehr-details{
width: 100%;
color: white;
background-color: var(--wp--preset--color--custom-farbe-1);
}
.fahrzeugflotte .fahrzeug-ausgabe-eigenschaften{
padding-bottom: 1em;
padding-top: 1em;
} .zustellorte_alphabet span{
border: solid 1px #ccc;
margin-right: 1em;
padding: 1em;
border-radius: 100px;
line-height: 1em;
width: 1em;
height: 1em;
text-align: center;
margin-bottom: .5em;
user-select: none;
transition: all .5s ease;
}
.zustellorte_alphabet .letter_deactivated{
background-color: #eee;
color: #bbb;
pointer-events: none;
}
.zustellorte_alphabet .letter_all{
width: auto;
}
.zustellorte_alphabet span:hover:not(.letter_deactivated){
background-color: var(--wp--preset--color--custom-farbe-6);
color: white;
cursor: pointer;
}
.zustellorte_alphabet{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 2em;
}
.zustellorte_alphabet span:not(:last-child){
margin-right: 1em;
}
.zustellorte{
justify-content: center;
flex-wrap: wrap;
}
.zustellorte div{
background-color: var(--wp--preset--color--custom-farbe-6);
color: white;
padding: 1em;
}
.buchungsanfrage-abgeschlossen p{
text-align: justify;
}
.faq-section .schema-faq-question{
font-weight: 600 !important;
user-select: none;
cursor: pointer;
}
.wrap, .alignwide{ max-width: var(--smc-wrapper-size);
width: 100%;
margin: 0 auto;
}
.wrap{
padding: 1em;
box-sizing: border-box;
}
.f_head-text{
display: block;
}
.zusatz-leistungen h3{
margin-bottom: 0;
}
.zusatz_cont .z_chk {
flex-grow: unset;
width: 20px;
}
.zusatz_cont{
display: flex;
gap: .5em;
}
.zusatz_cont#tl-359,
.zusatz_cont#tl-358,
.zusatz_cont#tl-357{
position: relative;
}
.zusatz_cont#tl-359::after,
.zusatz_cont#tl-358::after,
.zusatz_cont#tl-357::after{
font-weight: 200;
font-size: 0.8em;
position: absolute;
left: 35px;
bottom: 0em;
width: 45%;
white-space: pre-wrap;
line-height: 1em;
}
.extra_title{ }
.zusatz_cont#tl-359::after{ }
.zusatz_cont#tl-358::after{ }
.zusatz_cont#tl-357::after{ }
.zusatz_cont label{
flex-basis: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.zusatz_cont .extra_icon,
.zusatz_cont label .extra_icon{
background-color: transparent;
border: dashed 3px black;
padding: 1em;
border-radius: 25px;
position: relative;
}
.zusatz_cont small span:first-child{
color: var(--wp--preset--color--custom-farbe-1);
font-weight: 600;
}
.zusatz_cont.z_numb small:after,
.zusatz_cont label small:first-child:after{ position: absolute;
bottom: -1.5em;
left: 0;
width: max-content;
color: black;
font-weight: 400;
font-size: 1em;
line-height: 1em;
}
.zusatz_cont.z_check .z_chk:checked ~ label img,
.zs_active img{
filter: invert(41%) sepia(11%) saturate(2631%) hue-rotate(245deg) brightness(88%) contrast(86%);
}
.zusatz_flex{
flex-direction: column;
justify-content: center;
gap: 3em;
}
hr{
border: none;
border-bottom: 3px solid var(--wp--preset--color--custom-farbe-1);
display: block;
margin: 1em 0;
}
.bto_buchung{
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
position: relative;
align-items: center;
text-transform: uppercase;
width: 400px; box-sizing: border-box;
gap: 1em;
padding: 1em;
border-radius: 15px;
cursor: pointer;
box-shadow: var(--box-shadow-value);
border: 3px dashed var(--wp--preset--color--custom-farbe-1);
}
.z_numb{
flex-basis: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.z_numb input{
flex-grow: unset !important;
}
.z_numb img{
order: 4;
}
.z_numb small{
order: 3;
}
.z_numb input{
order: -1;
} .z_check {
transition: all .3s ease;
}
fieldset{
border:none;
} .buchung_flug_info{
font-size: var(--smc-fs-small);
}
.flug_input_time{
box-sizing: border-box;
}
.book_car_form{
max-width: 1200px;
margin: 0 auto;
margin-bottom: 5em;
padding: 1em;
padding-top: 5em;
padding-bottom: 5em;
font-family: var(--main-ff);
background-color: var(--wp--preset--color--tertiary);
}
.missing_feature_box{
max-width: 300px;
background: #fff !important;
color: #000 !important;
border-width: 2px;
border-radius: 7px;
position: relative;
text-align: center;
transition: .2s all ease;
}
.missing_feature_box:hover{
transform: scale(1.05);
color: #fff !important;
}
.missing_feature_box:before{
content: '';
position: absolute;
top: 0;
left: 0;
background: linear-gradient(100deg, rgba(147, 80, 158, 1) 0%, rgba(168, 84, 98, 1) 50%, rgba(189, 174, 64, 1) 100%) !important;
width: 100%;
height: 100%;
z-index: -1;
padding: 4px;
transform: translate(-4px, -4px);
border-radius: 7px;
}
.book_car_form #input-kunde-titel .titel_placeholder{
color: lightgray;
}
.book_car_form select{
font-family: var(--main-ff);
font-size: var(--smc-fs-small);
}
.book_car_form input{
font-family: var(--main-ff);
font-size: var(--smc-fs-small);
}
.book_car_form label{
place-self: center;
}
.book_car_form .flex{
margin-bottom: 1em;
}
.book_car_form .flex .flex{
margin-bottom: 0;
}
.book_car_form section{
display: flex;
flex-direction: column;
margin-bottom: 3em;
}
.book_car_form section input{
flex-grow: 1;
}
.book_car_form section input[type="number"]{
border: .5px solid grey;
border-radius: 5px;
}
.buchung-informationen-zustellung{
display: flex;
flex-direction: row;
gap: 1em;
}
.buchung-informationen-zustellung div, .buchung-informationen-zustellung .buchung_block label, .buchung-informationen-zustellung .buchung_block span{
flex-grow: 1;
}
.buchung-informationen-zustellung .buchung_block label, .buchung-informationen-zustellung .buchung_block span{
display: flex;
}
.buchung-informationen-zustellung .max-width-50{
width: 50%;
}
.buchung-informationen-zustellung .select_option_container{
display: flex;
gap: 1em;
flex-direction: column;
}
.buchung-informationen-zustellung .select_option_container select{
flex-grow: 1;
}
.buchung-informationen-zustellung .buchung_block{
display: flex;
flex-direction: column;
}
.buchung-informationen-zustellung .buchung_block .flex{
flex-flow: wrap;
}
.buchung-informationen-zustellung .buchung_block span:last-child label{
gap: 1em;
}
.book_car_form .zusatz-leistungen .zusatz_flex input[type="number"]{ text-align: center;
font-size: 1em;
}
.book_car_form .bto_add_fahrer{
transition: all .3s ease;
}
.book_car_form .bto_add_fahrer:hover{
background-color: var(--wp--preset--color--custom-farbe-1);
transform: scale(1.05);
color: white;
}
textarea{
width: 100%;
height: 300px;
}
.alignsmall{
width: var(--smc-small_wrapper-size);
margin: 0 auto;
display: inline-block;
width: 100%;
}
.book_car_form{ }
.extra_icon{
transition: all .2s ease;
max-width: 50px;
height: auto;
}
.smc_t_row{
display: flex;
} .buchung_f_info > div{ box-sizing: border-box;
}
.buchung_f_info img{
width: 300px;
height: auto;
margin-bottom: .5em;
}
.buchung_f_info .preis-pro-tag{
padding-left: 0;
}
.about-section .about-columns img{
box-shadow: 3px 3px 9px #BBB;
z-index: 1;
}
.about-section .about-columns .abt-col-left,
.about-section .about-columns .abt-col-right{
z-index: 2;
}
.about-section .about-columns hr,
.about-section .about-columns .abt-col-left hr,
.about-section .about-columns .abt-col-right hr{
height: 7px !important;
width: 75%;
float: right;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.about-section .about-columns .abt-col-left{
transform: translate(20%, 15%);
background: linear-gradient(75deg, white 35%, transparent);
}
.about-section .about-columns .abt-col-right{
transform: translate(-20%, -15%);
background: linear-gradient(75deg, transparent 35%, white);
} .user-dashboard h1{
color: #fff;
}
.user-dashboard h2{
margin-left: 1em;
color: #7C7C7C;
}
.user-dashboard .flex{
margin-bottom: 1em;
}
.user-dashboard .dashboard-block{ border-radius: 20px;
box-shadow: 6px 6px 10px rgba(0, 0, 0, .15); background-repeat: no-repeat;
background-position-x: -100%;
background-position-y: center;
background-size: 70%;
position: relative;
}
.user-dashboard .user-dashboard-buchungen, .user-dashboard .user-dashboard-erneut-buchen{ background-size: 35%;
background-position-x: -23%;
}
.user-dashboard .user-dashboard-buchungen{
background-image: url(https://www.say-autovermietung.de/wp-content/uploads/2024/05/booking_icon.svg);
}
.user-dashboard .user-dashboard-gebuehren{
background-image: url(https://www.say-autovermietung.de/wp-content/uploads/2024/05/info_icon.svg);
}
.user-dashboard .user-dashboard-chat{
background-image: url(https://www.say-autovermietung.de/wp-content/uploads/2024/05/chat_icon.svg);
}
.user-dashboard .user-dashboard-checkliste{
background-image: url(https://www.say-autovermietung.de/wp-content/uploads/2024/05/checkliste_icon.svg);
}
.user-dashboard .user-dashboard-profil{
background-image: url(https://www.say-autovermietung.de/wp-content/uploads/2024/05/profil_icon.svg);
}
.user-dashboard .user-dashboard-neue-buchung{
background-image: url(https://www.say-autovermietung.de/wp-content/uploads/2024/05/search_icon.svg);
}
.user-dashboard .user-dashboard-erneut-buchen{
}
.user-dashboard .dashboard-buchung-link{
text-decoration: none;
}
.user-dashboard .user-dashboard-buchungen,
.user-dashboard .user-dashboard-buchungen .dashboard-buchung .default-content{
position: relative;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung .default-content,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .default-content{
display: flex;
border-radius: 20px;
padding-left: 1em;
padding-right: 1em;
box-shadow: 6px 6px 10px rgba(0, 0, 0, .15);
color: #fff;
justify-content: space-between;
transition: .2s ease all;
font-size: 1em;
margin-bottom: 2em;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .default-content .buchungsstatus{
position: absolute;
top: 1em;
right: 2em;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .expand-content .dashboard-fahrer,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .expand-content .dashboard-expand-extras-info{
display: none;
}
.user-dashboard .dashboard-expand-booking-info .dashboard-fahrer{
display: flex;
}
.user-dashboard .dashboard-expand-booking-info .dashboard-fahrer p{
flex-basis: 25%;
}
.user-dashboard .dashboard-expand-booking-info .dashboard-ort p{
margin: 0;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .expand-content .dashboard-fahrer p,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .expand-content .dashboard-ort p{
padding: .5em;
border-radius: 20px;
flex-basis: 0;
flex: 1 1 0px;
margin: 0;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .expand-content .dashboard-fahrer p{
background-color: lightblue;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .expand-content .dashboard-ort p{
background-color: lightcoral;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .default-content{
position: relative;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .default-content:not(.expand-parent){
margin-bottom: 2em;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .expand-content.expand-active{
margin-bottom: 2em;
}
.user-dashboard .user-dashboard-buchungen .expand-content{
display: none;
}
.user-dashboard .user-dashboard-alle-buchungen .expand-content .dashboard-expand-extras-info div.flex{
justify-content: space-between;
margin-bottom: 0;
}
.user-dashboard .user-dashboard-alle-buchungen .expand-content .dashboard-expand-extras-info div.flex p{
margin: 0;
}
.buchung-ort-pfeil{
position: relative;
}
.buchung-ort-pfeil:before{
content: '→';
position: absolute;
top: 20px;
left: 20px;
}
.buchung-ort-pfeil:after{
content: '←';
position: absolute;
top: 20px;
right: 20px;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung:hover{
scale: 1.015;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung .buchungsstatus,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .buchungsstatus{
position: absolute;
right: 20px;
top: -50px;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-aktiv .default-content,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-aktiv .default-content,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung.buchung-aktiv .default-content{
background-color: #97D699;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-aktiv .buchungsstatus,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-aktiv .buchungsstatus,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung.buchung-aktiv .buchungsstatus{
color: #97D699;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-anfrage .default-content,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-anfrage .default-content,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung.buchung-anfrage .default-content{
background-color: lightgrey;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-anfrage .buchungsstatus,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-anfrage .buchungsstatus,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung.buchung-anfrage .buchungsstatus{
color: lightgrey;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-bestaetigt .default-content,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-bestaetigt .default-content,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung.buchung-bestaetigt .default-content{
background-color: #AFDDF7;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-bestaetigt .buchungsstatus,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-bestaetigt .buchungsstatus,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung.buchung-bestaetigt .buchungsstatus{
color: #AFDDF7;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-abgeschlossen .default-content,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-abgeschlossen .default-content,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung.buchung-abgeschlossen .default-content{
background-color: #6D83B0;
}
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-abgeschlossen .buchungsstatus,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-abgeschlossen .buchungsstatus,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung.buchung-abgeschlossen .buchungsstatus{
color: #6D83B0;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .default-content,
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-abgelaufen .default-content,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-abgelaufen .default-content,
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-storniert .default-content,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-storniert .default-content,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung.buchung-storniert .default-content{
background-color: #C66161;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .default-content .buchungsstatus,
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-abgelaufen .buchungsstatus,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-abgelaufen .buchungsstatus,
.user-dashboard .user-dashboard-buchungen .dashboard-buchung.buchung-storniert .buchungsstatus,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung.buchung-storniert .buchungsstatus,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung.buchung-storniert .buchungsstatus{
color: #C66161;
}
.dashboard-link-details{
position: absolute;
bottom: 1em;
right: 1em;
color: #7C7C7C;
cursor: pointer;
}
.user-dashboard .user-dashboard-gebuehren .offener-betrag-grp,
.user-dashboard .user-dashboard-profil .user-profile-grp{
display: flex;
margin: 0;
flex-direction: column;
text-align: center;
justify-content: center;
}
.user-dashboard .user-dashboard-gebuehren .offener-betrag-grp p:first-child,
.user-dashboard .user-dashboard-konto .kontostand-sum p:first-child{
color: #7C7C7C;
margin: 0;
}
.user-dashboard .user-dashboard-gebuehren .offener-betrag-grp p:nth-child(2),
.user-dashboard .user-dashboard-konto .kontostand-sum p:nth-child(2){
font-family: Barlow, sans-serif;
font-size: 5em;
margin: 0;
}
.user-dashboard .user-dashboard-gebuehren .offener-betrag-grp span,
.user-dashboard .user-dashboard-konto .kontostand-sum span{
font-size: .7em;
}
.user-dashboard .user-dashboard-gebuehren .offener-betrag-grp p.offener-betrag-verbindlichkeit{
color: #97D699;
}
.user-dashboard .user-dashboard-gebuehren .offener-betrag-grp p.offener-betrag-forderung{
color: #C66161;
}
.user-dashboard .user-dashboard-gebuehren .anzahlung-restbetrag-grp{
display: flex;
background-color: lightgray;
border-radius: 20px;
box-shadow: 6px 6px 10px rgba(0, 0, 0, .15);
margin: 1em;
transition: .2s ease all;
cursor: pointer;
}
.user-dashboard .user-dashboard-gebuehren .anzahlung-restbetrag-grp:hover{
scale: 1.015;
}
.user-dashboard .user-dashboard-gebuehren .anzahlung-restbetrag-grp p{
text-align: center;
flex: 1;
margin: 0;
padding: .5em;
}
.user-dashboard .user-dashboard-gebuehren .anzahlung-restbetrag-grp .zu-taetigen{
color: #C66161;
}
.user-dashboard .user-dashboard-gebuehren .anzahlung-restbetrag-grp .bereits-eingegangen{
color: #97D699;
}
.user-dashboard .user-dashboard-profil .user-profile-grp{
color: #7C7C7C;
}
.user-dashboard .user-dashboard-profil .user-profile-grp span{
display: inline-block;
padding: .8em 2.5em .8em 2.5em;
background-color: #FFF78B;
border-radius: 15px;
box-shadow: 6px 6px 10px rgba(0, 0, 0, .15);
transition: .2s ease all;
cursor: pointer;
margin-left: 1em;
}
.user-dashboard .user-dashboard-profil .user-profile-grp span:hover{
scale: 1.07;
}
.user-dashboard .dashboard-no-booking{
padding: 1em;
color: #7C7C7C;
}
.user-dashboard .user-dashboard-buchungen .buchung-image{
display: none;
}
.user-dashboard .user-dashboard-aktuelle-buchung .buchung-image-cover{
position: relative;
}
.user-dashboard .buchung-image{
filter: brightness(.7) saturate(.9) grayscale(.5);
height: 200px;
width: 100%;
object-fit: cover;
object-position: center;
border-radius: 15px;
box-shadow: 3px 3px 9px #eee;
}
.user-dashboard .user-dashboard-aktuelle-buchung .buchung-image-cover div{
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.user-dashboard .user-dashboard-buchungen .buchung-image-cover div{
display: none;
}
.user-dashboard .user-dashboard-aktuelle-buchung .buchung-image-cover div p{
color: #fff;
font-size: 2em;
}
.user-dashboard .user-dashboard-aktuelle-buchung .default-content,
.user-dashboard .user-dashboard-aktuelle-buchung .expand-content,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-expand-car-info,
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-expand-car-info div{
display: flex;
justify-content: space-between;
}
.user-dashboard .user-dashboard-aktuelle-buchung .expand-content{
flex-direction: column;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-expand-car-info div{
gap: 1em;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-expand-car-info img{
max-width: 200px;
height: max-content;
}
.user-dashboard .user-dashboard-konto{
display: flex;
flex-direction: column;
}
.user-dashboard .user-dashboard-konto .kontostand-grp{
padding: 1em;
}
.user-dashboard .user-dashboard-konto .kontostand-grp-cols{
display: flex;
flex-direction: row;
}
.user-dashboard .user-dashboard-konto .kontostand-grp-col{
flex-basis: 50%;
}
.user-dashboard .user-dashboard-konto .kontostand-sum .kontostand-negativ{
color: #C66161;
}
.user-dashboard .user-dashboard-konto .kontostand-sum .kontostand-positiv{
color: #97D699;
} .user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung{
display: flex;
flex-direction: column;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .default-content,
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .expand-content{
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1em;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .15);
transition: .2s ease all;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .expand-content img{
width: 30%;
height: fit-content;
box-shadow: 0px 0px 5px rgba(0, 0, 0, .15);
padding: 0em;
object-fit: cover;
aspect-ratio: 1/1;
align-self: center;
border-radius: 20px;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .expand-content div{
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .default-content{
border-radius: 20px 20px 20px 20px;
cursor: pointer;
color: #fff;
z-index: 2;
transition: none;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .default-content.expand-parent{
border-radius: 20px 20px 0 0;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .expand-content{
border-radius: 0px 0px 20px 20px;
background-color: #fff;
gap: 3em;
display: none;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .expand-content.expand-active{
display: flex;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .expand-content .dashboard-expand-car-info{
display: flex;
flex-direction: row-reverse;
gap: 1em;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .expand-content .dashboard-expand-car-info{
margin-top: 1em;
}
.user-dashboard .user-dashboard-aktuelle-buchung .dashboard-buchung .expand-content .dashboard-expand-car-info .car-params p{
display: flex;
padding: .2em;
background-color: gray;
border-radius: 40px;
height: 100px;
width: 100px;
align-items: center;
justify-content: center;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .expand-content .dashboard-expand-car-info div{
text-align: right;
align-content: center;
}
.user-dashboard .user-dashboard-alle-buchungen .dashboard-buchung .expand-content .dashboard-expand-car-info div p{
margin: .2em;
} .konto_bearbeiten select, .konto_bearbeiten input{
flex: 1;
}
.konto_bearbeiten .book_car_form{
padding: 0em;
padding-top: 3em;
padding-bottom: 3em;
}
.kunde_buchungen .cust_head_row, .kunde_buchungen .cust_adm_row{
flex-direction: column;
width: 50%;
gap: 0;
}
.kunde_buchungen .cust_head_row div, .kunde_buchungen .cust_adm_row div, .kunde_buchungen .cust_car_info div{
padding: .5em;
}
.kunde_buchungen .cust_head_row div:nth-child(1n+1), .kunde_buchungen .cust_adm_row div:nth-child(1n+1){
background-color: grey;
}
.kunde_buchungen .cust_head_row div:nth-child(2n+2), .kunde_buchungen .cust_adm_row div:nth-child(2n+2){
background-color: lightgrey;
}
.kunde_buchungen .list_view_inner{
display: flex;
}
.kunde_buchungen .cust_car_info{
flex-direction: row;
word-break: keep-all;
hyphens: none;
}
.kunde_buchungen .cust_car_info{
align-items: center;
border: solid 5px grey;
}
.kunde_buchungen .cust_car_info div{
flex: 1;
}
.kunde_buchungen .cust_car_info img{
max-width: 100%;
height: auto;
}
.kunde_buchungen .fahrzeug-ausgabe-icons{
padding-left: .5em;
} #chk_abh_hidden{
opacity: 0;
transition: .3s all ease;
}
#chk_abh_hidden.visible{
opacity: 1;
}
.cell_rueck{
position: relative;
}
.cell_rueck_chk_cont{
position: absolute;
top: 1em;
width: 100%;
text-align: center; z-index: 97;
}
.av_price{ padding: 1em; color: white;
background-color: var(--wp--preset--color--custom-farbe-1); font-style: normal; font-size: var(--smc-fs-large);
}
.av_price hr{
border-bottom: 2px solid white;
}
.f_s_b{
justify-content: space-between;
}
.bto_cls{
cursor: pointer;
}
.buchung_f_info{
left: -2em;
transition: all .3s ease;
flex-wrap: wrap;
justify-content: space-between;
}
.buchung_f_info .fahrzeug-ausgabe-icons{
width: auto !important;
max-height: 20px;
padding: .2em;
margin-bottom: 0;
}
.buchung_f_info .fahrzeugdetails{
min-width: 100%;
}
.buchung_f_info .fahrzeugdaten, .buchung_f_info .mietinformationen{
min-width: 45%;
}
.buchung_f_info .fahrzeugdaten div.flex{
flex-direction: column;
}
.buchung_f_info .fahrzeugdaten .fahrzeugbild{
display: flex;
}
.buchung_f_info .f_b_t{
display: flex;
flex-direction: row;
justify-content: flex-start;
word-break: auto-phrase;
gap: 2em;
flex-wrap: wrap;
}
.buchung_f_info.is_fixed .f_b_t{
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: .5em;
}
.buchung_f_info.is_fixed .f_b_t_row{
width: 40%;
font-size: .9em;
}
.buchung_f_info .f_b_t_row{
gap: .2em;
}
.buchung_f_info .mietinformationen{
display: flex;
flex-direction: column;
gap: .5em;
justify-content: flex-end;
margin-bottom: 1em;
text-align: right;
}
.buchung_f_info .fd_md div:first-child, .buchung_f_info .fd_zo div:first-child, .buchung_f_info .fd_ro div:first-child{ font-weight: 600;
font-style: italic;
}
.buchung_f_info.is_fixed{
position: fixed;
top: 15%;
left: 0;
flex-direction: column; background: #fff;
max-width: 200px;
box-shadow: var(--box-shadow-value);
gap: 0;
z-index: 10;
font-size: .8em;
}
.buchung_f_info.is_fixed .mietinformationen{
text-align: left;
}
.buchung_f_info.is_fixed .av_price{
box-shadow: var(--box-shadow-value);
}
.buchung_f_info h2{
margin: 0;
flex-basis: 100%;
}
.buchung_f_info.is_fixed h2{
padding-left: .5em;
margin-top: .5em;
}
.buchung_f_info.is_fixed .fahrzeugdaten .fs-small{
padding-left: 1em;
}
.buchung_f_info.is_fixed .mietinformationen{
margin-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
}
.buchung_f_info.is_fixed .mietinformationen h2{
margin-bottom: 0em;
}
.buchung_f_info.is_fixed img{
width: 100%;
}
.buchung_f_info.is_fixed .flex{
flex-direction: column;
gap: 0;
}
.buchung_f_info.is_fixed .fahrzeugdetails{
padding-left: 1em;
}
.buchung_f_info .mietinformationen .fd_hr{
display: none;
}
.buchung_f_info.is_fixed .mietinformationen .fd_hr{
display: block;
}
.in_err{ box-shadow: 5px 5px 5px rgba(255, 0, 0, 0.5);
}
.in_correct{ box-shadow: 5px 5px 5px rgba(0, 255, 0, 0.5);
}
.gebuehren_list .flex, .gebuehren_list tr{
justify-content: space-between;
}
.gebuehren_list .extra_preis_table {
width: 100%;
}
.gebuehren_list .extra_preis_table tr{
display: flex;
width: 100%;
}
.gebuehren_list .extra_preis_table td{
width: auto !important;
}
.tuerkei_map svg{
width: 100%;
height: auto;
}
.tuerkei_map svg .st1,
.tuerkei_map #map .cls-1
{
fill: #cba6d5 !important;
stroke: #fff;
stroke-width: 0;
}
.tuerkei_map svg #map_border{
fill: #fff;
stroke: var(--wp--preset--color--custom-farbe-6);
stroke-width: 1px;
}
.tuerkei_map svg .st2{
fill: #fff;
}
.tuerkei_map svg .st1:hover{
fill: var(--wp--preset--color--custom-farbe-6);
}
.tuerkei_map #city-points circle{
fill: #402746;
transition: all .3s ease;
} .tuerkei_map #city-names text{
display: none;
font-size: 12px;
font-family: var(--main-ff);
filter: drop-shadow(2px 2px 2px #0006);
pointer-events: none;
}
.tuerkei_map #city-names tspan{
fill: #fff;
stroke: var(--wp--preset--color--custom-farbe-6);
stroke-width: .7px;
}
.zufriedene-kunden-section .zufriedene-kunden-grp p{
font-size: 50px;
}
.tuerkei_map #city-names .name_active text{
display: block !important;
}
.fahrzeug_teaser-inner{
margin: .5em;
box-shadow: var(--box-shadow-value); }
.fahrzeug_teaser-card{
}
.f_gallerie{
padding-left: 0;
}
.gallerie-thumbnail{
list-style-type: none;
display: block;
}
.gallerie-thumbnail:not(:first-child){
display: none;
}
.fahrzeug_teaser-thumbnail img{
height: 200px;
width: 100%;
object-fit: cover;
}
.fahrzeug_teaser-klasse{
padding: 0 .8em .8em .8em;
color: #aaa;
}
.slick-prev, .slick-next{
background: #aaa;
width: 40px;
height: 40px;
}
.slick-prev:before{
content: '\2039';
font-size: 40px;
line-height: 20px;
}
.slick-next:before{
content: '\203A';
font-size: 40px;
line-height: 20px;
}
.slick-prev{
left: -40px;
}
.slick-next{
right: -40px;
}
.slick-prev:hover, .slick-next:hover{
background: var(--wp--preset--color--custom-farbe-1);
}
.slick-prev:focus, .slick-next:focus{
color: #fff;
background: #aaa;
}
.mehr-personen-fahrzeug-note{
background-color: var(--wp--preset--color--custom-farbe-1);
color: white;
margin-top: 2em;
margin-bottom: 2em;
padding: 1.5em;
font-weight: 600;
font-size: 1.2em;
box-shadow: var(--box-shadow-value);
text-align: center;
z-index: 100;
position: relative;
display: flex;
flex-direction: column;
gap: 1em;
}
.mehr-personen-fahrzeug-note span:not(:last-child){
display: block;
padding-bottom: 1em;
}
.mehr-personen-fahrzeug-note .custom-contact-button{
color: var(--wp--preset--color--custom-farbe-1);
text-decoration: none;
}
.mehr-personen-fahrzeug-note a{
color: white;
text-decoration: underline;
}
.mehr-personen-fahrzeug-note div:nth-child(2){
transition: ease .5s all;
padding: .8em;
background-color: white;
box-shadow: var(--box-shadow-value);
align-self: center;
}
.mehr-personen-fahrzeug-note div:nth-child(2):hover{
scale: 1.05;
} .hov_active, .tuerkei_map circle:hover{ r: 6px;
filter: drop-shadow(1px 1px 1px #000); }
.hov_active:before, .tuerkei_map circle:hover:before
{ }
#loginform p{
display: flex;
flex-direction: column;
}
@keyframes shadow-pulse {
0% {
r: 5px; }
50% {
r: 6px;
}
100% {
r: 5px; }
}
.custom-slider .slick-dots{
bottom: -40px;
}
.sav_usr_menu_inner{
position: relative;
padding: .5em; background: var(--wp--preset--color--custom-farbe-1);
}
.sav_usr_menu .sav_manu_icon{
display: inline-block;
width: 32px;
aspect-ratio: 1;
object-fit: contain;
filter: brightness(1);
}
.sav_usr_menu .sav_icon{
width: 16px;
aspect-ratio: 1;
object-fit: contain;
vertical-align: middle;
}
.sav_usr_menu ul{
margin: 0;
list-style-type: none;
padding: .5em .7em;
font-size: var(--smc-fs-small);
}
.sav_usr_menu a{
text-decoration: none;
}
.sav_usr_menu a:hover{
font-weight: 700;
}
.sav_usr_menu .user_info{
font-weight: 400;
font-style: italic;
border-bottom: 1px solid #0001;
}
.sav_usr_menu .sav_menu_cont{
min-width: 200px;
background: #fff;
border: 1px solid #0001;
margin-right: 0;
margin-top: .5em;
position: absolute;
right: 0;
display: none;
}
.sav_usr_menu_inner:hover  .sav_menu_cont{
display: block;
}
.sav_usr_menu li{
padding: .5em;
}
.sav_usr_menu li:not(:last-child){
border-bottom: 1px solid #0001;
}
.social-icons img{
filter: invert(43%) sepia(12%) saturate(2503%) hue-rotate(245deg) brightness(85%) contrast(86%);
vertical-align: middle;
} #pojo-a11y-toolbar.pojo-a11y-toolbar-right{
right: calc(var(--accessebility-toolbar-width) * -1) !important;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle{
right: var(--accessebility-toolbar-width) !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{
width: var(--accessebility-toolbar-width) !important;
}
#pojo-a11y-toolbar li.pojo-a11y-toolbar-item a{
font-size: var(--smc-fs-medium)  !important;
text-decoration: none !important;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right.pojo-a11y-toolbar-open{
right: 0 !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-title{
background: var(--wp--preset--color--custom-farbe-1) !important;
font-weight: normal !important;
color: #fff !important;
font-size: var(--smc-fs-xlarge) !important;
padding-top: 3px !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item:not(:first-child) a {
border-top: 1px solid #0002;
}
.user_edit_form input[type="text"],
.user_edit_form input[type="email"],
.user_edit_form input[type="password"]
{
box-sizing: border-box;
width: 100%;
margin-bottom: 1em;
}
.mc_err{
background: #f001;
padding: .2em;
}
.av-sub-footer a:hover {
color: #fff !important;
}
.av-sub-footer .current-menu-item a{
color: #fff !important;
}
.fully_booked .fahrzeug_left div:not(.niedrige-anzahl-alert){ filter: grayscale(1);
}
#sum_price_best{
display: block;
transform-origin: 50% 50%;
}
.show_change{
animation: a_show_change 1s 1;
}
.padding-top-1{
padding-top: 1em;
}
@keyframes a_show_change {
0%   {
transform: scale(1.0)
}
50%  {
transform: scale(1.1)
}
100% {
transform: scale(1.0);
}
}
.expand-button{
margin-top: 1em;
}
.expand-button.active{
transform: rotate(180deg);
}
.expand-box{
display: none;
overflow: hidden;
}
@media (max-width: 599px){
.expand-button{
display: none;
}
.expand-box{
display: block;
}
.wp-block-navigation__submenu-container{
gap: 1em !important;
}
.column-reverse{
flex-direction: column-reverse !important;
}
body .is-layout-grid{
display: flex !important;
flex-direction: column;
}
.zusatz_cont {
gap: 1em;
flex-direction: column;
}
.zusatz_flex{
padding: 0;
}
header .wp-block-site-logo{
max-width: 100px;
}
.fahrzeug-details div p:first-child,
.fahrzeug-details div p:last-child{
padding: 0.2em  1em 0.2em 1em;
}
.fahrzeug-details div:last-child {
border-bottom-left-radius: 25px;
}
.filter-rechtecke div{
height: auto;
}
.fahrzeug-filter .wp-block-group{
flex-direction: column
}
.fahrzeug-card, .fahrzeug-filter, 	.fahrzeug-filter .flex{
flex-direction: column;
}
.fahrzeug-card.fd-active, .fd-active .fahrzeug_left{
width: 100%;
}
.fahrzeug-card.fd-active{
margin-right: 0 !important;
}
.fahrzeug-details{
transform: translateY(0) translateX(0) !important;
border-top-right-radius: 0 !important;
}
.fahrzeug-details div:first-child {
border-top-right-radius: 0;
}
.desktop-only{
display: none;
}
.av-header-normal{
display: none;
}
.av-header{
justify-content: space-between;
padding: .7em 1em;
}
.av-header-burger{
width: 100%;
}
.av-header-burger .wp-block-columns{
flex-direction: row;
}
header .av-header-burger .wp-block-column.is-vertically-aligned-center{
width: auto !important;
}
.av-header-burger div{
gap: 0;
}
.av-header-burger div div:nth-child(2){
width: unset;
}
.av-header .wp-block-group .wp-block-columns{
flex-wrap: nowrap !important;
}
.av-header .wp-block-navigation{
justify-content: flex-end !important;
}
.slide-cont .slide-cont-inner .wp-block-cover{
min-height: 70vh !important;
}
.wp-block-navigation__responsive-container{
width: 100vw;
padding: 0 !important;
}
.wp-block-navigation__responsive-container > div{
padding: 1em;
}
.av-footer{
font-size: .8em;
padding: 2em;
}
.av-footer .wp-block-navigation ul{
flex-direction: row;
color: var(--wp--preset--color--custom-farbe-1);
text-decoration: underline;
}
.av-sub-footer{
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2em;
padding-right: 2em;
}
.av-sub-footer .wp-block-column:not(:last-child){
font-size: .8em;
}
.av-sub-footer .wp-block-column nav ul{
flex-direction: row-reverse;
}
.mietwagen-section{
width: 100%;
padding: 2em !important;
margin-top: 0 !important;
box-shadow: none;
}
.mietwagen-section .fahrzeug-suche .fahrzeug-suche-row{
display: contents;
}
.mietwagen-section .fahrzeug-suche .fahrzeug-suche-row div, .mietwagen-section .fahrzeug-suche .fahrzeug-suche-row input{
box-sizing: border-box;
}
.fahrzeug-suche-dauer-gruppe{
flex-wrap: wrap;
}
.mietwagen-section .fahrzeug-suche .fahrzeug-suche-row div, .mietwagen-section .fahrzeug-suche .fahrzeug-suche-row input[type="submit"]{
width: 100%;
}
.mietwagen-section .fahrzeug-suche-checkbox{
flex-direction: column;
font-size: .8em;
}
.mietwagen-section .fahrzeug-suche-checkbox .fahrzeug-suche-ort{
width: 100%;
}
.mietwagen-section .fahrzeug-suche-ort{
flex-direction: column;
gap: 0;
margin-bottom: 2em;
}
.book_car_form .flex{
flex-wrap: wrap;
} .wp-block-group div:has(fahrzeug-suche){
padding-left: 1em !important;
padding-right: 1em !important;
}
.fahrzeug-suche-dauer-gruppe{
flex-direction: column;
gap: 2em;
}
.fahrzeug-suche .fahrzeug-suche-row{
flex-direction: column;
}
.fahrzeug-suche input[type="submit"]{
width: 100%;
}
.fahrzeug-filter{
flex-direction: column-reverse;
}
.fahrzeug-suche .fahrzeug-suche-ort{
flex-direction: column;
}
.fahrzeug-flex{
gap: 3em;
}
.mietwagen-section input[type="submit"]{
margin-top: 1em;
}
.mietwagen-section .inklusivleistungen{
font-size: .8em;
}
.fahrzeug-suche-dauer-von:before, .fahrzeug-suche-dauer-bis:before{
bottom: 4em;
}
.fahrzeug-suche .info-i .info-i-tooltip{
width: auto;
}
.header-slider-cont{
height: 70vh;
}
.num-round-columns{
gap: 0em !important;
}
.num-round-columns .has-tertiary-background-color{
background-color: white !important;
}
.num-round-box p{
line-height: 3em;
}
.round_feature-box-column:before{
transform: translate(2em, 2em);
}
.round_feature-box:after{
scale: .8;
}
.round_feature-box .wp-block-group:not(.num-round-box) > p{
padding-left: 1em;
padding-right: 1em;
}
.cover-background-group h2{
font-size: 1.5em !important;
}
.cover-background-group h3{
font-size: 1em !important;
}
.slide-cont .slide-cont-inner .wp-block-cover{
align-items: start;
}
.reisefuehrer-buttons a{
word-break: keep-all;
}
.fahrzeug-card{
width: 100%;
}
.text-align-center .wp-block-cover__inner-container .cover-background-group{
padding-top: 2em;
padding-bottom: 2em;
padding-left: 3em;
padding-right: 3em;
}
.cover-background-group{
padding: 2em;
}
.service-section h3, .service-section p{
text-align: center;
}
.book_car_form{
width: 80%;
padding: 1em;
margin-bottom: 1em;
}
.book_car_form input[type="date"]{
text-align: left;
}
.buchung_f_info.is_fixed, .book_car_form .av_price{
position: relative;
}
.book_car_form .flex{
flex-direction: column;
}
.book_car_form .av_price{
margin-top: 1em;
}
.book_car_form .custom-select select{
width: 100%;
}
.buchung-informationen-zustellung .max-width-50{
width: 100%;
}
.buchung-informationen-zustellung{
flex-direction: column;
}
.book_car_form .bto_cls p{
text-align: right;
margin: 0;
}
.book_car_form .bto_buchung{
width: auto;
}
.book_car_form .buchung_f_info .flex div, .book_car_form .buchung_f_info .flex div img{
width: 100%;
}
.buchung_bestaetigen .flex{
flex-direction: column;
padding: 1em;
}
.buchung_bestaetigen .buchung_aenderungen_vornehmen{
margin-left: 0;
}
.buchung_bestaetigen .gebuehren_list{
padding: 0;
}
.buchung_bestaetigen .gebuehren_list div{
flex-direction: row;
}
.buchung_bestaetigen .gebuehren_list div span:nth-child(2){
text-align: right;
}
.buchung_bestaetigen .book_car_form input{
font-size: 1em;
}
.buchung_bestaetigen .buchung_f_info img{
width: 100%;
}
.zusatz_flex{
align-self: center;
}
.book_car_form label{
place-self: start;
}
.buchungsinfo-rechtecke div{
height: auto;
padding-top: .5em;
padding-bottom: .5em;
}
.fahrzeug-filter{
gap: 0;
}
#buchungsinfo-anker div:first-child p{
font-size: 1em;
font-weight: 600;
}
#buchungsinfo-anker div:first-child{
position: relative;
}
#buchungsinfo-anker div:first-child a{
position: absolute;
top: 0;
right: 1em;
font-style: italic;
color: white;
font-weight: 400;
text-decoration: none;
font-size: .8em;
}
.page-id-532 .wrap{
padding: 0;
}
.zusatz-leistungen .zusatz_cont.z_numb small,
.zusatz-leistungen .zusatz_cont.z_numb{
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.zusatz-leistungen .zusatz_cont.z_numb small{
margin-left: 50px;
} .zusatz-leistungen .zusatz_cont.z_check label small,
.zusatz-leistungen .zusatz_cont.z_check label{
flex-direction: column;
align-items: start;
margin-left: 0;
}
.zusatz_cont#tl-358::after,
.zusatz_cont#tl-357::after{
bottom: 2.5em;
left: 50px;
}
.zusatz_cont#tl-359::after{
bottom: 6em;
}
.zusatz_cont#tl-359::after,
.zusatz_cont#tl-358::after,
.zusatz_cont#tl-357::after{
width: 100%;
}
.zusatz_flex .zusatz_cont.z_check label{
gap: 1em;
}
.zusatz_flex .zusatz_cont.z_check::after,
.zusatz_flex .zusatz_cont.z_check small::after,
.zusatz_flex .zusatz_cont.z_numb::after,
.zusatz_flex .zusatz_cont.z_numb small::after{
font-size: .8em;
}
.zusatz_flex .zusatz_cont .extra_icon{
display: none;
}
.count-wrap:before{
top: -60px;
left: calc(50% - -15px);
}
.testemonial-section{
padding-top: 2em !important;
padding-bottom: 2em !important;
}
.fahrzeug-details,
.fahrzeug_left{
font-size: 15px;
}
.fahrzeugflotte_grp>div{
padding-left: 1em !important;
padding-right: 1em !important;
}
}
@media (min-width: 600px) and (max-width: 899px){
.fahrzeug-suche .fahrzeug-suche-row .fahrzeug-suche-dauer-gruppe, .fahrzeug-suche .fahrzeug-suche-row .fahrzeug-suche-ort{
flex-wrap: wrap;
justify-content: center;
}
.fahrzeug-suche .fahrzeug-suche-row input[type="submit"]{
width: 80%;
margin: 0 auto;
}
.fahrzeug-suche .fahrzeug-suche-row .fahrzeug-suche-ort, .fahrzeug-suche .fahrzeug-suche-row .fahrzeug-suche-dauer-gruppe{
width: 100%;
}
.fahrzeug-suche .fahrzeug-suche-row .fahrzeug-suche-ort>div, .fahrzeug-suche .fahrzeug-suche-row .fahrzeug-suche-dauer-gruppe>div{
width: 70%;
}
}
@media (min-width: 900px) and (max-width: 1199px){
.fahrzeug-suche .fahrzeug-suche-ort{
flex-wrap: wrap;
justify-content: space-between;
}
.fahrzeug-suche .fahrzeug-suche-ort div:first-child, .fahrzeug-suche .fahrzeug-suche-ort #rueckgabe-feld-checkbox{
flex-basis: 48%;
}
.fahrzeug-suche .fahrzeug-suche-ort .custom-checkbox{
flex-basis: 0 !important;
}
.fahrzeug-suche .fahrzeug-suche-dauer-gruppe{
justify-content: space-between;
}
.fahrzeug-suche .fahrzeug-suche-dauer-gruppe .fahrzeug-suche-dauer{
width: 48%;
}
.fahrzeug-suche input[type="submit"]{
width: 70%;
margin: 0 auto;
}
}
@media (min-width: 600px) and (max-width: 1199px) {
header{
padding-top: .5em;
padding-bottom: .5em;
padding-left: 2em;
padding-right: 2em;
}
.cover-background-group{
padding: 2em;
}
.slide-cont .slide-cont-inner .wp-block-cover{
min-height: 70vh !important;
}
.av-header .custom-logo{
max-width: 80%;
}
.av-header-normal{
display: none;
}
.av-header ul{
gap: 2em !important;
}
.av-header-burger{
width: 100%;
}
.av-header-burger div{
flex-direction: row;
}
.av-header-burger nav{
justify-content: flex-end !important;
}
.av-header-burger .wp-block-column{
flex-basis: auto !important;
width: auto !important;
}
.av-header-burger .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: auto !important;
}
.fahrzeug-suche .fahrzeug-suche-row{
flex-direction: column;
}
.fahrzeug-suche-checkbox{
flex-direction: column;
}
.round_feature-box-column:before{
transform: translate(8em, 2em);
scale: 1.5;
}
.round_feature-box:after{
scale: .8;
}
.num-round-columns{
flex-direction: column;
gap: 2em !important;
}
.num-round-columns .round_feature-box{
max-width: 450px !important;
}
.service-section{
padding: 2em !important;
}
.service-section .wp-block-columns .unser-service-column-rechts div{
flex-direction: column;
}
footer{
font-size: .7em;
}
footer .av-footer{
padding-left: 2em;
padding-right: 2em;
}
.zufriedene-kunden-section .zufriedene-kunden-grp p{
font-size: 140px;
}
#buchungsinfo-anker div:first-child a{
display: none;
}
.fahrzeug-details div p:first-child,
.fahrzeug-details div p:last-child{
padding: 0.2em  1em 0.2em 1em;
}
.fahrzeug-details div:last-child {
border-bottom-left-radius: 25px;
}
.filter-rechtecke div{
height: auto;
}
.fahrzeug-filter .wp-block-group{
flex-direction: column
}
.fahrzeug-card, .fahrzeug-filter, 	.fahrzeug-filter .flex{
flex-direction: column;
}
.fahrzeug-card.fd-active, .fd-active .fahrzeug_left{
width: 100%;
}
.fahrzeug-card.fd-active{
margin-right: 0 !important;
}
.fahrzeug-details{
transform: translateY(0) translateX(0) !important;
border-top-right-radius: 0 !important;
}
.fahrzeug-details div:first-child {
border-top-right-radius: 0;
}
.fahrzeug-card{
width: 100%;
flex: 1;
display: flex;
flex-basis: 40%;
}
.zusatz_cont#tl-359::after{
bottom: -2em;
}
}
@media (min-width: 600px) and (max-width: 1599px) {
.buchung_f_info:not(.is_fixed) .expand-button{
display: none;
}
.buchung_f_info:not(.is_fixed) .expand-box{
display: block !important;
}
}
@media (min-width: 1200px) {
:root{
--bdy-font-weight: 600;
--font-size: 18px;
--smc-fs-small: .8rem;
--smc-fs-medium: 18px ;
--smc-fs-large: 1.2em ;
--smc-fs-xlarge: 1.5em ;
--smc-fs-huge: 2em ;
}
.buchung_bestaetigen .flex{
flex-direction: row;
}
header  .wp-block-navigation__submenu-container .wp-block-navigation-item a{
padding-top: .5em;
padding-bottom:  .5em;
}
.sav_usr_menu{
position: absolute;
right: 0;
margin-top: 1em;
}
.sav_usr_menu_inner{
margin-right: .5em;
}
.zusatz_cont.z_numb small,
.zusatz_cont label small:first-child{
margin-left: auto;
margin-right: 15%;
font-style: unset;
position: relative;
}
.extra_title{
width: 50%;
line-height: 1;
}
.zustellorte div{
padding:  .6em 1em;
cursor: pointer;
}
header{ }
header  .wp-block-navigation-item a{
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.fahrzeug-suche .fahrzeug-suche-row input, .fahrzeug-suche .fahrzeug-suche-row div,
.fahrzeug-suche .fahrzeug-suche-row{
height: 60px;
}
.fahrzeug-suche .fahrzeug-suche-row .annahme-feld-checkbox, .fahrzeug-suche .fahrzeug-suche-row #rueckgabe-feld-checkbox,
.fahrzeug-suche .fahrzeug-suche-row .fahrzeug-suche-dauer{
flex-basis: 100%;
} .fahrzeug-suche .fahrzeug-suche-row .fahrzeug-suche-ort{
flex-basis: 100%;
}
.fahrzeug-suche .fahrzeug-suche-row .fahrzeug-suche-dauer-gruppe{
flex-basis: 100%;
margin-top: 2em;
}
.fahrzeug-suche .fahrzeug-suche-row input[type="submit"]{
flex-basis: 50%;
margin: 0 auto;
font-size: 1.2em;
font-weight: 600;
}
.fahrzeug-suche .fahrzeug-suche-checkbox{
margin-top: 200px;
}
.fahrzeug-suche .fahrzeug-suche-row input{
padding-top: 0;
padding-bottom: 0;
padding-block: 0;
font-size: 17px;
}
.fahrzeug-suche .fahrzeug-suche-row{
position: relative;
}
.fahrzeug-suche .fahrzeug-suche-row .one-way-alert{
position: absolute;
height: 50px;
font-size: .8em;
top: 60px;
left: 25%;
}
.slide-cont .slide-cont-inner .wp-block-cover{
min-height: 70vh !important;
}
.cover-background-group{
padding-top: 2em;
padding-right: 4em;
padding-bottom: 2em;
padding-left: 4em;
}
.fd-active .fahrzeug-details:after{
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 0;
left: 0;
border-top: 16px solid #0003;
border-right: 26px solid transparent;
}
.buchungsinfo-rechtecke{
margin-top: 0 !important;
text-align: center;
width: 35%;
}
.filter-rechtecke{
width: 65%;
}
.count-wrap:before{
top: 10px;
margin-left: .8em;
font-size: 10em;
}
.count-wrap .counter{
font-size: 8em;
font-weight: 600;
}
.zufriedene-kunden-section .zufriedene-kunden-grp p{
font-size: 10em;
}
.av-header-burger{
display: none;
}
.round_feature-box-column:before{
transform: translate(-2em, -2em);
}
.round_feature-box:after{
scale: 1.6;
}
#buchungsinfo-anker div:first-child a{
display: none;
}
.buchung_f_info.is_fixed{
top: 20%;
}
.zusatz-leistungen .zusatz_flex{
width: 100%;
box-sizing: border-box;
}
.mehr-personen-fahrzeug-note div:nth-child(2){
width: 50%;
}
.zusatz_cont#tl-359::after{
bottom: -1em;
}
.zs_teaser-card{
width: 25%;
padding: 10px;
box-sizing: border-box;
}
.zs_teaser-titel{
font-size: 1.5em;
z-index: 100;
filter: drop-shadow(2px 2px 4px black);
}
.zs_teaser-thumbnail{
position: relative;
}
.zs_teaser-thumbnail:before{
content: '';
width: 100%;
height: 100%;
background-color: black;
opacity: 0.1;
position: absolute;
z-index: 0;
}
.zs_teaser-thumbnail{
width: 100%;
aspect-ratio: 3/2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-size: cover;
color: #fff;
}
.top-cover-cta .wp-block-cover__inner-container .wp-block-group{
transform: translateY(-10%);
padding-left: 5em !important;
}
}
@media (min-width: 1200px) and (max-width: 1599px){
.mietwagen-section{
max-width: 90vw !important;
padding-left: 2em !important;
padding-right: 2em !important;
}
.mietwagen-section .fahrzeug-suche-row,
.mietwagen-section .fahrzeug-suche-row .fahrzeug-suche-ort,
.mietwagen-section .fahrzeug-suche-row .fahrzeug-suche-dauer-gruppe{
gap: .5em;
}
}
@media (min-width: 1600px) {
:root{
--smc-wrapper-size: 1200px;
}
.fahrzeug-thumbnail img{
height: 300px;
}
.fahrzeug-card{ width: calc((100% / 3) - 1em);
}
.slide-cont .slide-cont-inner .wp-block-cover{
min-height: 70vh !important;
}
.count-wrap::before {
top: 0px;
margin-left: .8em;
font-size: 12em;
}
.av-header-burger{
display: none;
}
.cover-background-group{
padding-top: 2em;
padding-right: 7em;
padding-bottom: 2em;
padding-left: 7em;
}
.service-notfallpass figure{ }
.av-footer{
padding-top: 4em;
padding-bottom: 4em;
padding-left: 2em;
padding-right: 2em;
}
.num-round-box{
margin-right: 10em;
}
.round_feature-box-column:before{
transform: translate(-2em, -2em);
}
.round_feature-box:after{
scale: 1.4;
}
#buchungsinfo-anker div:first-child a{
display: none;
}
.zusatz-leistungen .zusatz_flex{
transform: none;
scale: 1;
}
.expand-button{
display: none;
}
.expand-box{
display: block;
}
}
@media (min-width: 2000px) {
:root{
--bdy-font-weight: 600;
--font-size: 20px; --smc-fs-medium: 20px ;
--smc-fs-large: 1.2em ;
--smc-fs-xlarge: 1.5em ;
--smc-fs-huge: 2em ;
--smc-wrapper-size: 1400px;
}
.slide-cont .slide-cont-inner .wp-block-cover{
min-height: 70vh !important;
}
.cover-background-group{
padding-top: 4em;
padding-right: 7em;
padding-bottom: 4em;
padding-left: 7em;
}
.av-header-burger{
display: none;
}
.round_feature-box-column:before{
transform: translate(-1em, -1em);
scale: 1.4;
}
.round_feature-box:after{
scale: 1.4;
}
.num-round-box p{
line-height: 3em;
}
#buchungsinfo-anker div:first-child a{
display: none;
}
.buchung_f_info.is_fixed{
max-width: 250px;
}
.zusatz_cont#tl-359::after{
bottom: 0em;
}
}