/* Theming */
@font-face { 
font-family: "Akzelerat Condensed"; 
src: url("AkzeleratCondensed_Normal.ttf"); 
}
/* Reset */
body{
    font-family: "Akzelerat Condensed", sans-serif;
    color:rgb(30,0,0);
    margin: 0;
    padding: 0;
	font-size:26px;
}
a{
    text-decoration: none;
    color:rgb(30,0,0);
}
/* Header */
.header{
    position: relative;
	background:#b2d6fa;
    top: 0;
    width: 100%;
	padding:20px 0 0 0
}
/* Logo */
.logo{
	position:relative;
	float:left;
	width:calc(100% - 600px);
	text-align:center;
}
.logo img{
	height:120px
}
#hotline {
	position:relative;
	float:left;
	width:300px;
	font-size:36px;
	text-align:center;
	padding-top:50px;
	color:#2062ae;
	line-height:0.6;
}
#hotline small {
	font-size:17px;
}
/* Nav menu */
.nav{
    width: 50%;
    position:  fixed;
    overflow: hidden;
    margin: 0;
    padding: 0;
	z-index:9999;
    background:linear-gradient(to right,rgba(178,241,250,1),rgba(178,241,250,1),rgba(178,241,250,.5),rgba(178,241,250,.0));
}
.menu a{
    display: block;
    padding:14px 30px;
    color:#2062ae;
}
.menu a:hover{
    color:#2062ae;
}
.nav{
    max-height: 0;
   transition: max-height .5s ease-out;
}
.nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Menu Icon */
.hamb{
    cursor: pointer;
    float: left;
	width:180px;
    padding:60px;
}/* Style label tag */

.hamb-line {
    background:#2062ae;
    display: block;
    height: 4px;
    position: relative;
    width: 34px;

} /* Style span tag */

.hamb-line::before,
.hamb-line::after{
    background:#2062ae;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 10px;
}
.hamb-line::after{
    top: -10px;
}

.side-menu {
    display: none;
} /* Hide checkbox */
/* Toggle menu icon */
.side-menu:checked ~ nav{
    max-height: 100%;
}
.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}
#main {
	float:left;
	position:relative;
	width:100%;
}
aside {
	background-color:rgba(204,204,204,.85);
	width:calc(100% - 100px);
	padding:0px 50px;
	float:left;
	text-align:center;
	top: 0;
	z-index:999;
	position:sticky;
}
aside input[type=text],aside input[type=date] {
	border:0 !important;
	width:130px;
}
aside input[type=submit] {
	background:#006699;
}
#aside_hidden {
	display:none
}
#section_grau input,#section_grau select,#section_rot input {
	border:0 !important;
}

section {
	width:calc(100% - 200px);
	padding:20px 100px;
	float:left;
}
#section_halb {
	width:calc(50% - 200px);
	padding:20px 100px;
	float:left;
}
#section_halb_koffer {
	background-image:url(../img/koffer.jpg);
	background-position:center;
	background-size:cover;
	width:calc(50% - 200px);
	padding:400px 100px;
	float:left;
}
#section_grau {
	background-color:rgba(204,204,204,.85);
}
summary {
	cursor:pointer
}
#section_rot {
	background:#006699;
	color:#FFFFFF;
}
#section_rot a {
	color:#FFFFFF;
}
#section_gal {
    background-color:rgb(30,30,30);
	padding:0px;
	width:100%
}
#section_gal div {
	background-position:center;
	background-size:cover;
	float:left;
	width:calc(100% / 3);
	height:300px
}
.section_sonstige_sl_raus {
	width:550px;
	padding:20px calc(50% - 275px);
}
.section_sonstige_sl label {
	width:calc(100% / 3 - 40px);
	padding:10px;
	margin:10px;
	min-height:100px;
	background:rgba(255,255,255,.2);
	float:left;
}
.section_sonstige_sl label details {
	font-size:18px;
}
#section_index {
	background-image:url(../img/head.webp);
	background-position:center;
	background-size:cover;
	width:calc(100% - 100px);
	padding:120px 50px 50px 50px
}
#section_index p {
	background:rgba(60,120,220,.9);
	position:relative;
	float:right;
	clear:both;
	color:#FFF;
	margin:20px 0px 0 0;
	padding:5px 20px;
}
#section_index p.s_i_e {
	background:rgba(100,200,50,.9);
}
#section_index p img {
	max-height:30px;
	float:left;
	margin-right:10px
}
#transfer-flughafen {
	background-image:url(../img/transferbanner.png);
	float:left;
	position: absolute;
	left:0px;
	top:100px;
	width:330px;
	height:326px
}
#section_100 {
	width:calc(100%);
	padding:0;
}
#section_drei {
	width:calc(100%);
	padding:0;
}
#section_drei div {
	float:left;
	width:calc(100% / 3 - 40px);
	padding:0 20px;
	font-size:24px;
	text-align:center;
}
#section_rezesionen{
	background-image:url(../img/fh_lpz.jpg);
	background-position:center;
	background-size:cover;
	width:calc(100% - 200px);
	padding:50px 100px;
}
#section_rezesionen_div {
	background:rgba(255,255,255,.8);
	padding:10px 50px;
	font-size:22px;
	float:right;
	margin-left:50px;
	width:calc(100% - 150px - 170px)
}
.bewertung_widget {
	width:150px;
	border-radius:5px;
	background:#006699;
	color:#FFF;
	text-align:center;
	padding:0px 10px;
	float:left
}
.bewertung_widget img:first-child {
	width:100%
}
#section_adresse {
	background:#006699;
	padding:10px 50px;
	width:calc(100% - 100px);
	text-align:center;
	color:#FFFFFF;
}
#head_bild h2 {
	background:rgba(255,255,255,.7);
	padding:10px 40px;
	font-size:36px;
	font-weight:normal;
	float:right;
	text-align:right;
	margin-right:50px;
	margin-top:300px;
}
section hr {
	border:0;
	background:rgba(30,0,0,.8);
	height:5px;
	clear:both;
}
#section_vier {
	background:#006699;
	color:#FFFFFF;
}
#section_vier div p {
	float:left;
	width:calc(100% / 4 - 80px);
	padding:20px;
	background:#fff;
	color:#006699;
	margin:20px;
	font-size:24px;
	text-align:center;
}
iframe {
	border:0;
	width:100%;
	float:left;
	height:400px;
}
input[type=date],
input[type=text],
input[type=email],
input[type=password],
textarea,
select {
	background:#FFFFFF;
	font-size:22px;
	padding:5px;
	border:1px solid #666;
	margin:5px 0;
    font-family: "Akzelerat Condensed", sans-serif;
}
input[type=submit],.button {
    background-color:rgba(204,51,0,1);
	font-size:22px !important;
	padding:5px 30px;
    font-family: "Akzelerat Condensed", sans-serif;
	margin:5px 0;
	cursor:pointer;
	border:0;
	color:#FFFFFF
}	
input[name=submit] {
	display:none
}	
.button_blau {
	background:#006699;
	font-size:22px;
	padding:5px 30px;
    font-family: "Akzelerat Condensed", sans-serif;
	margin:5px 0;
	border:0;
	color:#FFFFFF
}	
input[name=Submit_n] {
	display:none;
}
.buchnung_inputfelder input {
	width:calc(100% / 2 - 17px);
}
.buchnung_inputfelder input[name=plz] {
	width:calc(15% - 17px);
}
.buchnung_inputfelder input[name=ort] {
	width:calc(35% - 17px);
}
input::placeholder {
  opacity: 0.8;
  font-weight:normal
}
input[name=firma]::placeholder {
  opacity: 0.4;
  font-weight:normal
}
.mehr,input[type=submit]{
	border:0;
}
.fehlfarbe {
	color:#CC3300
}
.richtigfarbe {
	color: #009900
}
h1 {
	font-size:32px
}
h2 {
	font-size:30px
}
h2 a {
	color:#FFFFFF
}
h3 {
	font-size:28px
}
h6 {
	font-size:25px;
	margin:20px 0;
	text-align:center;
}
footer {
	float:left;
	width:100%;
	text-align:center;
	background:#006699;
    color:rgb(255,255,255);
}
footer div {
	float:left;
	width:calc(100% / 3 - 40px);
	padding:0 20px;
	text-align:center;
}
footer img {
	border-radius:10px
}
footer hr {
	width:30%;
	border:0;
	background:rgba(255,255,255,.5);
	height:5px;
	clear:both;
	float:left;
	margin-left:35%
}
footer p:last-child {
	width:100%;
	clear:both;
}
footer a {
    color:rgb(255,255,255);
}
.bild_rechts {
	float:right;
	margin:30px;
	width:50%
}
#hotline_feet {
	position:relative;
	font-size:36px;
	text-align:center;
	color:#FFF;
	line-height:0.5;
}
#hotline_feet small {
	font-size:17px;
}

.ul_col_3 {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
 }
.parkplatz_typ {
	background-size:cover;
	background-position:center;
	float:left;
	width:calc(50% - 40px);
	cursor:pointer;
	padding:200px 20px 20px 20px;
}
.parkplatz_typ_3 {
	width:calc(100% / 3 - 40px);
}
.comfortoption_typ {
	background-size:cover;
	background-position:center;
	float:left;
	width:calc(100% / 3 - 20px);
	margin:5px;
	cursor:pointer;
	text-align:center;
	padding:5px;
}
.parkplatz_typ div {
	background:linear-gradient(to right, rgba(0,0,0,.7), rgba(0,0,0,.7), rgba(0,0,0,.7), rgba(0,0,0,.0));
	padding:10px;
	color:#fff;
}
.comfortoption_typ div {
	background:rgba(0,0,0,.1);
	padding:10px;
	color:#000;
}
.parkplatz_typ div strong,.comfortoption_typ div strong {
	color: #009900;
}
#buchung_zahlung label {
	float:left;
	width:calc(100% / 5);
	height:150px;
	text-align:center;
}
.comfortoption_typ summary,.service_details summary {
	font-size:20px;
}
.comfortoption_typ details,.service_details {
	font-size:24px;
}
.form_halb p {
	width:50%;
	margin:0;
	padding:0;
	float:left
}
.form_halb p input, .form_halb_div input {
	width:90%;
}
.mobile_is {
	display:none
}
.ul_hacken {
	list-style-image:url(../img/hacken.png);
	line-height:2.2
}
.reinigung_grpkw {
	display:none
}
#preis_gesamt_text {
	font-size:46px
}
#paypal-button-container {
	margin-left:calc(50% - 750px / 2);
}
@media screen and (max-width: 1000px) {
#hotline {
	display:none;
}
}
@media screen and (max-width: 750px) {
#paypal-button-container {
	margin-left:20px;
	width:calc(100% - 40px);
}
#transfer-flughafen {
	background-size:cover;
	top:55px;
	width:260px;
	height:256px
}
body {
	font-size:22px;
}
.header{
	padding:10px 0 0 0
}
.logo{
	position:relative;
	float:left;
	width:calc(100% - 150px);
	text-align:center;
}
.logo img{
	height:70px
}
.bild_mobiile_100{
	width:35%;
}
#hotline small {
	font-size:17px;
}
.hamb{
    cursor: pointer;
    float: left;
	width:50px;
    padding:30px 20px;
}/* Style label tag */
.nav{
    width: 70%;
}
aside {
	width:100%;
	padding:0px;
}
aside p {
	padding:5px 0;
	margin:0
}
aside input[type=text],aside input[type=text] {
	width:115px
}
aside input[type=submit] {
    padding:3px 10px;
}
.mobile_is {
	display:block
}
section {
	width:calc(100% - 40px);
	padding:0px 20px;
}
#section_index {
	width:calc(100% - 40px);
	padding:40px 20px;
}
#section_index p {
	padding:5px 10px;
}

#section_drei div {
	width:calc(100% / 1 - 40px);
	font-size:20px;
}
#section_drei div {
	width:calc(100% / 1 - 40px);
	padding:0 20px;
	margin:0;
	font-size:24px;
}
#section_vier div p {
	width:calc(100% / 1 - 40px);
	padding:0 20px;
	margin:20px 0;
	font-size:24px;
}
#section_rezesionen{
	width:calc(100% - 40px);
	padding:50px 20px;
}
#section_rezesionen_div {
	padding:10px 20px;
	font-size:22px;
	float:left;
	clear:both;
	margin-left:40px;
	margin-top:30px;
	width:calc(100% - 120px)
}
.bewertung_widget {
	width:150px;
	border-radius:5px;
	background:#006699;
	color:#FFF;
	text-align:center;
	padding:0px 10px;
	margin-left:calc(50% - 85px);
	float:left
}
#section_gal div {
	height:200px
}
#section_halb {
	width:calc(100% - 40px);
	padding:20px 20px;
}
#section_halb_koffer {
	width:calc(100% - 200px);
	padding:200px 100px;
}
.section_sonstige_sl {
	width:calc(100% - 40px);
	padding:20px;
}

iframe {
	height:300px
}
footer div {
	width:calc(100% / 1 - 40px);
}
input[type=submit],.button,.button_blau {
	padding:5px 20px;
	white-space: nowrap
}	

.parkplatz_typ {
	width:calc(100% - 20px);
	cursor:pointer;
	padding:120px 10px 10px 10px;
}
.comfortoption_typ {
	width:calc(100% - 10px);
	margin:0px;
}
.section_sonstige_sl label {
	width:calc(100% / 2 - 40px);
	min-height:170px;
}
.section_sonstige_sl label:nth-child(2n) {
	clear:both;
}
.ul_col_3 {
  columns:1;
  -webkit-columns: 1;
  -moz-columns: 1;
 }
.buchnung_inputfelder input {
	width:calc(100% - 17px);
}
.buchnung_inputfelder input[name=plz] {
	width:calc(30% - 17px);
}
.buchnung_inputfelder input[name=ort] {
	width:calc(70% - 17px);
}
#buchung_zahlung label {
	width:calc(100% / 3);
	height:120px;
	font-size:16px;
}
#buchung_zahlung label img {
	max-height:40px;
	margin:0 10px;
	max-width:calc(100% - 20px)
}
.form_halb,.form_halb p {
	width:100%;
}
}