.cf7_custom_style_3 p {
color: #333 !important;
font-size: 19px !important;
font-family: font-family: Raleway,sans-serif;
font-style: normal;
font-weight: 300 !important;
text-transform: none;
letter-spacing: 0px;
}
.infobutton-holder span{
height:20px;
width:20px;
display:block;
float:right;
margin-right: 28px;
background: url('https://www.oldtimerversicherung-experten.de/assets/infobutton.png') no-repeat center center;
background-size: contain;
}
.mylabel select{
width:95% !important;
float:left !important;
margin-top:-8px;
}
.mylabel label{
width:80% !important;
float:left !important;
}
.nav-spacer {
height:1px;
}
#austrittsdatum {
width:101%;
margin-left: -2px;
}
.datum-wrap {
float:left;
width:32% !important;
margin-right: 16px;
}
#austrittsdatum input {
width:100% !important;
float:left;
margin-right:15px;
}
#austrittsdatum label {
width:32% !important;
float:left;
}
#austrittsdatum span {
width:100% !important;
float:left;
}
.date33 {
width:30% !important;
float:left;
margin-right:5px;
}
.group-copy {
text-align:center;
padding: 15px 0px 15px 0px;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
}
#menu-rockenfeller{
}
/*---------MODAL HELP START---------*/
.aw-help-text {
font-size: 16px;
color: #333 !important;
text-align: left !important;
overflow: hidden !important;
height: 290px;
}
.aw-help-text h3 {
font-size: 19px;
color: #333 !important;
font-weight: 700;
}
/*---------MODAL HELP ENDE ---------*/
/*---------MODAL CLOSE START---------*/
.morehight{
min-height: auto;
}
.aw-rechner-text {
font-size: 16px;
color: #333 !important;
text-align: left !important;
/*overflow: scroll;*/
overflow: hidden !important;
height: 240px;
}
.aw-rechner-text h3 {
font-size: 19px;
color: #333 !important;
font-weight: 700;
}
.aw-buttonwrap{
float:left;
margin-top:25px;
}
.aw-bt-close{
background-color:#CCC;
padding: 18px 18px 18px 18px;
width:190px;
height:100px;
text-align:center;
border-radius:4px;
color:#fff;
margin-right:15px;
}
.aw-bt-weiter{
background-color: #85ba3f!important;
padding: 18px 18px 18px 18px;
width:190px;
height:100px;
text-align:center;
border-radius:4px;
color:#fff; !important;
margin-right:15px;
}
.cp-modal-body-overlay {
border-radius: 15px !important;
}
/*---------MODAL CLOSE ENDE---------*/
.anleitung-text {
font-size: 14px;
}
iframe{
margin-top: 0px;
}
#abav-report {
background: url(https://www.oldtimerversicherung-experten.de/assets/abav-report.png) center center no-repeat;
background-size: contain;
width:500px;
height:490px;
clear: both;
position: absolute;
margin: 0 auto;
right: -480px;
top: 130px;
}
#score-result {
background: url(https://www.oldtimerversicherung-experten.de/assets/ihr-score.png) center center no-repeat;
background-size: contain;
width:320px;
clear: both;
position: absolute;
margin: 0 auto;
right: -470px;
top: 45px;
z-index:950;
}
#score-zeiger {
background: url(https://www.betriebsrentenstaerkungsgesetz.net/wp-content/uploads/2017/07/ihr-score-zeiger.svg) center center no-repeat;
background-size: contain;
width:50%;
position: absolute;
top: 21%;
left: 18.4%;
transform: rotate(-119deg);
}
#score-text {
position: absolute;
left: 43.5%;
top: 52%;
font-family: Poppins,sans-serif;
font-size: 62px;
font-weight: bold;
color: #575756;
transform: translate(-50%,-50%);
text-align: center;
user-select: none;
pointer-events: none;
}
.aw-help-close-wrap
{
text-align:right;
width:120px;
float:right;
}
.aw-close{
float:right;
width:60px;
}
.aw-close-img{
}
.aw-help{
float:right;
width:60px;
}
.aw-help-img{
}
/*-----------springen der slides verhindern --------------*/
.awhight{
min-height: 630px;
/*min-height: 630px;*/
}
.awhead h5 {
text-transform: uppercase;
color: #fff;
font-family: Poppins,sans-serif;
line-height: 1.3em;
font-weight: 200 !important;
}
.awhead h2 {
margin-top:0px;
color: #fff;
font-family: Poppins,sans-serif;
line-height: 1.3em;
font-weight: 200 !important;
font-size: 30px !important;
}
.awhead h1 {
margin-top:0px;
color: #fff;
font-family: Poppins,sans-serif;
line-height: 1.3em;
font-weight: 200 !important;
font-size: 40px !important;
}
.acheck-img{
margin-top:-15px;
}
.acheck-list li {
float: left;
font-size: 20px !important;
font-family: Poppins,sans-serif;
line-height: 1.8em;
font-weight: 200 !important;
background-image: url(https://www.oldtimerversicherung-experten.de/assets/marker.png);
background-repeat: no-repeat;
background-position: 0px 7px;
color: #fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 29px;
/*height: 18px;*/
list-style: none;
width:100%;
}
.acheck-list {
margin: 0px 0px 25px 0px;
float: left;
}
.mkdf-btn, .post-password-form input[type="submit"], .woocommerce .button, input.wpcf7-form-control.wpcf7-submit {
border-radius: 3px;
letter-spacing: 0.8px;
text-decoration: none;
/*background-color: #3fa535!important;
border-color: #3fa535 !important;
color: #fff !important; */
width: 380px;
text-align: center;
font-size: 22px;
font-weight: 400;
}
input.wpcf7-form-control.wpcf7-submit {
margin-left: -25px;
}
.aw-bt-back{
margin-bottom: 40px !important;
}
.aw-bt-back button {
font-size: 16px !important;
font-family: Arial, Helvetica;
text-transform: uppercase;
border: solid 1px #ccc;
background-color: transparent;
padding: 5px 12px 5px 12px;
width:180px;
height:40px;
text-align:center;
border-radius:4px;
color:#ccc;
margin: 18px 18px 18px 0px;
/*float: left;*/
}
.aw-bt-back button:hover {
border: solid 1px #333;
color:#333;
}
.aw-bt-navigation{
/*width:290px;*/
width:100%;
text-align:center;
}
.aw-bt-navigation span{
float: left;
width:100%;
text-align:center;
}
.aw-bt-next button {
border-radius: 56px;
padding: 16px 25px 18px 25px !important;
font-size: 18px !important;
letter-spacing: 0.8px;
text-decoration: none;
background-color: #1283cd !important;
border-color: #1283cd !important;
color: #fff !important;
height: 65px !important;
width:290px;
border:#1283cd !important;
text-transform: uppercase;
}
.aw-bt-next button:hover {
background-color: #115c8d !important;
}
.cf7_custom_style_3 input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
background-color: #115c8d !important;
border-color: #115c8d !important;
}
/*
.aw-bt-next button {
font-size: 20px !important;
font-family: Arial, Helvetica;
text-transform: uppercase;
border:#e68c2d;
background-color:#b96f20;
padding: 18px 18px 18px 18px;
width:290px;
height:70px;
text-align:center;
border-radius:4px;
color:#fff;
margin: 18px 18px 18px 0px;
}*/
.aw-bt-next button:hover {
background-color:#d38029;
color:#ccc;
border:#e68c2d;
}
/* ------------- RADIO CUSTOM START -----------------*/
.wpcf7-form-control-wrap {
text-align: left !important;
}
.wpcf7-list-item-label {
font-size: 15px !important;
font-family: Poppins,sans-serif;
font-weight: 300 !important;
color:#333;
float: left;
}
.wpcf7-form-control-wrap span {
width: 100%;
/*height:65px !important;*/
margin-top: -6px;
}
span.wpcf7-not-valid-tip {
/*display: block;
height: 1px;*/
}
/*Für fehlermeldung */
/*
span.wpcf7-not-valid-tip {
display: block;
height: 15px;
margin-top: -30px;
float: left;
display: none !important;
}*/
.aw-minus-marg {
margin-top:-50px !important;
}
.myaw-width{
width: 109%; !important;
margin-left:-10px;
}
/* ------------- RADIO CUSTOM ENDE -----------------*/
/* ------------- RADIO START -----------------*/
input[type="radio"] {
opacity: 100;
transform: scale(3);
cursor:pointer;
margin-left: 7px;
float: left;
}
input[type="radio"] + span::before {
display:inline-block;
width:60px;
height:60px;
margin:-20px 4px 0 0;
vertical-align:middle;
cursor:pointer;
}
input[type="radio"] + span::before {
content: '';
background:url('https://www.oldtimerversicherung-experten.de/assets/uncheck.png') no-repeat center center;
margin-left: -17px; /*aw*/
cursor:pointer;
float: left;
}
input[type="radio"]:checked + span::before {
content: '';
background:url('https://www.oldtimerversicherung-experten.de/assets/check.png') no-repeat center center;
margin-left: -17px; /*aw*/
float: left;
}
/* ------------- RADIO ENDE-----------------*/
/* ------------- CHECKBOX START-----------------*/
input[type="checkbox"] {
opacity: 0;
transform: scale(4);
cursor:pointer;
margin-left: 7px;
float: left;
margin-top: 20px;
z-index: 5555;
}
input[type="checkbox"] + span::before {
display:inline-block;
width:60px;
height:45px;
margin:-20px 4px 0 0;
vertical-align:middle;
cursor:pointer;
}
input[type="checkbox"] + span::before {
content: '';
background:url('https://www.oldtimerversicherung-experten.de/assets/uncheck.png') no-repeat center center;
margin-left: -17px; /*aw*/
cursor:pointer;
float: left;
}
input[type="checkbox"]:checked + span::before {
content: '';
background:url('https://www.oldtimerversicherung-experten.de/assets/check.png') no-repeat center center;
margin-left: -17px; /*aw*/
float: left;
}
/* ------------- CHECKBOX ENDE-----------------*/
/*----------FORMFIELD START--------------*/
.ab-formfield-holder label{
color: #333 !important;
text-align:left;
font-weight:400;
font-size:15px;
line-height: 17px;
font-family:font-family: Open Sans !important;
}
.wpcf7-form p{
color: #333;
margin-top:15px;
margin-bottom:25px;
}
fieldset {
text-align: left !important;
}
.ab-formfield-holder {
text-align:left;
margin-left: -5px;
width: 93% !important;
}
#kennzeichen {
border:none!important;
background-color: transparent !important;
}
#kennzeichen-h{
border:none!important;
background-color: transparent !important;
}
#respond input[type="text"], #respond textarea, .post-password-form input[type="password"], .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
width: 100%;
margin-bottom: 11px;
padding: 10px 15px;
border: 1px solid #ccc;
outline: 0;
font-family: inherit;
font-size: 16px;
background-color: #fff !important;
color: #333 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px !important; /*Für fehlermeldung */
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-right: 5px;
padding-left: 5px;
}
div.wpcf7-validation-errors {
border: 2px solid #c4332f;
width: 80%;
top: 180px;
position: relative;
background-color: #fff;
/*display:none !important;*/
}
div.wpcf7-mail-sent-ok {/*
border: none;
text-align: center;
font-size: 22px;
background-color: transparent;
padding: 30px;
padding-top: 30px;
color: #fff;
border-radius: 5px;
margin-bottom: 760px !important;
background-image: url('https://www.oldtimerversicherung-experten.de/assets/ms-4er-step-4.png');
background-repeat: no-repeat;
background-position: center top;
padding-top: 140px;*/
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url('https://www.oldtimerversicherung-experten.de/assets/2.svg');
width: 64px;
height: 64px;
border: none;
padding: 0;
margin: 0px 0 0 15px;
vertical-align: middle;
position: absolute;
float: right;
}
#chartframe {
width: 400px;
height: 400px;
}
/*----------FORMFIELD ENDE--------------*/
/*-------------------MEDIA 767 START-------------------*/
@media (max-width: 767px) {
#austrittsdatum {
width:102%;
}
.datum-wrap {
width: 31% !important;
margin-right: 7px;
}
#austrittsdatum span {
width:30%;
margin-right: 10px;
}
#austrittsdatum input {
width: 100% !important;
}
.date33 {
width: 100% !important;
}
.group-copy {
text-align:center;
font-size: 15px;
padding: 15px 0px 15px 0px;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
}
.wpcf7-form p {
font-size: 15px;
line-height: 1.4;
}
.mkdf-btn, .post-password-form input[type="submit"], .woocommerce .button, input.wpcf7-form-control.wpcf7-submit {
width: 280px;
}
/*-----------springen der slides verhindern --------------*/
.morehight{
min-height: 1030px;
}
div.wpcf7-mail-sent-ok {
background-size: 100%;
}
.ab-formfield-holder {
margin-left: 0px;
width: 100% !important;
}
.wpcf7-list-item-label {
font-size: 16px !important;
font-family: Poppins,sans-serif;
font-weight: 200 !important;
color:#333;
float: left;
min-height:50px;
margin-top: -24px;
}
label {
}
input[type="radio"] {
/* display: none;*/
}
.wpcf7-form-control-wrap span {
width: 100%;
/*height: auto !important;*/
height:55px !important;
/*border: solid 1px #333;*/
}
.wpcf7-form-control-wrap {
/*margin-bottom: 25px;*/
float: left;
}
input[type="radio"] + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/uncheck.png') no-repeat center center;
margin-left: 0px;
cursor: pointer;
float: left;
margin-bottom: 15px !important;
}
input[type="radio"]:checked + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/check.png') no-repeat center center;
margin-left: 0px;
float: left;
}
input[type="checkbox"] {
opacity: 0;
transform: scale(3);
cursor:pointer;
margin-left: 25px;
}
input[type="radio"] {
opacity: 100;
transform: scale(3);
cursor:pointer;
margin-left: 25px;
}
input[type="radio"] + span::before {
display: inline-block;
width: 60px;
height: 60px;
margin: -20px 4px 0 0;
vertical-align: middle;
cursor: pointer;
}
span.wpcf7-list-item {
width: 100%;
margin-left: 0px;
margin-bottom: 0px !important;
height: auto !important;
float: left;
margin: 0px !important;
}
input[type="checkbox"] + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/uncheck.png') no-repeat center center;
margin-left: 0px;
cursor: pointer;
float: left;
/*margin-bottom: 15px !important;*/
margin-bottom: 125px !important;
}
input[type="checkbox"]:checked + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/check.png') no-repeat center center;
margin-left: 0px;
float: left;
}
input[type="checkbox"] + span::before {
display: inline-block;
width: 60px;
height: 60px;
margin: -20px 4px 0 0;
vertical-align: middle;
cursor: pointer;
}
.aw-checkbox-lower {
margin-top: -60px !important;
float: left;
}
#chartframe {
width: 170px;
height: 170px;
}
.aw-iframe-holder {
text-align:center;
width:100%;
position:absolute;
top:370px;
}
iframe {
margin-top: -580px;
float:none;
}
.aw-top-spacer{
position:absolute;
top:350px;
}
.aw-bt-navigation {
width:100%;
float:left;
text-align: center;
margin-top:25px;
}
.aw-bt-next button {
font-size: 20px !important;
font-family: Arial, Helvetica;
text-transform: uppercase;
border: #e68c2d;
background-color: #b96f20;
padding: 18px 18px 18px 18px;
width: 290px;
height: 70px;
text-align: center;
border-radius: 4px;
color: #fff;
margin: 18px 18px 18px 18px;
float: none;
}
.aw-bt-back button {
font-size: 16px !important;
font-family: Arial, Helvetica;
text-transform: uppercase;
border: solid 1px #fff;
background-color: transparent;
padding: 5px 12px 5px 12px;
width: 180px;
height: 40px;
text-align: center;
border-radius: 4px;
color: #fff;
margin-bottom: 18px;
float: none;
margin: auto;
}
.nav-spacer {
height:15px;
width:15px;
margin:5px;
display: block;
}
.awhead h5 {
text-transform: uppercase;
color: #fff;
font-family: Poppins,sans-serif;
line-height: 1.3em;
font-weight: 200 !important;
text-align:center;
font-size: 14px;
margin-top:-8px;
}
.awhead h2 {
margin-top: 0px;
color: #fff;
font-family: Poppins,sans-serif;
line-height: 1.3em;
font-weight: 200 !important;
font-size: 19px !important;
text-align:center;
}
.aw-close {
width: 25px;
}
.aw-help {
float: right;
width: 30px;
margin-top: 6px;
margin-right: 10px;
}
.vc_column_container > .vc_column-inner {
padding-left: 0px;
padding-right: 0px;
}
.awhead h1 {
margin-top: 0px;
color: #fff;
font-family: Poppins,sans-serif;
line-height: 1.3em;
font-weight: 200 !important;
font-size: 25px !important;
}
.acheck-list li {
float: left;
font-size: 15px !important;
font-family: Poppins,sans-serif;
line-height: 1.6em;
font-weight: 200 !important;
background-image: url(https://www.oldtimerversicherung-experten.de/assets/marker.png);
background-repeat: no-repeat;
background-position: 0px 7px;
color: #fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 29px;
height: auto;
list-style: none;
width: 100%;
}
.acheck-list {
margin: 250px 0px 25px 0px !important;
}
#score-result {
background: url(https://www.oldtimerversicherung-experten.de/assets/ihr-score.png) center center no-repeat;
background-size: contain;
width: 150px;
clear: both;
position: absolute;
margin: 0 auto;
left: -280px;
top: 120px;
z-index: 950;
}
#score-text {
font-size: 30px;
}
#abav-report {
background: url(https://www.oldtimerversicherung-experten.de/assets/abav-report.png) center center no-repeat;
background-size: auto auto;
background-size: contain;
width: 100%;
height: 390px;
clear: both;
position: absolute;
margin: 0 auto;
left: -500px;
top: 70px;
}
.aw-cs-logo{
width: 100px;
margin-top:20px;
}
.acheck-img {
margin-top: 0px;
float: left;
margin-bottom: 90px !important;
width: 60px;
}
.aw-help-close-wrap {
margin-top: -50px;
}
.aw-rechner-text {
height: 350px;
}
}
/*-------------------MEDIA 767 ENDE-------------------*/
/*-------------------MEDIA landscape Start-------------------*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
.aw-iframe-holder {
top:330px;
}
.cp-modal {
top: 290px;
}
.acheck-list {
margin: 320px 0px 25px 0px !important;
}
.aw-help {
margin-top: 5px;
}
#score-result {
top: 100px;
}
}
/*-------------------MEDIA landscape Ende-------------------*/
/*-------------------MEDIA ipad landscape Start-------------------*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.datum-wrap {
width: 30% !important;
margin-right: 7px;
}
.awhead h1 {
margin-top: 0px;
color: #fff;
font-family: Poppins,sans-serif;
line-height: 1.3em;
font-weight: 200 !important;
font-size: 24px !important;
}
.acheck-img {
margin-top: -15px;
height: 60px;
}
.awhead h2 {
margin-top: 0px;
color: #fff;
font-family: Poppins,sans-serif;
line-height: 1.3em;
font-weight: 200 !important;
font-size: 19px !important;
}
.acheck-list li {
float: left;
font-size: 17px !important;
font-family: Poppins,sans-serif;
line-height: 1.6em;
font-weight: 200 !important;
background-image: url(https://www.oldtimerversicherung-experten.de/assets/marker.png);
background-repeat: no-repeat;
background-position: 0px 7px;
color: #fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 29px;
height: auto;
list-style: none;
width: 100%;
}
#abav-report {
background: url(https://www.oldtimerversicherung-experten.de/assets/abav-report.png) center center no-repeat;
background-size: auto auto;
background-size: contain;
width: 390px;
height: 390px;
clear: both;
position: absolute;
margin: 0 auto;
right: -350px;
top: 10px;
}
#score-result {
background: url(https://www.oldtimerversicherung-experten.de/assets/ihr-score.png) center center no-repeat;
background-size: auto auto;
background-size: contain;
width: 190px;
clear: both;
position: absolute;
margin: 0 auto;
right: -310px;
top: 10px;
z-index: 950;
}
#score-text {
position: absolute;
left: 43.5%;
top: 52%;
font-family: Poppins,sans-serif;
font-size: 35px;
font-weight: bold;
color: #575756;
transform: translate(-50%,-50%);
text-align: center;
user-select: none;
pointer-events: none;
}
.wpcf7-list-item-label {
font-size: 19px !important;
font-family: Poppins,sans-serif;
font-weight: 200 !important;
color: #333;
}
#chartframe {
width: 300px;
height: 300px;
}
.mkdf-container-inner, .mkdf-grid, .mkdf-grid-section .mkdf-section-inner, .mkdf-slider .carousel-inner .mkdf-slider-content-outer {
width: 90%;
}
input[type="radio"] {
opacity: 0;
transform: scale(3);
cursor:pointer;
margin-left: 9px;
}
input[type="checkbox"] {
opacity: 0;
transform: scale(3);
cursor:pointer;
margin-left: 9px;
}
.wpcf7-form-control-wrap span {
width: 100%;
margin-left: -7px;
}
input[type="radio"] + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/uncheck.png') no-repeat center center;
margin-left: 0px;
cursor: pointer;
float: left;
}
input[type="radio"]:checked + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/check.png') no-repeat center center;
margin-left: 0px;
float: left;
}
input[type="radio"] + span::before {
display: inline-block;
width: 60px;
height: 60px;
margin: -16px 4px 0 0;
vertical-align: middle;
cursor: pointer;
}
span.wpcf7-list-item {
width: 100%;
margin-left: -11px;
margin-bottom: 15px !important;
}
input[type="checkbox"] + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/uncheck.png') no-repeat center center;
margin-left: 0px;
cursor: pointer;
float: left;
}
input[type="checkbox"]:checked + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/check.png') no-repeat center center;
margin-left: 0px;
float: left;
}
input[type="checkbox"] + span::before {
display: inline-block;
width: 60px;
height: 60px;
margin: -16px 4px 0 0;
vertical-align: middle;
cursor: pointer;
}
.aw-close {
width: 25px;
}
.aw-help {
float: right;
width: 30px;
margin-top: 6px;
margin-right: 10px;
}
.aw-iframe-holder {
text-align:center;
width:100%;
position:absolute;
top:370px;
right:0px;
}
iframe {
margin-top: -350px;
float:right;
}
#text-15 {
width: 50%;
float: right;
margin-top: -60px;
}
}
/*-------------------MEDIA ipad landscape ende-------------------*/
/*-------------------MEDIA ipad portrait start-------------------*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#austrittsdatum {
width:102%;
}
.datum-wrap {
width: 31% !important;
margin-right: 7px;
}
#austrittsdatum span {
width:30%;
margin-right: 10px;
}
#austrittsdatum input {
width: 100% !important;
}
#respond input[type="text"], #respond textarea, .post-password-form input[type="password"], .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
width: 97%;
}
.awhead h1 {
margin-top: 0px;
color: #fff;
font-family: Poppins,sans-serif;
line-height: 1.3em;
font-weight: 200 !important;
font-size: 24px !important;
}
.acheck-img {
margin-top: -15px;
height: 60px;
float: left;
}
.awhead h2 {
margin-top: 0px;
color: #fff;
font-family: Poppins,sans-serif;
line-height: 1.3em;
font-weight: 200 !important;
font-size: 19px !important;
}
.acheck-list li {
float: left;
font-size: 17px !important;
font-family: Poppins,sans-serif;
line-height: 1.6em;
font-weight: 200 !important;
background-image: url(https://www.oldtimerversicherung-experten.de/assets/marker.png);
background-repeat: no-repeat;
background-position: 0px 7px;
color: #fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 29px;
height: auto;
list-style: none;
width: 100%;
}
#abav-report {
background: url(https://www.oldtimerversicherung-experten.de/assets/abav-report.png) center center no-repeat;
background-size: auto auto;
background-size: contain;
width: 300px;
height: 390px;
clear: both;
position: absolute;
margin: 0 auto;
right: -260px;
top: 10px;
}
.acheck-list {
width: 90%;
}
#score-result {
background: url(https://www.oldtimerversicherung-experten.de/assets/ihr-score.png) center center no-repeat;
background-size: auto auto;
background-size: contain;
width: 150px;
clear: both;
position: absolute;
margin: 0 auto;
right: -260px;
top: 10px;
z-index: 950;
}
#score-text {
position: absolute;
left: 43.5%;
top: 52%;
font-family: Poppins,sans-serif;
font-size: 35px;
font-weight: bold;
color: #575756;
transform: translate(-50%,-50%);
text-align: center;
user-select: none;
pointer-events: none;
}
.wpcf7-list-item-label {
font-size: 19px !important;
font-family: Poppins,sans-serif;
font-weight: 200 !important;
color: #333;
}
#chartframe {
width: 260px;
height: 260px;
}
.mkdf-container-inner, .mkdf-grid, .mkdf-grid-section .mkdf-section-inner, .mkdf-slider .carousel-inner .mkdf-slider-content-outer {
width: 90%;
}
input[type="radio"] {
opacity: 0;
transform: scale(3);
cursor:pointer;
margin-left: 9px;
}
input[type="checkbox"] {
opacity: 0;
transform: scale(3);
cursor:pointer;
margin-left: 9px;
}
.wpcf7-form-control-wrap span {
width: 100%;
height:65px !important;
}
input[type="radio"] + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/uncheck.png') no-repeat center center;
margin-left: 0px;
cursor: pointer;
margin-bottom: 15px !important;
float: left;
}
input[type="radio"]:checked + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/check.png') no-repeat center center;
margin-left: 0px;
margin-bottom: 15px !important;
float: left;
}
input[type="radio"] + span::before {
display: inline-block;
width: 60px;
height: 60px;
margin: -16px 4px 0 0;
vertical-align: middle;
cursor: pointer;
}
span.wpcf7-list-item {
width: 100%;
margin-left: -11px;
margin-bottom: 15px !important;
}
input[type="checkbox"] + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/uncheck.png') no-repeat center center;
margin-left: 0px;
cursor: pointer;
margin-bottom: 15px !important;
float: left;
}
input[type="checkbox"]:checked + span::before {
content: '';
background: url('https://www.oldtimerversicherung-experten.de/assets/check.png') no-repeat center center;
margin-left: 0px;
margin-bottom: 15px !important;
float: left;
}
input[type="checkbox"] + span::before {
display: inline-block;
width: 60px;
height: 60px;
margin: -16px 4px 0 0;
vertical-align: middle;
cursor: pointer;
}
.aw-close {
width: 25px;
}
.aw-help {
float: right;
width: 30px;
margin-top: 6px;
margin-right: 10px;
}
.aw-iframe-holder {
text-align:center;
width:100%;
position:absolute;
top:370px;
right:0px;
}
iframe {
margin-top: -350px;
float:right;
}
#text-15 {
width: 50%;
float: right;
margin-top: -60px;
}
}
/*-------------------MEDIA ipad portrait ende-------------------*/