/* Load Fonts */



/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*
*	THE CMS STYLES
*
*	general  
* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#header_notice{

}

:root{
	/* typo */
	--ff-main: 'Roboto', sans-serif;
	--fw-400: 400;
	--fw-700: 700;
	/* colors */
	--acc-clr: #008001;
	--main-clr: #033144;
}


div#row_departure_flight, div#row_departure_flight_time {
    display: none;
}

 .l-no-vertical-scroll {overflow-y: hidden}
 .l-no-horizontal-scroll {overflow-x: hidden}

div#row_term_type {
display: none!important;
}


#row_pay_type > ul > li:nth-child(3) {
    display: none;
}

#theConfirmation > img {
    display: none;
}


/* INDIVIDUELL Display none Karl */
/* Hide Arrival Time */

#theConfirmation > table > tbody > tr:nth-child(15) > td.cost {
    display: none;
}

table.rpad.neu.\32 {
    line-height: 1.4em;
}

div#row_service_clean-standard, div#row_service_clean-premium, div#row_service_batteryload {
    display: flex;
    flex-direction: row-reverse;
	margin-bottom: 10px;
}

#theConfirmation > table > tbody > tr:nth-child(17) > td:nth-child(1) {
    width: 350px;
}

#theMiniForm div#row_arrival_time, #theMiniForm div#row_departure_time {
    display: none;
}
#theMiniForm #row_departure_date > label, #theMiniForm #row_arrival_date > label {
    display: none;
}
#theMiniForm input#bookingform_departure_date, #theMiniForm input#bookingform_arrival_date {
    border-radius: 30px;
    width: 250px;
    height: 40px;
    padding-left: 15px;
}
#theMiniForm div#row_departure_date, #theMiniForm div#row_arrival_date {
/*    width: 250px;*/
	width: auto;
}
#theMiniForm div#row_arrival_date {
/*    width: 250px;*/
    margin-left: 20px;
}


/*#miniform #row_departure_date input, #miniform #row_arrival_date input {
    background: url(../files/images/calender.png) no-repeat #fff;
    background-position: 190px 0px;
}*/

body {
    margin: 0;
    padding: 0;
    line-height: 14px;
    font-size: 12px;
    font-family: var(--ff-main);
/*	font-family: Arial;*/
    font-weight: normal;
    color: #033144;
	height: 100vh;
}
#logo img {
    width: 20%px;
}
td.cost-options {
    display: none;
    text-align: right;
}
div#row_discount {
    display: none;
}
#row_pay_type > ul {
    display: flex;
}
div#row_agb, div#row_agb-dsgv, div#row_wiederruf {
  /*  display: flex;*/
    width: 100%;
    margin-bottom: 10px;
}
input#bookingform_agb-dsgv {
    margin-right: 5px;
	float: left;
}
div#row_agb a {
    width: 250px;
}
#row_agb span {
    order: 2;
}
#row_pay_type > ul > li:nth-child(1) {
    width: 350px;
}
#bookingform_agb, #bookingform_agb-dsgv {
    margin-right: 5px;
	float: left;
}
button.button {
    border-radius: 5px;
}
#link > button {
    width: 305px;
}
table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;  /* for Netscape borders in tables */
    margin: 0px;
}
td, th {
    padding: 0px;
}
p.red {
    color: red;
    font-weight: bold
}
div.auswahl-datum {
    margin-top: 20px
}
.hinweis-1 {
    color: #339966;
    font-weight: bold;
}
.hinweis-2 {
    color: #ea0012;
    font-weight: bold;
    text-align: center;
}
.hinweis-2 a {
    color: #ea0012;
    font-weight: bold;
}
.hinweis-3 {
    color: #000;
    font-weight: bold;
}
div#header_notice {
    color: red;
    text-align: center;
	    font-size: 14px
}
h1, h2, h3, h4, h5, h6 {
    font-size: 1.0em;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}
h1 {
    padding: 20px;
    margin: 0px;
}
h2 { /* h1 inline */
    padding: 10px;
    margin: 0px;
    float: left;
}
h4 {
}
#bookingform h4 {
    text-transform: uppercase
}
h5 {
    padding: 5px;
    font-size: 1.2em;
}
b {
    font-weight: bold;
}
small {
    font-size: 0.9em;
}
p {
    padding: 5px 0px;
    margin: 0px;
}
p.text-center {
    display: flex;
    justify-content: center;
}
a {
    text-decoration: none;
    color: #023c9b;
}
a:focus, a:hover, a:active {
    color: #A50000;
    outline: none;
}

#label_pay_type_choose-payment {
    display: none;
}
#pay_type_choose-payment {
    display: none;
}
img {
    border: none;
    vertical-align: top;
    background-color: transparent;
}
hr {
    color: #3264C8;
    margin: 2px;
}
form {
    margin: 0px;
}
input, textarea, select {
    font-size: 16px;
    margin: 0px;
    color: #033144!important;
}
select {
    cursor: pointer;
    width: auto;
}
.cm_lowlite {
    opacity: 0.7;
}
.cm_lowlite:hover {
    opacity: 1.0;
}
.blaettern {
    display: none;
}
form.step1 .step2, form.step1 .step3, form.step1 .step4, form.step1 .step5, form.step2 .step1, form.step2 .step3, form.step2 .step4, form.step2 .step5, form.step3 .step1, form.step3 .step2, form.step3 .step4, form.step3 .step5, form.step4 .step1, form.step4 .step2, form.step4 .step3, form.step4 .step5, form.step5 .step1, form.step5 .step2, form.step5 .step3, form.step5 .step4 {
    display: none;
}
form.step1 .step1, form.step2 .step2, form.step3 .step3, form.step4 .step4, form.step5 .step5, form.step6 .step6, form.step7 .step7 {
    display: block;
}
/* Tarif und Optionen*/

#row_garage, #row_service_departure {

}
#row_term_type > label {
 
}
.flex1 {
    display: flex;
    flex-direction: row;
    align-items: top;/*margin-bottom: 20px;*/
}
.item1 {
    width: 50%;
}
#bf_contract_options {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}




#row_service_sperrgut {
    margin-top: 10px;
    margin-bottom: 10px;
    /* background: cyan; */
    /* grid-column-start: 2; */
    /* grid-column-end: 3; */
    grid-row-start: 5;
    grid-row-end: 6;
	position: relative;
	left: -10px;
}

#row_service_gas{
/*	background: magenta;*/
	grid-column-start:2; 
  grid-column-end:3; 
  grid-row-start:6; 
  grid-row-end:7;	
}

#bookingform_service_departure,
#bookingform_service_arrival{
	width: 145px;
}

#row_service_persons,
#row_service_children{
	width: auto;
}

#row_remarks.row{
	margin-top: 20px;
	float: none;
}

#row_clean_inside, #row_clean_outside {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
#row_clean_inside input, #row_clean_outside input {
    margin-right: 10px;
}
#row_clean_outside label, #row_clean_inside label {
    width: 100% !important;
}
#row_service_persons > label {
    line-height: 26px;
    /*	width: auto;*/
    margin-right: 15px;/*width: 150px;*/
}
#row_service_persons, #row_service_children, #row_service_gas, #row_service_sperrgut, #row_service_clean-outside, #row_service_clean-inside, #row_service_charge_battery {
    display: flex;
}
#row_service_animals > label, 
#row_service_persons > label, 
#row_service_children > label, 
#row_service_gas > label, 
#row_service_sperrgut > label,
#row_service_clean-outside > label,
#row_service_clean-inside > label,
 #row_service_charge_battery > label {
	
    width: 247px;
    margin-right: 15px;
    line-height: 26px;
    order: 1;
}
#row_service_persons > select, #row_service_children > select, #row_service_animals > select {
    margin-right: 10px;
}
#row_service_gas > input, 
#row_clean_outside > input, 
#row_service_sperrgut > input,
#row_service_clean-outside > input,
#row_service_clean-inside > input{
    /*	margin: 0 25px 0 10px;*/
    margin: 3px 10px 0 0;
}
#link > button:nth-child(2) {
    border-radius: 30px;
}
#bookingform_service_persons, #bookingform_service_children {
    width: 35px;
/*    height: 36px;*/
	height: 30px;
    position: relative;
}
div#row_service_persons, div#row_service_children, div#row_service_animals {
    display: flex !important;
}
#payment_iframe {
    width: 100%;
    border: none;
    margin: 0;
}
#preloader {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 100px;
    height: 100px;
    overflow: visible;
/*    background: url('https://www.atria-parking.de/parkmanager/files/images/index.ring-loading-gif.svg') no-repeat center center;*/
}

div#row_term_type {
    display: none;
}



iframe#superFrame {
    min-height: 700px;
}
.flex2 {
/*
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto auto;
*/
	margin-bottom: 20px;
}
.item1:nth-child(3), .item1:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 3;
    width: auto;
}

#acc_tr_head img {
    height: 20px;
}

#row_service_departure {

} 


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Auswahl Parkplatz
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
	
.pricebox H2 {
    text-align: center;
}
.panel-body {
    text-align: center;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	the form style 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.printerButton, .printerButtons {
    padding: 5px;
    z-index: 1000;
    position: relative;
    display: inline-block;
}
h2 {
    padding: 10px;
    margin: 0px;
    float: left;
    font-size: 1.5em;
    line-height: 1.5em;
    color: red;
}
#theConfirmation {
    color: black;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}
#theConfirmation {
/*background-image:url(../files/images/manager/stuttgart-flughafen-parkplatz-logo.png);
background-repeat:no-repeat;
position: absolute;
top: 10px;
padding-top: 0px;*/

}
#theForm {
    color: #033144!important;
    padding: 10px 10px;
    width: auto;
    margin: auto;/*background-image:url(../files/images/form-layout/form-bg.png);
	background-repeat:repeat-y;*/
}
.cm_form {
/*padding: 5px 5px 50px 5px;*/
}
.cm_form .header {
    border-bottom: 2px solid #515151;
    padding: 5px;
    margin-bottom: 10px;
}
.cm_form .footer {
}
.cm_form h4 {
    font-weight: 300;
    font-size: 22px;
    padding: 12px 0px;
    margin-bottom: 10px;
    line-height: 28px;
    text-align: center;
}
.cm_form p {
  /*  padding: 5px;*/
}

#row_agb > a {
    bottom: -5px;
    position: relative;
	
}

.cm_form fieldset {
    padding: 0px;
    margin: 0px;
    border: none;
/*	display: flex;*/
}
.cm_form .row {
/*	flex-basis: 100%;*/
    padding: 1px;
    margin: 0px;
    width: 49%;
    float: left;
}
#row_service_persons, #row_service_children, #row_service_gas, #row_service_sperrgut, #row_service_clean-outside, #row_service_clean-inside, #row_service_charge_battery{
		width: auto;
	}
#flight_data .row {
    height: 65px;
}
#row_departure_time select {
    height: 36px;
    width: 120px;
    line-height: 36px;
}
#row_arrival_time select {
    height: 36px;
    width: 120px;
    line-height: 36px;
}
#theForm .cm_form h4 {
    font-weight: 300;
    font-size: 22px;
    padding: 5px 0px;
    margin-bottom: 10px;
/*    background-color: #033144!important;*/
	background-color: #2e9ae8;
    /* background-color: #2D2E83; */
    line-height: 28px;
    color: #fff;
    text-align: center;
}
#theForm .ui-content > div {
    padding: 0px;
    background-color: #fff;
    margin: 15px 0;
    transition: box-shadow 0.5s;
}
#theForm .ui-content > div:hover {
/*box-shadow: 5px 5px 35px rgba(0,0,0, .2);*/
}
div#row_departure_flight, div#row_departure_flight_time {
    border-bottom: 2px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
div#row_term_type {
    display: block;/* padding-bottom: 3px; */
}
/*
.cm_form ul.radios input{
	margin-right: 5px;
}
*/

.cm_form ul.radios label {
    font-size: 16px;
    line-height: 15px;
    padding: 10px 0;
    display: inline-block;
    float: none;
}
ul.radios li {
    display: flex
}
#row_term_type ul.radios li input {
    margin-top: 0;
}
#row_term_type ul.radios li:first-child input {
    margin-right: 5px;
    margin-top: 10px;
}
#row_term_type ul.radios li label {
    line-height: 20px;
    padding: 0px 0;
}
#row_term_type ul.radios li:first-child label {
    line-height: 20px;
    padding: 10px 0 0 0;
}
ul.radios li label {
    margin-bottom: 3px;
}
div#row_clean_fast {
    display: flex;
    width: 17%;
    margin-right: 100px;
}
div#row_clean_standard {
    display: flex;
    width: 20%;
    margin-right: 40px;
}
.cm_form label {
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    margin: 5px 0;
    /* text-transform: uppercase; */
    display: block;
    float: left;
    width: 100%;
    font-weight: 300;
}
input#bookingform_plate {
    text-transform: uppercase;
}
.cm_form input {
    width: 97%;
    height: 30px;
    padding: 2px 3px;
    border: solid 1px #000;
}
/*#row_departure_date input, #row_arrival_date input {
    background: url(../files/images/calender.png) no-repeat #fff;
    background-position: right top;
}*/

.cm_form textarea, .cm_form input, .cm_form select {
    border: solid 1px #ccc;
    border-radius: 3px;
}
#row_salutation {
    width: 80%;
}
#row_info textarea {
    width: 90%!important;
    min-height: 120px !important;
}
#customer_data {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#row_reg_customer {
    padding-bottom: 15px;
}
#row_reg_customer ul.radios {
    display: flex;
}
.cm_form textarea {
    height: 56px;
}
/*.cm_form .error {
    padding: 4px 6px;
    width: 90%;
    border: 1px solid #A50000;
    border-radius: 4px;
    display: block;
    background-color: #cc4b10;
    color: white;
    font-size: 12px;
}*/

.cm_form .error {
    color: red;
    display: block;
    border-top: 1px solid red;
    text-align: right;
    width: 97%;
    padding: 2px 3px;
}

.cm_form .footnote {
    padding: 10px;
    font-style: italic;
}
.cm_form .buttons {
    padding: 10px 5px;
    text-align: left;
}
.cm_form .button {
    margin-right: 5px;
/*    margin-top: 10px;*/
    /*  width: 335px;*/
    height: 41px;
    background-color: #FF6200;
    font-weight: 700;
    color: #FFF;
    /*letter-spacing:2px;*/
    text-transform: uppercase;
    /*	padding: 12px 40px;*/
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
}
#link > button:nth-child(2) {
    background-color: #ccc;
}
#printbutton {
    width: 15px;
    position: absolute;
    top: 63px;
    right: 73px;
}
.btn-box {
/*    display: flex;*/
    /*margin-top:20px;
    justify-content: center;*/
/*    justify-content: flex-end;*/
}
/*#pagefour .ui-content{
	display:flex;
	margin-top:20px;}*/

button.button.submit {
    order: 2;
    border-radius: 5px;
}
#theForm button.button.submit {
    order: 2;
    border-radius: 30px;
}
button.button {
    order: 1;
}
.cm_form .button:hover {
    background-color: #2e9ae8;
}
#row_remarks {
    /*display:table-cell;*/
	/*float:left;*/
    margin-top: 10px
}
#row_remarks.row {
    width: auto !important;
}
/*


#reg_customer_1 {
margin-right: 5px;
    position: relative;
    top: 6px;
}
*/

#reg_customer_0, #reg_customer_1 {
    margin-right: 5px;
    position: relative;
    top: 2px;
    width: 30px !important;
    height: 30px;
}
#bookingform_remarks {
    /*	width: 295px;*/
    width: 600px !important;
/*	width: auto;*/
    min-height: 100px !important;
}
#my-btn {
    text-align: center;
}
.cm_formDesc {
    display: none;
    padding: 1px 2px;
}
.cm_form ul.radios {
    float: left;
    margin: 0px;
    padding: 0px;
}
.cm_form ul.radios li {
    /* float: left; karl 1907*/
    list-style-type: none;
    margin-right: 5px;
    font-size: 16px;
}
.cm_form input[readonly] {
    color: #515151;
}
#row_term_type ul.radios li {
    float: none;
}
#row_garage {
    padding-top: 0px;
    padding-bottom: 20px;
    clear: left;
    float: none;
}

#row_garage label:first-child, #row_service_departure label:first-child, #row_term_type > label, #row_service_arrival label {
    font-size: 20px;
}
div#row_cost_tarif_display, div#row_cost_total_display {
    margin-top: 0px;
    position: relative;
    top: 0px;
}
div#row_cost_tarif_display {
    margin-top: 20px;
}
div#row_service_keychain_missing {
    margin-top: 20px;
}
div#row_term_type {
    width: 30%;
}
#morecar_data {
    display: none;
}
#bookingform_garage {
    position: relative;
    left: -320px;
    bottom: -7px;
}
div#row_service_keychain_missing label {
    width: 44%!important;
}
#row_no_service {
    float: none;
    display: none;
}
#row_service_departure {
    display: table-cell;
    width: 100%;/*margin-bottom: 10px;
    margin-top: 11px;*/
}
#row_service_arrival {
    display: table-cell;
    width: 100%
}

#row_clean_outside, #row_clean_inside {
    /*display: table-cell;*/
    width: 100%;
}
#row_service_departure label {
    width: 100%;
}
#bookingform_service_departure, #bookingform_service_arrival, #bookingform_clean_outside, #bookingform_clean_inside {
    margin-top: 7px;
}
/*#row_service_arrival label {
	width: 20%;		 
	
}*/

#row_cost_tarif_display input {
    font-size: 15px;
    height: 40px;
    width: 100%;
    margin-bottom: 15px;
}
div#row_agb-dsgv {
    width: 100%;
    /*display: flex;*/
}
div#row_wiederruf {
    width: 100%!important;
   /* display: flex;*/
}
input#bookingform_wiederruf {
    margin-right: 5px;
    float: left;
}
#row_wiederruf > label {
    display: none;
}
div#row_wiederruf {
    width: 100%!important;
    /*display: flex;*/
}
#row_agb-dsgv > label {
    display: none;
}
.cm_form .row_text {
    /*float: left;*/
    padding: 5px 1px;
    margin: 0px;
}
#row_footnote {
    display: block;
    width: 100%;
}
#row_agb label {
    width: 0px
}
div#row_agb {
/*
    display: flex;
	  flex-direction: row-reverse;
*/
}
#row_footnote h2 {
    font-size: 2em;
    color: red;
    line-height: 2.1em
}
.radios li input {
    margin-right: 5px;
    margin-top: 5px;
}
/* Parkform Step 1 */


#theMiniForm {
    /*	width: 580px;*/
    width: 100%;
    margin: auto;
	display: flex;
	align-items: center;
	 box-sizing: border-box;
    color: #fff;
	height: inherit;
	padding: 0 10px;
}


#theMiniForm form{
	flex-grow: 1;
}


#theMiniForm .panel-primary div.imagbox {
    margin-bottom: 20px;
}
.panel-heading {
    background-color: #efefef;
    color: #003e53;
    text-align: -webkit-center;
}
.panel-heading h1 {
    font-size: 25px;
}
.imagbox img {
    width: 100%;
    height: auto;
}
.imagbox {
    margin-bottom: 20px;
}
#theMiniForm fieldset#flight_data {
/*
	display: block;
	display: flex;
	flex-wrap: wrap;
*/
}
#theMiniForm fieldset#flight_data > div {
    width: 49%;
    height: 90px;
}
#theMiniForm select {
    width: 90%;
    height: 36px;
    padding: 2px 3px;
}
#theMiniForm .btn-box {
    margin: auto;
}
#theMiniForm .btn-box .button {
    margin: 0px auto 0;
    border-radius: 30px;
}
/* Parkform Custom */

.container.miniformbox{
	max-width: 700px !important;
	padding: 40px 20px 50px; 
/*	background-color: rgba(255, 255, 255, 0.95);*/
  border-radius: 20px;
 -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.5);
	z-index: 1000;
}

.container.miniformbox #flight_data{
	display: flex;
	justify-content: center;
}

/* Miniform - Typo */


p.headline {
	text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.14);
/*	padding: 150PX 0 0 0;*/
/*	padding: 30PX 0 0 0;*/
	font-size: 40PX;
	/*width: 1000px;*/
	margin: 0 auto 30px;
	font-weight: 700;
	color: #004AAD;
	text-align: center;
	line-height: 1;
}

/*
.startbooking .custom p.alert{
	padding-top: 100px;
	padding-bottom: 0;
	margin: 0;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.5px;
}

.startbooking .custom p.alert span{
	display: inline-block;
	padding: 5px 10px;
	border-radius: 10px;
	background-color: #EE7202;
}
*/

#theMiniForm .container.servicetext{
	margin-top: 50px;
	text-align: center;
	z-index: 1;
    position: relative;
}

.line1, .line2, .line3{
	position: relative;
	z-index: 5;
}

.line1, .line2, .line3 {
/*    top: -30px;*/
	line-height: normal;
}

.line1{
	margin-bottom: 30px;
}

.line2{
	margin: 30px 0;
}


.line1{
	color: #ffffff;
	font-weight: 700;
	font-size: 32px;
}
.line2 a{
	font-weight: 700;
	font-size: 28px;
	color: #fff;
/*
	padding: 5px 10px;
	color: var(--acc-clr);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, 0.5);
*/
}
.line3{
	color: #fff;
	font-size: 18px;
	margin-top: 10px;
}
.line3 a{
	color: #fff;
	text-decoration: underline;
}

/* Miniform - Typo end */


#theMiniForm div#pageone {
/*	padding: 30px;*/
}
#theMiniForm .ui-content {
/*    display: flex;*/
}

.price-n-btn{
	display: flex;
	width: 564px;
	margin: auto;
}

.price-n-btn>div{
	flex-basis: 100%;
/*	flex-grow: 1;*/
/*	width: 100%;*/
}

.pm-preis{
	text-align: center;
}

.pm-preis span{
	font-weight: 700;
	font-size: 30px;
}

#link.btn-box button.submit{
	width: 300px;
	margin: 0;
}

#link.btn-box{
	display: flex;
    justify-content: center;
}

#theMiniForm .container {
    color: #fff;
/*	max-width: 1000px;*/
	margin: auto;
}
.pm-preis {
    color: #004AAD;
    height: 50px;
    margin: 0px auto 0 auto;
    font-size: 15px;
}
#pm-betrag {
    line-height: 45px;
    color: #004AAD;
    font-size: 60px;
    font-weight: 600;
}
/*.pm-preis span:nth-child(5) {
    position: relative;
    top: -25px;
    line-height: 20px;
    font-size: 14px;
    margin-right: 0;
}
*/
.mwst {
    padding-top: 7px;
    text-align: center;
}
/* Progress Bar */

.progress-bar {
    display: flex;
    margin: 20px auto;
    width: 800px;
}
.pb-step {
    background-color: #ccc;
    width: 15%;
    margin-right: 3px;
    height: 10px;
    position: relative;
}
.green {
    background-color: #0fa538;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    font-size: 1.2em;
}
#theConfirmation > h2 {
    text-align: center;
    margin-top: 10px;
}
iframe#blockrandom body {
    padding-top: 20px;
}
/*Step 1*/

.progress-bar1 .pb-step:first-child {
    background-color: #0fa538;
}
.progress-bar1 .pb-step:first-child div {
    position: absolute;
    top: -12px;
    left: calc(50% - 15px);
    border: 2px #0fa538 solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: #2a235c;
    background-color: #fff;
}
/*
.pb-step{
	position: absolute;
	top: -12px;
	left: calc(50% - 15px);
	border: 2px #0fa538 solid;
	border-radius: 50%;
	height:30px;
	width: 30px;
	color: #2a235c;
	background-color: #fff;
}
*/


.progress-bar .pb-step {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}
/*Step 2*/

.progress-bar2 .pb-step:nth-child(2) div, .progress-bar2 .pb-step:nth-child(1) div {
    position: absolute;
    top: -12px;
    left: calc(50% - 15px);
    border: 2px #0fa538 solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: #2a235c;
    background-color: #fff;
}
/*Step 3*/

.progress-bar3 .pb-step:nth-child(2) div, .progress-bar3 .pb-step:nth-child(1) div, .progress-bar3 .pb-step:nth-child(3) div {
    position: absolute;
    top: -12px;
    left: calc(50% - 15px);
    border: 2px #0fa538 solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: #2a235c;
    background-color: #fff;
}
/*Step 4*/

.progress-bar4 .pb-step:nth-child(2) div, .progress-bar4 .pb-step:nth-child(1) div, .progress-bar4 .pb-step:nth-child(3) div, .progress-bar4 .pb-step:nth-child(4) div {
    position: absolute;
    top: -12px;
    left: calc(50% - 15px);
    border: 2px #0fa538 solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: #2a235c;
    background-color: #fff;
}
/*Step 5*/

.progress-bar5 .pb-step:nth-child(2) div, .progress-bar5 .pb-step:nth-child(1) div, .progress-bar5 .pb-step:nth-child(3) div, .progress-bar5 .pb-step:nth-child(4) div, .progress-bar5 .pb-step:nth-child(5) div {
    position: absolute;
    top: -12px;
    left: calc(50% - 15px);
    border: 2px #0fa538 solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: #2a235c;
    background-color: #fff;
}
/*Step 5*/

.progress-bar6 .pb-step:nth-child(2) div, .progress-bar6 .pb-step:nth-child(1) div, .progress-bar6 .pb-step:nth-child(3) div, .progress-bar6 .pb-step:nth-child(4) div, .progress-bar6 .pb-step:nth-child(5) div, .progress-bar6 .pb-step:nth-child(6) div {
    position: absolute;
    top: -12px;
    left: calc(50% - 15px);
    border: 2px #0fa538 solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: #2a235c;
    background-color: #fff;
}
.progress-bar7 .pb-step:nth-child(2) div, .progress-bar7 .pb-step:nth-child(1) div, .progress-bar7 .pb-step:nth-child(3) div, .progress-bar7 .pb-step:nth-child(4) div, .progress-bar7 .pb-step:nth-child(5) div, .progress-bar7 .pb-step:nth-child(6) div, .progress-bar7 .pb-step:nth-child(7) div {
    position: absolute;
    top: -12px;
    left: calc(50% - 15px);
    border: 2px #0fa538 solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: #2a235c;
    background-color: #fff;
}
#row_cost_tarif_display label {
    display: none;
}
.panel-primary {
    /*    display: inline-block;*/
    margin-top: 20px;
    /*    width: 500px;*/
    text-align: left;/*
    border-radius: 5px;
    border: 10px solid #f3f3f3;
    transition: box-shadow 0.5s;
	    padding: 20px;
*/
}
.parking-tip-wrapper .parking-tip:hover, .panel-primary:hover {
    box-shadow: 5px 5px 35px rgba(0,0,0, .2);
}
/* #theMiniForm UI DatePicker */


#ui-datepicker-div > table > tbody > tr > td {
    text-align: center;
}
#ui-datepicker-div > table > tbody > tr > td > a {
    padding: 8px;
    text-align: center;
}
.ui-datepicker {
    width: 21em !important;
}
/* Parkform Step 2 */



div#auswahl-parkplatz {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: center;
    width: 100%;
    margin: 20px auto 0 auto;
}
div#auswahl-parkplatz .parkplatz-auswahl {
    flex-grow: 1;
    width: 50%;
}


.parkplatz-auswahl .panel-primary {
    display: block;
    margin: 0 5px;
}
.parkplatz-auswahl button.button {
    margin: 10px auto 0;
    display: block;
    width: auto;
}
.panel-primary div.imagbox {
    /*	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: #D5D5D5;*/
    margin: auto;
}
p.only, p.price {
    color: #003e53;
    margin: 20px 0;
    font-weight: bold;
    text-align: center;
}
p.price {
    font-size: 42px;
}
p.only {
    font-size: 18px;
}
div.panel-body {
    padding-bottom: 20px;
}
div.panel-body > p:nth-child(1) {
    line-height: 24px;
}
.parkplatz-auswahl {
/*	margin: auto;*/
/*	width: 544px;*/
}
.parkplatz-auswahl .buttons button {
    margin: 10px auto 0;
    display: block;
}
.pricebox h2 {
    padding: 10px 0;
    color: #61ce00;
    float: none;
    font-size: 26px;
    font-weight: bold;
}
.panel-body p:nth-child(1) {
    font-size: 16px;
    font-weight: 700;
}
.panel-body p {
    font-size: 14px;
    line-height: 18px;
}
/* Parkform Step 3 */


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	the calendar - UI Datepicker 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#pageone {
    border-radius: 5px;
    /*    border: 10px solid #f3f3f3;*/
    transition: box-shadow 0.5s;/*   padding: 20px;*/
}
div#pagefour {
    border-radius: 5px;/*border: 10px solid #f3f3f3;
    transition: box-shadow 0.5s;*/
 /*   padding: 20px;*/
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Buttons
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.button.submit {
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	popup messages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.overlay-bg {
    background-color: #FFFFFF;
    opacity: 0.3;
}
.overlay-content {
    padding: 5px;
    border: 2px solid #515151;
    background-color: #FFFFFF;
}
.reminderLink {
}
.cm_smallLink {
    line-height: 22px;
    padding: 4px 6px;
    margin-right: 4px;
    background-color: #F1F1F1;
    border-bottom: 1px solid #515151;
    border-right: 1px solid #515151;
    border-top: 1px solid #C1C1C1;
    border-left: 1px solid #C1C1C1;
    font-size: 0.9em;
}
.cm_smallLinkActive {
    background-color: #3264C8;
    color: #FFFFFF;
}
.cm_smallLink:active {
    border-top: 1px solid #515151;
    border-left: 1px solid #515151;
    border-bottom: 1px solid #C1C1C1;
    border-right: 1px solid #C1C1C1;
}
/* PRICEBOX VORLAGE */ 
.pricebox {
    padding: 20px;
    color: #003e53;
    background-color: #033144!important;/*	background-color: #efefef;*/
}
.pricebox h3 {
    font-size: 22px;
    margin-bottom: 10px;
}
.pricebox .row {
    float: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.pricebox label {
    font-size: 1.3em;
    font-weight: normal;
    float: none;
}
.pricebox span {
    font-size: 1.3em;
    line-height: 20px;
    padding: 5px 0;
}
.pricebox #row_pricebox-cost_tarif_display {
    display: block;
}
.pricebox #row_pricebox-cost_total {
    margin-top: 10px;
    border-top: 1px solid #fff;
    font-weight: bold;
    text-decoration: underline;
}
#pricebox-mobile {
    display: none;
    color: #fff;
}
#pricebox-screen {
    position: fixed;
    color: #fff;
    top: 26%;
    right: -1000px;
    box-shadow: -5px 1px 10px 1px rgba(0,0,0,0.40);
    -webkit-transition: all 0.2s ease-out;
}
#row_carselect {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    margin: 10px 0;
}
#row_carselect img {
    width: 14px;
    height: auto;
}


@media screen and (max-width: 768px) {

#auswahl-parkplatz .parkplatz-auswahl {
    flex-grow: 1;
    width: 100%;
}


ul.radios li {
/*    margin-bottom: 10px !important;*/
}
#row_pay_type > ul > li:nth-child(1) {
    width: 154px;
}
#pricebox-screen {
    display: none;
}
#pricebox-mobile {
    display: block;
	margin-top: 20px;
}
.cm_form label {
/*    font-size: 10px;*/
}
#row_departure_date {
/*    width: 45%;*/
}
#row_departure_time,
#row_departure_flight_time{
/*    width: 45%;*/
    margin-left: 10px;
}
#row_departure_time select {
    width: 100%;
}
#row_arrival_date {
/*    width: 45%;*/
}
#row_arrival_time {
/*    width: 45%;*/
    margin-left: 10px;
}
#row_arrival_time select {
	height: 36px;
    line-height: 36px;
    width: 100%
}
	
#row_arrival_flight {
/*    width: 45%;*/
}
#row_arrival_origin {
/*    width: 45%;*/
    margin-left: 10px
}
}

@media screen and (max-width:940px){
#bf_contract_options input[type=checkbox]{
	width: 50px !important;
}
div#row_departure_flight, div#row_departure_flight_time {
    display: none!important;
}

div#auswahl-parkplatz .parkplatz-auswahl {
    flex-grow: 1;
    width: 50%;
}	
	
}


@media screen and (max-width:1000px) {
#pricebox {
    position: relative;
}
div#row_departure_flight, div#row_departure_flight_time {
    display: none!important;
}	
	
#theForm .cm_form h4 {
/*    background-color: #2e9ae8;*/
    color: #ffffff;
    position: relative;
    /* width: 105%; */
    margin-left: -10px;
    margin-right: -10px;
}
div#row_departure_flight_time, div#row_departure_flight {
    border-bottom: 2px solid;
    padding-bottom: 20px;
    margin-bottom: 5px;
}
}

@media screen and (max-width:1024px) {

div#auswahl-parkplatz .parkplatz-auswahl {
        flex-grow: 1;
        width: 50%;
    }	
	
}

@media (min-width:1200px) {
#miniform #bookingform_departure_date, #miniform #bookingform_arrival_date {
    margin-bottom: 0;
}
#bookingform_cost_total_display {
    width: 47% !important;
    margin-bottom: 0;
}
.cm_form .button {
    width: 59%;
}
span.agbs {
    margin-left: 0px;
    position: relative;
    top: 8px;
}
div#row_departure_flight, div#row_departure_flight_time {
    display: none!important;
}	
}

@media screen and (max-width:900px) {
    div#auswahl-parkplatz {
        flex-direction: row;
    }
	
	
}

@media screen and (max-width:1050px) {
/*
#theMiniForm .ui-content {
    flex-wrap: wrap;
}
#theMiniForm .ui-content>div:nth-child(1) {
    width: 100%;
}
#theMiniForm .ui-content>div:nth-child(2) {
    width: 50%;
}
#theMiniForm .ui-content>div:nth-child(3) {
    width: 50%;
}
.pm-preis {
    display: flex;
    margin: 18px 0 0 0;
}
.mwst {
    display: inline-block;
    position: relative;
    top: 16px;
    margin-left: 10px;
}
*/
}



@media screen and (max-width:1199px) and (min-width:992px) {
span.agbs {
    margin-left: 0px;
    position: relative;
    top: 8px;
}
}

@media (min-width:767px) and (max-width:991px) {
.cm_form .row {
/*		width: 48%;*/
}
/*
	.cm_form .row{
		width: 120%;
	}
	
*/
}
 @media screen and (max-width:768px) {
div#row_departure_flight {
/*    border-bottom: none;*/
/*
    padding-bottom: 0px;
    margin-bottom: 0px;
*/
}
/*
	#theMiniForm div#pageone{
		padding: 10px 30px;
	}
	
	#theMiniForm{}
	
	#pm-betrag{
		font-size: 30px;
	}
*/
}
div#row_departure_flight, div#row_departure_flight_time {
    display: none!important;
}

#pm-preis {
/*		width: 48% !important;*/
}
/*
	#theMiniForm .ui-content>div:nth-child(2){
		width: 38% !important;
		float: left;
	}
	
	.btn-box{
		width: 48% !important;
	}
*/
	
#link > button {
    width: auto;
}
.flex1 {
    display: block;
}
.item1 {
    width: 100%;
}
#theConfirmation {
    width: auto;
}
/*.cm_form .button {
    width: 50%;
}*/

#ui-datepicker-div {
    width: 78%;
}
.ui-datepicker td span, .ui-datepicker td a {
    padding: 0.5em 0.2em !important;
    font-size: 14px;
    text-align: center !important;
}
#row_service_departure label, #row_service_arrival label, #row_clean_outside label, #row_clean_inside label {
/*width: 150px;	*/	
}
div#row_cost_total_display {
    width: 100%;
    color: #023c9b;
}
#miniform div#row_cost_total_display {
/*  display: none;*/
}
/*#row_service_departure input, #row_service_arrival input, #row_clean_outside input, #row_clean_inside input {
		width: 24px;		
}*/
	


.cm_form h4 {
    font-size: 26px;
    line-height: 1.2em;
    padding: 12px 0px;
}
/*
#bookingform_remarks{
	width: 100% !important;}
*/

#theForm {
/*
    padding: 10px 10px;
    width: 100%;
*/
}
#theForm .cm_form h4 {
/*    background-color: #2e9ae8;*/
    color: #ffffff;
    position: relative;
    /* width: 105%; */
    margin-left: -10px;
    margin-right: -10px;
}
#row_salutation {
    margin-bottom: 40px;
    height: 30px;
}
#bookingform_salutation {
    width: 174px;
}
select {

    height: 2em;
    margin-bottom: 2px;
    font-size: 120%;
    border-radius: 3px;
    text-shadow: 0 1px 0 #f3f3f3;
}
#row_reg_customer {
    font-size: 100%!important;
    padding-bottom: 5px;
}
#reg_customer_1 {
/*width: 50%!important;*/
}
#reg_customer_0 {
}
#reg_customer_1::after {
    float: right;
}
.radios li {
    margin-left: 5px!important;
}
/*input[type="radio"] { margin:0px 7px 4px 1px; vertical-align:middle; width:13px; height:13px; padding:0px; }*/

#row_remarks {
/* float: left;*/
}
label {
    /*width: 100%!important;*/
/*	font-size:130%!important;*/
    margin-bottom: 3px;
}
input {
    /*width: 90%!important;*/
	/*height:	2.2em!important;*/
    border-radius: 3px;
    text-shadow: 0 1px 0 #f3f3f3;
}
:focus {
    outline: -webkit-focus-ring-color auto 5px;
}
/*#miniform #row_departure_date input, #miniform #row_arrival_date input{
		background: url(../files/images/calender.png) no-repeat #fff;
	background-position: 190px 0px;
	}*/	
	
#bookingform_departure_flight_time {
    width: 113px;
}

#bookingform_arrival_origin {
    width: 300px;
}

#bookingform_departure_date {
    width: 97%;
}
#miniform #bookingform_departure_date,  #miniform #bookingform_arrival_date {
    margin-bottom: 0;
    border-radius: 30px;
    padding-left: 15px;
}
#miniform #bookingform_cost_total_display {
    width: 45% !important;
    margin-bottom: 0;
}
#miniform #row_cost_total_display label {
    padding-bottom: 6px;
}
#miniform #row_departure_date label, #miniform #row_arrival_date label {
    padding-bottom: 1px;
}
#miniform #row_departure_date label {
    /*background: url(../files/images/plane_01.png) no-repeat;
		background-position:  left 8px;*/
    color: #fff;
    display: none;
}
#miniform #row_arrival_date label {
    /*background: url(../files/images/plane_02.png) no-repeat;
		background-position:  left 8px;*/
    color: #fff;
    display: none;
}
/*#miniform #row_departure_date input, #miniform #row_arrival_date input{
		background: url(../files/images/calender.png) no-repeat #fff;
	background-position: right;
	}*/
	
	
/*	#miniform #row_arrival_date input{
			background: url(../files/images/plane_02.png) no-repeat;
		background-position:  left 8px;
	}*/
	
	
	
	
	
#reg_customer_1, #reg_customer_0 {
/*width: 190%!important;*/
/*	margin-right: -7px;*/
}
.cm_form textarea {
/*
    width: 100%!important;
    height: 2.2em!important;
*/
    border-radius: 3px;
    text-shadow: 0 1px 0 #f3f3f3;
}
#bookingform_arrival_date {
/*    width: 100%;*/
}
#row_term_type {
    width: 100%;
}
.cm_form ul.radios {
/*    width: 100%;*/
}
#row_term_type ul.radios li {
    width: 100%;
    position: relative;
}
.cm_form ul.radios li {
    font-size: 1.5em;
    margin-bottom: 0px;
}
#row_service_departure label {
}
#bookingform_garage {
    position: absolute;
    left: 54px;
    bottom: 20px;
}
.radios input {
/*	width: 40px !important;*/
}
img {
/*	width: 11%;*/
}
#bf_contract_prices input {
    width: 40%!important;
}
input #bookingform_agb {
    display: inline!Important;
}


#bf_contract_info {
    display: table;
}
#row_agb {
    display: table-row;
}
#row_agb label {
    display: none;
}
#row_agb a {
    width: 50%;
    font-weight: bold;
}
span.agbs {
    margin-left: 0px;
    position: relative;
    top: 8px;
}
#cal {
    border: 2px solid #515151;
    font-size: 11px;
    border-spacing: 1px;
    color: #000000;
    width: 200%;
    height: 200%;
}
#calendar_departure_date {
    position: absolute;
    left: 13px;
}
#calendar_arrival_date {
    position: absolute;
    left: 13px;
}
#cal tr {
    height: 30px;
}
#cal td {
    height: 30px;
}
#cal img {
    width: 20px;
}
/*.cm_form .button {
    width: 95%;
    margin-right: 20px;
}*/

	
div#auswahl-parkplatz {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#morecar_data {
    display: none;
}
.blaettern {
    display: inline-block;
}
#row_no_service {
    position: relative;
    height: -29px;
    left: 28%;
    top: -153px;
}
#row_garage {
    margin-left: 1px;
    position: relative;
    bottom: 120px;
    left: -1px;
    top: 10px;
}
div#row_service_keychain_missing {
    margin-top: 19px;
    display: flex;
}
div#row_service_keychain_missing input {
    width: 18% !important;
    position: relative;
    right: 35px;
}
div#row_term_type {
    width: 100%;
}
#row_term_type label {
    width: 100% !important
}
#row_service_departure {
    width: 100%;
}
 @media screen and (max-width:768px) {
	 
	 #row_service_departure{
    display: none!important;
}

#row_service_arrival {
    display: none!important;
}
	 
 #row_term_type ul.radios li {
 margin-bottom: 10px !important;
}
    fieldset#bf_contract_options {
        /* padding-top: 20px; */
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
 .progress-bar {
 width: auto;
}
 .pb-step {
width: 19%;
}
#theForm {
 padding: 10px 0px;
}
 #row_garage, #row_service_departure {
 /*display: none!important;*/
}
 .cm_form input,
#bookingform_departure_flight_time,
	 #bookingform_arrival_origin{
 width: 97%;
}
	 
 #bookingform_departure_date {
/* width: 100%;*/
}
#row_pay_type > label {
 display: none;
}
 #bookingform_remarks {
/* width: 100%;*/
}
#row_cost_tarif_display input {
 width: 100%;
}
 span.agbs {
 margin-left: 15px;
 position: relative;
 top: 8px;
}
}
@media screen and (max-width: 767px) {
	#link.btn-box{
		display: block;
	}
	#miniform{
		 width: 100%;
	}
	#theMiniForm input#bookingform_departure_date, 
	#theMiniForm input#bookingform_arrival_date{
		width: 95%;
	}

	#theMiniForm div#row_departure_date,
	#theMiniForm div#row_arrival_date
	{
		width:100%;
		display: flex;
		margin: 0;
	}
	.pm-preis{
		display: flex;
		justify-content: center;
		margin-bottom: 10px;
	}
	.price-n-btn{
		display: flex;
		flex-direction: column;
	}
	#theMiniForm .btn-box{
		margin: 0;
	}
	#link.btn-box button.submit{
		width: 100%;
	}
	
	#theMiniForm #flight_data .row{
		height: auto;
		margin-bottom: 10px;
	}
    p.headline {
        font-size: 25px;
        line-height: 26px;
    }
	#theMiniForm .container.servicetext{
		margin-top: 20px;
		line-height: normal;
	}
    .container.servicetext .line1 {
        font-size: 20px;
        margin-bottom: 15px;
    }
	
	.container.servicetext .line2,
	.container.servicetext .line3{
		margin: 20px 0;
	}
	
	.container.servicetext .line2 a{
		font-size: 18px;
		border-bottom: 2px solid var(--acc-clr);
	}
	
	.container.servicetext .line3{
		font-size: 14px;
	}
}




@media screen and (max-width: 599px){}

@media screen and (max-width: 718px) {
	#theForm .ui-content > div#flight_data{
		padding: 10px 0;
	}
	
		#flight_data .row{
		width: auto;
		float: none;
			display: flex;
    flex-direction: column;
			margin-left: 0;
	}
	
	div#row_departure_flight, div#row_departure_flight_time {
    display: none;
}
	
	#row_departure_time, #row_departure_flight_time{
		margin-left: 0;
	}
	#theForm .ui-content > div#flight_data input{
		width: auto;
	}
	
	div#row_departure_flight{
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#bf_contract_options,
	#row_service_arrival,
	#row_service_departure{
		display: block;
/*
		display: flex;
		flex-direction: column;
*/
	}
	#row_service_sperrgut{
		margin-top: 0;
	}
	.cm_form ul.radios,
	.cm_form label{
		float: none;
	}
	#bf_contract_options div.row{
		width: auto;
/*		display: block;*/
		float: none;
	}
	#theForm .cm_form h4{
		margin-left: 0;
		margin-right: 0;
	}
	#theForm .ui-content > div#contract_options{
		padding: 10px 0;
	}
	#row_service_persons > label, #row_service_children > label, #row_service_gas > label, #row_service_sperrgut > label, #row_service_clean-outside > label, #row_service_clean-inside > label{
		width: auto;
	}
}

/*620px*/
@media screen and (max-width: 620px) {

#bookingform_remarks {
    width: 400px !important;
	}
	
 #row_arrival_date {
 margin-left: 0px;
}
 .container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
 max-width: 100%;
}
#theForm .cm_form h4 {
 font-weight: 300;
 font-size: 20px;
 padding: 12px 0px;
 margin-bottom: 10px;
     background-color: #2e9ae8; 
    line-height: 28px;
 color: #fff;
 text-align: center;
}
 div#row_departure_flight {
 border-bottom: none;
 padding-bottom: 0px;
 margin-bottom: 0px;
}
 iframe#parkformMINI {
 display: inline-block;
 width: 100%;

 opacity: 1;
 visibility: visible;
}
 #pm-betrag {
 line-height: 40px;

 font-size: 31px;
 font-weight: 600;
}
 .pm-preis {
 display: flex;

}
 #theMiniForm div#row_arrival_date, #theMiniForm div#row_departure_date {
 width: 100%;
 margin-left: 0px;
}
 #theMiniForm input#bookingform_departure_date, #theMiniForm input#bookingform_arrival_date {
 border-radius: 30px;
 height: 35px;
 padding-left: 15px;
}
 div#ui-datepicker-div {
/*
 position: absolute;
 left: 1px;
 z-index: 1;
 display: block;
*/
}
 #fws_5ed3d8c570423 > div.col.span_12.dark.left > div > div > div.wpb_wrapper > div.wpb_text_column.wpb_content_element {
 margin-bottom: 10px;
}
 #bookingform_remarks {
/* width: 100% !important;*/
}
 .flex2 {
 display: block;
}
 #theMiniForm, .parkplatz-auswahl {
 width: auto;
}
 .panel-heading h1 {
 line-height: normal;
}
 span.agbs {
 margin-left: 0px;
 position: relative;
 top: 8px;
}
 fieldset div {
 margin-top: 5px;
}
 .progress-bar {
 width: auto;
}
 .pb-step {
width: 19%;
}
#row_pay_type > label {
 display: none;
}
 #theForm {
 padding: 10px 0px;
}
 .cm_form input {
 width: 100%;
}
 #bookingform_departure_date {
 width: 100%;
}
 #bookingform_remarks {
/* width: 100%;*/
}
#row_cost_tarif_display input {
 width: 100%;
}

}

@media screen and (max-width:600px) {
#theMiniForm .ui-content {
    display: block;
}
.cm_form .row {
    width: 100%;
}
#theMiniForm .ui-content>div:nth-child(1) {
    width: 100%;
}
#theMiniForm .ui-content>div:nth-child(2) {
    width: 100%;
}
#theMiniForm .ui-content>div:nth-child(3) {
    width: 100%;
}
.pm-preis {
    display: flex;
}
.mwst {
    display: inline-block;
    position: relative;
    top: 12px;
    margin-left: 10px;
}
.cm_form .button {
    width: 100%;
}
	
    div#row_departure_flight, div#row_departure_flight_time {
        display: none !important;
    }

	
}



 @media screen and (max-width: 480px) {
 #row_arrival_date {
 margin-left: 0px;
}
 #theForm .cm_form h4 {
/* background-color: #2e9ae8;*/
 color: #ffffff;
 position: relative;
}
 #miniform #bookingform_departure_date, #miniform #bookingform_arrival_date {
    margin-bottom: 0;
}
 span.agbs {
 margin-left: 0px;
 position: relative;
 top: 8px;
}
 .progress-bar {
 width: auto;
}
 .pb-step {
width: 19%;
}
#theForm {
 padding: 0px 0px;
}
 .cm_form input {
 width: 100%;
}
 #bookingform_departure_date {
 width: 100%;
}
 #bookingform_remarks {
 width: 100%;
}
#row_cost_tarif_display input {
 width: 100%;
}
 div#row_agb-dsgv {
 margin-top: 10px;
}
 #bookingform_service_departure, #bookingform_service_arrival, #bookingform_clean_outside, #bookingform_clean_inside {
 margin-top: 0px;
}
#row_clean_inside input, #row_clean_outside input {

}
 div#pageone {

}
div#pagefour {

	margin-top: -23px;
}
 #row_pay_type > label {
 display: none;
}
 #theForm .ui-content > div {

 margin: 0px 0;
}

#miniform #bookingform_departure_date,  #miniform #bookingform_arrival_date {
	margin-bottom: 0;
}
 #miniform #bookingform_cost_total_display {
 width: 50% !important;
 margin-bottom: 0;
}

.cm_form .row {
 width:100%;
 padding: 1px;
 margin: 0px;

}

@media screen and (max-width: 425px) {
#row_remarks.row {
/*
    display: block;
    width: 97%;
*/
}
	
    div#row_departure_flight, div#row_departure_flight_time {
        display: none !important;
    }

p.price {
    font-size: 25px;
}
.panel-heading h1 {
    font-size: 20px;
}
	
    div#auswahl-parkplatz .parkplatz-auswahl {
        flex-grow: 1;
        width: 100%;
    }

	
#row_pay_type > ul > li:nth-child(1) {
    width: 154px;
}
.btn-box {
    display: block;
}
.btn-box#link>button {
    width: 100%;
}
#row_carselect {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}
#row_carselect img {
    width: auto;
}
}	 
	 
}

@media screen and (max-width: 454px){
	#bookingform_remarks{
		width: 290px !important;
	}
	div#row_departure_flight, div#row_departure_flight_time {
    display: none;
}

}

@media screen and (max-width: 358px){
	#bookingform_remarks{
		width: 270px !important;
	}
}

 @media screen and (max-width: 319px) {
 #theMiniForm fieldset#flight_data > div {
 width: 90%;
 height: 90px;
}
}