/*
	Theme Name: Parkservice Lierenfeld
	Theme URI: parkservice-lierenfeld.de
	Description:  Wordpress Template Theme für Parkserice Lierenfeld
	Author: Parkwin
	Version: 1.0
*/

/*
	1. Allgemein
	2. Preistabelle
    3. Bild + Text
    4. Icon Boxen
*/



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

.bg-grau {
	background-color: #f2f3f1;
}


.room-search-outer .preis_wrapper {
	width: 100%;
	text-align: center;
	font-size: 22px;
}

.room-search-outer .dauer_wrapper {
	width: 100%;
	text-align: center;
	font-size: 22px;
}



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

.preis_wrapper p,
.dauer_wrapper p {
	font-size: 22px;
}

.parkwin-form .ankunft_uhrzeit .form-group label {
	font-size: 13px;
}

.parkwin_wrapper .ankunft_uhrzeit .parkwin-form span.required {
	font-size: 11px!important;
}

.slider-bg::after {
	background: -moz-linear-gradient(left, #184B88 -20%, #443088 120%);
    background: -webkit-linear-gradient(left, #184B88 -20%, #443088 120%);
    background: linear-gradient(to right, #184B88 -20%, #443088 120%);
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    overflow: hidden;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .55;
}

.slider-bg .container {
    z-index: 4;
    position: relative;
}

.slider-bg h1 {
	color: #fff;
    font-size: 38px;
    line-height: 48px;
}

.fi_bild_text ul,
.fi_icon_boxen ul {
    list-style: none;
    margin: 20px 0px !important;
}


.fi_bild_text ul li,
.fi_icon_boxen ul li {
    line-height: 28px;
    margin-bottom: 5px;
    position: relative;
    padding: 0px 0px 4px 45px;
}


.fi_bild_text ul li:before,
.fi_icon_boxen ul li:before {
    content: "\f00c";
    position: absolute;
    font-size: 20px;
    line-height: 30px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    left: 0px;
    top: 0px;
    height: 30px;
    width: 30px;
    text-align: center;
    align-items: center;
    color: #fe7420;
    border-radius: 50%;
}

.fi_bild_text img {
	border-radius: 8px;
}

.justify-content-center .btn.btn-success {
	border-radius: 0px !important;
	border: 0px;
	width: auto;
}

.parkwin-form .form-group {
	margin-bottom: 10px;
}

.parkwin-form .services-anmerkungen p {
	font-size: 14px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt40 {
	padding-top: 40px;
}

.pt50 {
	padding-top: 50px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb50 {
	padding-bottom: 50px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-30 {
	margin-top: 30px;
}

.m-t-40 {
	margin-top: 40px;
}

/*-----------------
	2. Preistabelle
-----------------------*/

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

.pricing-table {
    position: relative;
    background: #fff;
    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: 20px;
}


.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;
}



.m-t-50 {
	margin-top: 50px;
}

.parkwin-form p {
	color: #7e7e7e;
}

.sidebar-widget .booking .ss-btn {
	width: 100%;
}

.content-left h1 {
	margin-bottom: 20px;
}

.content-left h1 {
	margin-bottom: 20px;
}

.content-left ul {
    margin: 20px 0;
}


.content-left ul li {
    padding: 8px 0px 8px 35px;
    line-height: 26px;
    margin-bottom: 5px;
    position: relative;
}

.content-left ul li:before {
    content: "\f00c";
    position: absolute;
    font-size: 12px;
    line-height: 22px;
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 900;
    left: 0px;
    top: 9px;
    height: 20px;
    width: 20px;
    text-align: center;
    align-items: center;
    color: #333;
}

.footer-widget-about {
	padding: 0 20px;
}

.fi_galerie img {
	border-radius: 6px;
}




/*-----------------
	3. Bild + Text
-----------------------*/


/*-----------------
	4. Icon Boxen
-----------------------*/

.icon_box_teaser {
    background-color: #fff;
    padding: 40px;
    border-radius: 8px;
    text-align: center;
}

.icon_box_teaser .single-why-icon img {
    width: 100px;
    margin-bottom: 20px;
}

.icon_box_teaser h4 {
    font-size: 20px;
    line-height: 30px;
}