/* COLORVARS */
/* FONTVARS */
body {
font-family: "Montserrat";
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.myslider__slide--visible {
display: none; }
.container {
max-width: 1440px; }
.bggrey {
background-color: #F7F7F7; }
h1 {
font-family: "Montserrat";
font-weight: 600;
font-size: 30px;
line-height: 1.1;
color: #ffffff;
position: relative;
margin-bottom: 19px; }
@media (min-width: 576px) {
h1 {
font-size: 54px;
line-height: 70px; } }
h2 {
font-family: "Montserrat";
font-weight: 600;
font-size: 26px;
line-height: 32px;
margin-bottom: 51px;
color: #001E32;
position: relative; }
@media (min-width: 576px) {
h2 {
font-size: 36px;
line-height: 44px; } }
h2:after {
content: "";
width: 110px;
height: 6px;
bottom: -11px;
background-color: #0070BA;
position: absolute;
left: 0px; }
@media (min-width: 576px) {
h2:after {
height: 8px;
bottom: -19px; } }
h2.titlecenter {
text-align: left; }
@media (min-width: 768px) {
h2.titlecenter {
text-align: center; } }
h2.titlecenter:after {
left: 0;
transform: translateX(0); }
@media (min-width: 768px) {
h2.titlecenter:after {
left: 50%;
transform: translateX(-55px); } }
h2#CybotCookiebotDialogBodyContentTitle:after{
display: none;
}
h3 {
font-family: "Montserrat";
font-weight: 600;
font-size: 20px;
line-height: 26px;
color: #001E32; }
@media (min-width: 768px) {
h3 {
font-size: 26px;
line-height: 32px; } }
p, legend {
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #001E32; }
legend {
margin-top: 20px;
margin-bottom: 15px; }
.btnnb {
text-decoration: none; }
.btnnb.btnmore {
font-size: 17px;
line-height: 21px;
color: #0070BA;
font-weight: 600; }
.btnnb.btnmore span {
overflow: hidden;
top: 4px; }
.btnnb.btnmore span:first-of-type {
width: 30px;
height: 18px;
position: relative;
overflow: hidden;
display: inline-block;
margin-right: 16px;
transition: all .3s ease-in-out; }
.btnnb.btnmore span:first-of-type svg {
position: absolute;
left: 0px;
top: 0;
transition: all .3s ease-in-out; }
.btnnb.btnmore span:last-of-type {
width: 30px;
height: 18px;
position: relative;
overflow: hidden;
display: inline-block;
margin-left: 16px;
transition: all .3s ease-in-out; }
.btnnb.btnmore span:last-of-type svg {
position: absolute;
left: -60px;
top: 0;
transition: all .3s ease-in-out; }
.btnnb.btnmore:hover {
color: #0070BA; }
.btnnb.btnmore:hover span:first-of-type {
width: 0;
margin-right: 0; }
.btnnb.btnmore:hover span:first-of-type svg {
left: 30px; }
.btnnb.btnmore:hover span:last-of-type {
width: 30px; }
.btnnb.btnmore:hover span:last-of-type svg {
left: 0; }
.btnnb.btnanchor {
display: inline-block;
margin-bottom: 0;
margin-top: 25px;
font-size: 17px;
line-height: 20px;
font-weight: 600;
color: #0070BA;
position: relative;
transition: color .4s ease-in-out;
overflow: hidden;
padding-top: 5px;
padding-bottom: 6px;
padding-left: 35px; }
.btnnb.btnanchor span {
margin-right: 10px;
position: absolute;
left: 0px; }
.btnnb.btnanchor span:first-of-type {
top: -50px;
transition: top .2s ease-in-out; }
.btnnb.btnanchor span:first-of-type svg line, .btnnb.btnanchor span:first-of-type svg path {
stroke: #001E32; }
.btnnb.btnanchor span:last-of-type {
top: 1px;
transition: top .2s ease-in-out; }
.btnnb.btnanchor:hover {
color: #001E32; }
.btnnb.btnanchor:hover span {
margin-right: 10px; }
.btnnb.btnanchor:hover span:first-of-type {
top: 1px; }
.btnnb.btnanchor:hover span:last-of-type {
top: 52px; }
.btnwb {
text-decoration: none;
padding-left: 30px;
padding-right: 30px;
padding-top: 16px;
padding-bottom: 16px;
border-radius: 5px;
font-size: 17px;
line-height: 20px;
font-weight: 600;
transition: all .4s ease-in-out; }
.btnwb.btnwhite {
background-color: #ffffff;
color: #0070BA; }
.btnwb.btnwhite span {
margin-right: 0;
top: 4px;
width: 0;
height: 21px;
position: relative;
overflow: hidden;
display: inline-block;
transition: all .4s ease-in-out; }
.btnwb.btnwhite span svg {
position: relative;
left: -60px;
transition: all .4s ease-in-out; }
.btnwb.btnwhite span svg line, .btnwb.btnwhite span svg path {
stroke: #ffffff;
transition: all .4s ease-in-out; }
.btnwb.btnwhite:hover {
background-color: #0070BA;
color: #ffffff; }
.btnwb.btnwhite:hover span {
width: 30px;
margin-right: 16px; }
.btnwb.btnwhite:hover span svg {
left: 0px; }
.btnwb.btnwhite:hover span svg line, .btnwb.btnwhite:hover span svg path {
stroke: #ffffff; }
.btnwb.btnblue {
background-color: #0070BA;
color: #ffffff; }
.btnwb.btnblue span {
margin-right: 0;
top: 4px;
width: 0;
height: 21px;
position: relative;
overflow: hidden;
display: inline-block;
transition: all .4s ease-in-out; }
.btnwb.btnblue span svg {
position: relative;
left: -60px;
transition: all .4s ease-in-out; }
.btnwb.btnblue span svg line, .btnwb.btnblue span svg path {
stroke: #0070BA;
transition: all .4s ease-in-out; }
.btnwb.btnblue:hover {
background-color: #ffffff;
color: #0070BA; }
.btnwb.btnblue:hover span {
width: 30px;
margin-right: 16px; }
.btnwb.btnblue:hover span svg {
left: 0px; }
.btnwb.btnblue:hover span svg line, .btnwb.btnblue:hover span svg path {
stroke: #0070BA; }
.btnwb.btnicon {
padding-left: 0px;
padding-right: 0px;
display: block;
padding-top: 0;
margin-bottom: 25px;
padding-bottom: 0;
color: #ffffff;
text-decoration: none;
position: relative;
transition: all .4s ease-in-out; }
.btnwb.btnicon:last-of-type {
margin-bottom: 0; }
.btnwb.btnicon span {
margin-right: 15px; }
@keyframes shake {
0% {
transform: translate(1px, 1px) rotate(0deg); }
10% {
transform: translate(-1px, -2px) rotate(-1deg); }
20% {
transform: translate(-3px, 0px) rotate(1deg); }
30% {
transform: translate(3px, 2px) rotate(0deg); }
40% {
transform: translate(1px, -1px) rotate(1deg); }
50% {
transform: translate(-1px, 2px) rotate(-1deg); }
60% {
transform: translate(-3px, 1px) rotate(0deg); }
70% {
transform: translate(3px, 1px) rotate(-1deg); }
80% {
transform: translate(-1px, -1px) rotate(1deg); }
90% {
transform: translate(1px, 2px) rotate(0deg); }
100% {
transform: translate(1px, -2px) rotate(-1deg); } }
.btnwb.btnicon span:last-of-type {
position: relative; }
.btnwb.btnicon span:last-of-type:after {
content: '';
position: absolute;
bottom: 0px;
width: 100%;
height: 1px;
background: #ffffff;
left: 0px;
transition: all .3s ease-in-out; }
.btnwb.btnicon:hover {
color: #ffffff;
text-decoration: none; }
.btnwb.btnicon:hover span:first-of-type svg {
/*
animation: shake 0.9s;
animation-iteration-count: infinite;
*/ }
.btnwb.btnicon:hover span:last-of-type {
position: relative; }
.btnwb.btnicon:hover span:last-of-type:after {
content: '';
position: absolute;
bottom: 0px;
width: 0;
height: 1px;
background: #ffffff;
left: 50%; }
.lead {
font-size: 22px;
line-height: 36px; }
#p63 h1 {
font-family: "Montserrat";
font-weight: 600;
font-size: 50px;
line-height: 65px;
color: #001E32;
position: relative;
margin-bottom: 69px;
margin-top: 100px; }
@media (min-width: 992px) {
#p63 h1 {
margin-top: 200px; } }
#p63 h1:after {
content: "";
width: 110px;
height: 10px;
bottom: -19px;
background-color: #0070BA;
position: absolute;
left: 0px; }
.kesearchbox {
display: inline-block;
float: left;
margin-right: 12px; }
@media (min-width: 1200px) {
.kesearchbox {
margin-right: 0; } }
.searchbox #ke_search_sword {
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 1px solid #A5A5A5;
color: #001E32;
padding-left: 17px;
padding-right: 17px;
height: 54px;
width: 100%;
margin-right: 12px; }
@media (min-width: 1200px) {
.searchbox #ke_search_sword {
width: 350px; } }
.searchbox .btnnb.btnmore {
display: inline-block;
padding-left: 45px;
padding-right: 45px;
padding-top: 16px;
padding-bottom: 15px;
border-radius: 5px;
background-color: #0070BA;
color: #ffffff;
border: none;
transition: all .4s ease-in-out;
border: 1px solid #0070BA; }
.searchbox .btnnb.btnmore:hover {
background-color: white;
color: #0070BA; }
.searchbox .btnnb.btnmore span {
margin-left: 0px;
margin-right: 0px;
width: 0px; }
.searchbox .btnnb.btnmore span svg path, .searchbox .btnnb.btnmore span svg line {
stroke: #ffffff; }
.searchbox .btnnb.btnmore input {
font-size: 17px;
line-height: 20px;
color: #ffffff;
background-color: #0070BA;
border: none;
font-weight: 600; }
.searchbox .btnnb.btnmore:hover span {
margin-left: 0px;
margin-right: 16px;
width: 30px; }
.searchbox .btnnb.btnmore:hover span svg path, .searchbox .btnnb.btnmore:hover span svg line {
stroke: #ffffff; }
.searchbox:not(.searchboxouter) .kesearchbox {
width: 100%; }
@media (min-width: 576px) {
.searchbox:not(.searchboxouter) .kesearchbox {
width: auto; } }
#kesearch_num_results {
margin-top: 50px;
display: block; }
#kesearch_results .result-list-item {
margin-top: 40px;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #A5A5A5; }
#kesearch_results .result-title a {
text-decoration: none;
color: #0070BA; }
#kesearch_results .hit,
#kesearch_results .result-list-item .hit{
color: #0070BA !important; }
.rentbuscont {
padding-bottom: 30px !important;
border-bottom: none !important;
display: flex;
flex-grow: 1; }
.rentlist .newslist_image {
padding-left: 30px;
padding-right: 30px;
padding-top: 30px; }
.rentlist .newslist_image img {
max-height: 270px;
width: auto;
margin-left: auto;
margin-right: auto; }
.contnor .list-jobs {
list-style-type: none;
padding: 0; }
.contnor .list-jobs li {
border-bottom: 1px solid #A5A5A5;
margin-bottom: 0px !important; }
.contnor .list-jobs li a {
margin-bottom: 0px;
padding-top: 25px;
padding-bottom: 22px;
padding-left: 10px;
padding-right: 50px;
position: relative;
cursor: pointer;
font-family: "Montserrat";
font-weight: 600;
font-size: 20px;
line-height: 26px;
color: #001E32;
display: block;
transition: color .4s ease-in-out; }
@media (min-width: 768px) {
.contnor .list-jobs li a {
font-size: 26px;
line-height: 32px; } }
.contnor .list-jobs li a:after {
background-image: url('data:image/svg+xml,');
position: absolute;
left: unset;
right: 15px;
width: 30px;
height: 18px;
background-color: transparent;
bottom: unset;
top: 50%;
transform: translateY(-50%); }
.contnor .list-jobs li a:hover {
color: #0070BA; }
.contnor .list-jobs li a:hover:after {
background-image: url('data:image/svg+xml,');
position: absolute;
left: unset;
right: 5px;
width: 30px;
height: 18px;
background-color: transparent;
bottom: unset;
top: 50%;
transform: translateY(-50%); }
.containercustom {
margin-top: 40px; }
@media (min-width: 768px) {
.containercustom {
margin-top: 70px; } }
@media (min-width: 992px) {
.containercustom {
margin-top: 128px; } }
.custfirstelement {
margin-top: 130px !important; }
@media (min-width: 768px) {
.custfirstelement {
margin-top: 210px !important; } }
.custfirstelement h1 {
position: relative;
margin-bottom: 69px; }
.custfirstelement h1:after {
content: "";
width: 110px;
height: 10px;
bottom: -19px;
background-color: #0070BA;
position: absolute;
left: 0px; }
.contnor h1 {
position: relative;
margin-bottom: 69px;
color: #001E32; }
.contnor h1:after {
content: "";
width: 110px;
height: 10px;
bottom: -19px;
background-color: #0070BA;
position: absolute;
left: 0px; }
.contnor ul {
margin-top: 30px;
margin-bottom: 30px; }
.contnor ul li {
margin-bottom: 12px !important; }
.contnor ul li a {
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #0070BA;
text-decoration: none;
position: relative; }
.contnor ul li a:after {
content: '';
position: absolute;
bottom: 0px;
width: 100%;
height: 1px;
background: #0070BA;
left: 0px;
transition: all .3s ease-in-out; }
.contnor ul li a:hover:after {
content: '';
position: absolute;
bottom: 0px;
width: 0;
height: 1px;
background: #0070BA;
left: 50%; }
.contnor ol {
margin-top: 30px;
margin-bottom: 30px; }
.contnor ol li {
margin-bottom: 12px !important; }
.contnor ol li a {
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #0070BA;
text-decoration: none;
position: relative; }
.contnor ol li a:after {
content: '';
position: absolute;
bottom: 0px;
width: 100%;
height: 1px;
background: #0070BA;
left: 0px;
transition: all .3s ease-in-out; }
.contnor ol li a:hover:after {
content: '';
position: absolute;
bottom: 0px;
width: 0;
height: 1px;
background: #0070BA;
left: 50%; }
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#c289 {
margin-bottom: 30px; }
#c350, #c353 {
margin-top: 20px; }
#c348, #c351 {
margin-bottom: 20px; }
.searchcross {
opacity: 0;
position: absolute;
top: 11px;
right: 19px;
width: 10px;
height: auto;
display: block;
transition: opacity .3s ease-in-out; }
.searchcross.searchcrossactive {
opacity: 1;
cursor: pointer; }
.team .teamsae .form {
position: relative; }
.partnerlogos {
margin-top: 50px;
margin-bottom: 50px; }
.partnerlogos .logowrap {
display: block;
overflow: hidden; }
@media (min-width: 768px) {
.partnerlogos .logowrap {
margin-left: -10px;
margin-right: -10px;
margin-top: 60px; } }
.partnerlogos .logowrap .logowraprow {
display: inline-flex;
float: left;
width: calc(50% - 10px);
height: 100px;
background-color: #fff;
flex-direction: column;
justify-content: center;
margin-bottom: 20px;
border: 1px solid #001E32;
border-radius: 5px; }
.partnerlogos .logowrap .logowraprow:nth-of-type(odd) {
margin-right: 10px; }
.partnerlogos .logowrap .logowraprow:nth-of-type(even) {
margin-left: 10px; }
@media (min-width: 768px) {
.partnerlogos .logowrap .logowraprow {
width: calc(25% - 20px);
margin-left: 10px;
margin-right: 10px; } }
.partnerlogos .logowrap .logowraprow img {
display: flex;
flex-direction: column;
justify-self: center;
margin: auto;
max-height: 80%;
height: auto;
width: auto;
max-width: 80%; }
#c156 .intro_imgwrap {
position: relative; }
#c156 .intro_imgwrap:before {
content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' id='_Ebene_' data-name='<Ebene>' viewBox='0 0 160.21803 15.504887' version='1.1' sodipodi:docname='hammerrent-logo.svg' inkscape:version='0.92.4 (5da689c313, 2019-01-14)'%3E%3Cmetadata id='metadata39'%3E%3C/metadata%3E%3Cdefs id='defs4'%3E%3Cstyle id='style2'%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%231269b0;%7D.cls-2,.cls-3%7Bfill-rule:evenodd;%7D.cls-3%7Bfill:%23131307;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-2' points='34.209,12.87 31.705,24.67 35.401,24.67 36.397,20.011 39.836,20.011 38.841,24.67 42.515,24.67 45.025,12.87 41.352,12.87 40.525,16.774 37.086,16.774 37.913,12.87 ' id='polygon8' style='fill:%231269b0;fill-rule:evenodd' transform='translate(-31.705986,-12.561114)'%3E%3C/polygon%3E%3Cpath class='cls-2' d='m 40.453014,0.30888635 h -5.045 l -2.313,5.47499995 -0.234,0.509 a 10.52,10.52 0 0 0 -0.395,1.271 h -0.121 l 0.012,-0.24 c 0.006,-0.186 0.012,-0.335 0.012,-0.455 0,-0.12 -0.006,-0.271 -0.012,-0.414 l -0.042,-0.624 -0.269,-5.52199995 h -4.722 l -2.505,11.79999965 h 3.578 l 1.054,-4.9399997 c 0.071,-0.336 0.127,-0.661 0.21,-1.23 0.09,-0.611 0.1,-0.695 0.168,-1.115 h 0.12 c -0.006,0.216 -0.012,0.389 -0.018,0.5 l -0.031,0.6 c 0,0.042 0,0.073 0,0.348 v 0.521 c 0,0.252 0,0.349 0,0.432 l 0.235,4.8809997 h 2.761 l 2.08,-4.8629997 c 0.15,-0.341 0.287,-0.713 0.509,-1.384 0.192,-0.57 0.217,-0.636 0.353,-1.038 h 0.121 l -0.115,0.42 c -0.136,0.485 -0.167,0.6 -0.251,0.966 -0.15,0.628 -0.227,0.947 -0.251,1.079 l -1.032,4.8199997 h 3.632 z' id='path10' inkscape:connector-curvature='0' style='fill:%231269b0;fill-rule:evenodd'%3E%3C/path%3E%3Cpath class='cls-2' d='m 55.967014,0.30888635 h -5.045 l -2.308,5.47699995 -0.235,0.509 a 10.911,10.911 0 0 0 -0.395,1.271 h -0.119 l 0.011,-0.24 c 0.007,-0.186 0.013,-0.335 0.013,-0.455 0,-0.12 -0.006,-0.271 -0.013,-0.414 l -0.041,-0.624 -0.271,-5.52199995 h -4.721 l -2.5,11.79999965 h 3.571 l 1.055,-4.9399997 c 0.072,-0.336 0.125,-0.661 0.21,-1.23 0.09,-0.611 0.1,-0.695 0.168,-1.115 h 0.119 c -0.006,0.216 -0.012,0.389 -0.018,0.5 l -0.03,0.6 c 0,0.042 0,0.073 0,0.348 v 0.521 c 0,0.252 0,0.349 0,0.432 l 0.234,4.8809997 h 2.762 l 2.079,-4.8629997 a 14.555,14.555 0 0 0 0.51,-1.384 c 0.192,-0.57 0.216,-0.636 0.354,-1.038 h 0.121 l -0.115,0.42 c -0.138,0.485 -0.168,0.6 -0.253,0.966 -0.148,0.628 -0.227,0.947 -0.251,1.079 l -1.03,4.8199997 h 3.631 z' id='path12' inkscape:connector-curvature='0' style='fill:%231269b0;fill-rule:evenodd'%3E%3C/path%3E%3Cpolygon class='cls-2' points='92.148,20.024 97.518,20.024 98.099,17.295 92.724,17.295 93.018,15.941 99.273,15.941 99.92,12.87 90.057,12.87 87.553,24.67 97.662,24.67 98.321,21.595 91.812,21.595 ' id='polygon14' style='fill:%231269b0;fill-rule:evenodd' transform='translate(-31.705986,-12.561114)'%3E%3C/polygon%3E%3Cpolygon class='cls-3' points='129.749,20.024 135.119,20.024 135.701,17.295 130.326,17.295 130.619,15.941 136.874,15.941 137.523,12.87 127.658,12.87 125.154,24.67 135.263,24.67 135.921,21.595 129.415,21.595 ' id='polygon16' style='fill:%23131307;fill-rule:evenodd' transform='translate(-31.705986,-12.561114)'%3E%3C/polygon%3E%3Cpath class='cls-3' d='m 118.77801,0.30888635 h -3.627 l -1.174,5.52899995 a 14.563,14.563 0 0 0 -0.191,2.26 h -0.121 c -0.059,-0.564 -0.094,-0.815 -0.16,-1.193 -0.084,-0.414 -0.182,-0.834 -0.235,-1.008 l -1.857,-5.58799995 h -3.482 l -2.5,11.79999965 h 3.636 l 1.162,-5.4679997 a 9.97,9.97 0 0 0 0.139,-1.655 l 0.012,-0.348 h 0.121 c 0.029,0.6 0.041,0.767 0.064,0.971 a 6.253,6.253 0 0 0 0.229,1.026 l 1.851,5.4739997 h 3.625 z' id='path18' inkscape:connector-curvature='0' style='fill:%23131307;fill-rule:evenodd'%3E%3C/path%3E%3Cpolygon class='cls-3' points='158.441,15.874 161.605,15.874 162.246,12.87 151.974,12.87 151.339,15.874 154.714,15.874 152.843,24.67 156.572,24.67 ' id='polygon20' style='fill:%23131307;fill-rule:evenodd' transform='translate(-31.705986,-12.561114)'%3E%3C/polygon%3E%3Cpolygon class='cls-3' points='160.962,21.295 160.244,24.67 163.701,24.67 164.427,21.295 ' id='polygon22' style='fill:%23131307;fill-rule:evenodd' transform='translate(-31.705986,-12.561114)'%3E%3C/polygon%3E%3Cpath class='cls-3' d='m 146.60401,4.6618863 a 4.487,4.487 0 0 0 -0.976,-2.92 5.641,5.641 0 0 0 -4.393,-1.73299995 6.215,6.215 0 0 0 -4.621,1.87699995 8.1,8.1 0 0 0 -2.127,5.481 c 0,3.1169997 2.055,5.0299997 5.387,5.0299997 a 6.219,6.219 0 0 0 4.04,-1.259 6.631,6.631 0 0 0 2.3,-3.4659997 h -3.91 a 2.457,2.457 0 0 1 -2.332,1.823 1.851,1.851 0 0 1 -1.93,-2.051 5.89,5.89 0 0 1 0.84,-3.01 2.75,2.75 0 0 1 2.3,-1.522 1.5,1.5 0 0 1 1.671,1.516 v 0.234 z' id='path24' inkscape:connector-curvature='0' style='fill:%23131307;fill-rule:evenodd'%3E%3C/path%3E%3Cpolygon class='cls-3' points='181.109,12.87 178.605,24.67 182.302,24.67 183.296,20.011 186.736,20.011 185.742,24.67 189.415,24.67 191.925,12.87 188.253,12.87 187.425,16.774 183.986,16.774 184.812,12.87 ' id='polygon26' style='fill:%23131307;fill-rule:evenodd' transform='translate(-31.705986,-12.561114)'%3E%3C/polygon%3E%3Cpolygon class='cls-2' points='112.429,26.758 189.406,26.758 189.097,28.066 112.121,28.024 ' id='polygon28' style='fill:%231269b0;fill-rule:evenodd' transform='translate(-31.705986,-12.561114)'%3E%3C/polygon%3E%3Cpath class='cls-2' d='m 21.859014,0.30888635 h -3.487 l -6.616,11.79999965 h 3.53 l 0.934,-1.679 h 4.082 l 0.353,1.679 h 3.612 z m -4.363,7.60899995 1.481,-2.764 a 3.219,3.219 0 0 0 0.233,-0.726 l 0.09,-0.378 h 0.138 c -0.006,0.163 -0.006,0.294 -0.006,0.372 a 4.716,4.716 0 0 0 0.042,0.726 l 0.456,2.77 z' id='path30' inkscape:connector-curvature='0' style='fill:%231269b0;fill-rule:evenodd'%3E%3C/path%3E%3Cpath class='cls-2' d='m 80.21401,3.3798863 a 2.8,2.8 0 0 0 -1.229,-2.47099995 4.766,4.766 0 0 0 -2.989,-0.6 h -5.67 L 67.826014,12.108886 h 3.674996 l 0.855,-4.0049997 h 1.358 c 1.138,0 1.623,0.383 1.623,1.282 a 10.042,10.042 0 0 1 -0.1,1.0999997 5.721,5.721 0 0 0 -0.078,0.894 2.179,2.179 0 0 0 0.113,0.731 h 3.751 a 1.872,1.872 0 0 1 -0.172,-0.947 c 0,-0.144 0.006,-0.3 0.024,-0.54 0.023,-0.341 0.041,-0.576 0.047,-0.6709997 l 0.078,-0.756 a 5.448,5.448 0 0 0 0.031,-0.611 2.223,2.223 0 0 0 -1.2,-2.038 c 1.683,-0.674 2.383,-1.604 2.383,-3.168 z m -4.406,1.761 a 2.759,2.759 0 0 1 -1.455,0.264 h -1.431 l 0.519,-2.452 h 1.649 c 0.941,0 1.425,0.36 1.425,1.055 a 1.348,1.348 0 0 1 -0.701,1.133 z' id='path32' inkscape:connector-curvature='0' style='fill:%231269b0;fill-rule:evenodd'%3E%3C/path%3E%3Cpath class='cls-3' d='m 93.028015,3.3798863 a 2.8,2.8 0 0 0 -1.228,-2.47099995 4.769,4.769 0 0 0 -2.991,-0.6 h -5.668 l -2.5,11.79999965 h 3.673 l 0.858,-4.0049997 h 1.359 c 1.139,0 1.625,0.383 1.625,1.282 a 9.469,9.469 0 0 1 -0.1,1.0999997 5.6,5.6 0 0 0 -0.078,0.894 2.13,2.13 0 0 0 0.113,0.731 h 3.752 a 1.847,1.847 0 0 1 -0.174,-0.947 c 0,-0.144 0.006,-0.3 0.023,-0.54 0.024,-0.341 0.041,-0.576 0.049,-0.6709997 l 0.078,-0.756 a 5.219,5.219 0 0 0 0.03,-0.611 2.221,2.221 0 0 0 -1.2,-2.038 c 1.678,-0.674 2.379,-1.604 2.379,-3.168 z m -4.4,1.761 a 2.761,2.761 0 0 1 -1.455,0.264 h -1.434 l 0.522,-2.452 h 1.648 c 0.942,0 1.426,0.36 1.426,1.055 a 1.348,1.348 0 0 1 -0.711,1.133 z' id='path34' inkscape:connector-curvature='0' style='fill:%23131307;fill-rule:evenodd'%3E%3C/path%3E%3C/svg%3E");
position: absolute;
z-index: 99999;
top: 115px;
right: 50%;
transform: translateX(50%);
width: 90%;
height: auto; }
@media (min-width: 576px) {
#c156 .intro_imgwrap:before {
top: 100px;
right: 50%;
transform: translateX(50%);
width: 60%; } }
@media (min-width: 992px) {
#c156 .intro_imgwrap:before {
top: 210px;
right: 50%;
transform: translateX(50%); } }
.traveldate-wrap {
margin-bottom: 50px;
/*
.form-item {
label {
display: block;
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #001E32;
position: relative;
padding-top: 0px;
padding-bottom: 0px;
color: #fff;
}
input {
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 1px solid #A5A5A5;
color: #001E32;
padding-left: 17px;
padding-right: 17px;
height: 54px;
font-family: "Roboto";
padding-top: 22px;
padding-bottom: 22px;
&:focus {
outline: none !important;
}
}
}
*/ }
@media (min-width: 768px) {
.traveldate-wrap {
margin-bottom: 72px; } }
.traveldate-wrap .formwrap {
background-color: #0070BA;
padding-left: 12px;
padding-right: 12px;
padding-top: 30px;
padding-bottom: 30px;
border-radius: 8px;
margin-top: 30px;
overflow: hidden;
display: block; }
@media (min-width: 768px) {
.traveldate-wrap .formwrap {
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 25px; } }
@media (min-width: 992px) {
.traveldate-wrap .formwrap {
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px; } }
.traveldate-wrap .btn-group {
display: block; }
@media (min-width: 768px) {
.traveldate-wrap .btn-group {
display: inline-flex; } }
.traveldate-wrap .btn-toolbar {
display: block; }
@media (min-width: 768px) {
.traveldate-wrap .btn-toolbar {
display: flex; } }
.traveldate-wrap .btnnb.btnmore {
width: 100%; }
.traveldate-wrap .actions.form-item.form-group.datwui {
margin-bottom: 0px !important; }
@media (min-width: 768px) {
.traveldate-wrap .actions.form-item.form-group.datwui {
margin-bottom: 20px !important; } }
.traveldate-wrap .form-group {
width: 100%;
margin-bottom: 20px !important;
margin-top: 0px !important; }
@media (min-width: 768px) {
.traveldate-wrap .form-group {
width: 33%;
margin-bottom: 0px !important; } }
.traveldate-wrap .form-group input {
width: 100%; }
@media (min-width: 768px) {
.traveldate-wrap .form-group input {
width: calc(100% - 24px); } }
.traveldate-wrap .form-group .control-label {
width: auto !important; }
.traveldate-wrap .form-group.disabledcust {
opacity: .85; }
.traveldate-wrap .form-group.disabledcust input, .traveldate-wrap .form-group.disabledcust input:disabled {
background-color: #fff !important; }
.traveldate-wrap .btnnb.btnmore {
margin-top: 0px !important;
border: 1px solid #fff !important; }
.traveldate-wrap input[type="date"]::-webkit-inner-spin-button,
.traveldate-wrap input[type="date"]::-webkit-calendar-picker-indicator {
display: block !important;
-webkit-appearance: block !important; }
.traveldate-wrap form {
display: flex;
flex-direction: column;
justify-content: space-between; }
@media (min-width: 768px) {
.traveldate-wrap form {
flex-direction: row; } }
.backlink-bottom {
margin-top: 50px; }
.backlink-bottom a:hover {
color: #0070BA; }
legend {
margin-top: 10px;
margin-bottom: 0px;
font-size: 16px; }
.contnor .contenttable {
width: 100%;
min-width: 420px;
margin-top: 20px;
margin-bottom: 20px; }
.contnor .contenttable tr:nth-of-type(odd) {
background-color: #f1f1f1; }
.contnor .contenttable td {
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #001E32;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px; }
#c630 {
margin-top: 0px; }
@media (min-width: 768px) {
#c630 {
margin-top: -90px; } }
#c630 .col-12 {
text-align: center; }
#c630 a {
font-size: 15px; }
.rentlist .newslist_image img {
max-height: unset; }
.reveal {
z-index: 99999999999;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto; }
.reveal.full {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0; }
.reveal.without-overlay {
position: fixed; }
#revealPopup {
overflow: visible;
border-width: 0;
padding: 0; }
.psmall {
font-size: 14px;
line-height: 21px; }
.leadblockinfo {
display: none !important; }
form[id*='leadgenerierung'] h2 {
display: none; }
.intro.introquer {
position: relative; }
.intro.introquer .intro_content {
position: relative;
bottom: 586px;
background-color: white;
width: 60%;
max-height: 60%;
border-radius: 5px;
left: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px; }
#c1506 a {
margin-left: auto;
margin-right: auto;
display: block;
width: max-content; }
.header {
-webkit-box-shadow: 5px 6px 15px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 6px 15px 5px rgba(0, 0, 0, 0.1);
height: 74px;
position: fixed;
top: 0px;
width: 100%;
background-color: white;
z-index: 1000000;
transition: all .4s ease-in-out; }
@media (min-width: 992px) {
.header {
height: 100px; } }
.header .searchbox {
background-color: white;
-webkit-box-shadow: 5px 6px 15px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 6px 15px 5px rgba(0, 0, 0, 0.1); }
.header .mainnavigationblock {
padding-left: 0px;
padding-right: 0px;
height: 0;
overflow-y: auto; }
@media (min-width: 992px) {
.header .mainnavigationblock {
padding-left: 12px;
padding-right: 12px;
height: unset;
overflow-y: hidden; } }
.header .logoblock {
padding-left: 0px; }
@media (min-width: 992px) {
.header .logoblock {
padding-left: 12px; } }
.header_logo {
background-color: #0070BA;
height: 74px;
padding-left: 10px;
padding-right: 10px;
padding-top: 12px;
padding-bottom: 12px;
display: inline-flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
padding-bottom: 12px;
transition: all .4s ease-in-out; }
@media (min-width: 992px) {
.header_logo {
height: 128px;
padding-left: 21px;
padding-right: 21px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px; } }
.header_logo:hover {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
.header_logo img {
width: 100%;
transition: all .4s ease-in-out;
margin: auto; }
.header_mainnav {
display: block;
width: 100%;
height: auto; }
@media (min-width: 992px) {
.header_mainnav {
display: flex; } }
.header_actionnav {
display: flex; }
.header_mainnav {
flex-direction: column;
justify-content: center;
flex-grow: 1;
height: auto;
padding-left: 12px;
padding-right: 12px;
background-color: #0070BA;
padding-bottom: 60px;
display: none; }
@media (min-width: 992px) {
.header_mainnav {
padding-left: 0;
padding-right: 0;
background-color: transparent;
margin-bottom: 0;
padding-bottom: 0;
display: flex !important;
height: 100%; } }
.header_mainnav ul {
margin-bottom: 0px;
list-style-type: none;
padding-left: 0px; }
.header_mainnav ul li {
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding-right: 0;
padding-left: 0;
position: relative;
background-color: transparent;
transition: background-color .4s ease-in-out;
margin-left: -12px;
margin-right: -12px; }
@media (min-width: 992px) {
.header_mainnav ul li {
display: inline-block;
border-bottom: none;
padding-top: 0;
padding-bottom: 0;
padding-right: 50px;
padding-left: 8px;
position: unset;
margin-right: 0;
margin-left: 0;
padding-left: 0; } }
@media (min-width: 1200px) {
.header_mainnav ul li {
padding-right: 90px;
padding-left: 0; } }
.header_mainnav ul li > a span {
padding-left: 24px; }
@media (min-width: 992px) {
.header_mainnav ul li > a span {
padding-left: 0 !important; } }
.header_mainnav ul li.actli, .header_mainnav ul li.is-active {
background-color: white;
padding-left: 0;
padding-right: 0; }
@media (min-width: 992px) {
.header_mainnav ul li.actli, .header_mainnav ul li.is-active {
background-color: transparent;
margin-left: 0;
margin-right: 0;
padding-right: 50px;
padding-left: 0; } }
@media (min-width: 1200px) {
.header_mainnav ul li.actli, .header_mainnav ul li.is-active {
padding-right: 90px; } }
.header_mainnav ul li.actli .subnav, .header_mainnav ul li.is-active .subnav {
padding-left: 0;
padding-top: 50px;
padding-bottom: 20px; }
@media (min-width: 992px) {
.header_mainnav ul li.actli .subnav, .header_mainnav ul li.is-active .subnav {
padding-left: 50px;
padding-top: 60px; } }
.header_mainnav ul li.actli > a span, .header_mainnav ul li.is-active > a span {
padding-left: 24px; }
@media (min-width: 992px) {
.header_mainnav ul li.actli > a, .header_mainnav ul li.is-active > a {
padding-left: 0; } }
.header_mainnav ul li.actli a, .header_mainnav ul li.is-active a {
color: #001E32; }
.header_mainnav ul li.actli a svg path, .header_mainnav ul li.actli a svg circle, .header_mainnav ul li.actli a svg rect, .header_mainnav ul li.actli a svg line, .header_mainnav ul li.actli a svg polyline, .header_mainnav ul li.is-active a svg path, .header_mainnav ul li.is-active a svg circle, .header_mainnav ul li.is-active a svg rect, .header_mainnav ul li.is-active a svg line, .header_mainnav ul li.is-active a svg polyline {
stroke: #0070BA !important; }
.header_mainnav ul li.actli .icplus, .header_mainnav ul li.is-active .icplus {
padding-right: 10px; }
@media (min-width: 992px) {
.header_mainnav ul li.actli .icplus, .header_mainnav ul li.is-active .icplus {
padding-right: 10px; } }
.header_mainnav ul li.actli .icplus svg line, .header_mainnav ul li.is-active .icplus svg line {
stroke: #001E32; }
.header_mainnav ul li.actli .icplus #Linie_30, .header_mainnav ul li.is-active .icplus #Linie_30 {
opacity: 0; }
@media (max-width: 991px) {
.header_mainnav ul li.actli .subnav, .header_mainnav ul li.is-active .subnav {
display: block;
height: auto;
width: 100%;
opacity: 1;
margin-left: 0;
transform: scaleX(1); } }
.header_mainnav ul li.actli .subnav_box, .header_mainnav ul li.is-active .subnav_box {
padding-left: 25px; }
@media (min-width: 992px) {
.header_mainnav ul li.actli .subnav_box, .header_mainnav ul li.is-active .subnav_box {
padding-left: 0; } }
.header_mainnav ul li.actli .subnav_box ul li a, .header_mainnav ul li.is-active .subnav_box ul li a {
padding-bottom: 15px !important; }
@media (min-width: 992px) {
.header_mainnav ul li.actli .subnav_box ul li a, .header_mainnav ul li.is-active .subnav_box ul li a {
padding-bottom: 0 !important; } }
.header_mainnav ul li:last-of-type {
padding-right: 0; }
.header_mainnav ul li a {
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #ffffff;
padding-top: 25px;
padding-bottom: 25px;
display: block;
text-decoration: none;
position: relative;
margin-top: 0px;
transition: all .4s ease-in-out; }
@media (min-width: 992px) {
.header_mainnav ul li a {
color: #001E32;
padding-top: 0;
padding-bottom: 0; } }
@media (min-width: 992px) {
.header_mainnav ul li a:after {
content: '';
width: calc(100% + 40px);
height: 0;
position: absolute;
left: -20px;
background-color: #F7F7F7;
bottom: -26px;
z-index: -1;
transition: all .3s ease-in-out; } }
.header_mainnav ul li a:hover:hover:after {
height: 100px; }
.header_mainnav ul li.mainact > a {
color: #0070BA; }
.header_mainnav ul li.mainact > a:after {
content: '';
height: 100px; }
.header_mainnav ul li.is-active > a:after {
height: 100px; }
.header_mainnav ul li .icplus {
position: absolute;
top: 22px;
right: 10px;
padding-right: 10px; }
@media (min-width: 992px) {
.header_mainnav ul li .icplus {
display: none; } }
.header_mainnav ul li .icplus #Linie_31 {
opacity: 1;
transition: opacity .4s ease-in-out; }
.header_mainnav ul li:nth-of-type(1) .subnav .subnav_box:nth-of-type(4) {
width: 66.5%;
max-width: 66.5%; }
@media (min-width: 992px) {
.header_mainnav ul li:nth-of-type(1) .subnav .subnav_box:nth-of-type(4) ul li {
width: 165px;
display: inline-block;
float: left; } }
.header_mainnav ul li:nth-of-type(2) .subnav {
justify-content: flex-start; }
.header_mainnav ul li:nth-of-type(3) .subnav .subnav_box:nth-of-type(2) .dropdown-item svg {
width: 35px;
height: 32px;
position: relative;
margin-right: -3px; }
.header .dropdown-item {
padding: 0px !important; }
.header_actionnav {
flex-direction: column;
justify-content: center;
flex-grow: 1;
height: 100%; }
.header_actionnav ul {
margin-bottom: 0px;
list-style-type: none;
padding-left: 0px; }
.header_actionnav ul li {
display: inline-block;
padding-right: 90px; }
.header_actionnav ul li:last-of-type {
padding-right: 0; }
.header_actionnav ul li a {
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #001E32;
text-decoration: none;
position: relative;
margin-top: 0px;
transition: all .4s ease-in-out; }
.header_actionnav ul li a:after {
content: '';
width: calc(100% + 40px);
height: 0;
position: absolute;
left: -20px;
background-color: #F7F7F7;
bottom: -26px;
z-index: -1;
transition: all .3s ease-in-out; }
.header_actionnav ul li a:hover:hover:after {
height: 100px; }
.header_actionnav ul li a.ssearchact:after {
height: 100px; }
.header_actionnav ul li.mainact > a {
color: #0070BA; }
.header_actionnav ul li.mainact > a:after {
content: '';
height: 100px; }
.header_actionnav ul li.is-active a:after {
height: 100px; }
.header_actionnav ul {
display: flex;
flex-direction: row;
justify-content: space-between; }
.header_actionnav ul li {
padding-right: 0; }
.header_actionnav ul li a {
font-size: 13px;
line-height: 13px;
font-weight: normal; }
@media (min-width: 576px) {
.header_actionnav ul li a {
font-size: 16px;
line-height: 19px; } }
.header_actionnav ul li a span {
margin-right: 4px;
position: relative;
top: -1px; }
.header .subnav {
position: relative;
transform: unset;
margin: 0;
top: unset;
box-shadow: none;
left: unset;
height: 0;
width: 100%;
opacity: 1;
margin-left: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
transform: scaleX(0); }
@media (min-width: 992px) {
.header .subnav {
position: absolute;
background-color: #ffffff;
border-radius: 5px;
-webkit-box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0);
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09);
top: 160px;
left: 0px;
transition: transform 0.3s cubic-bezier(0, 0.33, 0, 1.065);
height: auto;
padding-bottom: 54px;
padding-top: 54px;
padding-left: 45px;
padding-right: 45px; } }
.header .subnav_box {
display: block;
width: 100%;
margin-bottom: 30px; }
@media (min-width: 992px) {
.header .subnav_box {
flex-direction: column;
flex-grow: 1;
max-width: 33%;
margin-bottom: 30px; } }
@media (min-width: 992px) {
.header .subnav_box ul {
width: 400px; } }
.header .subnav_box ul li {
margin-bottom: 20px;
padding-left: 55px;
width: calc(100% - 60px);
display: block;
border-bottom: none;
padding-bottom: 0px;
padding-top: 0px; }
@media (min-width: 992px) {
.header .subnav_box ul li {
margin-bottom: unset;
padding-left: 0;
padding-right: 4px !important; } }
.header .subnav_box > a {
color: #ffffff;
font-size: 16px;
line-height: 19px;
font-weight: 600; }
@media (min-width: 992px) {
.header .subnav_box > a {
color: #001E32; } }
.header .subnav_box > a svg {
width: 32px;
margin-right: 7px; }
.header .subnav_box > a svg path, .header .subnav_box > a svg line, .header .subnav_box > a svg circle, .header .subnav_box > a svg path {
stroke: #ffffff !important; }
@media (min-width: 992px) {
.header .subnav_box > a svg path, .header .subnav_box > a svg line, .header .subnav_box > a svg circle, .header .subnav_box > a svg path {
stroke: #0070BA !important; } }
.header .subnav_box a:after {
content: unset; }
.header .subnav_box ul {
margin-top: 15px; }
@media (min-width: 992px) {
.header .subnav_box ul {
padding-left: 44px; } }
.header .subnav_box ul li {
margin-bottom: 10px; }
.header .subnav_box ul li a {
font-size: 16px;
line-height: 19px;
font-weight: normal; }
.header .subnav.sbnact {
height: auto;
width: 100%;
opacity: 1;
margin-left: 0;
transform: scaleX(1); }
@media (min-width: 992px) {
.header .subnav.sbnact {
-webkit-box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09);
max-width: 1140px;
margin-left: 50%;
transform: scaleX(1) translateX(-50%);
width: 100%; } }
.header_sticky {
height: 74px; }
.header_sticky .header_logo {
height: 74px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
padding-top: 12px;
padding-bottom: 12px; }
.header_sticky .header_logo img {
width: 100%;
margin: auto; }
@media (min-width: 992px) {
.header_sticky .header_logo img {
width: 80%; } }
.header_sticky .header_mainnav ul li a {
margin-top: 0px; }
@media (min-width: 992px) {
.header_sticky .header_mainnav ul li a {
display: block;
padding-top: 4px; } }
@media (min-width: 992px) {
.header_sticky .subnav {
top: 90px; } }
.header .hammenu {
display: flex;
float: right;
transform: rotate(180deg);
margin-top: 24px;
flex-direction: column;
width: 26px;
cursor: pointer; }
@media (min-width: 992px) {
.header .hammenu {
display: none; } }
.header .hammenu span {
background: #0070BA;
border-radius: 0;
height: 2px;
margin: 3px 0; }
.header .hammenu span:nth-of-type(1) {
width: 100%; }
.header .hammenu span:nth-of-type(2) {
width: 75%; }
.header .hammenu span:nth-of-type(3) {
width: 100%; }
.header .hammenu input[type="checkbox"] {
display: none; }
.header .nactract span:nth-of-type(1) {
transform-origin: bottom;
transform: rotatez(45deg) translate(5px, 6px); }
.header .nactract span:nth-of-type(2) {
transform-origin: top;
transform: rotatez(-45deg) translate(-2px, 5px);
width: 50%; }
.header .nactract span:nth-of-type(3) {
transform-origin: bottom;
width: 50%;
transform: translate(11px, -14px) rotatez(135deg); }
.header .row {
background-color: unset;
transition: background-color .4s ease-in-out; }
.header .dropdown-item:hover, .header .dropdown-item.active {
background-color: transparent;
color: #0070BA; }
.header .servicenav {
padding-bottom: 200px;
list-style-type: none;
padding-left: 22px;
display: none; }
.header .servicenav li a {
padding-bottom: 10px;
padding-top: 10px;
color: white;
font-size: 16px;
text-decoration: none;
display: block; }
@media (min-width: 992px) {
.header .servicenav {
display: none !important; } }
.searchboxouter {
position: fixed;
display: none;
width: 100%;
background-color: white;
top: -50px;
z-index: 99999;
padding-top: 40px;
-webkit-box-shadow: 5px 6px 15px 5px rgba(0, 0, 0, 0.23);
box-shadow: 5px 6px 15px 5px rgba(0, 0, 0, 0.23);
transition: top .4s ease-in-out; }
@media (min-width: 992px) {
.searchboxouter {
display: block; } }
.searchboxouter.searchboxouter-active {
top: 100px; }
.searchboxouter.searchboxouter_sticky {
top: -50px; }
.searchboxouter.searchboxouter_sticky.searchboxouter-active {
top: 74px; }
.mobilenavopen .row {
background-color: #0070BA; }
.mobilenavopen .header_actionnav ul li a {
color: white; }
.mobilenavopen .header_actionnav ul li a span svg circle, .mobilenavopen .header_actionnav ul li a span svg line, .mobilenavopen .header_actionnav ul li a span svg path {
stroke: white; }
.mobilenavopen .hammenu span {
background: white; }
.actli .linkims, .is-active .linkims {
-webkit-box-shadow: 5px 6px 15px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 6px 15px 5px rgba(0, 0, 0, 0.1); }
.actli .linkims span, .is-active .linkims span {
padding-left: 24px; }
@media (min-width: 992px) {
.actli .linkims span, .is-active .linkims span {
padding-left: 0; } }
@media (min-width: 992px) {
.actli .linkims, .is-active .linkims {
-webkit-box-shadow: none;
box-shadow: none; } }
.dropdown-item:focus, .dropdown-item:hover {
background-color: white;
color: #001E32; }
@media (min-width: 992px) {
.header_mainnav li:first-of-type .subnav .subnav_box:nth-of-type(5) {
height: 39px;
overflow: hidden;
position: relative;
right: 33.5%; }
.header_mainnav li:first-of-type .subnav .subnav_box:nth-of-type(6) {
position: relative;
top: -193px;
left: 67.2%; } }
.subnav_box p.dropdown-item {
font-family: 'Montserrat';
font-size: 16px;
line-height: 19px;
font-weight: 600; }
.subnav_box p.dropdown-item span {
margin-right: 7px; }
.subnav_box p.dropdown-item span svg path, .subnav_box p.dropdown-item span svg line, .subnav_box p.dropdown-item span svg circle, .subnav_box p.dropdown-item span svg rect {
stroke: #0070BA; }
.subnav_box p.dropdown-item:hover {
color: #001E32; }
.subnav_box p.dropdown-item.active:hover {
color: #0070BA; }
.imageteaser {
width: 100%;
height: calc(100vh - 80px);
height: 100svh;
max-width: 1520px;
position: relative;
margin: auto;
display: flex;
border-radius: 5px;
overflow: hidden; }
@media (min-width: 768px) {
.imageteaser {
height: 740px; } }
.imageteaser h1 {
margin-bottom: 47px;
font-size: 40px;
line-height: 49px; }
@media (min-width: 576px) {
.imageteaser h1 {
font-size: 50px;
line-height: 65px;
margin-bottom: 40px; } }
.imageteaser .container {
display: flex; }
.imageteaser .container .row {
justify-content: end;
flex-direction: column; }
.imageteaser .btnwb {
padding-left: 5px;
padding-right: 5px;
width: 100%;
display: block;
text-align: center;
padding-top: 11px; }
@media (min-width: 576px) {
.imageteaser .btnwb {
display: inline-block;
width: auto;
padding-left: 30px;
padding-right: 30px; } }
.imageteaser_content {
margin-bottom: 0;
bottom: 40px;
position: absolute;
padding-left: 0px;
width: calc(100% - 24px); }
@media (min-width: 576px) {
.imageteaser_content {
margin-bottom: 75px;
bottom: unset;
position: relative;
padding-left: 0px;
width: 100%; } }
@media (min-width: 992px) {
.imageteaser_content {
padding-left: 0; } }
@media (min-width: 1200px) {
.imageteaser_content {
padding-left: 56px; } }
.imageteaser_imgwrap {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1; }
.imageteaser_imgwrap img {
height: 100%;
width: 100%;
object-fit: cover; }
.imageteaser_cover {
background: linear-gradient(231deg, rgba(255, 255, 255, 0) 43%, #001e32 100%);
position: absolute;
width: 100%;
height: 100%;
z-index: -1; }
.newslist {
margin-top: 67px;
margin-bottom: 50px; }
@media (min-width: 768px) {
.newslist {
margin-top: 128px;
margin-bottom: 142px; } }
.newslist h2 {
margin-bottom: 28px; }
@media (min-width: 576px) {
.newslist h2 {
font-size: 36px;
line-height: 44px; } }
.newslist h3 {
margin-bottom: 58px; }
@media (min-width: 576px) {
.newslist h3 {
font-size: 22px;
line-height: 30px;
margin-bottom: 75px; } }
.newslist_box {
cursor: pointer;
border-radius: 5px;
overflow: hidden;
display: flex;
flex-direction: column;
opacity: 1;
transition: all .3s ease-in-out;
margin-bottom: 60px;
width: 100%; }
@media (min-width: 768px) {
.newslist_box {
margin-bottom: 0; } }
.newslist_box:hover .btnnb {
color: #0070BA; }
.newslist_box:hover .btnnb span:first-of-type {
width: 0;
margin-right: 0; }
.newslist_box:hover .btnnb span:first-of-type svg {
left: 30px; }
.newslist_box:hover .btnnb span:last-of-type {
width: 30px; }
.newslist_box:hover .btnnb span:last-of-type svg {
left: 0; }
.newslist_box.newslist_boxactive {
opacity: .5; }
.newslist_image {
width: 100%;
height: auto;
overflow: hidden; }
.newslist_image img {
height: auto;
object-fit: cover;
width: 100%; }
.newslist_content {
padding-left: 30px;
padding-right: 30px;
padding-top: 34px;
padding-bottom: 40px;
display: flex;
position: relative;
flex-direction: column;
flex-grow: 1; }
@media (min-width: 992px) {
.newslist_content {
padding-left: 12px;
padding-right: 12px;
padding-top: 18px;
padding-bottom: 40px; } }
@media (min-width: 1200px) {
.newslist_content {
padding-left: 30px;
padding-right: 30px;
padding-top: 34px;
padding-bottom: 40px; } }
.newslist_wrap {
display: flex; }
.newslist_inner2 {
width: auto;
margin-left: -25px; }
@media (min-width: 1490px) {
.newslist_inner2 {
width: calc(100% + 50px); } }
.newslist_innerwrap {
padding-left: 25px;
padding-right: 25px; }
.newslist .btnnb {
position: absolute;
bottom: 40px; }
@media (min-width: 992px) {
.newslist .btnnb {
bottom: 30px; } }
@media (min-width: 1200px) {
.newslist .btnnb {
bottom: 40px; } }
.newslist .swiper {
width: calc(100% + 50px);
margin-left: -25px;
padding-left: 25px;
padding-right: 11px;
padding-bottom: 0;
position: relative; }
@media (min-width: 576px) {
.newslist .swiper {
width: calc(100% + 50px);
margin-left: -25px;
padding-left: 25px;
padding-right: 25px;
position: relative; } }
@media (min-width: 768px) {
.newslist .swiper {
padding-bottom: 0; } }
.newslist .swiper .visibleelementlast {
display: none !important;
width: 0px !important;
margin-right: 0px !important;
height: 0px !important; }
@media (min-width: 992px) {
.newslist .swiper .visibleelementlast {
display: block;
width: 0px;
margin-right: 0px;
height: 0px; } }
@media (min-width: 992px) {
.newslist .swiper:after {
position: absolute;
width: 360px;
background: white;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 7%, rgba(255, 255, 255, 0.8995973389) 50%, white 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 7%, rgba(255, 255, 255, 0.8995973389) 50%, white 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 7%, rgba(255, 255, 255, 0.8995973389) 50%, white 100%);
top: 0px;
right: 0px;
z-index: 10000;
height: 89%; } }
.newslist .swiper .swiper-slide {
height: auto;
width: auto; }
.newslist .swiper .swiper-slide .newslist_box {
box-shadow: none; }
.newslist .swiper .swiper-slide.visibleelement .newslist_box {
-webkit-box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09);
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09); }
.newslist .swiper .swiper-slide.visibleelement .newslist_box:hover {
-webkit-box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.2); }
.newslist .swiper .swiper-wrapper {
padding-top: 23px; }
@media (min-width: 768px) {
.newslist .swiper .swiper-wrapper {
padding-bottom: 43px; } }
.newslist .swiper .swiper-button-prev {
width: 48px;
height: 48px;
background-color: #0070BA;
border-radius: 5px;
bottom: 0;
top: unset;
margin-top: 0;
left: unset;
right: 96px;
transform: rotate(180deg);
overflow: hidden;
opacity: 1;
transition: opacity .4s ease-in-out;
bottom: unset;
opacity: 1;
right: unset;
left: 10px;
top: 50%;
transform: translateY(calc(-50% - 10px)) rotate(180deg);
z-index: 9999999999;
position: absolute; }
.newslist .swiper .swiper-button-prev.swiper-button-disabled {
opacity: 0; }
.newslist .swiper .swiper-button-prev:after {
content: unset; }
.newslist .swiper .swiper-button-prev svg {
position: relative;
transition: left .3s ease-in-out; }
.newslist .swiper .swiper-button-prev svg:first-of-type {
left: -25px; }
.newslist .swiper .swiper-button-prev svg:last-of-type {
left: -7px; }
.newslist .swiper .swiper-button-prev:hover svg:first-of-type {
left: 10px; }
.newslist .swiper .swiper-button-prev:hover svg:last-of-type {
left: 25px; }
.newslist .swiper .swiper-button-next {
width: 48px;
height: 48px;
background-color: #0070BA;
border-radius: 5px;
bottom: 0;
top: unset;
margin-top: 0;
left: unset;
right: 25px;
overflow: hidden;
opacity: 1;
transition: opacity .4s ease-in-out;
top: 50%;
bottom: unset;
z-index: 9999999999;
transform: translateY(calc(-50% - 10px));
position: absolute;
right: 10px; }
.newslist .swiper .swiper-button-next.swiper-button-disabled {
opacity: 0; }
.newslist .swiper .swiper-button-next:after {
content: unset; }
.newslist .swiper .swiper-button-next svg {
position: relative;
transition: left .3s ease-in-out; }
.newslist .swiper .swiper-button-next svg:first-of-type {
left: -25px; }
.newslist .swiper .swiper-button-next svg:last-of-type {
left: -7px; }
.newslist .swiper .swiper-button-next:hover svg:first-of-type {
left: 10px; }
.newslist .swiper .swiper-button-next:hover svg:last-of-type {
left: 25px; }
.newslist.newslistbl .newslist_content {
padding-left: 0px;
padding-right: 10px; }
.newslist.newslistbl .newslist_content h3 {
margin-bottom: 17px; }
.newslist.newslistbl .newslist_content .btnnb {
bottom: 0; }
.newslist.newslistbl .row.newslist_inner {
margin-top: 78px; }
.newslist.newslistbl img {
border-radius: 5px; }
.newslist_wochenhit {
position: absolute;
width: 100%;
height: 230px;
overflow: hidden; }
.newslist_wochenhit span {
position: absolute;
top: 50px;
left: -100px;
background-color: #0070BA;
width: 100%;
text-align: center;
transform: rotate(-45deg);
font-size: 17px;
line-height: 20px;
font-weight: 600;
padding-top: 6px;
padding-bottom: 6px;
color: white; }
.newslist.newslistbl.rentlist {
background-color: #F7F7F7;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 30px;
padding-bottom: 0; }
@media (min-width: 576px) {
.newslist.newslistbl.rentlist {
margin-top: 60px;
margin-bottom: 60px;
padding-top: 45px;
padding-bottom: 35px; } }
@media (min-width: 768px) {
.newslist.newslistbl.rentlist {
margin-top: 142px;
margin-bottom: 142px;
padding-top: 94px;
padding-bottom: 120px; } }
.newslist.newslistbl.rentlist .newslist_box {
width: 100%;
margin-bottom: 30px;
background-color: #ffffff; }
@media (min-width: 576px) {
.newslist.newslistbl.rentlist .newslist_box {
margin-bottom: 24px;
-webkit-box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09);
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09); } }
@media (min-width: 576px) {
.newslist.newslistbl.rentlist .newslist_box:hover {
-webkit-box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.2); } }
.newslist.newslistbl.rentlist .newslist_box:hover .btnblue {
background-color: #ffffff;
color: #0070BA; }
.newslist.newslistbl.rentlist .newslist_box:hover .btnblue span {
width: 30px;
margin-right: 16px; }
.newslist.newslistbl.rentlist .newslist_box:hover .btnblue span svg {
left: 0px; }
.newslist.newslistbl.rentlist .newslist_box:hover .btnblue span svg line, .newslist.newslistbl.rentlist .newslist_box:hover .btnblue span svg path {
stroke: #0070BA; }
.newslist.newslistbl.rentlist img {
width: 100%;
height: auto;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
.newslist.newslistbl.rentlist p {
border-bottom: 1px solid #707070;
margin-bottom: 6px;
padding-bottom: 6px; }
.newslist.newslistbl.rentlist p:last-of-type {
margin-bottom: 30px; }
.newslist.newslistbl.rentlist p span {
font-weight: normal;
font-size: unset;
line-height: unset;
margin-bottom: 0;
display: inline-block; }
.newslist.newslistbl.rentlist p span:last-of-type {
float: right; }
.newslist.newslistbl.rentlist span {
font-weight: 600;
font-size: 18px;
line-height: 24px;
margin-bottom: 30px;
margin-top: 5px;
display: block; }
@media (min-width: 768px) {
.newslist.newslistbl.rentlist span {
font-size: 20px;
line-height: 26px; } }
.newslist.newslistbl.rentlist .btnblue {
text-align: center;
padding-top: 13px;
padding-bottom: 17px; }
.newslist.newslistbl.rentlist .btnblue span {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
top: 3px;
line-height: unset;
font-size: unset; }
.newslist.newslistbl.rentlist .newslist_content {
padding-left: 30px;
padding-right: 30px;
padding-top: 34px;
padding-bottom: 45px; }
.newslist.newslistbl.rentlist .newslist_image {
height: auto; }
.zm-newslistovw .teambox_wrap {
margin-bottom: 30px; }
.zm-newslistovw .teambox_wrap .team_box {
-webkit-box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09);
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09);
position: relative;
display: flex;
flex-direction: column;
cursor: pointer; }
.zm-newslistovw .teambox_wrap .team_box h3 {
margin-bottom: 28px; }
.zm-newslistovw .teambox_wrap .team_box .team_content p {
margin-bottom: 40px; }
.zm-newslistovw .teambox_wrap .team_box .team_image {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.zm-newslistovw .teambox_wrap .team_box img {
transform: scale(1);
transition: transform .4s ease-in-out; }
.zm-newslistovw .teambox_wrap .team_box:hover img {
transform: scale(1.01); }
.zm-newslistovw .teambox_wrap .team_box:hover .btnnb.btnmore {
color: #0070BA; }
.zm-newslistovw .teambox_wrap .team_box:hover .btnnb.btnmore span:first-of-type {
width: 0;
margin-right: 0; }
.zm-newslistovw .teambox_wrap .team_box:hover .btnnb.btnmore span:first-of-type svg {
left: 30px; }
.zm-newslistovw .teambox_wrap .team_box:hover .btnnb.btnmore span:last-of-type {
width: 30px; }
.zm-newslistovw .teambox_wrap .team_box:hover .btnnb.btnmore span:last-of-type svg {
left: 0; }
.btn-nback {
color: #0070BA;
text-decoration: none;
font-family: "Roboto";
font-size: 18px;
line-height: 25px;
margin-bottom: 20px; }
.btn-nback span {
transform: rotate(-180deg);
display: inline-block;
margin-right: 12px;
position: relative;
top: 6px; }
.btn-nback span.lb-first {
overflow: hidden;
width: 31px;
transition: width .3s ease-in-out; }
.btn-nback span.lb-last {
width: 0;
overflow: hidden;
transition: width .3s ease-in-out; }
.btn-nback:hover .lb-first {
width: 0; }
.btn-nback:hover .lb-last {
width: 31px; }
.newslist.newslistbl.rentbus .row.newslist_inner {
margin-top: 0px; }
.newslist.newslistbl.rentbus .row.newslist_inner h2 {
margin-bottom: 65px; }
.newslist.newslistbl.rentbus .row.newslist_inner h3 {
font-size: 32px;
line-height: 41px; }
.newslist-style .swiper .swiper-wrapper .swiper-slide {
width: 100%; }
@media (min-width: 576px) {
.newslist-style .swiper .swiper-wrapper .swiper-slide {
width: calc(50% - 7px);
margin-right: 13px; } }
@media (min-width: 992px) {
.newslist-style .swiper .swiper-wrapper .swiper-slide {
width: calc(25% - 13px);
margin-right: 26px; } }
@media (min-width: 576px) {
.newslist-style .swiper .swiper-wrapper .swiper-slide:nth-of-type(1) .newslist_box {
-webkit-box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09);
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09); } }
@media (min-width: 992px) {
.newslist-style .swiper .swiper-wrapper .swiper-slide:nth-of-type(1) .newslist_box, .newslist-style .swiper .swiper-wrapper .swiper-slide:nth-of-type(2) .newslist_box, .newslist-style .swiper .swiper-wrapper .swiper-slide:nth-of-type(3) .newslist_box, .newslist-style .swiper .swiper-wrapper .swiper-slide:nth-of-type(4) .newslist_box {
-webkit-box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09);
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09); } }
.inpageteaserblue {
margin-top: 70px;
margin-bottom: 70px; }
@media (min-width: 992px) {
.inpageteaserblue {
margin-top: 142px;
margin-bottom: 84px; } }
.inpageteaserblue_imgwrap {
width: 100%;
overflow: hidden;
height: 100%;
padding-top: 0px;
border-radius: 5px;
position: relative; }
@media (min-width: 768px) {
.inpageteaserblue_imgwrap {
width: 60%; } }
@media (min-width: 992px) {
.inpageteaserblue_imgwrap {
padding-top: 110px;
height: auto;
padding-left: 12px;
width: 100%; } }
@media (min-width: 1200px) {
.inpageteaserblue_imgwrap {
padding-left: 0px; } }
.inpageteaserblue_imgwrap img {
width: 100%;
height: auto;
border-radius: 5px; }
.inpageteaserblue_imgwrap:after {
content: unset;
background-color: #00609f;
position: absolute;
right: 0;
top: 0;
width: 110px;
height: 100%;
z-index: -1;
border-top-left-radius: 5px;
border-bottom-right-radius: 8px; }
.inpageteaserblue_innerwrap {
padding-right: 0px;
padding-left: 0px;
margin-left: 12px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
overflow: hidden; }
@media (min-width: 992px) {
.inpageteaserblue_innerwrap {
margin-left: 0; } }
@media (min-width: 1200px) {
.inpageteaserblue_innerwrap {
margin-left: calc(8.33333333% + 12px); } }
.inpageteaserblue_content {
background: #0070BA;
background: -webkit-linear-gradient(119deg, #0070BA 0%, #00548b 100%);
background: -o-linear-gradient(119deg, #0070BA 0%, #00548b 100%);
background: linear-gradient(209deg, #0070BA 0%, #00548b 100%);
padding-left: 20px;
padding-right: 20px;
padding-top: 237px;
width: 100%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
padding-bottom: 77px;
display: inline-block; }
@media (min-width: 992px) {
.inpageteaserblue_content {
padding-left: 110px;
padding-right: 70px;
padding-top: 57px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; } }
@media (min-width: 1200px) {
.inpageteaserblue_content {
padding-right: 60px;
padding-top: 57px;
margin-left: -110px;
border-radius: 5px;
padding-left: 170px;
width: calc(100% + 110px); } }
.inpageteaserblue_content h2 {
font-size: 22px;
line-height: 27px;
color: #ffffff;
margin-bottom: 39px; }
@media (min-width: 992px) {
.inpageteaserblue_content h2 {
font-size: 36px;
line-height: 44px; } }
.inpageteaserblue_content h2:after {
content: unset; }
.inpageteaserblue_content p {
color: #ffffff;
font-size: 18px;
line-height: 27px; }
.inpageteaserblue_content p:last-of-type {
margin-bottom: 46px; }
.inpageteaserblue_content p a {
color: #ffffff;
position: relative;
text-decoration: none; }
.inpageteaserblue_content p a:after {
content: '';
position: absolute;
bottom: 0px;
width: 100%;
height: 2px;
background: #ffffff;
left: 0px;
transition: all .3s ease-in-out; }
.inpageteaserblue_content p a:hover:after {
left: 50%;
width: 0; }
.inpageteaserblue_content .btnwb.btnwhite {
width: 222px;
text-align: center;
padding-top: 13px; }
.inpageteaserblue_content .btnwb.btnwhite span {
top: 3px; }
.inpageteaserblue_content .btnwb.btnwhite:hover {
width: 268px;
margin-right: 13px; }
.inpageteaserblue_contentpad {
padding-left: 0px;
margin-top: -200px; }
@media (min-width: 992px) {
.inpageteaserblue_contentpad {
margin-top: unset;
width: calc(58.33333333% + 50px);
margin-left: -50px; } }
@media (min-width: 1200px) {
.inpageteaserblue_contentpad {
width: 50%;
margin-left: 0; } }
.inpageteaserblue_contentactive .btnwb.btnwhite {
width: 268px;
margin-right: 13px;
background-color: #0070BA;
color: #ffffff; }
.inpageteaserblue_contentactive .btnwb.btnwhite span {
width: 30px;
margin-right: 16px; }
.inpageteaserblue_contentactive .btnwb.btnwhite span svg {
left: 0px; }
.inpageteaserblue_contentactive .btnwb.btnwhite span svg line, .inpageteaserblue_contentactive .btnwb.btnwhite span svg path {
stroke: #ffffff; }
.inpageteaserblue .notcli .inpageteaserblue_innerwrap {
cursor: default; }
.inpageteaserblue .notcli .inpageteaserblue_content {
cursor: default; }
.iconlist {
margin-top: 80px;
margin-bottom: 20px;
padding-top: 30px;
padding-bottom: 0; }
@media (min-width: 576px) {
.iconlist {
margin-top: 60px;
margin-bottom: 60px;
padding-top: 45px;
padding-bottom: 35px; } }
@media (min-width: 768px) {
.iconlist {
margin-top: 142px;
margin-bottom: 142px;
padding-top: 94px;
padding-bottom: 87px; } }
.iconlist h2 {
margin-bottom: 62px; }
@media (min-width: 576px) {
.iconlist h2 {
margin-bottom: 92px; } }
.iconlist_wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between; }
.iconlist_box {
display: block;
width: 100%;
margin-bottom: 30px; }
@media (min-width: 576px) {
.iconlist_box {
display: inline-flex;
width: 100%;
flex-direction: row;
margin-bottom: 75px; } }
@media (min-width: 768px) {
.iconlist_box {
display: inline-flex;
width: 50%;
flex-direction: row;
margin-bottom: 75px; }
.iconlist_box:nth-of-type(even) {
padding-left: 15px; }
.iconlist_box:nth-of-type(odd) {
padding-right: 15px; } }
@media (min-width: 992px) {
.iconlist_box {
display: inline-flex;
width: 28%;
flex-direction: row;
margin-bottom: 45px; }
.iconlist_box:nth-of-type(even) {
padding-left: 0; }
.iconlist_box:nth-of-type(odd) {
padding-right: 0; } }
@media (min-width: 768px) {
.iconlist_box h3 {
font-size: 22px;
line-height: 30px; } }
.iconlist_box p {
margin-bottom: 0px;
font-size: 18px;
line-height: 27px;
font-family: "Roboto";
font-weight: normal; }
.iconlist_img {
text-align: left;
padding-bottom: 25px;
margin-right: 0; }
.iconlist_img img {
width: 70px;
height: auto; }
@media (min-width: 576px) {
.iconlist_img {
margin-right: 35px;
padding-top: 6px;
min-width: 70px; } }
.iconlist_content {
margin-bottom: 20px; }
@media (min-width: 576px) {
.iconlist_content {
margin-bottom: 0; } }
.spezbtnbwbl {
display: block; }
@media (min-width: 576px) {
.spezbtnbwbl {
display: inline-block; } }
.zzgets {
text-align: center;
margin-top: 30px;
margin-bottom: 30px; }
@media (min-width: 576px) {
.zzgets {
margin-top: -30px;
margin-bottom: 0; } }
@media (min-width: 768px) {
.zzgets {
margin-top: 50px;
margin-bottom: 0; } }
.infobox {
background-color: #F7F7F7;
border-radius: 5px;
margin-bottom: 40px;
margin-top: 40px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 20px;
padding-top: 30px; }
@media (min-width: 576px) {
.infobox {
padding-top: 50px;
padding-bottom: 50px;
padding-left: 27px;
padding-right: 27px;
margin-top: 65px;
margin-bottom: 65px; } }
.infobox span {
display: block;
float: none;
text-align: center;
margin-bottom: 30px; }
@media (min-width: 576px) {
.infobox span {
display: inline-block;
float: left;
text-align: left;
margin-right: 30px;
margin-bottom: 0; } }
.infobox_content {
margin-left: 0; }
@media (min-width: 576px) {
.infobox_content {
margin-left: 100px; } }
.infobox_content p {
margin-bottom: 0px; }
.newsletter {
margin-top: 50px;
margin-bottom: 20px; }
@media (min-width: 576px) {
.newsletter {
margin-top: 60px;
margin-bottom: 70px; } }
@media (min-width: 768px) {
.newsletter {
margin-top: 128px;
margin-bottom: 142px; } }
.newsletter h2 {
margin-bottom: 40px; }
@media (min-width: 576px) {
.newsletter h2 {
margin-bottom: 56px; } }
@media (max-width: 590px) {
.newsletter .btnnb {
margin-top: 20px; } }
.newsletter .form input[type="email"] {
width: 100%;
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 1px solid #A5A5A5;
color: #001E32;
padding-left: 17px;
padding-right: 17px;
height: 54px;
margin-right: 12px; }
@media (min-width: 576px) {
.newsletter .form input[type="email"] {
width: 380px; } }
.footer {
margin-top: 115px;
width: 100%;
background-color: #001E32;
padding-top: 55px; }
@media (min-width: 576px) {
.footer {
padding-top: 0; } }
@media (min-width: 768px) {
.footer {
margin-top: 170px; } }
.footer_first {
margin-bottom: 30px; }
@media (min-width: 1200px) {
.footer_first {
margin-bottom: 0; } }
.footer .ftservices {
position: relative; }
.footer .ftservices:after {
content: "";
height: 1px;
width: calc(100% - 24px);
background-color: white;
position: absolute;
bottom: 0; }
@media (min-width: 768px) {
.footer .ftservices:after {
content: unset; } }
.footer .ftservices h2 {
border-top: 1px solid white;
margin-bottom: 0px;
padding-top: 12px;
padding-bottom: 12px; }
.footer .ftservices h2 span {
float: right;
margin-right: 10px;
transform: rotate(0deg);
transition: transform .4s ease-in-out; }
.footer .ftservices h2 span svg {
position: relative;
top: -3px; }
.footer .ftservices h2 span.active {
transform: rotate(45deg); }
@media (min-width: 768px) {
.footer .ftservices h2 {
border-top: none;
border-bottom: none;
padding-top: unset;
padding-bottom: unset;
margin-bottom: 21px; }
.footer .ftservices h2 span {
display: none; } }
.footer .ftservices ul {
display: none;
margin-top: 10px;
margin-bottom: 40px;
padding-left: 20px; }
@media (min-width: 768px) {
.footer .ftservices ul {
display: block !important;
margin-bottom: 70px;
padding-left: 0; } }
.footer .ftjobs {
margin-bottom: 30px; }
.footer .ftjobs h2 {
border-bottom: 1px solid white;
padding-bottom: 12px;
padding-top: 12px; }
.footer .ftjobs h2 span {
float: right;
margin-right: 10px; }
.footer .ftjobs h2 span svg {
position: relative;
top: -3px; }
@media (min-width: 768px) {
.footer .ftjobs h2 {
border-bottom: none;
padding-bottom: unset;
padding-top: unset; }
.footer .ftjobs h2 span {
display: none; } }
.footer .ftjobs nav {
display: none; }
@media (min-width: 768px) {
.footer .ftjobs nav {
display: block; } }
.footer_logowrapper {
justify-content: space-between;
display: flex;
margin-top: 0px;
margin-bottom: 0px;
flex-direction: column;
position: absolute;
right: 0px;
width: 60px;
height: 430px; }
@media (min-width: 576px) {
.footer_logowrapper {
margin-bottom: 72px;
margin-top: 72px;
flex-direction: row;
position: relative;
width: 100%;
height: auto; } }
.footer_logowrapper a {
display: inline-block; }
.footer_logowrapper a:after {
content: unset !important; }
.footer_logowrapper img {
max-width: 60px;
width: 35px;
height: auto; }
@media (min-width: 576px) {
.footer_logowrapper img {
width: 100%; } }
.footer_logowrappern {
justify-content: space-between;
display: flex;
margin-top: 0px;
margin-bottom: 0px;
flex-direction: row;
flex-wrap: wrap;
gap: 17px;
margin-bottom: 50px; }
@media (min-width: 768px) {
.footer_logowrappern {
gap: 7px; } }
@media (min-width: 576px) {
.footer_logowrappern {
margin-bottom: 80px;
margin-top: 0;
flex-direction: row;
position: relative;
width: 100%;
height: auto; } }
.footer_logowrappern a {
display: inline-block;
border: 1px solid #004776;
background-color: transparent;
border-radius: 5px;
width: 100% !important;
max-width: 100px !important;
height: 63px !important;
padding: 14px !important;
transition: background-color .35s ease-in-out; }
@media (min-width: 576px) {
.footer_logowrappern a {
max-width: 110px !important;
height: 73px !important; } }
@media (min-width: 768px) {
.footer_logowrappern a {
max-width: 80px !important;
height: 63px !important; } }
@media (min-width: 992px) {
.footer_logowrappern a {
max-width: 110px !important;
height: 73px !important; } }
.footer_logowrappern a:nth-of-type(3) {
padding-top: 11px !important;
padding-bottom: 11px !important; }
.footer_logowrappern a:nth-of-type(4) {
padding-top: 11px !important;
padding-bottom: 11px !important; }
.footer_logowrappern a:nth-of-type(5) {
padding-top: 0px !important;
padding-bottom: 0px !important; }
.footer_logowrappern a:nth-of-type(7) {
padding-top: 11px !important;
padding-bottom: 11px !important; }
.footer_logowrappern a:nth-of-type(10) {
padding-top: 11px !important;
padding-bottom: 11px !important; }
.footer_logowrappern a:after {
content: unset !important; }
.footer_logowrappern a:hover {
background-color: #004776; }
.footer_logowrappern img {
width: 100%;
height: 100%;
top: 50%;
position: relative;
transform: translateY(-50%) scale(1);
object-fit: contain;
max-height: 50px;}
.footer h2 {
color: #ffffff;
font-size: 20px;
line-height: 24px;
margin-bottom: 21px; }
.footer h2:after {
content: unset; }
.footer p {
color: #ffffff;
font-size: 17px;
line-height: 30px;
font-family: "Roboto";
font-weight: normal; }
.footer a:not(.btnwb) {
color: #ffffff;
font-size: 17px;
line-height: 30px;
font-family: "Roboto";
font-weight: normal;
display: block;
text-decoration: none;
position: relative;
width: max-content; }
.footer a:not(.btnwb):after {
content: '';
position: absolute;
bottom: 6px;
width: 100%;
height: 1px;
background: #ffffff;
left: 0px;
transition: all .3s ease-in-out; }
.footer a:not(.btnwb):hover:after {
left: 50%;
width: 0; }
.footer .btnwb {
font-size: 17px;
line-height: 20px;
display: inline-block;
margin-bottom: 50px;
background-color: #0070BA;
color: #ffffff; }
.footer .btnwb:hover {
color: #0070BA;
background-color: #ffffff; }
@media (min-width: 768px) {
.footer .btnwb {
margin-bottom: 0; } }
@media (min-width: 1200px) {
.footer .btnwb {
padding-left: 10px;
padding-right: 10px; } }
@media (min-width: 1350px) {
.footer .btnwb {
padding-left: 30px;
padding-right: 30px; } }
.footer ul {
list-style-type: none;
padding-left: 0px;
margin-bottom: 50px; }
@media (min-width: 768px) {
.footer ul {
margin-bottom: 70px; } }
.footer ul li {
margin-bottom: 16px; }
@media (min-width: 768px) {
.footer ul li {
margin-bottom: 8px; } }
.footer ul li:last-of-type {
margin-bottom: 0px; }
.footer ul li a:not(.btnwb) {
text-decoration: none;
position: relative; }
.footer ul li a:not(.btnwb):after {
content: '';
position: absolute;
bottom: 6px;
width: 0%;
height: 1px;
background: #ffffff;
left: 50%;
transition: all .3s ease-in-out; }
.footer ul li a:not(.btnwb):hover:after {
left: 0px;
width: 100%; }
.footer ul li.is-active a:not(.btnwb):after {
left: 0px;
width: 100%; }
.footer_bottom {
width: 100%;
background-color: #ffffff;
height: auto;
padding-top: 0; }
@media (min-width: 576px) {
.footer_bottom {
padding-top: 19px; } }
@media (min-width: 768px) {
.footer_bottom {
height: 70px; } }
.footer_bottom .smlinks {
display: flex;
flex-direction: row;
justify-content: center;
padding-top: 30px;
padding-bottom: 15px; }
@media (min-width: 576px) {
.footer_bottom .smlinks {
display: flex;
flex-direction: row;
justify-content: unset;
padding-top: 0;
padding-bottom: 5px; } }
@media (min-width: 768px) {
.footer_bottom .smlinks {
padding-top: 0;
padding-bottom: 0; } }
.footer_bottom .smlinks a {
display: inline-block;
margin-right: 20px; }
.footer_bottom .smlinks a:last-of-type {
margin-right: 0px; }
.footer_bottom .smlinks a:after {
content: unset; }
.footer_bottom .navlinks {
display: flex;
flex-direction: row;
justify-content: center;
padding-top: 10px;
padding-bottom: 10px; }
@media (min-width: 576px) {
.footer_bottom .navlinks {
display: flex;
flex-direction: row;
justify-content: unset;
padding-top: 10px;
padding-bottom: 15px; } }
@media (min-width: 768px) {
.footer_bottom .navlinks {
padding-top: 0;
padding-bottom: 0;
justify-content: center; } }
.footer_bottom .navlinks ul {
margin-bottom: 0px; }
.footer_bottom .navlinks ul li {
margin-bottom: 0px;
display: inline-block;
margin-right: 20px;
padding-top: 6px; }
.footer_bottom .navlinks ul li:last-of-type {
margin-right: 0px; }
.footer_bottom .navlinks ul li a {
color: #001E32;
font-weight: 600;
font-family: "Roboto";
font-size: 16px;
font-weight: normal;
line-height: 22px; }
.footer_bottom .navlinks ul li a:after {
content: '';
position: absolute;
bottom: 3px;
width: 0%;
height: 1px;
background: #001E32;
left: 50%;
transition: all .3s ease-in-out; }
.footer_bottom .navlinks ul li a:hover:after {
width: 100%;
left: 0; }
.footer_bottom .trmar {
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding-top: 15px;
padding-bottom: 30px; }
@media (min-width: 576px) {
.footer_bottom .trmar {
display: inline-block;
/*
flex-direction: row;
justify-content: space-evenly;
*/
padding-top: 0;
padding-bottom: 0; } }
@media (min-width: 768px) {
.footer_bottom .trmar {
display: inline-block;
/*
flex-direction: row;
justify-content: space-evenly;
*/ } }
.footer_bottom .trmar span {
float: right;
font-weight: 600;
font-family: "Roboto";
font-size: 16px;
font-weight: normal;
line-height: 22px; }
@media (min-width: 576px) {
.footer_bottom .trmar span {
padding-top: 4px; } }
.footer_bottom .trmar span:last-of-type {
margin-top: 4px;
margin-bottom: 0;
margin-left: 0; }
@media (min-width: 576px) {
.footer_bottom .trmar span:last-of-type {
padding-top: 3px; } }
.footer_bottom .trmar span:first-of-type {
padding-top: 0px;
margin-left: 0; }
@media (min-width: 576px) {
.footer_bottom .trmar span:first-of-type {
padding-top: 6px;
margin-left: 40px; } }
@media (min-width: 768px) {
.footer_bottom .trmar span:first-of-type {
padding-top: 5px; } }
.footer_logowrapper a img {
transform: scale(1);
transition: transform .3s ease-in-out; }
.footer_logowrapper a:hover img {
transform: scale(1.1); }
.footer_logowrapper a:nth-of-type(6) img {
transform: scale(1.2);
transition: transform .3s ease-in-out; }
.footer_logowrapper a:nth-of-type(6):hover img {
transform: scale(1.3); }
.footer_logowrapper a:nth-of-type(8) img {
transform: scale(1.2);
transition: transform .3s ease-in-out; }
.footer_logowrapper a:nth-of-type(8):hover img {
transform: scale(1.3); }
.mto {
margin-top: 12px; }
@media (min-width: 576px) {
.mto {
margin-top: 72px; } }
/* INTRO */
.intro {
margin-bottom: 50px; }
@media (min-width: 768px) {
.intro {
margin-bottom: 80px; } }
@media (min-width: 992px) {
.intro {
margin-bottom: 128px; } }
.intro .btn-nback {
margin-top: 40px; }
.intro_imgwrap {
height: 440px; }
@media (min-width: 992px) {
.intro_imgwrap {
height: 800px; } }
.intro_imgwrap img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px; }
.intro_iimg {
padding-left: 0px;
padding-right: 0px; }
@media (min-width: 992px) {
.intro_iimg {
padding-left: 12px;
padding-right: 12px; } }
.intro .breadcrumb {
margin-bottom: 10px;
margin-top: 50px; }
.intro_content {
display: flex;
flex-direction: column;
justify-content: center; }
.intro_content h1 {
padding-top: 20px;
color: #001E32;
margin-bottom: 68px;
margin-top: 24px; }
@media (min-width: 992px) {
.intro_content h1 {
padding-top: 30px; } }
@media (min-width: 992px) {
.intro_content h1 {
padding-top: 40px; } }
@media (min-width: 992px) {
.intro_content h1 {
margin-top: 0px; } }
.intro_content h1:after {
content: "";
width: 110px;
background-color: #0070BA;
position: absolute;
left: 0px;
height: 8px;
bottom: -17px; }
@media (min-width: 576px) {
.intro_content h1:after {
height: 10px;
bottom: -19px; } }
.intro_content P {
font-size: 20px;
line-height: 30px;
font-weight: 500; }
@media (min-width: 768px) {
.intro_content P {
font-size: 22px;
line-height: 36px; } }
.intro_content .btnblue {
display: inline-block;
padding-bottom: 17px;
width: fit-content;
padding-top: 13px;
margin-bottom: 0;
margin-top: 35px; }
/* BREADCRUMB */
.breadcrumb {
margin-bottom: 10px;
margin-top: 0;
display: none; }
@media (min-width: 576px) {
.breadcrumb {
margin-bottom: 20px; } }
@media (min-width: 768px) {
.breadcrumb {
margin-bottom: 40px;
display: flex; } }
.breadcrumb a {
font-size: 13px;
line-height: 16px;
color: #001E32;
transition: color .4s ease-in-out;
margin-right: 25px;
text-decoration: none; }
.breadcrumb a:hover {
color: #0070BA; }
.breadcrumb span {
margin-right: 25px;
position: relative;
top: -5px; }
.breadcrumb p {
font-size: 13px;
line-height: 16px;
color: #A5A5A5;
margin-bottom: 0; }
.breadcrumb p span {
top: -1px;
margin-left: 25px; }
/* IFRAME */
.iframe {
margin-top: 64px;
margin-bottom: 71px; }
@media (min-width: 768px) {
.iframe {
margin-top: 128px;
margin-bottom: 142px; } }
.iframe h2 {
margin-bottom: 54px; }
/* GRAY CONTENT */
.contgrey h2 {
font-size: 28px;
line-height: 34px;
margin-bottom: 20px; }
@media (min-width: 768px) {
.contgrey h2 {
margin-bottom: 25px; } }
@media (min-width: 992px) {
.contgrey h2 {
margin-bottom: 40px; } }
.contgrey h2:after {
content: unset; }
.contgrey .row > div {
background-color: #F7F7F7; }
.contgrey img {
width: 100%;
height: auto;
border-radius: 5px;
max-height: unset;
object-fit: unset; }
.contgrey p {
font-size: 18px;
line-height: 27px; }
.contgrey .contgrey {
padding-top: 30px;
padding-bottom: 30px; }
@media (min-width: 576px) {
.contgrey .contgrey {
padding-bottom: 70px;
padding-top: 70px; } }
@media (min-width: 768px) {
.contgrey .contgrey {
padding-bottom: 139px;
padding-top: 139px; } }
.contgrey .contgrey .row {
margin-bottom: 38px; }
@media (min-width: 768px) {
.contgrey .contgrey .row {
margin-bottom: 75px; } }
@media (min-width: 992px) {
.contgrey .contgrey .row:first-of-type {
margin-bottom: 75px; } }
.contgrey .contgrey .row:first-of-type h2 {
margin-top: 30px; }
@media (min-width: 768px) {
.contgrey .contgrey .row:first-of-type h2 {
margin-top: 0; } }
@media (min-width: 992px) {
.contgrey .contgrey .row:first-of-type {
margin-bottom: 75px; }
.contgrey .contgrey .row:first-of-type h2 {
margin-top: 0; } }
@media (min-width: 992px) and (min-width: 768px) {
.contgrey .contgrey .row:first-of-type h2 {
margin-top: 0; } }
.contgrey .contgrey .row:last-of-type {
margin-bottom: 0px; }
.contgrey .contgrey .row:last-of-type h2 {
margin-top: 30px; }
@media (min-width: 768px) {
.contgrey .contgrey .row:last-of-type h2 {
margin-top: 0; } }
.contgrey_cont {
padding-right: 8.333333333%; }
/* CONTENT NORMAL */
.contnor {
margin-top: 55px;
margin-bottom: 25px; }
@media (min-width: 768px) {
.contnor {
margin-top: 70px;
margin-bottom: 50px; } }
.contnor .btnwb {
margin-top: 20px;
display: inline-block;
margin-bottom: 20px;
padding-top: 16px;
padding-bottom: 19px; }
.contnor h2 {
margin-bottom: 51px;
margin-top: 40px; }
.contnor h3 {
margin-top: 30px; }
.contnor h3:first-child {
margin-top: 0px; }
.contnor ul, .contnor ol {
padding-left: 17px; }
.contnor ul li, .contnor ol li {
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #001E32;
margin-bottom: 7px; }
.contnor ul li a, .contnor ol li a {
color: #001E32; }
.contnor ul li a:after, .contnor ol li a:after {
background: #001E32; }
.contnor p {
margin-bottom: 20px; }
.contnor p a {
color: #001E32;
position: relative;
text-decoration: none; }
.contnor p a:after {
content: '';
position: absolute;
bottom: 0px;
width: 100%;
height: 2px;
background: #001E32;
left: 0px;
transition: all .3s ease-in-out; }
.contnor p a:hover:after {
left: 50%;
width: 0; }
/* IMAGE NORMAL */
.imagnor {
margin-top: 60px;
margin-bottom: 80px; }
.imagnor img {
width: 100%;
height: auto;
border-radius: 5px; }
#carifybox {
margin-top: 80px;
margin-bottom: 80px; }
label[for="schadenanmelden-440-checkbox-2"] span a {
color: #001E32;
position: relative;
text-decoration: none; }
label[for="schadenanmelden-440-checkbox-2"] span a:after {
content: '';
position: absolute;
bottom: 0px;
width: 100%;
height: 2px;
background: #001E32;
left: 0px;
transition: all .3s ease-in-out; }
label[for="schadenanmelden-440-checkbox-2"] span a:hover:after {
left: 50%;
width: 0; }
.history_start {
margin-top: 100px; }
.history_start span {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #0070BA;
background-color: #ffffff;
display: block;
margin: auto;
position: relative; }
@media (min-width: 992px) {
.history_start span {
margin-bottom: 68px; } }
.history_start span:after {
content: "";
width: 2px;
height: 30px;
background-color: #0070BA;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 26px; }
@media (min-width: 992px) {
.history_start span:after {
height: 70px; } }
.history_end {
margin-top: 130px; }
@media (min-width: 768px) {
.history_end {
margin-top: 100px; } }
.history_end span {
width: 30px;
height: 30px;
background-color: #ffffff;
display: block;
margin: auto;
position: relative;
margin-bottom: 68px;
transform: rotate(45deg);
border-bottom: 2px solid #0070BA;
border-right: 2px solid #0070BA; }
.history_end span:after {
content: "";
width: 2px;
height: 150px;
background-color: #0070BA;
position: absolute;
left: calc(50% - 39px);
top: -99px;
transform: rotate(-45deg); }
.history_block {
overflow: hidden;
display: block; }
.history_wrap {
display: block;
padding-top: 60px;
overflow: hidden;
position: relative; }
@media (min-width: 768px) {
.history_wrap {
display: flex;
padding-top: 80px; } }
.history_wrap:before {
content: "";
width: 2px;
height: 30px;
top: 15px;
background-color: #0070BA;
position: absolute;
left: 50%;
transform: translateX(-50%); }
@media (min-width: 768px) {
.history_wrap:before {
height: 55px;
top: 25px;
height: 50px; } }
@media (min-width: 768px) {
.history_wrap:after {
content: "";
width: 2px;
height: 100%;
background-color: #0070BA;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 75px; } }
.history_block_year {
text-align: center;
padding-top: 90px; }
.history_block_year h2:before {
content: "";
width: 2px;
height: 70px;
background-color: #0070BA;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -90px; }
.history_block_year h2:after {
left: 50%;
transform: translateX(-50%); }
.history_block_content {
display: block; }
@media (min-width: 768px) {
.history_block_content {
display: flex;
flex-direction: column;
justify-content: center; } }
.history_block_content.hbcl {
display: block;
width: 100%; }
@media (min-width: 768px) {
.history_block_content.hbcl {
float: left;
display: inline-flex;
width: 50%; } }
@media (min-width: 768px) {
.history_block_content.hbcl h3, .history_block_content.hbcl p, .history_block_content.hbcl .history_block_image {
padding-right: 20px;
padding-left: 20px; } }
@media (min-width: 992px) {
.history_block_content.hbcl h3, .history_block_content.hbcl p, .history_block_content.hbcl .history_block_image {
padding-right: 40px;
padding-left: 20px; } }
@media (min-width: 1200px) {
.history_block_content.hbcl h3, .history_block_content.hbcl p, .history_block_content.hbcl .history_block_image {
padding-right: 160px;
padding-left: 50px; } }
.history_block_content.hbcl h3 img, .history_block_content.hbcl p img, .history_block_content.hbcl .history_block_image img {
width: 100%;
height: auto; }
.history_block_content.hbcl a {
position: relative;
color: #001E32;
text-decoration: none; }
.history_block_content.hbcl a:after {
content: '';
position: absolute;
bottom: 0px;
width: 100%;
height: 1px;
background: #001E32;
left: 0px;
transition: all .3s ease-in-out; }
.history_block_content.hbcl a:hover:after {
content: '';
position: absolute;
bottom: 0px;
width: 0;
height: 1px;
background: #001E32;
left: 50%; }
.history_block_content.hbcl .history_block_image {
padding-top: 20px;
padding-bottom: 20px; }
@media (min-width: 992px) {
.history_block_content.hbcl .history_block_image {
padding-top: 35px;
padding-bottom: 35px; } }
@media (min-width: 1200px) {
.history_block_content.hbcl .history_block_image {
padding-top: 60px;
padding-bottom: 60px; } }
.history_block_content.hbcr {
display: block;
width: 100%; }
@media (min-width: 768px) {
.history_block_content.hbcr {
float: right;
display: inline-flex;
width: 50%; } }
@media (min-width: 768px) {
.history_block_content.hbcr h3, .history_block_content.hbcr p, .history_block_content.hbcr .history_block_image {
padding-left: 20px;
padding-right: 20px; } }
@media (min-width: 992px) {
.history_block_content.hbcr h3, .history_block_content.hbcr p, .history_block_content.hbcr .history_block_image {
padding-left: 40px;
padding-right: 20px; } }
@media (min-width: 1200px) {
.history_block_content.hbcr h3, .history_block_content.hbcr p, .history_block_content.hbcr .history_block_image {
padding-left: 160px;
padding-right: 50px; } }
.history_block_content.hbcr h3 img, .history_block_content.hbcr p img, .history_block_content.hbcr .history_block_image img {
width: 100%;
height: auto; }
.history_block_content.hbcr a {
position: relative;
color: #001E32;
text-decoration: none; }
.history_block_content.hbcr a:after {
content: '';
position: absolute;
bottom: 0px;
width: 100%;
height: 1px;
background: #001E32;
left: 0px;
transition: all .3s ease-in-out; }
.history_block_content.hbcr a:hover:after {
content: '';
position: absolute;
bottom: 0px;
width: 0;
height: 1px;
background: #001E32;
left: 50%; }
.history_block_content.hbcr .history_block_image {
padding-top: 20px;
padding-bottom: 20px; }
@media (min-width: 992px) {
.history_block_content.hbcr .history_block_image {
padding-top: 35px;
padding-bottom: 35px; } }
@media (min-width: 1200px) {
.history_block_content.hbcr .history_block_image {
padding-top: 60px;
padding-bottom: 60px; } }
.pluslist {
margin-top: 40px;
margin-bottom: 32px;
display: block; }
@media (min-width: 768px) {
.pluslist {
margin-top: 90px;
margin-bottom: 110px; } }
.pluslist h2 {
margin-bottom: 51px; }
.pluslist p {
margin-bottom: 50px; }
.pluslist_block {
background-color: #F7F7F7;
border-radius: 5px;
margin-bottom: 16px;
width: 100%;
display: flex;
margin-right: 0px; }
@media (min-width: 576px) {
.pluslist_block {
width: 100%;
display: inline-flex;
margin-bottom: 16px; } }
@media (min-width: 768px) {
.pluslist_block {
width: calc(50% - 10px);
display: inline-flex;
margin-bottom: 16px;
float: left; }
.pluslist_block:nth-of-type(even) {
margin-left: 10px; }
.pluslist_block:nth-of-type(odd) {
margin-right: 10px; } }
@media (min-width: 992px) {
.pluslist_block {
width: 30%;
display: inline-flex;
margin-bottom: 32px;
float: none;
margin-left: 0;
margin-right: 20px; }
.pluslist_block:nth-of-type(even) {
margin-left: 0; }
.pluslist_block:nth-of-type(odd) {
margin-right: 20px; } }
.pluslist_block span {
display: inline-block;
float: left;
padding: 19px 12px; }
@media (min-width: 992px) {
.pluslist_block span {
padding: 19px 32px; } }
.pluslist_block span svg {
width: 24px;
height: auto; }
@media (min-width: 768px) {
.pluslist_block span svg {
width: 36px;
height: auto; } }
@media (min-width: 992px) {
.pluslist_block span svg {
width: 48px;
height: auto; } }
.pluslist_block h3 {
margin-bottom: 0;
display: flex;
flex-grow: 1;
justify-content: center;
flex-direction: column;
font-size: 26px;
line-height: 32px;
padding-right: 20px;
font-family: 'Caveat';
font-weight: normal;
padding-top: 15px;
padding-bottom: 15px; }
.tooltipicon {
cursor: pointer; }
.tooltipicon svg {
height: 30px;
width: auto;
position: relative;
top: 40px; }
.tooltipbox {
display: none; }
.bildslider {
margin-top: 55px;
margin-bottom: 25px; }
@media (min-width: 768px) {
.bildslider {
margin-top: 70px;
margin-bottom: 50px; } }
.bildslider h2 {
margin-bottom: 79px; }
.bildslider .bildswiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
padding-bottom: 88px; }
.bildslider .swiper-slide .swip-image {
width: 100%;
height: 350px; }
@media (min-width: 768px) {
.bildslider .swiper-slide .swip-image {
height: 530px; } }
.bildslider .swiper-slide img {
width: 100%;
height: 100%;
border-radius: 5px;
object-fit: cover; }
.bildslider .swiper-button-prev {
width: 48px;
height: 48px;
background-color: #0070BA;
border-radius: 5px;
bottom: 0;
top: unset;
margin-top: 0;
left: unset;
right: 71px;
transform: rotate(180deg);
overflow: hidden;
opacity: 1;
transition: opacity .4s ease-in-out; }
.bildslider .swiper-button-prev.swiper-button-disabled {
opacity: 0; }
.bildslider .swiper-button-prev:after {
content: unset; }
.bildslider .swiper-button-prev svg {
position: relative;
transition: left .3s ease-in-out; }
.bildslider .swiper-button-prev svg:first-of-type {
left: -25px; }
.bildslider .swiper-button-prev svg:last-of-type {
left: -7px; }
.bildslider .swiper-button-prev:hover svg:first-of-type {
left: 10px; }
.bildslider .swiper-button-prev:hover svg:last-of-type {
left: 25px; }
.bildslider .swiper-button-next {
width: 48px;
height: 48px;
background-color: #0070BA;
border-radius: 5px;
bottom: 0;
top: unset;
margin-top: 0;
left: unset;
right: 0;
overflow: hidden;
opacity: 1;
transition: opacity .4s ease-in-out; }
.bildslider .swiper-button-next.swiper-button-disabled {
opacity: 0; }
.bildslider .swiper-button-next:after {
content: unset; }
.bildslider .swiper-button-next svg {
position: relative;
transition: left .3s ease-in-out; }
.bildslider .swiper-button-next svg:first-of-type {
left: -25px; }
.bildslider .swiper-button-next svg:last-of-type {
left: -7px; }
.bildslider .swiper-button-next:hover svg:first-of-type {
left: 10px; }
.bildslider .swiper-button-next:hover svg:last-of-type {
left: 25px; }
.fleet-tabelle table {
width: 100%;
border-spacing: 0; }
.fleet-tabelle table tr:first-of-type td {
border-bottom: 2px solid white;
font-family: "Montserrat";
font-weight: 600;
font-size: 14px;
line-height: 1.2;
color: #001E32; }
@media (min-width: 576px) {
.fleet-tabelle table tr:first-of-type td {
font-size: 18px; } }
@media (min-width: 768px) {
.fleet-tabelle table tr:first-of-type td {
font-size: 22px;
line-height: 28px; } }
.fleet-tabelle table tr:first-of-type td:first-of-type {
background-color: #F7F7F7; }
.fleet-tabelle table tr:last-of-type td {
border-top: 10px solid white;
font-weight: 500; }
.fleet-tabelle table tr:last-of-type td:first-of-type {
background-color: #F7F7F7; }
.fleet-tabelle table tr td {
padding: 0;
padding-left: 6px;
padding-right: 6px;
border-bottom: 1px solid white; }
@media (min-width: 576px) {
.fleet-tabelle table tr td {
padding-left: 12px;
padding-right: 12px; } }
.fleet-tabelle table tr td:first-of-type {
background-color: #FFF;
transition: background-color .35s ease-in-out; }
.fleet-tabelle table tr td:nth-of-type(2) {
background-color: rgba(217, 225, 242, 0.55);
text-align: center;
border-right: 2px solid white;
border-left: 2px solid white;
width: 12%; }
@media (min-width: 576px) {
.fleet-tabelle table tr td:nth-of-type(2) {
width: 12%; } }
.fleet-tabelle table tr td:nth-of-type(2) svg {
transform: scale(1);
transition: transform .35s ease-in-out; }
.fleet-tabelle table tr td:nth-of-type(2) svg path {
stroke-width: 1.5;
transition: stroke-width .35s ease-in-out; }
.fleet-tabelle table tr td:nth-of-type(3) {
background-color: rgba(252, 228, 214, 0.55);
text-align: center;
border-right: 2px solid white;
width: 12%; }
@media (min-width: 576px) {
.fleet-tabelle table tr td:nth-of-type(3) {
width: 12%; } }
.fleet-tabelle table tr td:nth-of-type(3) svg {
transform: scale(1);
transition: transform .35s ease-in-out; }
.fleet-tabelle table tr td:nth-of-type(3) svg path {
stroke-width: 1.5;
transition: stroke-width .35s ease-in-out; }
.fleet-tabelle table tr td:nth-of-type(4) {
background-color: rgba(255, 242, 204, 0.55);
text-align: center;
width: 12%; }
@media (min-width: 576px) {
.fleet-tabelle table tr td:nth-of-type(4) {
width: 12%; } }
.fleet-tabelle table tr td:nth-of-type(4) svg {
transform: scale(1);
transition: transform .35s ease-in-out; }
.fleet-tabelle table tr td:nth-of-type(4) svg path {
stroke-width: 1.5;
transition: stroke-width .35s ease-in-out; }
.fleet-tabelle table tr:hover td:first-of-type {
background-color: #F7F7F7; }
.fleet-tabelle table tr:hover td:nth-of-type(2) svg {
transform: scale(1.3); }
.fleet-tabelle table tr:hover td:nth-of-type(2) svg path {
stroke-width: 2.5; }
.fleet-tabelle table tr:hover td:nth-of-type(3) svg {
transform: scale(1.3); }
.fleet-tabelle table tr:hover td:nth-of-type(3) svg path {
stroke-width: 2.5; }
.fleet-tabelle table tr:hover td:nth-of-type(4) svg {
transform: scale(1.3); }
.fleet-tabelle table tr:hover td:nth-of-type(4) svg path {
stroke-width: 2.5; }
.fleet-tabelle table tr td {
padding-top: 10px;
padding-bottom: 10px;
font-family: "Roboto";
font-weight: normal;
font-size: 14px;
line-height: 1.3;
color: #001E32; }
@media (min-width: 576px) {
.fleet-tabelle table tr td {
font-size: 18px; } }
.fleet-tabelle table tr.detail td {
padding-top: 0;
padding-bottom: 0; }
.fleet-tabelle table .tablecont {
display: none; }
.fleet-tabelle .fleet-at {
margin-top: 8px; }
@media (min-width: 576px) {
.fleet-tabelle .fleet-at {
margin-top: 15px; } }
.fleet-tabelle .fleet-at p {
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
font-style: italic; }
@media (min-width: 576px) {
.fleet-tabelle .fleet-at p {
font-size: 16px; } }
.contnor.isfleet {
background-color: #F7F7F7;
margin-bottom: 0;
padding-bottom: 25px;
margin-top: 0;
padding-top: 15px; }
@media (min-width: 768px) {
.contnor.isfleet {
margin-bottom: 0;
padding-bottom: 50px;
margin-top: 0;
padding-top: 70px; } }
.fleetautos {
background-color: #F7F7F7;
padding-bottom: 40px; }
@media (min-width: 768px) {
.fleetautos {
padding-bottom: 80px; } }
.fleetautos_row {
display: flex;
flex-direction: column;
margin-bottom: 30px;
cursor: pointer;
background-color: white;
border-radius: 5px; }
@media (min-width: 768px) {
.fleetautos_row {
flex-direction: row;
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09);
margin-bottom: 50px; } }
.fleetautos_row:hover .btnwb {
background-color: #ffffff;
color: #0070BA; }
.fleetautos_row:hover .btnwb span {
width: 30px;
margin-right: 16px; }
.fleetautos_row:hover .btnwb span svg {
left: 0px; }
.fleetautos_img {
width: 100%; }
@media (min-width: 768px) {
.fleetautos_img {
width: 40%; } }
.fleetautos_img img {
width: 100%;
height: auto;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
position: relative;
padding-top: 30px;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px; }
@media (min-width: 768px) {
.fleetautos_img img {
top: 50%;
transform: translateY(-50%);
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px; } }
.fleetautos_content {
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 40px; }
@media (min-width: 768px) {
.fleetautos_content {
width: 60%;
padding-left: 30px;
padding-right: 30px;
padding-top: 40px;
padding-bottom: 40px; } }
.fleetautos_content table {
width: 100%;
margin-top: 40px; }
.fleetautos_content table tr:first-of-type td {
font-weight: 500; }
.fleetautos_content table tr td {
border-bottom: 2px solid white;
padding-top: 10px;
padding-bottom: 10px;
font-family: "Roboto";
font-weight: normal;
font-size: 16px;
line-height: 1.3;
color: #001E32;
padding-left: 6px;
padding-right: 6px; }
@media (min-width: 768px) {
.fleetautos_content table tr td {
font-size: 18px; } }
@media (min-width: 768px) {
.fleetautos_content table tr td {
padding-right: 12px;
padding-left: 12px; } }
.fleetautos_content table tr td:nth-of-type(1) {
width: 200px;
font-weight: 500;
padding-left: 0px;
padding-right: 6px; }
@media (min-width: 768px) {
.fleetautos_content table tr td:nth-of-type(1) {
width: 200px;
padding-right: 12px;
padding-left: 0px; } }
.fleetautos_content table tr td:nth-of-type(2) {
background-color: rgba(217, 225, 242, 0.55);
text-align: center;
border-right: 2px solid white;
border-left: 2px solid white; }
.fleetautos_content table tr td:nth-of-type(3) {
background-color: rgba(252, 228, 214, 0.55);
text-align: center;
border-right: 2px solid white; }
.fleetautos_content table tr td:nth-of-type(4) {
background-color: rgba(255, 242, 204, 0.55);
text-align: center; }
.fleetautos .btnwb {
display: block;
width: 100%;
margin-top: 50px;
border: none;
line-height: 1.4;
height: auto;
padding-top: 14px;
padding-bottom: 14px;
text-align: center; }
@media (min-width: 576px) {
.fleetautos .btnwb {
float: right;
display: inline-block;
width: auto; } }
.fleetautos .fleet-at {
margin-top: 8px; }
@media (min-width: 576px) {
.fleetautos .fleet-at {
margin-top: 15px; } }
.fleetautos .fleet-at p {
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
font-style: italic; }
@media (min-width: 576px) {
.fleetautos .fleet-at p {
font-size: 16px; } }
.pmform.fleet {
display: none;
padding-top: 50px;
padding-bottom: 50px; }
.pmform.fleet .powermail_fieldwrap {
position: relative;
width: 100%;
margin-bottom: 30px; }
@media (min-width: 576px) {
.pmform.fleet .powermail_fieldwrap {
width: calc(50% - 13px);
float: left;
display: inline-block;
overflow: unset;
margin-bottom: 40px; } }
@media (min-width: 576px) {
.pmform.fleet .powermail_fieldwrap:nth-of-type(odd) {
margin-left: 13px;
float: right; } }
@media (min-width: 576px) {
.pmform.fleet .powermail_fieldwrap:nth-of-type(even) {
margin-right: 13px; } }
.pmform.fleet .powermail_fieldwrap:nth-of-type(1), .pmform.fleet .powermail_fieldwrap:nth-of-type(3), .pmform.fleet .powermail_fieldwrap:nth-of-type(8) {
width: 100%;
float: none;
display: block;
position: relative;
overflow: hidden; }
.pmform.fleet .powermail_fieldwrap:nth-of-type(8) {
margin: 0; }
.pmform.fleet .powermail_fieldwrap:nth-of-type(3) {
overflow: unset; }
.pmform.fleet .powermail_fieldwrap.powermail_fieldwrap_type_check {
width: 100%;
float: none;
display: block; }
.pmform.fleet .powermail_fieldwrap.powermail_fieldwrap_type_check label {
position: relative !important;
top: unset !important;
left: unset !important;
width: 100% !important; }
.pmform.fleet .powermail_fieldwrap.powermail_fieldwrap_type_input .powermail_field {
padding-bottom: 0; }
.pmform.fleet .powermail_fieldwrap.powermail_fieldwrap_type_check {
margin-left: 0px; }
.pmform.fleet .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field {
margin-top: 12px; }
.pmform.fleet .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox {
margin-bottom: 5px; }
.pmform.fleet .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox:last-of-type {
margin-bottom: 0; }
.pmform.fleet .powermail_fieldwrap.powermail_fieldwrap_type_check input {
margin-right: 13px; }
.pmform.fleet .powermail_fieldset input[type="text"], .pmform.fleet .powermail_fieldset input[type="password"], .pmform.fleet .powermail_fieldset input[type="email"], .pmform.fleet .powermail_fieldset input[type="tel"], .pmform.fleet .powermail_fieldset input[type="url"], .pmform.fleet .powermail_fieldset input[type="number"], .pmform.fleet .powermail_fieldset input[type="date"], .pmform.fleet .powermail_fieldset input[type="datetime-local"], .pmform.fleet .powermail_fieldset textarea {
width: 100%;
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 1px solid #A5A5A5;
color: #001E32;
padding-left: 17px;
padding-right: 17px;
height: 54px;
font-family: "Roboto";
padding-top: 22px; }
.pmform.fleet .powermail_fieldset input[type="text"]:focus, .pmform.fleet .powermail_fieldset input[type="password"]:focus, .pmform.fleet .powermail_fieldset input[type="email"]:focus, .pmform.fleet .powermail_fieldset input[type="tel"]:focus, .pmform.fleet .powermail_fieldset input[type="url"]:focus, .pmform.fleet .powermail_fieldset input[type="number"]:focus, .pmform.fleet .powermail_fieldset input[type="date"]:focus, .pmform.fleet .powermail_fieldset input[type="datetime-local"]:focus, .pmform.fleet .powermail_fieldset textarea:focus {
outline: 0px solid #001E32;
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #001E32; }
.pmform.fleet .powermail_fieldset input[type="text"]:-webkit-autofill, .pmform.fleet .powermail_fieldset input[type="text"]:-webkit-autofill:hover, .pmform.fleet .powermail_fieldset input[type="text"]:-webkit-autofill:focus, .pmform.fleet .powermail_fieldset input[type="text"]:-webkit-autofill:active, .pmform.fleet .powermail_fieldset input[type="password"]:-webkit-autofill, .pmform.fleet .powermail_fieldset input[type="password"]:-webkit-autofill:hover, .pmform.fleet .powermail_fieldset input[type="password"]:-webkit-autofill:focus, .pmform.fleet .powermail_fieldset input[type="password"]:-webkit-autofill:active, .pmform.fleet .powermail_fieldset input[type="email"]:-webkit-autofill, .pmform.fleet .powermail_fieldset input[type="email"]:-webkit-autofill:hover, .pmform.fleet .powermail_fieldset input[type="email"]:-webkit-autofill:focus, .pmform.fleet .powermail_fieldset input[type="email"]:-webkit-autofill:active, .pmform.fleet .powermail_fieldset input[type="tel"]:-webkit-autofill, .pmform.fleet .powermail_fieldset input[type="tel"]:-webkit-autofill:hover, .pmform.fleet .powermail_fieldset input[type="tel"]:-webkit-autofill:focus, .pmform.fleet .powermail_fieldset input[type="tel"]:-webkit-autofill:active, .pmform.fleet .powermail_fieldset input[type="url"]:-webkit-autofill, .pmform.fleet .powermail_fieldset input[type="url"]:-webkit-autofill:hover, .pmform.fleet .powermail_fieldset input[type="url"]:-webkit-autofill:focus, .pmform.fleet .powermail_fieldset input[type="url"]:-webkit-autofill:active, .pmform.fleet .powermail_fieldset input[type="number"]:-webkit-autofill, .pmform.fleet .powermail_fieldset input[type="number"]:-webkit-autofill:hover, .pmform.fleet .powermail_fieldset input[type="number"]:-webkit-autofill:focus, .pmform.fleet .powermail_fieldset input[type="number"]:-webkit-autofill:active, .pmform.fleet .powermail_fieldset input[type="date"]:-webkit-autofill, .pmform.fleet .powermail_fieldset input[type="date"]:-webkit-autofill:hover, .pmform.fleet .powermail_fieldset input[type="date"]:-webkit-autofill:focus, .pmform.fleet .powermail_fieldset input[type="date"]:-webkit-autofill:active, .pmform.fleet .powermail_fieldset input[type="datetime-local"]:-webkit-autofill, .pmform.fleet .powermail_fieldset input[type="datetime-local"]:-webkit-autofill:hover, .pmform.fleet .powermail_fieldset input[type="datetime-local"]:-webkit-autofill:focus, .pmform.fleet .powermail_fieldset input[type="datetime-local"]:-webkit-autofill:active, .pmform.fleet .powermail_fieldset textarea:-webkit-autofill, .pmform.fleet .powermail_fieldset textarea:-webkit-autofill:hover, .pmform.fleet .powermail_fieldset textarea:-webkit-autofill:focus, .pmform.fleet .powermail_fieldset textarea:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
background-color: white !important; }
.pmform.fleet .powermail_fieldset textarea {
height: 110px; }
.pmform.fleet .powermail_fieldset input[type="submit"] {
margin-top: 40px;
display: inline-block;
padding-left: 30px;
padding-right: 30px;
padding-top: 16px;
padding-bottom: 16px;
border-radius: 5px;
background-color: #0070BA;
color: #ffffff;
border: 2px solid #0070BA;
font-size: 17px;
line-height: 21px;
font-weight: 600;
transition: color .35s ease-in-out, background-color .35s ease-in-out; }
.pmform.fleet .powermail_fieldset input[type="submit"] span {
margin-left: 0px;
margin-right: 0px;
width: 0px; }
.pmform.fleet .powermail_fieldset input[type="submit"] span svg path, .pmform.fleet .powermail_fieldset input[type="submit"] span svg line {
stroke: #ffffff; }
.pmform.fleet .powermail_fieldset input[type="submit"] input {
font-size: 17px;
line-height: 20px;
color: #ffffff;
background-color: #0070BA;
border: none;
font-weight: 600; }
.pmform.fleet .powermail_fieldset input[type="submit"]:hover span {
margin-left: 0px;
margin-right: 16px;
width: 30px; }
.pmform.fleet .powermail_fieldset input[type="submit"]:hover span svg path, .pmform.fleet .powermail_fieldset input[type="submit"]:hover span svg line {
stroke: #ffffff; }
.pmform.fleet .powermail_fieldset input[type="submit"]:hover {
color: #0070BA;
background-color: #ffffff; }
.pmform.fleet .powermail_fieldset input[type="checkbox"]:before, .pmform.fleet .powermail_fieldset input[type="checkbox"]:after {
transition: all .4s ease-in-out;
cursor: pointer;
content: "";
position: absolute;
top: 2px;
left: 0;
z-index: 1;
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #0070BA; }
.pmform.fleet .powermail_fieldset input[type="checkbox"]:after {
z-index: 99;
opacity: 0;
transition: opacity .3s ease-in-out;
border: none; }
.pmform.fleet .powermail_fieldset input[type="checkbox"]:checked:after {
z-index: 99;
opacity: 1;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='20' width='20'%3E%3Cpath d='M14.3 12.18a.24.24 0 0 1 0-.35l9.26-9.27a1.49 1.49 0 0 0 0-2.12 1.51 1.51 0 0 0-2.12 0L12.18 9.7a.25.25 0 0 1-.36 0L2.56.44A1.51 1.51 0 0 0 .44.44a1.49 1.49 0 0 0 0 2.12L9.7 11.83a.24.24 0 0 1 0 .35L.44 21.44a1.49 1.49 0 0 0 0 2.12 1.51 1.51 0 0 0 2.12 0l9.26-9.26a.25.25 0 0 1 .36 0l9.26 9.26a1.51 1.51 0 0 0 2.12 0 1.49 1.49 0 0 0 0-2.12Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E"); }
.pmform.fleet .powermail_fieldset label {
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #001E32;
position: absolute;
top: 15px;
left: 18px;
padding-top: 0px;
padding-bottom: 0px;
background-color: transparent;
width: calc(100% - 40px);
transition: top .3s ease-in-out, font-size .3s ease-in-out, line-height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out; }
.pmform.fleet .powermail_fieldset label.focused {
padding-top: 4px;
padding-bottom: 4px;
top: 2px;
font-size: 12px;
line-height: 14px; }
.pmform.fleet .powermail_input.powermail_field_error {
border: 1px solid red; }
.pmform.fleet .powermail-errors-list {
list-style-type: none;
padding: 0px;
margin: 0px;
position: absolute;
left: 0;
bottom: -19px; }
.pmform.fleet .powermail-errors-list li {
color: red;
font-size: 14px;
line-height: 16px;
margin-top: 5px;
display: block; }
.fleet-tabelle .info {
cursor: pointer;
position: relative;
top: -2px;
left: 2px; }
.fleet-tabelle .info svg {
background-color: white;
border-radius: 50%;
transition: background-color .35s ease-in-out; }
.fleet-tabelle .info svg path:nth-of-type(1) {
stroke: #000;
transition: stroke .35s ease-in-out; }
.fleet-tabelle .info svg path:nth-of-type(2) {
stroke: #000;
transition: stroke .35s ease-in-out; }
.fleet-tabelle .info svg path:nth-of-type(3) {
stroke: #000;
transition: stroke .35s ease-in-out; }
.fleet-tabelle .info.active svg {
background-color: black; }
.fleet-tabelle .info.active svg path:nth-of-type(1) {
stroke: #fff; }
.fleet-tabelle .info.active svg path:nth-of-type(2) {
stroke: #fff; }
.fleet-tabelle .info.active svg path:nth-of-type(3) {
stroke: #fff; }
tr.detail td {
background-color: #F7F7F7 !important; }
.tablecont h3 {
font-size: 16px;
line-height: 1.5;
margin-top: 20px; }
.tablecont p {
margin-top: 20px;
font-size: 14px;
margin-bottom: 20px;
line-height: 1.5; }
@media (min-width: 576px) {
.tablecont p {
font-size: 16px;
margin-bottom: 40px; } }
.formtag {
font-weight: 400 !important;
font-family: "Montserrat";
font-size: 1rem; }
.formtag a {
color: #001E32;
position: relative;
text-decoration: none; }
.formtag a:after {
content: '';
position: absolute;
bottom: 0px;
width: 100%;
height: 2px;
background: #001E32;
left: 0px;
transition: all .3s ease-in-out; }
.formtag a:hover:after {
left: 50%;
width: 0; }
.powermail_form_1 .powermail_fieldset .powermail_fieldwrap:first-of-type {
margin-left: 0px; }
.powermail_form_1 .powermail_fieldset .powermail_fieldwrap:nth-of-type(3) {
margin-left: 0px; }
.powermail_form_1 .powermail_fieldset .powermail_fieldwrap:last-of-type {
margin-left: 0px;
float: none;
clear: both; }
.formularext {
margin-top: 0; }
.formularext h2 {
margin-bottom: 50px; }
.formularext .pplus {
width: 20px;
height: auto;
position: absolute;
top: 17px;
right: 20px;
cursor: pointer;
z-index: -1; }
.formularext .small.form-control {
background-color: white; }
.formularext .legend {
margin-bottom: 50px; }
.formularext .table-responsive ul {
margin-bottom: 0px;
list-style-type: none;
padding-left: 0;
margin-top: -12px; }
.formularext .table-responsive ul li {
padding: 0px; }
.formularext .table-responsive p, .formularext .table-responsive ul li {
font-family: "Roboto";
font-size: 18px;
line-height: 27px;
color: #001E32;
font-weight: normal; }
.formularext .table-responsive .summary-table-first-col {
width: 100%;
margin-bottom: 15px; }
@media (min-width: 768px) {
.formularext .table-responsive .summary-table-first-col {
width: 50%;
float: left; } }
.formularext .table-responsive .summary-table-first-col p:first-of-type {
margin-bottom: 5px;
font-size: 12px;
line-height: 14px; }
.formularext .table-responsive .summary-table-first-col img {
width: 200px;
height: auto;
padding: 0px; }
.formularext .btnnb.btnmore {
display: inline-block;
padding-left: 30px;
padding-right: 30px;
padding-top: 16px;
padding-bottom: 16px;
border-radius: 5px;
background-color: #0070BA;
color: #ffffff;
margin-top: 15px;
cursor: pointer; }
@media (min-width: 768px) {
.formularext .btnnb.btnmore {
margin-top: 25px; } }
@media (min-width: 992px) {
.formularext .btnnb.btnmore {
margin-top: 40px; } }
.formularext .btnnb.btnmore span {
margin-left: 0px;
margin-right: 0px;
width: 0px; }
.formularext .btnnb.btnmore span svg line, .formularext .btnnb.btnmore span svg path {
stroke: white; }
.formularext .btnnb.btnmore button {
font-size: 17px;
line-height: 20px;
color: #ffffff;
background-color: #0070BA;
border: none;
font-weight: 600;
padding: 0; }
.formularext .btnnb.btnmore button:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none; }
.formularext .btnnb.btnmore:hover span {
margin-left: 0px;
margin-right: 16px;
width: 30px; }
.formularext .btnback {
margin-right: 15px;
background-color: white !important;
border: 2px solid #0070BA;
border-radius: 5px !important;
background-color: white !important;
color: #0070BA !important; }
.formularext .btnback span {
transform: rotate(-180deg); }
.formularext .btnback span svg path, .formularext .btnback span svg line {
stroke: #0070BA !important; }
.formularext .form-group {
margin-top: 18px;
position: relative; }
@media (min-width: 768px) {
.formularext .form-group {
margin-top: 30px; } }
.formularext .form-group.has-error input {
border-color: red !important; }
.formularext .form-group .control-label {
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #001E32;
position: absolute;
top: 15px;
left: 18px;
padding-top: 0px;
padding-bottom: 0px;
background-color: white;
width: calc(100% - 40px);
transition: top .3s ease-in-out, font-size .3s ease-in-out, line-height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out; }
.formularext .form-group.focused .control-label {
padding-top: 4px;
padding-bottom: 4px;
top: 2px;
font-size: 12px;
line-height: 14px; }
.formularext .form-group.stnrs .control-label {
left: 0;
top: 7px;
background-color: transparent;
font-size: 12px;
line-height: 14px;
width: 100%;
text-align: center;
z-index: -1; }
.formularext .form-group.datwui .control-label {
padding-top: 4px;
padding-bottom: 4px;
top: 1px;
font-size: 12px;
line-height: 14px; }
.formularext .form-group.datwui .input input[type="date"]::-webkit-inner-spin-button,
.formularext .form-group.datwui .input input[type="date"]::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none; }
.formularext .form-group.checkbox .control-label {
margin-bottom: 18px; }
.formularext .form-group .checkbox .control-label {
margin-bottom: 18px; }
.formularext .form-group .checkbox .form-check {
position: relative;
top: 0;
padding-left: 0px;
margin: 0;
height: 37px;
outline: none;
cursor: pointer;
}
@media (max-width: 768px){
.formularext .form-group .checkbox .form-check {
display: inline-block;
}
}
.formularext .form-group .checkbox .form-check input[type="checkbox"]:before, .formularext .form-group .checkbox .form-check input[type="checkbox"]:after {
transition: all .4s ease-in-out;
cursor: pointer;
content: "";
position: absolute;
top: 0px;
left: 0;
z-index: 1;
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #0070BA; }
.formularext .form-group .checkbox .form-check input[type="checkbox"]:after {
z-index: 99;
opacity: 0;
transition: opacity .3s ease-in-out;
border: none; }
.formularext .form-group .checkbox .form-check input[type="checkbox"]:checked:after {
z-index: 99;
opacity: 1;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='20' width='20'%3E%3Cpath d='M14.3 12.18a.24.24 0 0 1 0-.35l9.26-9.27a1.49 1.49 0 0 0 0-2.12 1.51 1.51 0 0 0-2.12 0L12.18 9.7a.25.25 0 0 1-.36 0L2.56.44A1.51 1.51 0 0 0 .44.44a1.49 1.49 0 0 0 0 2.12L9.7 11.83a.24.24 0 0 1 0 .35L.44 21.44a1.49 1.49 0 0 0 0 2.12 1.51 1.51 0 0 0 2.12 0l9.26-9.26a.25.25 0 0 1 .36 0l9.26 9.26a1.51 1.51 0 0 0 2.12 0 1.49 1.49 0 0 0 0-2.12Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E"); }
.formularext .form-group .checkbox .form-check span {
padding-left: 18px;
cursor: pointer; }
.formularext .form-group .checkbox .form-check span span {
padding-left: 0px; }
.formularext .form-group.radio {
border-bottom: 0px solid #ced4da;
padding-bottom: 20px; }
.formularext .form-group.radio .control-label {
position: relative;
left: unset;
top: unset; }
.formularext .form-group.radio .form-group {
margin-top: 10px; }
.formularext .form-group.radio .form-group .radio {
margin-bottom: 0px; }
.formularext .form-group.radio .form-group .radio span {
padding-left: 18px;
float: left;
padding-top: 6px; }
.formularext .form-group.radio .form-group .radio label {
position: relative;
cursor: pointer; }
.formularext .form-group.radio .form-group .radio input {
position: relative;
margin: 0;
cursor: pointer;
margin-top: 6px;
float: left;
border: 1px solid white;
button-color: transparent; }
.formularext .form-group.radio .form-group .radio input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none; }
.formularext .form-group.radio .form-group .radio input:active {
background: transparent; }
.formularext .form-group.radio .form-group .radio input:before, .formularext .form-group.radio .form-group .radio input:after {
transition: all .3s ease-in-out;
cursor: pointer;
content: "";
position: absolute;
top: 0px;
left: -2px;
z-index: 1;
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
border: 2px solid #0070BA; }
.formularext .form-group.radio .form-group .radio input:after {
top: 0;
z-index: 0;
border: none; }
.formularext .form-group.radio .form-group .radio input:checked:before {
transform: rotateY(180deg);
background: #0070BA; }
.formularext .form-group.select .control-label {
padding-top: 4px;
padding-bottom: 4px;
top: 1px;
font-size: 12px;
line-height: 14px;
background-color: transparent; }
.formularext .form-group.select select {
cursor: pointer;
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 1px solid #A5A5A5;
color: #001E32;
padding-left: 17px;
padding-right: 17px;
height: 54px;
font-family: "Roboto";
padding-top: 22px;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
background-color: transparent; }
.formularext .form-group.select select:focus {
outline: 1px solid #001E32;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #001E32; }
.formularext .form-group.select select:-webkit-autofill, .formularext .form-group.select select:-webkit-autofill:hover, .formularext .form-group.select select:-webkit-autofill:focus, .formularext .form-group.select select:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
background-color: white !important; }
.formularext .form-group.select select::-ms-expand {
display: none; }
.formularext .form-group.datequery .control-label {
padding-top: 4px;
padding-bottom: 4px;
top: 1px;
font-size: 12px;
line-height: 14px;
background-color: transparent; }
.formularext .help-block.error {
color: red;
font-size: 14px;
line-height: 16px;
margin-top: 5px;
display: block; }
.formularext .input input[type="text"], .formularext .input input[type="password"], .formularext .input input[type="email"], .formularext .input input[type="phone"], .formularext .input input[type="tel"], .formularext .input input[type="url"], .formularext .input input[type="number"], .formularext .input input[type="date"], .formularext .input input[type="datetime-local"], .formularext .input textarea {
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 1px solid #A5A5A5;
color: #001E32;
padding-left: 17px;
padding-right: 17px;
height: 54px;
font-family: "Roboto";
padding-top: 22px; }
.formularext .input input[type="text"]:focus, .formularext .input input[type="password"]:focus, .formularext .input input[type="email"]:focus, .formularext .input input[type="tel"]:focus, .formularext .input input[type="phone"]:focus, .formularext .input input[type="url"]:focus, .formularext .input input[type="number"]:focus, .formularext .input input[type="date"]:focus, .formularext .input input[type="datetime-local"]:focus, .formularext .input textarea:focus {
outline: 1px solid #001E32;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #001E32; }
.formularext .input input[type="text"]:-webkit-autofill, .formularext .input input[type="text"]:-webkit-autofill:hover, .formularext .input input[type="text"]:-webkit-autofill:focus, .formularext .input input[type="text"]:-webkit-autofill:active, .formularext .input input[type="password"]:-webkit-autofill, .formularext .input input[type="password"]:-webkit-autofill:hover, .formularext .input input[type="password"]:-webkit-autofill:focus, .formularext .input input[type="password"]:-webkit-autofill:active, .formularext .input input[type="email"]:-webkit-autofill, .formularext .input input[type="email"]:-webkit-autofill:hover, .formularext .input input[type="email"]:-webkit-autofill:focus, .formularext .input input[type="email"]:-webkit-autofill:active, .formularext .input input[type="tel"]:-webkit-autofill, .formularext .input input[type="tel"]:-webkit-autofill:hover, .formularext .input input[type="tel"]:-webkit-autofill:focus, .formularext .input input[type="tel"]:-webkit-autofill:active, .formularext .input input[type="url"]:-webkit-autofill, .formularext .input input[type="url"]:-webkit-autofill:hover, .formularext .input input[type="url"]:-webkit-autofill:focus, .formularext .input input[type="url"]:-webkit-autofill:active, .formularext .input input[type="number"]:-webkit-autofill, .formularext .input input[type="number"]:-webkit-autofill:hover, .formularext .input input[type="number"]:-webkit-autofill:focus, .formularext .input input[type="number"]:-webkit-autofill:active, .formularext .input input[type="date"]:-webkit-autofill, .formularext .input input[type="date"]:-webkit-autofill:hover, .formularext .input input[type="date"]:-webkit-autofill:focus, .formularext .input input[type="date"]:-webkit-autofill:active, .formularext .input input[type="datetime-local"]:-webkit-autofill, .formularext .input input[type="datetime-local"]:-webkit-autofill:hover, .formularext .input input[type="datetime-local"]:-webkit-autofill:focus, .formularext .input input[type="datetime-local"]:-webkit-autofill:active, .formularext .input textarea:-webkit-autofill, .formularext .input textarea:-webkit-autofill:hover, .formularext .input textarea:-webkit-autofill:focus, .formularext .input textarea:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
background-color: white !important; }
.formularext .input textarea {
height: 110px; }
.formularext .input .help-block {
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #001E32; }
.formularext .input .help-block.error {
color: red;
font-size: 14px;
line-height: 16px;
margin-top: 5px;
display: block; }
.formularext .input .inputnrs {
display: flex;
flex-direction: row; }
.formularext .input .inputnrs input[type="number"] {
border-left: none;
border-right: none;
border-radius: 0;
text-align: center;
border-radius: 0px;
background-color: transparent; }
.formularext .input .inputnrs input[type="number"]:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #A5A5A5; }
.formularext .input .inputnrs input[type="number"]::-webkit-outer-spin-button, .formularext .input .inputnrs input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0; }
.formularext .input .inputnrs .number span svg {
width: 20px;
height: auto; }
.formularext .input .inputnrs .number.nrminus {
background-color: white;
font-family: "Roboto";
font-weight: normal;
font-size: 40px;
line-height: 0px;
width: 54px;
border: 1px solid #A5A5A5;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
.formularext .input .inputnrs .number.nrminus span svg {
width: 14px; }
.formularext .input .inputnrs .number.nrplus {
background-color: white;
font-family: "Roboto";
font-weight: normal;
font-size: 40px;
line-height: 0px;
width: 54px;
border: 1px solid #A5A5A5;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
.formularext .catauswahlform {
display: block;
overflow: hidden;
margin-top: 15px;
display: block; }
.formularext .catauswahlform .catauswahlformds {
width: 100%;
display: block;
padding-left: 17px;
padding-right: 17px;
border: 1px solid #A5A5A5;
background-color: #ffffff;
font-weight: 600;
height: 54px;
border-radius: 5px;
margin-bottom: 24px;
padding-top: 14px;
color: #001E32;
cursor: pointer;
transition: color .3s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out; }
@media (min-width: 768px) {
.formularext .catauswahlform .catauswahlformds {
width: calc(50% - 12px);
display: inline-block;
float: left; }
.formularext .catauswahlform .catauswahlformds:nth-of-type(even) {
margin-left: 12px; }
.formularext .catauswahlform .catauswahlformds:nth-of-type(odd) {
margin-right: 12px; } }
.formularext .catauswahlform .catauswahlformds.active {
border: 2px solid #0070BA;
background-color: #ffffff;
color: #0070BA; }
.formularext label[for="technik-483-text-1"], .formularext label[for="technik-483-text-2"], .formularext label[for="technik-483-text-3"] {
display: none; }
.formularext #technik-483-text-1, .formularext #technik-483-text-2, .formularext #technik-483-text-3 {
background-color: red;
display: none; }
.formularext #c556 {
display: block !important; }
.formularext #technik-483-singleselect-1 {
margin-bottom: 35px; }
.formularext .markentiteloffon {
margin-top: 20px; }
.formularext .cs2s {
color: red;
margin-top: -12px;
display: block; }
.formularext .custerrmessage {
color: red; }
.formularext .form-group.has-error.select .error.help-block {
margin-top: -28px;
margin-bottom: 28px; }
.formularext .custhidden {
margin-top: 0px !important; }
.formularext .custtitle1 {
display: none; }
.formularext .custopenercont {
display: none;
overflow: hidden; }
.formularext .custunvrep {
margin-top: 35px;
margin-bottom: 24px; }
.formularext .custunvreps2 #technik-483-text-3 {
display: block;
opacity: 1;
background-color: white; }
.formularext .custunvreps2 label[for="technik-483-text-3"] {
display: block; }
.formularext .custunvreps3 #technik-483-text-20 {
display: block;
opacity: 1;
background-color: white; }
.formularext .custunvreps3 label[for="technik-483-text-3"] {
display: block; }
.formularext .custopener label span {
font-size: 22px;
padding-left: 27px !important; }
.formularext .custopener label input.add-on:before, .formularext .custopener label input.add-on:after {
top: 4px !important;
width: 25px !important;
height: 25px !important; }
.custfile .control-label {
position: relative !important;
left: unset !important;
top: unset !important;
margin-bottom: 18px !important; }
.custfile input {
display: none; }
.drop-zone {
max-width: 100%;
height: 200px;
padding: 25px;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: center;
cursor: pointer;
color: #ffffff;
border: 4px dashed #0070BA;
border-radius: 10px;
position: relative; }
.drop-zone img {
width: auto;
height: 150px; }
.drop-zone span svg {
width: 30px;
height: auto; }
.drop-zone span svg path, .drop-zone span svg polygon {
stroke: #0070BA; }
.drop-zone--over {
border-style: solid; }
.drop-zone__input {
display: none; }
.drop-zone__thumb {
width: 100%;
height: 100%;
border-radius: 10px;
overflow: hidden;
background-color: #ced4da;
background-size: cover;
position: relative;
background-position: center; }
@media (min-width: 576px) {
.drop-zone__thumb {
width: 50%; } }
@media (min-width: 768px) {
.drop-zone__thumb {
width: 15%; } }
.drop-zone__thumb::after {
content: attr(data-label);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 5px 0;
color: #ffffff;
background: #0070BA;
font-size: 14px;
text-align: center;
padding-left: 10px;
padding-right: 10px; }
.mustnav {
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #f1f1f1;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
margin-bottom: 40px; }
@media (min-width: 768px) {
.mustnav {
padding-left: 30px;
padding-right: 30px;
padding-top: 25px;
margin-bottom: 50px; } }
.mustnav div:nth-of-type(1):before {
content: '1.';
font-size: 18px;
line-height: 28px;
text-align: center;
display: block; }
@media (min-width: 992px) {
.mustnav div:nth-of-type(1):before {
display: inline-block; } }
.mustnav div:nth-of-type(2):before {
content: '2.';
font-size: 18px;
line-height: 28px;
text-align: center;
display: block; }
@media (min-width: 992px) {
.mustnav div:nth-of-type(2):before {
display: inline-block; } }
.mustnav div:nth-of-type(3):before {
content: '3.';
font-size: 18px;
line-height: 28px;
text-align: center;
display: block; }
@media (min-width: 992px) {
.mustnav div:nth-of-type(3):before {
display: inline-block; } }
.mustnav div:nth-of-type(4):before {
content: '4.';
font-size: 18px;
line-height: 28px;
text-align: center;
display: block; }
@media (min-width: 992px) {
.mustnav div:nth-of-type(4):before {
display: inline-block; } }
.mustnav div:nth-of-type(5):before {
content: '5.';
font-size: 18px;
line-height: 28px;
text-align: center;
display: block; }
@media (min-width: 992px) {
.mustnav div:nth-of-type(5):before {
display: inline-block; } }
.mustnav div:nth-of-type(6):before {
content: '6.';
font-size: 18px;
line-height: 28px;
text-align: center;
display: block; }
@media (min-width: 992px) {
.mustnav div:nth-of-type(6):before {
display: inline-block; } }
.mustnav div:nth-of-type(7):before {
content: '7.';
font-size: 18px;
line-height: 28px;
text-align: center;
display: block; }
@media (min-width: 992px) {
.mustnav div:nth-of-type(7):before {
display: inline-block; } }
.mustnav div {
font-family: "Montserrat";
font-weight: 400;
font-size: 0;
line-height: 0;
color: #001E32; }
@media (min-width: 768px) {
.mustnav div {
font-size: 18px;
line-height: 28px; } }
.mustnav div .rounder {
width: 25px;
height: 25px;
border: 2px solid #0070BA;
background-color: white;
border-radius: 50%;
margin: auto;
margin-top: 10px;
margin-bottom: 25px; }
@media (min-width: 768px) {
.mustnav div .rounder {
margin-top: 15px; } }
.mustnav div .rounder:before {
content: unset; }
.mustnav div .rounder.active {
background-color: #0070BA; }
.mustnav div.topacti {
color: #0070BA; }
.mustnav span {
width: 40px;
height: 2px;
width: 500px;
margin-top: 50px;
background-color: #0070BA; }
@media (min-width: 768px) {
.mustnav span {
width: 40px;
height: auto;
background-color: transparent;
margin-top: unset; } }
.mustnav span svg {
display: none; }
@media (min-width: 768px) {
.mustnav span svg {
display: block; } }
@media (min-width: 768px) {
.mustnav span {
display: block;
padding-top: 69px; } }
@media (min-width: 992px) {
.mustnav span {
display: block;
padding-top: 0px; } }
.form {
display: block;
margin-top: 31px;
width: 100%; }
.form h2 {
margin-bottom: 57px; }
.form input[type="text"] {
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 1px solid #A5A5A5;
color: #001E32;
padding-left: 17px;
padding-right: 17px;
height: 54px; }
.form .btnnb.btnmore {
display: inline-block;
padding-left: 30px;
padding-right: 30px;
padding-top: 16px;
padding-bottom: 16px;
border-radius: 5px;
background-color: #0070BA;
color: #ffffff; }
.form .btnnb.btnmore span {
margin-left: 0px;
margin-right: 0px;
width: 0px; }
.form .btnnb.btnmore span svg path, .form .btnnb.btnmore span svg line {
stroke: #ffffff; }
.form .btnnb.btnmore input {
font-size: 17px;
line-height: 20px;
color: #ffffff;
background-color: #0070BA;
border: none;
font-weight: 600; }
.form .btnnb.btnmore:hover span {
margin-left: 0px;
margin-right: 16px;
width: 30px; }
.form .btnnb.btnmore:hover span svg path, .form .btnnb.btnmore:hover span svg line {
stroke: #ffffff; }
#autoimAbo-436 {
position: relative; }
#autoimAbo-436 .contelementform {
overflow: hidden; }
#autoimAbo-436 .racformwrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 120px;
margin-top: 80px; }
#autoimAbo-436 .racform {
border-radius: 5px;
cursor: pointer;
width: calc(33% - 12px);
float: left;
display: inline-block;
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.09);
background-color: #ffffff;
margin-bottom: 24px;
opacity: 1;
transition: opacity .3s ease-in-out, box-shadow .3s ease-in-out; }
#autoimAbo-436 .racform img {
width: 100%;
height: auto;
border-radius: 5px; }
#autoimAbo-436 .racform h3 {
padding-left: 30px;
padding-right: 30px;
padding-top: 14px;
padding-bottom: 20px;
text-align: center; }
#autoimAbo-436 .racform.racformout {
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.06);
opacity: .3; }
#autoimAbo-436 .racform.racformout:hover {
opacity: 1; }
#autoimAbo-436 .racform.racformact {
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.19); }
#autoimAbo-436 .actions {
display: block;
width: 100%;
clear: both;
float: none; }
#autoimAbo-436 #autoimAbo-436-text-3 {
display: none; }
#autoimAbo-436 label[for="autoimAbo-436-text-3"] {
display: none; }
#autoimAbo-436 label[for="autoimAbo-436-text-3"] + .input .error.help-block {
font-size: 22px;
line-height: 30px;
font-weight: 400;
color: #ff0f0f; }
#autoimAbo-436 .form-group.radio {
border-bottom: none; }
.formularext .actualstep {
display: none; }
.formularext .contnor {
margin-top: 30px;
margin-bottom: 30px;
display: none; }
.formularext .contnor.contnorshow {
display: block; }
#technik-483-formdynamicrecipient-1 {
margin: 0 !important;
display: none !important; }
label[for="technik-483-formdynamicrecipient-1"] {
margin: 0 !important;
display: none !important; }
.formularext .fahrzeugkategorieoffon, .formularext .markenfahrzeugoffon, .formularext .markentiteloffon, .formularext .markennutzfahrzeugoffon {
display: none; }
.formularext .cust-has-error .input input, .formularext .cust-has-errorradiobutton .input input {
border-color: red; }
.formularext .cust-has-error .custerrmessage, .formularext .cust-has-error .custerrmessagera, .formularext .cust-has-errorradiobutton .custerrmessage, .formularext .cust-has-errorradiobutton .custerrmessagera {
margin-top: 5px;
display: block;
color: red; }
#technik-483-textarea-1 {
margin-bottom: 30px; }
.checkupblock {
background-color: white;
border-bottom: 1px solid #A5A5A5;
padding-bottom: 25px; }
#technik-483-multicheckbox-2 {
margin-top: -10px; }
.reifenwechselblock {
background-color: white;
border-bottom: 1px solid #A5A5A5;
padding-bottom: 25px; }
.reparaturblock {
background-color: white;
border-bottom: 1px solid #A5A5A5;
padding-bottom: 25px; }
.mfkblock {
background-color: white;
border-bottom: 1px solid #A5A5A5;
padding-bottom: 25px; }
.mfkblock .infobox {
margin-bottom: 10px !important; }
.unvorhergerepblock {
background-color: white;
border-bottom: 1px solid #A5A5A5;
padding-bottom: 25px; }
#technik-483-textarea-2 {
margin-bottom: 35px; }
.garantieblock {
background-color: white;
border-bottom: 1px solid #A5A5A5;
padding-bottom: 25px; }
#technik-483-textarea-6 {
margin-top: -20px;
margin-bottom: 35px; }
#technik-483-textarea-4, #technik-483-textarea-3 {
margin-bottom: 35px; }
.reiningungblock {
background-color: white;
border-bottom: 1px solid #A5A5A5;
padding-bottom: 25px; }
.zubehorblock {
background-color: white;
border-bottom: 1px solid #A5A5A5;
padding-bottom: 25px; }
.nachrustenblock {
background-color: white;
border-bottom: 1px solid #A5A5A5;
padding-bottom: 25px; }
.reifenwechselblock label:first-of-type #technik-483-checkbox-1, .reifenwechselblock label:first-of-type #technik-483-checkbox-2, .reifenwechselblock label:first-of-type #technik-483-checkbox-3, .reifenwechselblock label:first-of-type #technik-483-checkbox-6, .reifenwechselblock label:first-of-type #technik-483-checkbox-7, .reifenwechselblock label:first-of-type #technik-483-checkbox-8, .reparaturblock label:first-of-type #technik-483-checkbox-1, .reparaturblock label:first-of-type #technik-483-checkbox-2, .reparaturblock label:first-of-type #technik-483-checkbox-3, .reparaturblock label:first-of-type #technik-483-checkbox-6, .reparaturblock label:first-of-type #technik-483-checkbox-7, .reparaturblock label:first-of-type #technik-483-checkbox-8, .mfkblock label:first-of-type #technik-483-checkbox-1, .mfkblock label:first-of-type #technik-483-checkbox-2, .mfkblock label:first-of-type #technik-483-checkbox-3, .mfkblock label:first-of-type #technik-483-checkbox-6, .mfkblock label:first-of-type #technik-483-checkbox-7, .mfkblock label:first-of-type #technik-483-checkbox-8, .checkupblock label:first-of-type #technik-483-checkbox-1, .checkupblock label:first-of-type #technik-483-checkbox-2, .checkupblock label:first-of-type #technik-483-checkbox-3, .checkupblock label:first-of-type #technik-483-checkbox-6, .checkupblock label:first-of-type #technik-483-checkbox-7, .checkupblock label:first-of-type #technik-483-checkbox-8, .nachrustenblock label:first-of-type #technik-483-checkbox-1, .nachrustenblock label:first-of-type #technik-483-checkbox-2, .nachrustenblock label:first-of-type #technik-483-checkbox-3, .nachrustenblock label:first-of-type #technik-483-checkbox-6, .nachrustenblock label:first-of-type #technik-483-checkbox-7, .nachrustenblock label:first-of-type #technik-483-checkbox-8, .zubehorblock label:first-of-type #technik-483-checkbox-1, .zubehorblock label:first-of-type #technik-483-checkbox-2, .zubehorblock label:first-of-type #technik-483-checkbox-3, .zubehorblock label:first-of-type #technik-483-checkbox-6, .zubehorblock label:first-of-type #technik-483-checkbox-7, .zubehorblock label:first-of-type #technik-483-checkbox-8 {
position: relative;
top: -6px; }
.reifenwechselblock label:first-of-type span, .reparaturblock label:first-of-type span, .mfkblock label:first-of-type span, .checkupblock label:first-of-type span, .nachrustenblock label:first-of-type span, .zubehorblock label:first-of-type span {
color: black;
font-weight: 600;
font-size: 24px; }
#technik-483-multicheckbox-2 span, #technik-483-multicheckbox-5 span, #technik-483-multicheckbox-4 span {
font-weight: 400;
font-size: 16px; }
#technik-483-radiobutton-1 span, #technik-483-radiobutton-2 span {
font-weight: 400;
font-size: 16px; }
.mfkblock .form-group.radio .form-group {
max-width: 80%; }
@media (min-width: 1100px) {
.mfkblock .form-group.radio .form-group {
display: flex;
flex-direction: row;
justify-content: space-between;
max-width: 50%; } }
.optzus {
margin-bottom: 30px;
margin-top: 90px; }
.rrja, .rrnein {
font-family: "Roboto";
font-weight: normal;
color: red;
font-size: 14px;
line-height: 16px;
margin-top: 5px;
display: block; }
.presplilas {
margin-left: unset !important;
margin-right: 12px !important; }
.splilas {
margin-right: unset !important;
margin-left: 12px !important; }
.technik-483-hidden-2-span {
display: none !important; }
.formularext .form-group .checkbox .form-check.ch2ch {
height: auto;
margin-bottom: 20px; }
label[for="technik-483-checkbox-9"] {
display: flex;
align-items: flex-start; }
label[for="technik-483-checkbox-5"] {
display: flex;
align-items: flex-start; }
label[for="schadenanmelden-440-checkbox-2"] {
display: flex;
align-items: flex-start; }
.form-group.has-error.select select {
border-color: red; }
.btn-group, .btn-group-vertical {
position: relative;
vertical-align: unset;
width: 100%;
display: grid; }
@media (min-width: 576px) {
.btn-group, .btn-group-vertical {
display: inline-flex;
vertical-align: middle;
width: unset; } }
.h3uvre {
margin-top: 20px !important; }
@media (min-width: 576px) {
.h3uvre {
margin-top: 40px !important; } }
label[for="technik-483-checkbox-4"] {
height: auto;
display: flex;
align-items: flex-start; }
#technik-483-multicheckbox-5 .form-check, #technik-483-multicheckbox-7 .form-check, #technik-483-multicheckbox-6 .form-check {
height: auto;
margin-bottom: 15px; }
#technik-483-multicheckbox-5 .form-check-label, #technik-483-multicheckbox-7 .form-check-label, #technik-483-multicheckbox-6 .form-check-label {
display: flex;
align-items: flex-start; }
.team {
margin-top: 200px; }
.team h1 {
font-family: "Montserrat";
font-weight: 600;
font-size: 50px;
line-height: 65px;
color: #001E32;
position: relative;
margin-bottom: 69px; }
.team h1:after {
content: "";
width: 110px;
height: 10px;
bottom: -19px;
background-color: #0070BA;
position: absolute;
left: 0px; }
.team h2 {
margin-bottom: 50px;
margin-top: 90px;
font-size: 26px;
line-height: 32px; }
@media (min-width: 576px) {
.team h2 {
font-size: 34px;
line-height: 44px; } }
.team h2:after {
left: 12px;
height: 6px;
bottom: -11px; }
@media (min-width: 576px) {
.team h2:after {
height: 7px;
bottom: -11px; } }
.team h3 {
margin-bottom: 10px; }
.team_phone {
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
padding-left: 0px;
padding-right: 0px;
display: block;
padding-top: 0;
margin-bottom: 25px;
padding-bottom: 0;
color: #001E32;
text-decoration: none;
position: relative;
width: fit-content; }
.team_phone:after {
content: '';
position: absolute;
bottom: 0px;
width: 0;
left: 50%;
height: 1px;
background: #001E32;
transition: all .3s ease-in-out; }
.team_phone:hover {
color: #001E32; }
.team_phone:hover:after {
left: 0px;
width: 100%; }
.team_wrap {
margin-bottom: 48px; }
.team_actions {
display: none;
color: white;
margin-bottom: 50px;
height: auto; }
@media (min-width: 992px) {
.team_actions {
display: block; } }
.team_actionsfilter span {
color: #0070BA;
background-color: white;
border: 2px solid #0070BA;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
font-family: "Roboto";
font-weight: normal;
font-size: 16px;
line-height: 24px;
font-weight: 500;
cursor: pointer;
transition: background-color .3s ease-in-out, color .3s ease-in-out; }
.team_actionsfilter span:hover, .team_actionsfilter span.filteractive {
background-color: #0070BA;
color: white; }
.team_image {
width: 100%;
overflow: hidden; }
.team_image img {
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.team_box {
-webkit-box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.02);
box-shadow: 5px 5px 23px 7px rgba(0, 0, 0, 0.02);
height: 100%;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
opacity: 1;
transition: opacity .3s ease-in-out, box-shadow .4s ease-in-out; }
.team_boxhide {
opacity: .5; }
.team_content {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
min-height: 200px;
display: flex;
position: relative;
flex-direction: column;
flex-grow: 1; }
@media (min-width: 576px) {
.team_content {
min-height: 270px; } }
@media (min-width: 768px) {
.team_content {
padding-left: 20px;
padding-right: 20px;
padding-top: 34px;
padding-bottom: 60px;
min-height: 320px; } }
.team_content p {
margin-bottom: 10px; }
.team_content .btnnb.btnmore {
position: absolute;
bottom: 40px;
left: 22px; }
.team_contdata {
display: flex;
flex-direction: column;
position: relative;
bottom: 0px;
height: 63px;
width: auto;
justify-content: space-between; }
.team_contdata a {
position: relative;
text-decoration: none;
font-size: 17px;
line-height: 20px;
font-weight: 600;
width: max-content;
color: #0070BA; }
.team_contdata a:after {
content: '';
position: absolute;
bottom: 0px;
height: 2px;
background: #0070BA;
left: 50%;
width: 0;
transition: all .3s ease-in-out; }
.team_contdata a:hover:after {
width: 100%;
left: 0px; }
.team_contdata a span svg {
width: 20px; }
.team_contdata a span svg path, .team_contdata a span svg rect {
stroke: #0070BA; }
.team .filters input[type=checkbox] {
display: none; }
.team .filters .buttonfilter {
color: #0070BA;
background-color: white;
border: 2px solid #0070BA;
padding-left: 18px;
padding-right: 18px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
font-family: "Roboto";
font-weight: normal;
font-size: 16px;
line-height: 24px;
font-weight: 500;
cursor: pointer;
position: relative;
border-radius: 5px;
transition: background-color .3s ease-in-out, color .3s ease-in-out; }
.team .filters .buttonfilter.active {
background-color: #0070BA;
color: white; }
.team .filters .buttonfilter svg {
position: absolute;
top: 0px;
right: 0px;
width: 19px;
height: auto; }
.team .teamsae {
margin-bottom: 40px; }
@media (min-width: 992px) {
.team .teamsae {
margin-bottom: 0; } }
.team .teamsae input {
width: 100%;
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 2px solid #0070BA;
color: #001E32;
padding-left: 17px;
padding-right: 17px;
height: 48px; }
@media (min-width: 768px) {
.team .teamsae input {
width: 50%; } }
@media (min-width: 992px) {
.team .teamsae input {
width: 100%; } }
.team .teamsae .btnnb {
cursor: pointer;
float: none;
border: 2px solid white;
font-size: 16px;
background-color: #0070BA;
color: white;
padding-top: 12px;
padding-bottom: 13px;
padding-left: 20px;
padding-right: 20px;
margin-top: 8px; }
@media (min-width: 768px) {
.team .teamsae .btnnb {
float: none; } }
@media (min-width: 992px) {
.team .teamsae .btnnb {
float: none; } }
.team .teamsae .btnnb span svg path, .team .teamsae .btnnb span svg line {
stroke: white !important; }
.team .teamsae .form {
margin-top: 0; }
.accord {
margin-top: 40px;
margin-bottom: 40px; }
@media (min-width: 768px) {
.accord {
margin-top: 70px;
margin-bottom: 80px; } }
@media (min-width: 992px) {
.accord {
margin-top: 100px;
margin-bottom: 120px; } }
.accord h2 {
margin-bottom: 51px; }
.accord_block {
border-bottom: 1px solid #A5A5A5; }
.accord_block h3 {
margin-bottom: 0px;
padding-top: 25px;
padding-bottom: 22px;
padding-left: 10px;
padding-right: 50px;
position: relative;
cursor: pointer;
transition: color .4s ease-in-out; }
.accord_block h3 span {
position: absolute;
top: 21px;
right: 10px; }
.accord_block h3 span svg {
width: 31px;
height: auto;
transform: rotate(0deg);
transition: transform .4s ease-in-out; }
.accord_block h3 span svg line {
stroke: #001E32;
transition: stroke .4s ease-in-out; }
.accord_block h3 span svg line:last-of-type {
opacity: 1;
transition: opacity .4s ease-in-out; }
.accord_block h3:hover {
color: #0070BA; }
.accord_block h3:hover span svg {
transform: rotate(45deg); }
.accord_block h3:hover span svg line {
stroke: #0070BA; }
.accord_body {
display: none; }
.accord_body_inner .contnor {
margin-top: 0px; }
.accord_body_inner .contnor .container {
padding-left: 10px;
padding-right: 10px; }
.accord_body_inner .imagnor .container {
padding-left: 10px;
padding-right: 10px; }
.accord_body_inner section:first-child {
margin-top: 0px; }
.accord_body_inner section:first-child .infobox {
margin-top: 0px; }
.accord_body_inner h3 {
color: #001E32 !important;
padding-top: 0px;
padding-bottom: 5px;
padding-left: 0px;
margin-top: 30px; }
.accord_blockactive h3 {
color: #0070BA; }
.accord_blockactive h3 span svg {
transform: rotate(90deg) !important; }
.accord_blockactive h3 span svg line {
stroke: #0070BA; }
.accord_blockactive h3 span svg line:last-of-type {
opacity: 0; }
.accord_blockactive .accord_body_inner {
/*
opacity: 1;
margin-top: 0;
*/ }
#c339 p {
transform: unset !important;
margin-left: 0 !important; }
.pmform.bewerbung {
padding-top: 50px;
padding-bottom: 50px;
/* Firefox */ }
.pmform.bewerbung .powermail_fieldwrap {
position: relative;
width: 100%;
margin-bottom: 30px; }
@media (min-width: 576px) {
.pmform.bewerbung .powermail_fieldwrap {
width: calc(50% - 13px);
float: left;
display: inline-block;
overflow: unset;
margin-bottom: 40px; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(1) {
width: 100%;
margin-left: 0px !important; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(2) {
width: calc(50% - 13px); }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(3) {
width: calc(50% - 13px); }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(4) {
width: 100%;
margin-left: 0px !important; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(5) {
width: calc(25% - 13px);
margin-left: 0px !important;
margin-right: 13px; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(6) {
width: calc(75% - 13px);
margin-left: 13px !important;
margin-right: 0px !important; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(7) {
width: calc(50% - 13px);
margin-left: 0px !important;
margin-right: 13px !important; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(8) {
width: calc(50% - 13px);
margin-right: 0px !important;
margin-left: 13px !important; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(8) {
width: calc(50% - 13px);
margin-right: 0px !important;
margin-left: 13px !important; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(9) {
margin-right: 0px !important;
margin-left: 0 !important;
width: 100%;
font-weight: 700; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(10) {
margin-right: 0px !important;
margin-left: 0 !important;
width: 100%;
float: none;
clear: left;
display: block; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(11) {
margin-right: 0px !important;
margin-left: 0 !important;
width: 100%;
float: none;
clear: left;
display: block; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(12) {
margin-right: 0px !important;
margin-left: 0 !important;
width: 100%;
float: none;
clear: left;
display: block; }
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(13),
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(14),
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(15),
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(16){
margin-right: 0px !important;
margin-left: 0 !important;
width: 100%;
float: none;
clear: left;
display: block; } }
@media (min-width: 576px) {
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(even) {
margin-right: 13px; } }
@media (min-width: 576px) {
.pmform.bewerbung .powermail_fieldwrap:nth-of-type(odd) {
margin-left: 13px; } }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_select label {
z-index: 999;
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #000;
position: absolute;
top: 15px;
left: 18px;
padding-top: 0px;
padding-bottom: 0px;
background-color: transparent;
width: calc(100% - 40px);
padding-top: 4px;
padding-bottom: 4px;
top: 1px;
font-size: 12px;
line-height: 14px; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_select .powermail_field {
position: relative;
width: 100%; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_select .powermail_field::after {
color: black;
content: url('data:image/svg+xml,');
margin-right: 10px;
pointer-events: none;
position: absolute;
right: 10px;
top: 15px;
font-size: 20px; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_select .powermail_field select {
-moz-appearance: none;
-webkit-appearance: none;
background: white;
border: none;
border-radius: 0;
cursor: pointer;
padding: 12px;
width: 100%;
font-size: 18px;
width: 100%;
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 1px solid #A5A5A5;
color: black;
padding-left: 17px;
padding-right: 17px;
height: 54px;
font-family: "Roboto";
padding-top: 22px;
padding-bottom: 0px; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_select .powermail_field select:focus {
color: black; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_select .powermail_field select::-ms-expand {
display: none; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_file label {
z-index: 999;
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #000;
position: absolute;
top: 15px;
left: 18px;
padding-top: 0px;
padding-bottom: 0px;
background-color: transparent;
width: calc(100% - 40px);
padding-top: 4px;
padding-bottom: 4px;
top: 1px;
font-size: 12px;
line-height: 14px; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field {
position: relative;
width: 100%;
height: 60px; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field:after {
content: attr(data-text);
font-size: 18px;
position: absolute;
top: 0;
left: 0;
background: #fff;
display: block;
pointer-events: none;
z-index: 20;
width: 100%;
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 1px solid #A5A5A5;
color: black;
padding-left: 17px;
padding-right: 17px;
height: 54px;
font-family: "Roboto";
padding-top: 22px; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field:before {
content: url('data:image/svg+xml,');
position: absolute;
top: 0;
right: 0;
display: inline-block;
height: 54px;
background: #4daf7c;
color: #fff;
font-weight: 700;
z-index: 25;
font-size: 16px;
line-height: 60px;
padding: 0 15px;
pointer-events: none;
border-radius: 0 5px 5px 0;
font-size: 18px;
line-height: 27px;
color: white;
padding-left: 17px;
padding-right: 17px;
height: 54px;
font-family: "Roboto";
padding-top: 13px;
background-color: #0070BA;
background-color: #0070BA;
color: #ffffff;
border: 2px solid #0070BA;
font-size: 17px;
line-height: 21px;
font-weight: 600; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field input {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
height: 53px;
margin: 0;
padding: 0;
display: block;
cursor: pointer;
width: 100%; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_check {
width: 100%;
float: none;
display: block; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_check label {
position: relative !important;
top: unset !important;
left: unset !important;
width: 100% !important; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_input .powermail_field {
padding-bottom: 0; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_check {
margin-left: 0px; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field {
margin-top: 12px; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox {
margin-bottom: 5px; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox:last-of-type {
margin-bottom: 0; }
.pmform.bewerbung .powermail_fieldwrap.powermail_fieldwrap_type_check input {
margin-right: 13px; }
.pmform.bewerbung .powermail_fieldset input[type="text"], .pmform.bewerbung .powermail_fieldset input[type="password"], .pmform.bewerbung .powermail_fieldset input[type="email"], .pmform.bewerbung .powermail_fieldset input[type="tel"], .pmform.bewerbung .powermail_fieldset input[type="url"], .pmform.bewerbung .powermail_fieldset input[type="number"], .pmform.bewerbung .powermail_fieldset input[type="date"], .pmform.bewerbung .powermail_fieldset input[type="datetime-local"], .pmform.bewerbung .powermail_fieldset textarea {
width: 100%;
font-size: 18px;
line-height: 27px;
border-radius: 5px;
border: 1px solid #A5A5A5;
color: #001E32;
padding-left: 17px;
padding-right: 17px;
height: 54px;
font-family: "Roboto";
padding-top: 22px; }
.pmform.bewerbung .powermail_fieldset input[type="text"]:focus, .pmform.bewerbung .powermail_fieldset input[type="password"]:focus, .pmform.bewerbung .powermail_fieldset input[type="email"]:focus, .pmform.bewerbung .powermail_fieldset input[type="tel"]:focus, .pmform.bewerbung .powermail_fieldset input[type="url"]:focus, .pmform.bewerbung .powermail_fieldset input[type="number"]:focus, .pmform.bewerbung .powermail_fieldset input[type="date"]:focus, .pmform.bewerbung .powermail_fieldset input[type="datetime-local"]:focus, .pmform.bewerbung .powermail_fieldset textarea:focus {
outline: 0px solid #001E32;
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #001E32; }
.pmform.bewerbung .powermail_fieldset input[type="text"]:-webkit-autofill, .pmform.bewerbung .powermail_fieldset input[type="text"]:-webkit-autofill:hover, .pmform.bewerbung .powermail_fieldset input[type="text"]:-webkit-autofill:focus, .pmform.bewerbung .powermail_fieldset input[type="text"]:-webkit-autofill:active, .pmform.bewerbung .powermail_fieldset input[type="password"]:-webkit-autofill, .pmform.bewerbung .powermail_fieldset input[type="password"]:-webkit-autofill:hover, .pmform.bewerbung .powermail_fieldset input[type="password"]:-webkit-autofill:focus, .pmform.bewerbung .powermail_fieldset input[type="password"]:-webkit-autofill:active, .pmform.bewerbung .powermail_fieldset input[type="email"]:-webkit-autofill, .pmform.bewerbung .powermail_fieldset input[type="email"]:-webkit-autofill:hover, .pmform.bewerbung .powermail_fieldset input[type="email"]:-webkit-autofill:focus, .pmform.bewerbung .powermail_fieldset input[type="email"]:-webkit-autofill:active, .pmform.bewerbung .powermail_fieldset input[type="tel"]:-webkit-autofill, .pmform.bewerbung .powermail_fieldset input[type="tel"]:-webkit-autofill:hover, .pmform.bewerbung .powermail_fieldset input[type="tel"]:-webkit-autofill:focus, .pmform.bewerbung .powermail_fieldset input[type="tel"]:-webkit-autofill:active, .pmform.bewerbung .powermail_fieldset input[type="url"]:-webkit-autofill, .pmform.bewerbung .powermail_fieldset input[type="url"]:-webkit-autofill:hover, .pmform.bewerbung .powermail_fieldset input[type="url"]:-webkit-autofill:focus, .pmform.bewerbung .powermail_fieldset input[type="url"]:-webkit-autofill:active, .pmform.bewerbung .powermail_fieldset input[type="number"]:-webkit-autofill, .pmform.bewerbung .powermail_fieldset input[type="number"]:-webkit-autofill:hover, .pmform.bewerbung .powermail_fieldset input[type="number"]:-webkit-autofill:focus, .pmform.bewerbung .powermail_fieldset input[type="number"]:-webkit-autofill:active, .pmform.bewerbung .powermail_fieldset input[type="date"]:-webkit-autofill, .pmform.bewerbung .powermail_fieldset input[type="date"]:-webkit-autofill:hover, .pmform.bewerbung .powermail_fieldset input[type="date"]:-webkit-autofill:focus, .pmform.bewerbung .powermail_fieldset input[type="date"]:-webkit-autofill:active, .pmform.bewerbung .powermail_fieldset input[type="datetime-local"]:-webkit-autofill, .pmform.bewerbung .powermail_fieldset input[type="datetime-local"]:-webkit-autofill:hover, .pmform.bewerbung .powermail_fieldset input[type="datetime-local"]:-webkit-autofill:focus, .pmform.bewerbung .powermail_fieldset input[type="datetime-local"]:-webkit-autofill:active, .pmform.bewerbung .powermail_fieldset textarea:-webkit-autofill, .pmform.bewerbung .powermail_fieldset textarea:-webkit-autofill:hover, .pmform.bewerbung .powermail_fieldset textarea:-webkit-autofill:focus, .pmform.bewerbung .powermail_fieldset textarea:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
background-color: white !important; }
.pmform.bewerbung .powermail_fieldset textarea {
height: 220px; }
.pmform.bewerbung .powermail_fieldset input[type="submit"] {
margin-top: 40px;
display: inline-block;
padding-left: 30px;
padding-right: 30px;
padding-top: 16px;
padding-bottom: 16px;
border-radius: 5px;
background-color: #0070BA;
color: #ffffff;
border: 2px solid #0070BA;
font-size: 17px;
line-height: 21px;
font-weight: 600;
transition: color .35s ease-in-out, background-color .35s ease-in-out; }
.pmform.bewerbung .powermail_fieldset input[type="submit"] span {
margin-left: 0px;
margin-right: 0px;
width: 0px; }
.pmform.bewerbung .powermail_fieldset input[type="submit"] span svg path, .pmform.bewerbung .powermail_fieldset input[type="submit"] span svg line {
stroke: #ffffff; }
.pmform.bewerbung .powermail_fieldset input[type="submit"] input {
font-size: 17px;
line-height: 20px;
color: #ffffff;
background-color: #0070BA;
border: none;
font-weight: 600; }
.pmform.bewerbung .powermail_fieldset input[type="submit"]:hover span {
margin-left: 0px;
margin-right: 16px;
width: 30px; }
.pmform.bewerbung .powermail_fieldset input[type="submit"]:hover span svg path, .pmform.bewerbung .powermail_fieldset input[type="submit"]:hover span svg line {
stroke: #ffffff; }
.pmform.bewerbung .powermail_fieldset input[type="submit"]:hover {
color: #0070BA;
background-color: #ffffff; }
.pmform.bewerbung .powermail_fieldset input[type="checkbox"]:before, .pmform.bewerbung .powermail_fieldset input[type="checkbox"]:after {
transition: all .4s ease-in-out;
cursor: pointer;
content: "";
position: absolute;
top: 2px;
left: 0;
z-index: 1;
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #0070BA; }
.pmform.bewerbung .powermail_fieldset input[type="checkbox"]:after {
z-index: 99;
opacity: 0;
transition: opacity .3s ease-in-out;
border: none; }
.pmform.bewerbung .powermail_fieldset input[type="checkbox"]:checked:after {
z-index: 99;
opacity: 1;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='20' width='20'%3E%3Cpath d='M14.3 12.18a.24.24 0 0 1 0-.35l9.26-9.27a1.49 1.49 0 0 0 0-2.12 1.51 1.51 0 0 0-2.12 0L12.18 9.7a.25.25 0 0 1-.36 0L2.56.44A1.51 1.51 0 0 0 .44.44a1.49 1.49 0 0 0 0 2.12L9.7 11.83a.24.24 0 0 1 0 .35L.44 21.44a1.49 1.49 0 0 0 0 2.12 1.51 1.51 0 0 0 2.12 0l9.26-9.26a.25.25 0 0 1 .36 0l9.26 9.26a1.51 1.51 0 0 0 2.12 0 1.49 1.49 0 0 0 0-2.12Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E"); }
.pmform.bewerbung .powermail_fieldset label {
font-family: "Roboto";
font-weight: normal;
font-size: 18px;
line-height: 27px;
color: #001E32;
position: absolute;
top: 15px;
left: 18px;
padding-top: 0px;
padding-bottom: 0px;
background-color: transparent;
width: calc(100% - 40px);
transition: top .3s ease-in-out, font-size .3s ease-in-out, line-height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out; }
.pmform.bewerbung .powermail_fieldset label.focused {
padding-top: 4px;
padding-bottom: 4px;
top: 2px;
font-size: 12px;
line-height: 14px; }
.pmform.bewerbung .powermail_input.powermail_field_error {
border: 1px solid red; }
.pmform.bewerbung .powermail-errors-list {
list-style-type: none;
padding: 0px;
margin: 0px;
position: absolute;
left: 0;
bottom: -19px; }
.pmform.bewerbung .powermail-errors-list li {
color: red;
font-size: 14px;
line-height: 16px;
margin-top: 5px;
display: block; }
.pmform.bewerbung input::-webkit-outer-spin-button,
.pmform.bewerbung input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.pmform.bewerbung input[type=number] {
-moz-appearance: textfield; }
.car-overview {
width: calc(100% + 24px);
margin-left: -12px; }
@media (min-width: 768px) {
.car-overview {
width: calc(100% + 40px);
margin-left: -20px; } }