body{
line-height:2;
margin: 0px;
font-size: 22px;
font-family: 'Poppins';
color: #343D64;
font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
line-height:1.2;
margin: 0 auto 30px;
font-weight: 600;
font-size: 40px;
}
div p{
margin: 0px 0px 15px 0px;
}
div p:last-child, p:last-child{
margin: 0 auto;
}
img{
max-width: 100%;
height:auto;
}
a{
color: #EF6700;
text-decoration: none;
}
a:active, a:hover {
color: #EF6700;
}
.textcenter{
text-align:center;
}
svg, video{
max-width: 100%;
}
ul{
padding-left: 20px;
margin: 0 auto 15px;
}
.no_scroll{
height: 100vh;
overflow: hidden;
}
strong{
font-weight: 600;
} .w1280{
max-width: 1280px;
margin: 0 auto;
position:relative;
padding: 0px 40px;
}
.w1024{
max-width:1024px;
margin:0 auto;
position:relative;
}
.w960{
max-width:960px;
margin:0 auto;
position:relative;
}
.w800{
max-width:800px;
margin:0 auto;
position:relative;
}
.w600{
max-width:600px;
margin:0 auto;
position:relative;
}
.margin_oben{
margin-top: 100px;
}
.margin_unten{
margin-bottom: 100px;
}
.fullwidth{
width:100%;
background-repeat:no-repeat;
background-size:cover;
background-position: center;
position: relative;
}
.h900{
height: 900px;
}
.table_div{
display: table;
width: 100%;
height: 100%;
}
.table_cell_div{
display: table-cell;
vertical-align: middle;
}
.button{
display: inline-block;
margin-top: 20px;
}
.button a{
display: block;
line-height: 1;
color: #fff;
}
.button a svg{
display: inline-block;
vertical-align: middle;
width: 30px;
}
.button a span{
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.button a:hover, .button span:hover{
cursor: pointer;
}
.button a:hover svg{
-webkit-animation: bounceright .3s alternate ease infinite;
animation: bounceright .3s alternate ease infinite;
}
.button a:hover span{
text-decoration: underline;
}
@keyframes bounceright {
from { transform: translateX(0); }
to   { transform: translateX(3px); }
}
.button_b a{
color: #343D64;
}
.phone_button a{
color: #EF6700;
} .header{
position: absolute;
top: 30px;
width: 100%;
z-index: 10;
}
.top_header{
display: block;
margin-bottom: 25px;
position: relative;
overflow: hidden;
padding-top: 30px;
}
.header_logo{
float: left;
line-height: 0;
width: 330px;
margin: 15px 0 15px 0;
}
.header_logo a{
display: block;
}
.tel_boxen{
float: right;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
transition-delay: 0.8s;
position: relative;
right: -600px;
}
.loaded .tel_boxen{
right: 0;
}
.telbox{
height:100%;
position:relative;
float: left;
}
.telbox:first-child{
margin-right: -1px;
right: -250px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
transition-delay: 1.5s;
z-index: 1;
}
.loaded .telbox:first-child{
right: 0;
}
.telbox:last-child{
overflow:hidden;
z-index: 2;
}
.telbox:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%; height:100%;
background-color: #343D64;
border-left: 40px solid #343D64;
-webkit-transform-origin:100% 0%;
-ms-transform-origin:100% 0%;
transform-origin:100% 0%;
-webkit-transform:skewX(30deg);
-ms-transform:skewX(30deg);
transform:skewX(25deg);
z-index: -1;
}
.telbox:last-child:before{
background-color: #3B58A2;
border-color: #3B58A2;
}
.telbox a {
padding: 10px 20px 10px 50px;
font-size: 16px;
display: block;
color: #fff;
}
.telbox svg{
width: 30px;
display: inline-block;
vertical-align: middle;
}
.telbox span{
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.telbox span.later{
display: none;
}
.menu{
background-color: #fff;
padding: 8px 20px 10px 20px;
line-height: 1;
}
.nav-menu{
list-style: none;
padding: 0;
margin: 0;
}
.nav-menu li{
display: inline-block;
margin-right: 20px;
}
.nav-menu li:last-child(2){
margin: 0 auto;
}
.nav-menu li:last-child{
display: none;
}
.nav-menu li a{
display: block;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
color: #343D64;
}
.nav-menu li a:hover, .nav-menu li.current_page_item a{
color: #EF6700;
}
.menu_open{
display: none;
}
#languages{
position: absolute;
top: 0px;
right: 40px;
line-height: 1;
z-index: 1;
}
#languages a{
display: inline-block;
color: #EF6700;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
}
#languages a:last-child{
margin: 0 auto;
}
#languages a:hover{
color: #EF6700;
}
#languages a.active_lang{
display: none;
} .splide_normal .splide__slide{
display: block;
background-size: cover;
background-position: center;
height: 100vh;
}
.splide__arrows{
position: absolute;
bottom: 50px;
width: 100%;
text-align: center;
z-index: 2;
}
.splide__arrow{
background-color: transparent;
border: none;
padding: 0;
cursor: pointer;
line-height: 0;
width: 30px;
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.splide__arrow:disabled {
opacity: 0;
pointer-events: none;
}
.home_overlay{
height: 100vh;
}
.overlay{
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background-color: rgba(52,61,100, 0.7);
text-align: center;
z-index: 1;
padding-top: 155px;
}
.slider_text {
color: #fff;
margin: 0 auto;
}
.slider_text h1{
margin: 0 auto;
font-size: 50px;
}
.slider_text h1 span{
color: #EF6700;
}
.inner_overlay{
color: #fff;
max-width: 650px;
margin: 0 auto;
}
.inner_overlay h1{
margin: 0 auto;
}
.film_button{
background-color: #EF6700;
position: absolute;
right: 100px;
bottom: 50px;
z-index: 1;
text-align: center;
width: 200px;
height: 200px;
border-radius: 300px;
animation:pulse 1.5s infinite;
cursor: pointer;
}
.film_button a{
display: table;
width: 100%;
height: 100%;
}
.home_overlay .overlay .film_button .table_cell_div{
vertical-align: middle;
}
.clapp_ani{
transition: 0.5s ease;
transform-origin: left center;
}
.film_button:hover .clapp_ani{
transform: rotate(13deg);
}
@keyframes pulse{
0%{
box-shadow:#EF6700 0 0 0 0;
}
75%{
box-shadow:#EF670000 0 0 0 16px;
}
}
.film_button svg{
height: 50px;
display: block;
margin: 0 auto 10px;
}
.film_button span{
color: #fff;
display: block;
line-height: 1;
font-size: 16px;
}
.film_button span.fett{
font-weight: 600;
margin-bottom: 10px;
font-size: 25px;
} .splide_kacheln .splide__slide{
color: #fff;
font-size: 18px;
text-align: center;
padding: 50px 80px;
display: flex;
align-items: center;
}
.splide_kacheln .splide__slide:nth-child(even){
background-color: #343D64;
}
.splide_kacheln .splide__slide:nth-child(odd){
background-color: #3B58A2;
}
.splide_kacheln .splide__slide h3{
margin: 0 auto;
font-size: 20px;
line-height: 1.5;
font-weight: 500;
}
.splide_kacheln .splide__pagination{
margin-top: 20px;
}
.splide_kacheln .splide__pagination li{
line-height: 1;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.splide_kacheln .splide__pagination li:last-child{
margin-right: 0;
}
.splide_kacheln .splide__pagination li button{
-webkit-appearance:none;
width: 15px;
height: 15px;
display: block;
border: none;
background-color: #3B58A2;
border-radius: 20px;
cursor: pointer;
}
.splide__pagination li button.is-active{
background-color: #EF6700;
}
.auflistung_block{
color: #fff;
}
.auflistung_bild_box{
background-size: cover;
background-position: center;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: auto;
width: 50%;
}
.auflistung_block:nth-child(odd) .auflistung_bild_box{
left: 0;
right: auto;
}
.auflistung_text_box{
width: 50%;
float: left;
background-color: #343D64;
}
.auflistung_block:nth-child(odd) .auflistung_text_box{
float: right;
background-color: #3B58A2;
}
.inner_text_box{
max-width: 600px;
float: right;
padding: 80px 70px 160px;
font-weight: 300;
font-size: 18px;
}
.inner_text_box h2{
font-size: 30px;
}
.auflistung_block:nth-child(odd) .inner_text_box{
float: left;
}
.inner_text_box .icon{
line-height: 0;
margin-bottom: 50px;
}
.inner_text_box .icon img{
float: right;
}
.phone_button{
margin-left: 30px;
}
.icon_film{
margin: -50px auto 30px;
}
.startbild{
padding-bottom: 40%;
}
.icons{
margin-bottom: 20px;
}
.icons img{
width: 80px;
margin: 0 10px;
display: inline-block;
vertical-align: middle;
}
.image_box{
display: inline-block;
vertical-align: top;
width: calc(49.5% - 20px);
line-height: 0;
text-align: left;
margin-bottom: 40px;
position: relative;
}
.image_box:nth-child(2n){
margin-left: 40px;
}
.image_box:last-child, .image_box:nth-last-child(2){
margin-bottom: 0 !important;
}
.image_box a{
display: block;
color: #343D64;
}
.hover_box{
transition: .5s ease;
opacity: 0;
position: absolute;	
text-align: center;
width: 100%;
height: 100%;
background-color: #343D64;
top: 0;
left: 0;
}
.image_box a:hover .hover_box {
opacity: 0.8;
}
.hover_box svg{
width: 50px;
opacity: 1;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: 50%;
left: 50%;
position: absolute;
}
.image_box .image_box_inner{
background-size: cover;
background-position: center;
padding-bottom: 60%;
}
.image_box span{
line-height: 1.5;
display: block;
padding-top: 20px;
}
.kontakt_box{
background-color: #3B58A2;
color: #fff;
padding: 30px;
font-size: 18px;
}
.kontakt_box a{
color: #fff;
text-decoration: none;
font-weight: 600;
}
.kontakt_box a:hover{
color: #EF6700;
}
.mietwagen_box{
border: 2px solid #3B58A2;
padding: 20px;
width: calc(33.33% - 26.66px);
float: left;
margin-bottom: 40px;
margin-right: 40px;
position: relative;
}
.mietwagen_box:nth-child(3n){
margin-right: 0;
}
.mietwagen_box a{
display: block;
color: #343D64;
}
.mietwagen_box h3{
font-size: 20px;
margin: 20px auto 0;
font-weight: normal;
}
.mietwagen_bild{
line-height: 0;
}
.mietwagen_box a:hover .hover_box {
opacity: 0.8;
}
.anker_point_box{
display: inline-block;
vertical-align: middle;
margin: 10px;
overflow: hidden;
position: relative;
}
.anker_point_box a{
display: block;
color: #343D64;
border: 2px solid #343D64;
padding: 10px 20px;
line-height: 1;
font-size: 16px;
font-weight: 600;
}
.anker_point_box a:before {
position: absolute;
left: 0;
bottom: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #343D64;
opacity: 0.2;
transform-origin: 0 bottom 0;
transform: scaleX(0);
transition: .25s ease-out;
z-index: -1;
}
.anker_point_box a:hover:before {
transform: scaleX(1);
} .wpcf7{
text-align: left;
font-size: 18px;
}
.wpcf7-not-valid-tip{
font-size: 16px;	
}
.abstand_row{
display: block;
width: 100%;
position: relative;
margin-bottom: 20px;
}
.input{
width: calc(50% - 15px);
margin-right: 30px;
float: left;
}
.input.last{
margin: 0 auto;
float: right;
}
.input.full{
width: 100%;
}
.input input, .input select{
width: 100%;
height: 40px;
font-size: 18px;
font-family: 'Poppins';
padding: 0 10px;
font-weight: 300;
border: 1px solid #000;
background-color: #fff;
}
.bemerkungen{
width: 100%;
margin-bottom: 20px;
}
textarea{
width: 100%;
height: 100px;
font-size: 18px;
font-family: 'Poppins';
font-weight: 300;
padding: 10px;
}
.check_anfrage {
float: left;
line-height: 0;
margin-top: 10px;
}
.check_anfrage span{
margin: 0 auto;
line-height: 0;
display: block;
}
.check{
margin: 0 auto;
width: 13px;
}
.check_anfrage_text{
width: calc(100% - 23px);
float: right;
}
.anfragen_btn {
width: auto;
display: inline-block;
font-family: 'Poppins';
margin-top: 30px;
color: #343D64;
border: 2px solid #343D64;
padding: 10px 20px;
line-height: 1;
font-size: 16px;
font-weight: 600;
background-color: transparent;
}
.anfragen_btn:hover{
background-color: #343D64;
color: #fff;
cursor: pointer;
}
.anfragen_btn:disabled{
color: #fff;
background-color: #ccc;
border: none;
} .footer{
text-align: left;
font-size: 17px;
background-color: #343D64;color: #fff;
}
.footer a{
color: #fff;
}
.footer a:hover{
color: #EF6700;
}
.footer h3{
font-size: 22px;
}
.footer_logo{
margin: 0 auto 50px;
width: 300px;
line-height: 0;
}
.footer_logo a{
display: block;
}
.oeffnungszeiten, .adresse, .kontakt{
width: calc(33.33% - 50px);
float: left;
padding-right: 50px;
}
.partner{
width: 150px;
float: right;
}
.partner a{
display: block;
margin-bottom: 10px;
}
.partner a:last-child{
margin: 0 auto;
}
.oeffnungszeiten h3, .adresse h3, .kontakt h3, .partner h3{
margin-bottom: 20px;
}
.sub_footer{
text-align: center;
font-size: 14px;
margin-top: 50px;
}
.sub_footer .trenner{
margin: 0 10px;
} html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
zoom:1; }@media screen and (max-height: 650px) {
}
@media screen and (max-height: 520px) {
}
@media screen and (max-height: 480px) {
}
@media screen and (max-width: 1850px) {
}
@media screen and (max-width: 1650px) {
}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1500px) {
}
@media screen and (max-width: 1300px) {
.film_button{
right: 30px;
bottom: 30px;
}
}
@media screen and (max-width: 1280px) {
.slider_text h1{
font-size: 35px;
}
}
@media screen and (max-width: 1270px) {
}
@media screen and (max-width:1241px){
}
@media screen and (max-width:1180px){
.startbild {
padding-bottom: 60%;
}
}
@media screen and (max-width:1150px){
.phone_button{
display: block;
margin-left: 0;
}
}
@media screen and (max-width:1130px){
.footer{
text-align: center;
font-size: 16px;
}
.oeffnungszeiten, .adresse, .kontakt, .partner{
width: 48%;
float: none;
display: inline-block;
vertical-align: top;
padding: 0;
}
.oeffnungszeiten, .kontakt{
padding-right: 20px;
}
.kontakt, .partner{
margin-top: 50px;
}
.adresse, .partner{
padding-left: 20px;
}
.partner{
float: none;
display: inline-block;
vertical-align: top;
}
.partner a{
max-width: 150px;
margin: 0 auto 10px;
}
.inner_footer{
max-width: 600px;
margin: 0 auto;
}
}
@media screen and (max-width:1100px){
.nav-menu li a{
font-size: 16px;
}
}
@media screen and (max-width:1035px){
}
@media screen and (max-width: 1024px) {
.home_overlay .overlay .table_cell_div{
vertical-align: bottom;
}
.slider_text {
margin: 0 0 80px 40px;
text-align: left;
max-width: 480px;
}
.slider_text h1{
font-size: 30px;
}
.splide__arrows {
bottom: 30px;
width: auto;
left: 40px;
}
.splide__arrow{
margin: 0 auto;
}
.splide__arrow--prev{
margin-right: 20px;	
}
.film_button{
width: 160px;
height: 160px;
}
.film_button svg{
height: 40px;
}
.film_button span.fett{
font-size: 20px;
}
.film_button span{
font-size: 14px;
}
.telbox:last-child span{
display: none;
}
.telbox span.later{
display: inline-block;
}
.nav-menu li a {
font-size: 15px;
}
}
@media screen and (max-width: 960px) {
.menu{
text-align: center;
}
.nav-menu li{
margin-right: 12px;
}
}
@media screen and (max-width: 950px) {
.mietwagen_box, .mietwagen_box:nth-child(3n){
width: calc(50% - 20px);
margin-bottom: 40px;
margin-right: 40px;
}
.mietwagen_box:nth-child(2n){
margin-right: 0;
}
}
@media screen and (max-width: 900px) {
.auflistung_bild_box {
position: relative;
top: auto;
bottom: auto;
right: auto !important;
left: auto !important;
width: 100%;
padding-bottom: 60%;
}
.auflistung_text_box {
width: 100%;
float: none !important;
}
.inner_text_box {
max-width: 100%;
float: none !important;
padding: 50px;
width: 100%;
}
.inner_text_box .icon img{
float: none;
}
.phone_button{
display: inline-block;
margin-left: 30px;
}
.nav-menu li a {
font-size: 14.5px;
}
}
@media screen and (min-width: 881px) {
.menu{
display: block !important;
}
}
@media screen and (max-width: 880px) {
.top_header{
padding-bottom: 50px;
padding-top: 0;
margin: 0 auto 0;
}
.tel_boxen{
float: none;
position: absolute;
left: -400px;
right: auto;
top: 50px;
}
.loaded .tel_boxen{
right: auto;
left: 0;
}
.telbox:first-child{
margin-right: 0;
right: auto;
transition-delay: 0s;
z-index: 2;
overflow: hidden;
}
.loaded .telbox:first-child{
right: auto;
}
.telbox:last-child{
overflow:visible;
z-index: 1;
margin-left: -1px;
left: -250px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
transition-delay: 1.5s;
}
.loaded .telbox:last-child{
left: 0;
}
.telbox:before{ 
border-left: 40px solid #343D64;
-webkit-transform-origin:100% 0%;
-ms-transform-origin:100% 0%;
transform-origin:100% 0%;
-webkit-transform:skewX(-30deg);
-ms-transform:skewX(-30deg);
transform:skewX(-25deg);
}
.telbox a{
font-size: 14px;
padding: 10px 30px 10px 15px;
}
.telbox svg{
width: 25px;
}
.header_logo{
margin: 13px 0;
}
.menu{
display: none;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
background-color: rgba(239, 103, 0, 0.4);
z-index: 10;
padding: 50px 30px 50px;
overflow: scroll;
}
.blur{
filter: blur(8px);
-webkit-filter: blur(8px);
transition: none;
transition-delay: 0;
}
.nav-menu li{
display: block;
float: none;
margin-bottom: 20px;
margin-right: 0;
}
.nav-menu li:last-child{
display: block;
margin-top: 30px;
}
.nav-menu li a{
color: #fff;
font-size: 20px;
}
.nav-menu li:last-child a{
font-size: 16px;
text-transform: lowercase;
}
.menu_open{
width: 35px;
height: 25px;
position: relative;
position: absolute;
right: 40px;
top: 32px;
vertical-align: middle;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
display: block; 
z-index: 12;
}
.menu_open:hover{
cursor: pointer;
}
.menu_open span{
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #EF6700;
border-radius: 9px;
opacity: 1;
right: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.menu_open.open span{
background-color: #fff;
}
.menu_open span:nth-child(1){
top: 0px;
width: 60%;
}
.menu_open span:nth-child(2), .menu_open span:nth-child(3){
bottom: 11px;
}
.menu_open span:nth-child(4){
bottom: 0px;
width: 60%;
}
.menu_open.open span:nth-child(1){
top: 18px;
width: 0%;
left: 50%;
}
.menu_open.open span:nth-child(2){
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 15px;
}
.menu_open.open span:nth-child(3){
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 15px;
}
.menu_open.open span:nth-child(4){
top: 18px;
width: 0%;
left: 50%;
}
.overlay{
padding-top: 129px;
}
.splide_kacheln .splide__slide{
padding: 40px;
}
}
@media screen and (max-width: 850px) {
}
@media screen and (max-width: 800px) {
h1, h2, h3, h4, h5, h6{
font-size: 35px;
}
.w1280{
padding: 0 30px;
}
.menu_open{
right: 30px;
}
.margin_oben{
margin-top: 60px;
}
.margin_unten{
margin-bottom: 60px;
}
.image_box {
width: calc(49.5% - 15px);
margin-bottom: 30px;
}
.image_box:nth-child(2n) {
margin-left: 30px;
}
.image_box span{
font-size: 18px;
}
.mietwagen_box, .mietwagen_box:nth-child(3n){
width: calc(50% - 15px);
margin-bottom: 30px;
margin-right: 30px;
}
.mietwagen_box:nth-child(2n){
margin-right: 0;
}
.inner_text_box{
padding: 50px 30px;
}
.slider_text {
margin: 0 0 80px 30px;
}
.splide__arrows{
left: 30px;
}
#languages{
right: 30px;
}
}
@media screen and (max-width: 780px) {
}
@media screen and (max-width: 750px) {
}
@media screen and (max-width: 740px) {
.film_button {
width: 110px;
height: 110px;
}
.film_button span:last-child{
display: none;
}
.film_button span.fett {
font-size: 16px;
}
.film_button svg {
height: 30px;
}
.slider_text {
max-width: calc(100% - 200px);
}
}
@media screen and (max-width: 700px) {
}
@media screen and (max-width: 680px) {
.startbild {
padding-bottom: 100%;
}
.splide_kacheln .splide__slide{
padding: 30px;
}
.splide_kacheln .splide__slide h3{
font-size: 18px;
font-weight: 300;
}
}
@media screen and (max-width: 650px) {	
.image_box, .image_box:nth-last-child(2){
width: 100%;
background-color: #343D64;
margin-bottom: 30px !important;
}
.image_box a{
color: #fff;
}
.image_box span{
padding: 20px;
}
.image_box:nth-child(2n) {
margin-left: 0;
}
}
@media screen and (max-width: 625px) {
.oeffnungszeiten, .adresse, .kontakt, .partner {
width: auto;
float: none;
display: block;
padding: 0;
}
.adresse, .kontakt, .partner{
margin-top: 30px;
}
.oeffnungszeiten h3, .adresse h3, .kontakt h3, .partner h3{
margin-bottom: 5px;
}
.sub_footer a, .sub_footer span{
display: block;
}
.sub_footer .trenner{
display: none;
}
.anker_point_box{
margin: 5px;
}
.anker_point_box a{
font-size: 13px;
}
}
@media screen and (max-width: 600px) {	
.mietwagen_box, .mietwagen_box:nth-child(3n){
width: 100%;
margin-bottom: 30px;
margin-right: 0;
}
h1, h2, h3, h4, h5, h6{
font-size: 30px;
}
body{
font-size: 18px;
}
}
@media screen and (max-width: 580px) {
}
@media screen and (max-width: 550px) {
.input, .input.last {
width: 100%;
float: none;
margin: 0 auto 20px;
}
.abstand_row{
margin: 0 auto;
}
.slider_text h1 {
font-size: 25px;
}
.splide_kacheln .splide__slide{
padding: 40px;
}
}
@media screen and (max-width: 520px) {
.phone_button{
display: block;
margin-left: 0;
}
}
@media screen and (max-width: 500px){
.tel_boxen{
width: 100%;
}
.telbox:first-child{
width: 55%;
text-align: center;
}
.telbox:last-child{
width: 45%;
text-align: center;
}
.telbox svg {
width: 20px;
}
.telbox span{
margin-left: 5px;
}
.telbox a {
font-size: 13px;
padding: 10px 30px 10px 10px;
}
.icons img{
width: 60px;
}
.menu_open {
top: 12px;
}
#languages{
top: -15px;
}
.top_header{
margin-top: 10px;	
}
.menu_open {
top: 20px;
}
}	
@media screen and (max-width: 450px){	
.header_logo{
width: 250px;
}
.telbox a{
padding: 10px;
}
.telbox::before {
border-left: none;
-webkit-transform-origin: none;
-ms-transform-origin: none;
transform-origin: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@media screen and (max-width: 430px){	
}
@media screen and (max-width: 400px){	
}
@media screen and (max-height: 500px) {
} @media print {
body {
background: none !important;
color: #000;
font-size: 10pt;
}
}