/*
	Theme Name: Parkcheck
	Theme URI: parkcheck.de
	Description:  Wordpress Template Theme für Parkcheck
	Author: Parkwin
	Version: 1.0
*/

/*
	1. Allgemein
		1.1 Breadcrumbs
		1.2 Header
		1.3 Menü
		1.4 Footer
	2. Flexible Inhalte
		2.1 Content
		2.2 Slideshow mit Buchungsformular
		2.3 Banner
		2.4 Flughafen Parkplätze Auflistung
	3. Single Post Content
	4. Buchen
	5. Buchung bearbeiten
*/

/* Allgemein */

body {
	color: #333;
	background-color: #ebedf4;
}

p, h1, h2, h3, h4, h5 {
	margin-bottom: 20px;
}

.form-box .form-title-wrap h3 {
	margin: 0px;
}

section { 
	background: #ebedf4;
}

a.link {
	cursor: pointer;
}

#simpay-form-1871 .simpay-custom-amount-container {
    display: none !important;
}


@media print {
   .parkcheck_print_hidden { 
		display: none;
	}
}

.btn-orange {
    background-color: #ec671a;
    border: 1px solid #ec671a !important;
	box-shadow: inset 0 -2px 0 0 rgb(0 0 0 / 20%);
}

.btn-orange:hover { 
	background-color: #3AAA35;
	border: 1px solid #3AAA35 !important;
	color: #fff;
}

.btn-green {
    background-color: #3AAA35;
    border: 1px solid #3AAA35 !important;
	box-shadow: inset 0 -2px 0 0 rgb(0 0 0 / 20%);
}

.btn-red {
	background-color: #dc3545;
    border: 1px solid #dc3545 !important;
	box-shadow: inset 0 -2px 0 0 rgb(0 0 0 / 20%);
}

span.required {
	color: #A7232B;
	font-weight: bold;
	font-size: 18px;
	margin-left: 5px;
}

.bg-weiss {
	background-color: #fff;
}

.section-bg-hellorange {
	background: #ffeada;
}

.section-bg-blau {
	background: #005ea8;
}

.text-white {
	color: #fff;
}

a.link {
	text-decoration: underline;
	color: #005ea8;
	cursor: pointer;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	font-size: 15px;
	color: #192024;
}

.alert {
	border: none;
	border-radius: 0px;
	text-align: center;
	font-size: 18px;
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.775rem 2.25rem 0.775rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-color:  rgba(128, 137, 150, 0.2);
    background-color: #f0f3f5;
    border-bottom: 2px solid #e6e6e6;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* 1.1 Breadcrumbs */

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

.breadcrumb li {
	margin-right: 10px;
}

.breadcrumb li:last-child {
	margin-left: 10px;
}

.breadcrumb li a {
	font-size: 16px;
	color: #333;
	line-height: 26px;
}

.breadcrumb li:last-child>a {
    font-weight: bold;
}

@media (max-width:768px) {
	.breadcrumb-top-bar {
		display: none;
	}

}

/* 1.2 Header */

.header-top-bar { 
	
}

/* 1.3 Menü */

@media (max-width:768px) {

	.main-menu-content ul li a .ts-indicator,
	.main-menu-content ul li a.dropdown-toggle::after {
		display: none;
	}

	.main-menu-content ul li a {
		text-align: center;
		padding: 7px 0;
	}

	.main-menu-content ul li .dropdown-menu-item li a {
		text-align: center;
	}

}

/* 1.4 Footer */

footer .social-profile li {
	float: left;
	margin-right: 10px;
}

/* 2.1 Content */

.fi_content h1,
.fi_content h2,
.fi_content h3,
.fi_content h4 {
	margin: 10px 0;
}


/* 2.2 Slideshow mit Buchungsformular */

.hero-wrapper7 .sec__title h1,
.hero-wrapper7 .sec__title h2,
.hero-wrapper7 .sec__title h3 {
	font-size: 60px;
}

/* 2.3 Banner */

.hero-wrapper2 .search-fields-container {
	margin-bottom: 120px;
}

@media (max-width:768px) {
	.hero-wrapper2 .search-fields-container {
		margin-bottom: 80px;
	}
}

.hero-wrapper2 .search-fields-container span.required { 
	color: #fff;
}

/* 2.4 Flughagen Parkplätze Auflistung */


@media (max-width:768px) {
	.filter-bar .col-button label {
		display: none;
	}
}

.btn_flughafen_parkplaetze_filter {
	font-size: 14px;
    border-radius: 9999px;
    padding: 1px 20px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mt-20 {
	margin-top: 20px;
}

.padding-0 {
	padding: 0px!important;
}

.suchergebnisse_row .parkplatz_details {
	background-color: #F8F8F8;
	padding: 15px;
	font-size: 14px;
}

.suchergebnisse_row .parkplatz_details p {
	margin-bottom: 7px;
}

.suchergebnisse_row .parkplatz_details a {
	text-decoration: underline;
    text-underline-offset: 4px;
}

.suchergebnisse_row .parkplatz_details a:hover {
	text-decoration: none;
}

.suchergebnisse_row .parkplatz_icon {
	height: 20px;
	margin-right: 15px;
}

/* 3. Single Post Content */

.single_post_content h2,
.single_post_content h3,
.single_post_content h4 {
	margin: 10px 0;
}

/* 4. Buchen */

.buchen_preis_wrapper .preis,
.buchen_preis_wrapper .gesamtbetrag {
	font-weight: bold;
	font-size: 22px;
	color: #40CC6F;
}

.booking-area #btn_fahrzeug_hinzufuegen {
	line-height: 1.2;
}

.booking-area .fahrzeug-div {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
	margin-bottom: 10px;
}

.booking-area #btn_fahrzeug_entfernen {
	line-height: 1.2;
}

.booking-area .fahrzeug-div img {
	width: 25px;
	height: auto;
}

/* 5. Buchung bearbeiten */

.buchung_bearbeiten_section .preis_dauer_wrapper {
	font-weight: bold;
	font-size: 22px;
	color: #005ea8;
	margin-bottom: 20px;
	text-align: center;
}

.payment-option {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 15px;
    cursor: pointer;
    
    display: flex;
    align-items: center;          /* vertikal zentriert */
    justify-content: space-between; /* Text links, Icon rechts */
    transition: all 0.2s;
    width: 100%;
    max-width: 400px;             /* optional, damit die Box nicht zu breit wird */
}

.payment-icon img {
    width: 30px;
    height: auto;

}
.payment-label {
    display: flex;
    align-items: center;          /* Radio + Text mittig */
}

.payment-label input[type="radio"] {
    margin-right: 10px;
}
.zahlungstext-paypal {
    font-size: 14px;       /* kleinere Schrift */
    color: #666666;        /* hellgrau */
    margin-top: 5px;       /* etwas Abstand nach oben */
    line-height: 1.4;      /* besser lesbar */
}

.zahlungsseite_buchung_table td,
.zahlungsseite_buchung_table th {
    padding: 0.20rem; /* gewünschtes Padding */
    vertical-align: top;
}

.parkplatz-galerie img {
	max-width: 100%;
}