/*
    Theme Name: Parken53
    Theme URI: parken53.de
    Description:  Wordpress Template Theme for Parken53
    Author: Parkwin
    Version: 1.0
*/

/* 
    0. Schriften
    1. Allgemein
    2. Abstände
    3. Buttons
    4. Breadcrumbs & Page Header
    5. Header
    6. Footer
    7. Inhaltselemente
        7.1 Banner
        7.2 Galerie
        7.3 Bild + Text
        7.4 Text
        7.5 FAQs
        7.6 Kontaktbereich
    8. 404 Seite
    9. Parkwin Anpassungen


*/

/* --------------------------------------
    0. Schriften
-------------------------------------- */

@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/google/Valera_Round/w8gdH283Tvk__Lua32TysjIfp8uPLdshZg.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* --------------------------------------
    1. Allgemein
-------------------------------------- */

#blog-post .post-content h1, 
#blog-post .post-content h2,
#blog-post .post-content h3,
#blog-post .post-content h4,
#blog-post .post-content h5    
{
    margin: 20px 0;
}

.section-padding {
    padding: 100px 0;
}

#blog-post .post-content img {
    border-radius: 8px;
}

.fi_text .ti-widget {
    margin-top: 50px;
}

.img-responsive {
    max-width: 100%;
}

.bg-weiss {
	background: #fff;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.bg-grau {
	background: #f0f0f0;
}

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

img.alignleft {
	margin: 0 10px 10px 0;
	float: left;
}

picture.img-responsive img {
	max-width: 100%;
}

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


.back-top {
    position: fixed;
    opacity: 0;
    right: 0;
    bottom: 30px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    background: -moz-linear-gradient(left, #184B88 -30%, #443088 130%);
    background: -webkit-linear-gradient(left, #184B88 -30%, #443088 130%);
    background: linear-gradient(to right, #184B88 -30%, #443088 130%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 50px 0 rgba(68, 48, 136, 0.5);
    font-size: 18px;
    z-index: 10;
    visibility: hidden;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.back-top:hover {
    box-shadow: 0 0 0 0 rgba(68, 48, 136, 0);
}

.back-top i{
    color: #f6f6f6;
}

.back-top-visible {
    opacity: 1;
    right: 30px;
    visibility: visible;
}



.disabled-input {
  background-color: #f5f5f5;
  color: #a0a0a0;
  border: 1px solid #ccc;
  cursor: not-allowed;
  opacity: 0.7;
}

*,
body {
    font-family: 'Valera Round', sans-serif;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'Varela Round', sans-serif;
    margin: 0;
}

h1, .h1 {
    font-size: 42px;
    line-height: 52px;
}

h2, .h2 {
    font-size: 34px;
    line-height: 44px;
}

h3, .h3 {
    font-size: 28px;
    line-height: 38px;
}

h4, .h4 {
    font-size: 24px;
    line-height: 34px;
}

h5, .h5 {
    font-size: 20px;
    line-height: 30px;
}

h6, .h6 {
    font-size: 18px;
    line-height: 28px;
}

p {
    font-size: 16px;
    line-height: 26px;
    color: #333;
}



html,
body {
    width: 100%;
    height: 100%;
}


section {
    position: relative;
}

a {
    color: #184B88;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

a:hover,
a:focus {
    color: #184B88;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none !important;
    outline: none !important
}

a,
button,
input {
    outline: none !important;
}

.form-control {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    box-shadow: none;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #e3e3e3;
}



::-webkit-input-placeholder {
    opacity: 1;
    color: #999;
}

::-moz-placeholder {
    opacity: 1;
    color: #999;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #999;
}

:-moz-placeholder {
    opacity: 1;
    color: #999;
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

ul {
    margin: 0;
    list-style: none;
}

img {
    -moz-user-select: none;
    /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none;
    /* From IE10 only */
    -webkit-user-drag: none;
    /* Prevents dragging of images/divs etc */
    user-drag: none;
}

.fullscreen {
    width: 100%;
    height: 100%;
}

.shadow {
    -webkit-box-shadow: 5px 5px 30px 0px rgba(55, 71, 79, .1);
    -moz-box-shadow: 5px 5px 30px 0px rgba(55, 71, 79, .1);
    box-shadow: 5px 5px 30px 0px rgba(55, 71, 79, .1);
}

.shadow-hover {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    box-shadow: none;
}

.shadow-hover:hover {
    -webkit-box-shadow: 5px 5px 30px 0px rgba(55, 71, 79, .1);
    -moz-box-shadow: 5px 5px 30px 0px rgba(55, 71, 79, .1);
    box-shadow: 5px 5px 30px 0px rgba(55, 71, 79, .1);
}

.overlay-black:before {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.overlay-blue:before {
    background: rgba(41, 177, 253, 0.25);
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.overlay-gradient:before {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.overlay-gradient: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: .4;
}

.overlay-gradient .container {
	z-index: 4;
	position: relative;
}

.overlay-black > div,
.overlay-blue > div .overlay-gradient > div {
    position: relative;
    z-index: 4;
}

.hover-link:after {
    content: '\f0c1';
    font-family: 'fontawesome';
    color: #f6f6f6;
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: -20%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.hover-link:hover:after {
    left: 50%;
    opacity: .9;
}

.hover-zoom:after {
    content: '\f00e';
    font-family: 'fontawesome';
    font-size: 30px;
    color: #f6f6f6;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.hover-zoom:hover:after {
    opacity: .8;
    font-size: 38px;
}

.transparent {
    background: transparent !important;
}

.text-white {
    color: #f6f6f6;
}

.text-blue {
    color: #184B88;
}

.section-title {
    padding-bottom: 60px;
    margin: 0;
}

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title .h1,
.section-title .h2,
.section-title .h3,
.section-title .h4 { 
    margin-bottom: 20px;
}


ul.list {
    margin-left: 0px;
    padding: 0;
}

.list li {
    list-style: outside none none;
    margin: 10px 0px 10px 25px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
}

.list li:first-child {
    margin-top: 0;
}



.table{
    max-width: none;
}

/* --------------------------------------
    2. Abstände
-------------------------------------- */

.nopadding{ padding: 0 !important;}
.nomargin{ margin: 0 !important;}

/********** Margin Top **********/

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt110 { margin-top: 110px; }
.mt120 { margin-top: 120px; }
.mt125 { margin-top: 125px; }
.mt130 { margin-top: 130px; }
.mt140 { margin-top: 140px; }
.mt150 { margin-top: 150px; }

/********** Margin Bottom **********/

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.mb110 { margin-bottom: 110px; }
.mb120 { margin-bottom: 120px; }
.mb125 { margin-bottom: 125px; }
.mb130 { margin-bottom: 130px; }
.mb140 { margin-bottom: 140px; }
.mb150 { margin-bottom: 150px; }

/********** Margin Top & Bottom **********/

.mtb5 { margin: 5px 0; }
.mtb10 { margin: 10px 0; }
.mtb15 { margin: 15px 0; }
.mtb20 { margin: 20px 0; }
.mtb25 { margin: 25px 0; }
.mtb30 { margin: 30px 0; }
.mtb35 { margin: 35px 0; }
.mtb40 { margin: 40px 0; }
.mtb45 { margin: 45px 0; }
.mtb50 { margin: 50px 0; }
.mtb60 { margin: 60px 0; }
.mtb70 { margin: 70px 0; }
.mtb80 { margin: 80px 0; }
.mtb90 { margin: 90px 0; }
.mtb100 { margin: 100px 0; }
.mtb110 { margin: 110px 0; }
.mtb120 { margin: 120px 0; }
.mtb130 { margin: 130px 0; }
.mtb140 { margin: 140px 0; }
.mtb150 { margin: 150px 0; }

/********** Padding Top **********/

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pt110 { padding-top: 110px; }
.pt120 { padding-top: 120px; }
.pt130 { padding-top: 130px; }
.pt140 { padding-top: 140px; }
.pt150 { padding-top: 150px; }
.pt160 { padding-top: 160px; }

/********** Padding Bottom **********/

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }
.pb110 { padding-bottom: 110px; }
.pb120 { padding-bottom: 120px; }
.pb130 { padding-bottom: 130px; }
.pb140 { padding-bottom: 140px; }
.pb150 { padding-bottom: 150px; }
.pb160 { padding-bottom: 160px; }

/********** Padding Top & Bottom **********/

.ptb5 { padding: 5px 0; }
.ptb10 { padding: 10px 0; }
.ptb15 { padding: 15px 0; }
.ptb20 { padding: 20px 0; }
.ptb25 { padding: 25px 0; }
.ptb30 { padding: 30px 0; }
.ptb35 { padding: 35px 0; }
.ptb40 { padding: 40px 0; }
.ptb45 { padding: 45px 0; }
.ptb50 { padding: 50px 0; }
.ptb60 { padding: 60px 0; }
.ptb70 { padding: 70px 0; }
.ptb80 { padding: 80px 0; }
.ptb90 { padding: 90px 0; }
.ptb100 { padding: 100px 0; }
.ptb110 { padding: 110px 0; }
.ptb120 { padding: 120px 0; }
.ptb130 { padding: 130px 0; }
.ptb140 { padding: 140px 0; }
.ptb150 { padding: 150px 0; }
.ptb160 { padding: 160px 0; }


/* --------------------------------------
    3. Buttons
-------------------------------------- */


.btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    padding: 0 15px;
    position: relative;
    line-height: 35px;
    font-size: 14px;
    font-weight: 600;
    color: #f6f6f6 !important;
    text-transform: uppercase;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.btn.active,
.btn:active {
    box-shadow: none !important;
}

.btn:focus {
    color: #f6f6f6;
}

.btn-small {
    line-height: 25px;
}

.btn-large {
    line-height: 50px;
    font-size: 16px;
}


/* button effect */

.btn-effect {
    overflow: hidden;
}

.ripple {
    width: 0;
    height: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.rippleEffect {
    animation: rippleDrop .6s linear;
}

@keyframes rippleDrop {
    100% {
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -o-transform: scale(2.5);
        -ms-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0;
    }
}

.btn-blue {
    background: #184B88;
}

.btn-blue:hover {
    background: #184B88;
}

.btn-green {
    background: #2ecc71;
}

.btn-green:hover {
    background: #4dd977;
}

.btn-purple {
    background: #443088;
}

.btn-purple:hover {
    background: #5c48a0;
}

.btn-orange {
    background: #e69d29;
}

.btn-orange:hover {
    background: #ecaf4f;
}

.btn-red {
    background: #db6131;
}

.btn-red:hover {
    background: #dc7f5a;
}

.btn-dark {
    background: #0c112a;
}

.btn-dark:hover {
    background: #293053;
}



/* --------------------------------------
    4. Breadcrumbs & Page Header
-------------------------------------- */

section.page-header {
    position: relative;
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding: 60px 0;
    margin: 0;
    border: 0;
    color: #f6f6f6;
}

section.page-header > div {
    z-index: 4;
    position: relative;
}

section.page-header:before {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

section.page-header: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: .2;
}

section.page-header .h1 {
    text-transform: uppercase;
}

section.page-header .breadcrumb {
    padding: 0;
    margin: 20px 0 0 0;
    background: none;
}

section.page-header .breadcrumb > li a {
    color: #f6f6f6;
}

section.page-header .breadcrumb > .active {
    color: #999;
}

section.page-header .breadcrumb > li+li:before {
    padding: 0 7px;
    color: inherit;
}




/* --------------------------------------
    5. Header
-------------------------------------- */

header {
    width: 100%;
    z-index: 999;
}

header.navbar-fixed-top {
    position: fixed !important;
}

nav.navbar {
    background: #fff;
    border: none;
    padding: 15px 0;
    margin: 0;
}

.navbar-brand {
    height: 100%;
    padding: 15px 0;
    padding-right: 30px;
}

.navbar-brand img {
    height: 45px;
    cursor: pointer;
}

div#main-nav {
    padding-top: 20px;
}

.navbar .navbar-nav > li.mobile-title {
    display: none;
}

.navbar .navbar-nav > li.login-btn {
    margin-left: 10px;
}

.nav > li > a:focus,
.nav > li > a:hover
{
    background: none !important;
}

.nav > li > a:focus {
    color: #184B88 !important;
}

.navbar .navbar-nav > li > a {
    font-family: 'Varela Round', sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    padding: 5px 10px;
    color: #333;
}

.navbar .navbar-nav > li > a:hover {
    color: #184B88;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

.navbar-default .navbar-nav >.active > a,
.navbar-default .navbar-nav >.active > a:focus,
.navbar-default .navbar-nav >.active > a:hover {
    background: none !important;
    color: #184B88;
}

.navbar .navbar-nav > li > a i {
    padding-left: 5px;
}

.navbar .navbar-nav > li:last-child > a i {
    padding-right: 5px;
    padding-left: 0;
}

.navbar .navbar-nav > li.login-btn > a {
    background: #184B88;
    color: #f6f6f6 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



header.sticky {
    position: fixed;
    top: 0;
}


.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus {
    color: #f6f6f6;
    background: none;
}

.navbar-default .navbar-nav>.open>a:hover {
    color: #184B88;
    background: none;
}

#main-nav .navbar-nav .dropdown .dropdown-menu {
    background: #fff none repeat scroll 0 0;
    padding: 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: solid 3px #184B88;
    display: block;
    visibility: hidden;
    min-width: 250px;
    margin-top: 25px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(30, 31, 33, 0.15);
    -moz-box-shadow: 0px 0px 15px 5px rgba(30, 31, 33, 0.15);
    box-shadow: 0px 0px 15px 5px rgba(30, 31, 33, 0.15);
    z-index: 99;
    opacity: 0;
}

#main-nav .navbar-nav .dropdown.open .dropdown-menu {
    margin-top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: visible;
}

#main-nav .navbar-nav .open > .dropdown-menu {
    opacity: 1;
}

#main-nav .navbar-nav .open a {
    color: #184B88;
}

#main-nav .navbar-nav .dropdown-menu > li > a {
    font-family: 'Varela Round', sans-serif;
    padding: 5px 20px;
    font-weight: 600;
}

#main-nav .navbar-nav .dropdown-menu > li > a:focus,
#main-nav .navbar-nav .dropdown-menu > li > a:hover {
    background: none;
    color: #29b1df;
}

#main-nav .navbar-nav .dropdown-menu > li > a i {
    position: absolute;
    right: 15px;
}



#main-nav .navbar-nav .simple-menu .dropdown-menu {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 220px;
    max-width: 250px;
    left: 50%;
}

#main-nav .navbar-nav .simple-menu.open .dropdown-menu {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}



#main-nav .navbar-nav .simple-menu .dropdown-menu > .dropdown-submenu {
    position: relative;
}

#main-nav .navbar-nav .dropdown-menu > .dropdown-submenu > .dropdown-menu {
    top: -13px;
    left: 130%;
    visibility: hidden;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

#main-nav .navbar-nav .dropdown-menu > .dropdown-submenu.open > .dropdown-menu {
    left: 150%;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#main-nav .navbar-nav .dropdown-menu > .dropdown-submenu > .dropdown-menu.left {
    left: -30%;
}

#main-nav .navbar-nav .dropdown-menu > .dropdown-submenu.open > .dropdown-menu.left {
    left: -50%;
}

.top-header {
	padding: 10px 0;
    background-color: #184B88;
	font-size: 15px;
	font-weight: bold;
}

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


.top-header i {
	margin-right: 5px;
}

.top-header i.fa-envelope {
	margin-left: 10px;
}

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

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

.top-header .wpml-ls-link {
    padding-top: 0px!important;
}

/* --------------------------------------
    6. Footer
-------------------------------------- */



footer {
    position: relative;
	border-top: 4px solid #443088;
    background-color: #cce5ff;;
}

footer .footer-about .footer-text {
    margin-bottom: 30px;
}

footer .footer-info  {
    padding: 100px 0 50px 0;
}

footer .footer-info .h3 {
    padding-bottom: 40px;
}

footer ul.nopadding li {
    position: relative;
    padding: 0px 0px 10px 0px;
}

footer ul.nopadding li a {
    text-decoration: underline;
    text-underline-offset: 4px;
    color: #333;
    font-size: 16px;
    line-height: 26px;
}

footer ul.nopadding li a i {
    margin-right: 10px;
}


footer .copyright {
	color: #333;
    padding: 20px 0 50px 0;
}

footer .copyright span {
    color: #333;
    line-height: 40px;
}

footer .copyright span,
footer .copyright a {
    font-family: 'Varela Round', sans-serif;
    font-weight: 600;
}

footer .copyright .social-btn-roll {
    border: 1px solid transparent;
    background: none;
    color: #333;
}


.footer-gallery img {
    border-radius: 8px;
    margin-bottom: 10px;
}



/* --------------------------------------
    7. Inhaltselemente
-------------------------------------- */



/* --------------------------------------
    7.1 Banner
-------------------------------------- */

.job-search-form input {
    height: 50px;
    width: 100%;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 30px;
    font-size: 16px;
}

.job-search-form .btn {
    margin-top: 20px;
}

.job-search-form label {
    margin-bottom: 10px;
    font-size: 16px;
}

.job-search-form .search-location:before {
    content: '\f276';
    font-family: 'fontawesome';
    font-size: 22px;
    position: absolute;
    right: 30px;
    color: #999;
    line-height: 50px;
}

.job-search-form .search-submit button {
    width: 100%;
    margin: 0;
}

.job-search-form .search-submit button i {
    margin-right: 7px;
}

.extra-info span {
    font-size: 18px;
}

.extra-info a {
    font-size: 18px;
}

section.main3 {
    background-size: cover;
    background-position: center center;
}

section.main3 > div {
    position: relative;
    z-index: 4;
}

section.main3 .job-search-form {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

section.main3 .job-search-form .form-title {
    padding: 20px 0;
    margin-bottom: 30px;
    background: #f0f0f0;
    text-align: center;
}

section.main3 .job-search-form .form-title h4 {
    text-transform: uppercase;
	font-size: 20px;
}

section.main3 .job-search-form .search-keywords input,
section.main3 .job-search-form .search-categories .bootstrap-select button,
section.main3 .job-search-form .search-location input {
    border: 1px solid #e3e3e3;
    box-shadow: none !important;
    -webkit-appearance: none;
}

section.main3 .job-search-form .search-keywords,
section.main3 .job-search-form .search-categories,
section.main3 .job-search-form .search-location,
section.main3 .job-search-form .search-submit {
    padding: 0 30px;
}

section.main3 .job-search-form .search-location:before {
    right: 40px;
}

section.main3 .job-search-form .preis_wrapper,
section.main3 .job-search-form .preis_wrapper p,
section.main3 .job-search-form .dauer_wrapper p,
section.main3 .job-search-form .dauer_wrapper  {
	font-size: 20px;
}

#home-banner {
    padding: 150px 0;
}

#home-banner .text {
    margin-bottom: 50px;
}

#home-banner .text h1,
#home-banner .text h2,
#home-banner .text h3 {
    color: #fff;
    margin-bottom: 30px;
}

#home-banner .text p {
	font-size: 22px;
    line-height: 32px;
	color: #fff;
}

#home-banner .logo-banner {
	height: 80px;
	margin-bottom: 30px;
}


/* --------------------------------------
    7.2 Galerie
-------------------------------------- */

.fi_galerie img {
    border-radius: 8px;
    margin-bottom: 20px;
}

/* --------------------------------------
    7.3 Bild + Text
-------------------------------------- */

.fi_bild_text .section-title {
    margin-right: 20px;
}

/* --------------------------------------
    7.4  Text
-------------------------------------- */

.fi_text.text-gross p {
    font-size: 26px;
    line-height: 36px;
}



/* --------------------------------------
    7.5  FAQs
-------------------------------------- */

.ie_faqs .accordion {
	margin: 0;
	padding: 0;
}

.ie_faqs .accordion-item .accordion-panel h1,
.ie_faqs .accordion-item .accordion-panel h2,
.ie_faqs .accordion-item .accordion-panel h3 {
	margin-bottom: 20px;
}

.ie_faqs .accordion-thumb {
	margin: 0;
	padding: 25px;
	cursor: pointer;
	position: relative;
}

.ie_faqs .accordion-thumb h3,
.ie_faqs .accordion-thumb h2,
.ie_faqs .accordion-thumb h4 {
	font-size: 22px;
	line-height: 32px;
}

.ie_faqs .accordion-panel {
	padding: 35px;
    font-size: 18px;
    line-height: 28px;
}

.ie_faqs .accordion-thumb:hover,
.ie_faqs .accordion-item.is-active {
	background-color: #cce5ff;	
}

  
.ie_faqs .accordion-item .accordion-thumb:after,
.ie_faqs .accordion-item.is-active .accordion-thumb:after {
	font: normal normal normal 22px / 1 FontAwesome;
    font-size: 20px!important;
	content: "\f067";
	position: absolute;
	font-size: 1rem;
	top: 22px;
	right: 3px;
}
  
.ie_faqs .accordion-item .accordion-thumb:after,
.ie_faqs .accordion-item.is-active .accordion-thumb:after {
	font-size: 1rem;
	top: 26px;
	right: 20px;
}
  
.ie_faqs .accordion-item.is-active .accordion-thumb:after {
	    content: "\f068";
}
  
.ie_faqs .accordion-item {
	background-color: transparent;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	border-radius: 8px;
}
  


/* --------------------------------------
    7.6 Kontaktbereich
-------------------------------------- */

.ie_kontaktbereich iframe {
	border-radius: 8px;
	width: 100%!important;
}

.ie_kontaktbereich .kontakt-box {
	border-radius: 8px;
	background-color: #184B88;
	text-align: center;
	color: #fff;
	font-size: 20px;
	padding: 20px;
	margin-bottom: 10px;
}

.ie_kontaktbereich .kontakt-box a {
	color: #fff;
}

.ie_kontaktbereich .kontakt-box i {
	font-size: 20px!important;
	margin-right: 10px;
}

.ie_kontaktbereich .kontakt-box a:hover {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 4px;
}



/* --------------------------------------
    8. 404 Seite
-------------------------------------- */

section#page-not-found {
    background: url(images/img/404-bg.png) no-repeat;
    background-position: left center;
    text-align: center;
}

section#page-not-found h2 {
    font-size: 120px;
}


/* --------------------------------------
    9. Sidebar
-------------------------------------- */


.sidebar-box {
    background: #f0f0f0;
    padding: 20px 20px;
}

#sidebar {
	padding: 0 30px 0 30px;
}

#sidebar .booking-box h4 {
	font-size: 18px;
	margin: 0 0 20px 0;
    text-align: center;
}

#sidebar .btn {
	font-size: 12px;
	width: 100%;
	margin: 20px 0 0 0;
}

.buchen_sidebar .text-white {
    color: #fff!important;
}




/* --------------------------------------
    9. Parkwin Anpassungen
-------------------------------------- */


.pw-table-confirmation {
	margin: 20px 0 20px 0;
}

.pw-confirmation h1 {
	margin: 20px 0 0 0;
}

.parkwin_waeschen {
  display: none;
}

.bewertung.well  {
    margin-top: 20px;
}