/*
	Theme Name: Parken Theme 1
	Theme URI: parkwin.de
	Description:  Wordpress Template Theme für Parken
	Author: Parkwin
	Version: 1.8
*/ 
	
/*
	1. Allgemein
	2. Banner
	3. Galerie
	4. Preistabelle
	5. Bild + Text
	6. Sidebar
	7. Header
	8. Mobile Menu
	9. Letzte Bewertung
	10. Letzte Ratgeber
	
*/

 

/*-----------------
	1. Alllgemein
-----------------------*/

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/parken-theme-1/assets/fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('/wp-content/themes/parken-theme-1/assets/fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('/wp-content/themes/parken-theme-1/assets/fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/wp-content/themes/parken-theme-1/assets/fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('/wp-content/themes/parken-theme-1/assets/fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('/wp-content/themes/parken-theme-1/assets/fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}


.wpml-ls-legacy-list-horizontal li a img { 
	margin-right: 8px;
}

section.grau { 
	background: #f0f0f0;
}

.air-bnb-form label { 
	font-size: 18px;
	margin-bottom: 10px;
}	

.parkwin_wrapper .mt30 { 
	margin-top: 30px;
}

.parkwin_vorteile ul { 
	list-style: none;
}

.parkwin_waeschen { 
	display: none;
}

.footer-seo { 
	padding: 20px 40px 100px 40px;
}

.footer-seo h4 { 
	color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 30px;
    margin: 0 0 40px 0;
}

.footer-seo ul { 
	list-style: none;
}

.footer-seo ul li,
.footer-seo ul li a { 
	color: #899bb3;
	font-size: 18px;
}

.footer-seo ul li a { 
	margin-left: 10px;
}

.logo-footer { 
	margin: 40px 0;
}

img.alignright,
picture.alignright { 
	float: right;
	margin: 0 0 10px 10px;
}

img.alignleft,
picture.alignleft { 
	float: right;
	margin: 0 10px 10px 0;
}


.btn-round { 
	border-radius: 15px;
}
	

/*-----------------
	2. Banner
-----------------------*/

.dauer-wrapper,
.preis-wrapper { 
	margin: 20px 0;
}

.dauer-wrapper span,
.preis-wrapper span { 
	font-size: 20px;
}

.air-bnb-form input.datepicker {
    background-image: url(assets/img/calendar.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.banner-v2 input {
	height: 70px !important;
}

.banner-v2 .form-group label,
.banner-v2 .form-group span { 
	display: none;
}

.banner-v2 .dauer-und-preis { 
	margin: 50px 0 0 0;
}

.banner-v2 .dauer-und-preis span { 
	font-size: 28px;
}

.banner-v2 .form-verticle #hinflug { 
	border-radius: 5px 0 0 5px;
}

@media only screen  and (max-width : 993px) {
	.banner-v2 form { 
		padding: 0 30px;
	}
	
	.banner-v2 .form-verticle #hinflug,
	.banner-v2 .form-box .btn-theme,
	.banner-v2 .form-verticle #rueckflug { 
		border-radius: 5px;
		margin: 0 0 10px 0;
	}
}

/*-----------------
	3. Galerie
-----------------------*/

.gallery-row .gallery-item { 
	margin-bottom: 15px;

}


.gallery-row .gallery-item img,
.gallery-row .gallery-item picture { 
	border-radius: 5px;
	max-width: 100%;
}

@media only screen  and (max-width : 993px) {
	.gallery-row .gallery-item img { 
		width: 100%;
	}
}


/*-----------------
	4. Preistabelle
-----------------------*/

section.pricing-tables {
    background: #f0f0f0;
}

.pricing-table {
    position: relative;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	margin-bottom: 15px;
}


.pricing-table .pricing {
    color: #555;
	text-align: right;
}

.pricing-table .pricing .currency {
    font-size: 18px;
    font-weight: bold;
}

.pricing-table .pricing .amount {
    font-size: 38px;
    font-weight: bold;
    vertical-align: middle;
}

.pricing-table .pricing .month {

    vertical-align: bottom;
    line-height: 40px;
    font-weight: 600;
}

.pricing-table .pricing-footer {
    margin-top: 40px;
}

.pricing-table p {
	margin-top: 10px;
}

/*-----------------
	5. Bild + Text
-----------------------*/

.bild-text img { 
	border-radius: 5px;
	margin: 20px 0 0 0;
	max-width: 100%;
}



.fc_text ul > li, 
.bild-text ul > li {
    position: relative;
    letter-spacing: -0.2px;
	list-style:none;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
}

.fc_text ul > li:before, 
.bild-text ul > li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 1em;
	margin-right: 7px;
}

.bild-text .btn,
.fc_text .btn { 
	margin-top: 40px;
}

@media only screen  and (max-width : 993px) {
	.bild-text img { 
		margin: 0 0 20px 0;
	}
}

/*-----------------
	6. Sidebar
-----------------------*/

.sidebar .buchungsanfrage .form-group { 
	margin: 15px 0;
}

.sidebar .buchungsanfrage .btn { 
	width: 100%;
	margin: 20px 0;
	border-radius: 15px;
	border: none;
}

.buchungsanfrage h3,
.buchungsanfrage h4,
.buchungsanfrage span,
.buchungsanfrage p,
.buchungsanfrage label { 
	color: #fff;
}

/*-----------------
	7. Header
-----------------------*/

.top-header { 
	padding: 6px 0;
}

.top-header .header-sprachen { 
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

@media only screen  and (max-width : 993px) {
	.top-header .col_fahrerhotline { 
		display: none;
	}
}

.wpml-ls-sidebars-header-sprachen { 
	margin: 0;
	padding: 0;
}

.top-header a { 
	color: #fff;
}

.header.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}

.header-nav {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border: 0;
	border-bottom: 1px solid #f0f0f0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
    position: relative;
	height: 70px;
	padding: 0 60px;
	margin-bottom: 0;
}
.main-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-nav > li .submenu li a {
    display: block;
    padding: 15px;
    clear: both;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
	width: 100%;
	border-top: 1px solid #f0f0f0;
	text-transform: normal;
}
.main-nav > li .submenu > li.has-submenu > a::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 12px;
    font-size: 13px;
}
.main-nav > li .submenu li {
    position: relative;
}
.main-nav li a {
	font-size: 16px;
    color: #333333;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
	display: block;
}
.main-nav > li a {
	padding: 0 15px;
	font-size: 17px;
}
.logo {
    display: inline-block;
    margin-right: 30px;
    width: 160px;
}
.header-contact-img {
	display: inline-block;
}
.header-contact-img i {
	color: rgba(0, 0, 0, 0.5);
	font-size: 30px;
}
.header-contact-detail {
	display: inline-block;
	padding-left: 10px;
}
.header-contact-detail p.contact-header {
	color: #484848;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 2px;
	text-align: left;
}
.header-contact-detail p.contact-info-header {
	color: #333;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 0;
}
.header-navbar-rht {
    margin: 0;
	padding: 0;
}
.header-navbar-rht li {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
    padding-right: 20px;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.header-navbar-rht li:last-child {
	padding-right:0px;
}
.header-navbar-rht li .dropdown-menu {
	border: 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.header-navbar-rht .dropdown-toggle::after {
	display: none;
}
.header-navbar-rht li .dropdown-menu::before {
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	border: 7px solid #fff;
	border-color: transparent transparent #ffffff #ffffff;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
}
.header-navbar-rht li .dropdown-menu .dropdown-item {
	border-top: 1px solid #f0f0f0;
	padding: 10px 15px;
}
.header-navbar-rht li .dropdown-menu .dropdown-item:first-child {
	border-top: 0;
	border-radius: 5px 5px 0 0;
}
.header-navbar-rht li .dropdown-menu .dropdown-item:last-child {
	border-radius: 0 0 5px 5px;
}

.header-navbar-rht li .dropdown-menu a:hover {
	letter-spacing: 0.5px;
	padding-left: 20px;
	background-color: #fff;
}
.header-navbar-rht li a.header-login {
    border-radius: 50px;
    padding: 10px 15px !important;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}
.header .has-arrow .dropdown-toggle:after {
	border-top: 0;
	border-left: 0;
	content: '';
	height: 8px;
	display: inline-block;
	pointer-events: none;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 8px;
	vertical-align: 2px;
	margin-left: 10px;
}
.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.user-menu {
    float: right;
    margin: 0;
    position: relative;
    z-index: 99;
}
.user-menu.nav > li > a {
	color: #fff;
	font-size: 14px;
	line-height: 58px;
	padding: 0 15px;
	height: 60px;
}
.user-menu.nav > li > a:hover,
.user-menu.nav > li > a:focus {
	background-color: rgba(0, 0, 0, 0.2);
}
.user-menu.nav > li > a:hover i,
.user-menu.nav > li > a:focus i {
	color: #fff;
}
.user-img {
    display: inline-block;
    position: relative;
}
.user-img > img,
.user-img > picture {
	height: 31px;
    object-fit: cover;
	width: 31px;
}
.user-menu.nav > li > a.mobile_btn {
	border: 0;
	position: relative;
	padding: 0;
	margin: 0;
	cursor: pointer
}
.header-navbar-rht .dropdown-menu {
    min-width: 200px;
    padding: 0;
}
.header-navbar-rht .dropdown-menu .dropdown-item {
    padding: 7px 15px;
}
.header-navbar-rht .dropdown-menu .dropdown-item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    border-top: 1px solid #e3e3e3;
    padding: 10px 15px;
}

.user-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    padding: 10px 15px;
}
.user-header .user-text {
	margin-left: 10px;
}
.user-header .user-text h6 {
	font-size: 15px;
    margin-bottom: 2px;
}
.header-navbar-rht .logged-item .menu-item a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
    font-size: 14px;
	line-height: 70px;
	padding: 0 10px;
}

/*-----------------
	8. Mobile Menu
-----------------------*/

.logo {
    display: inline-block;
    margin-right: 30px;
    width: 160px;
}

.sidebar-overlay {
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1040;
}
.menu-opened .main-menu-wrapper {
    transform: translateX(0);
}
.menu-header {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
    height: 60px;
    padding:  0 20px;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
    border-bottom: 1px solid #f0f0f0;
	display: none;
}
.menu-logo img,
.menu-logo picture {
    height: 40px;
}
.menu-close {
	font-size: 28px;
}
.bar-icon {
    display: inline-block;
    width: 31px;
}
.bar-icon span {
    display: block;
    float: left;
    height: 3px;
    margin-bottom: 7px;
    width: 31px;
    border-radius: 2px;
}
.bar-icon span:nth-child(2) {
    width: 16px;
}
.bar-icon span:nth-child(3) {
    margin-bottom: 0;
}
#mobile_btn {
	display: none;
	margin-right: 30px;
}
html.menu-opened body {
    overflow: hidden;
}


@media (min-width: 992px) {
	.main-nav > li {
		margin-right: 25px;
	}
	.main-nav > li:last-child {
		margin-right: 0;
	}
	.main-nav li {
		display: block;
		position: relative;
	}
	.main-nav > li > a {
		line-height: 70px;
		padding: 0 !important;
	}
	.main-nav > li > a > i {
		font-size: 12px;
		margin-left: 3px;
	}
	.main-nav li > ul {
		background-color: #fff;
		box-shadow: 0 0 3px  rgba(0, 0, 0, 0.1);
		display: block;
		font-size: 14px;
		left: 0;
		margin: 0;
		min-width: 200px;
		opacity: 0;
		padding: 0;
		position: absolute;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		top: 100%;
		visibility: hidden;
		z-index: 1000;
	}
	.main-nav li.has-submenu:hover > .submenu {
		visibility: visible;
		opacity: 1;
		margin-top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	

	.main-nav > li .submenu li:first-child a {
		border-top: 0;
	}
	.main-nav > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu {
		visibility: visible;
		opacity: 1;
		margin-top: -1px;
		margin-right: 0;
	}
	.main-nav > li .submenu > li .submenu {
		left: 100%;
		top: 0;
		margin-top: 10px;
	}
	.main-nav li .submenu a:hover {
		letter-spacing: 0.5px;
		padding-left: 20px;
	}
	.main-nav > .has-submenu > .submenu > .has-submenu > .submenu::before {
		top: 20px;
		margin-left: -35px;
		box-shadow: 1px 1px 0 0 rgba(0,0,0,.15);
		border-color: transparent #fff #fff transparent;
	}
	.header-navbar-rht li.show > .dropdown-menu {
		visibility: visible;
		opacity: 1;
		margin-top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.header-navbar-rht li .dropdown-menu {
		border-radius: 5px;
		padding: 0;
		margin: 0;
		min-width: 200px;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		display: block;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
}

@media only screen and (max-width: 1199px) {
	.header-nav {
		padding-left: 20px;
		padding-right: 20px;
	}
	
}
@media only screen and (max-width: 991.98px) {
	.main-nav {
		padding: 0;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	}
	.main-nav ul {
		background-color: #e9ecef;
		display: none;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	
	.main-nav li ul li ul  {
		background-color: #333;
	}
	.main-nav > li {
		border-bottom: 1px solid #eaeaea;
		margin-left: 0;
	}
	.main-nav li + li {
		margin-left: 0;
	}
	.main-nav > li > a {
		line-height: 1.5;
		padding: 15px 30px !important;
		color: #000;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
	}
	.main-nav > li > a > span > i {
		float: right;
		margin: 2px 0 0 0;
	}
	.main-nav > li .submenu li a {
		border-top: 1px solid #fff;
		color: #222;
		padding: 15px 30px;
		font-size: 14px;
		text-align: center;
	}
	
	.main-nav > li .submenu .submenu  li a {
		color: #fff;
	}

	.main-nav > li .submenu > li.has-submenu > a::after {
		content: "\f078";
	}
	
	
	.main-menu-wrapper {
		order: 3;
		width: 100%;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1060;
		transform: translateX(-100%);
		transition: all 0.4s;
		background-color: #fff;
	}
	.menu-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.navbar-header {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
	#mobile_btn {
		display: inline-block;
	}
	
	.top-header .kontakt,
	.top-header .mobil,
	.top-header .email {
		display: none;
	}
	
	.top-header a i {
		margin-right: 2px;
	}
}

@media only screen and (max-width: 575.98px) {
	
	.header-nav {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-navbar-rht {
		display: none;
	}
	.main-nav li.login-link {
		display: block;
	}
	.navbar-header {
		width: 100%;
	}
	#mobile_btn {
		left: 0;
		margin-right: 0;
		padding: 0 30px;
		position: absolute;
		z-index: 99;
		width: 40%;
	}
	.navbar-brand.logo {
		width: 60%;
		text-align: left;
		margin-left: 30%;
	}
	.navbar-brand.logo img,
	.navbar-brand.logo picture {
		height: 30px;
	}
	
}

/*-----------------
	9. Letzte Bewertung
-----------------------*/

.bewertung-banner p { 
	font-size: 18px;
}

.bewertung-banner .bewertungstext { 
	font-size: 22px;
	margin: 20px 0;
	line-height: 32px;
	
}
.bewertung-banner .bewertungstatistik {
	margin: 20px 0;
}

.bewertung-banner .bewertungstatistik p { 
	font-size: 28px;
}

.bewertung-banner .btn { 
	width: 100%;
	border-radius: 15px;
	margin: 20px 0;
}

.lp-tag-wrap {
    position: relative;
    max-width: 610px;
    margin: 3rem 0;
    background: #fff;
    padding: 3em;
    border-radius: 6px;
}

/*-----------------
	10. Letzte Ratgeber
-----------------------*/


.fc_letzte_ratgeber .btn { 
	margin-top: 40px;
}