.x-brand {
width: 90%;
max-width: 405px;
}
.x-btn-navbar {
z-index: 9999;
}
.x-navbar-inner {
padding-bottom: 30px;
}
.x-navbar .desktop .x-nav>li:last-child ul.sub-menu {
display: block;
transition:visibility 0.5s, opacity 0.5s; 
visibility: hidden; opacity:0;
}
.x-navbar .desktop .x-nav>li:last-child:hover ul.sub-menu {
transition:visibility 0.5s, opacity 0.5s; 
visibility: visible; opacity:1;
}
p.p-intro {
letter-spacing: 1px;
}
.x-text.infobox {
position: absolute;
width: auto;
height: auto;
max-width: 460px;
background-color: rgba(255,255,255,0.9);
font-size: 15px;
z-index: 9999;
bottom: 20px;
left: 20px;
padding: 10px;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; 
}
.x-text.infobox hr {
font-size: 18px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin: 0.5em 0 0.2em;
word-wrap: break-word; -moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
hr {
border-top: 1px solid rgba(0,0,0,0.15);
}
.subline {
font-size: 28px;
line-height: 1.3em;
}
h1,.h1 {
margin-top:1em;
font-size:400%;
line-height:1.1
}
h2,.h2 {
font-size:228.5%;
line-height:1.2
}
h3,.h3 {
font-size:171.4%;
line-height:1.3
}
h4,.h4 {
font-size:140%
}
h5,.h5 {
font-size:110%
}
h6,.h6 {
font-size:80%;
text-transform:uppercase
}
.letter-row {
position: absolute !important;
left: 0;
width: 100%;
top: 277px;
}
.letter-a {
margin-top: -69px;
}
.letter-l {
position: absolute;
right: -90px;
bottom: -40px;
}
.letter-l-klein {
position: absolute;
right: -30px;
top: -100px;
}
.letter-a-klein {
left: 0;
margin-top: -56px;
}
.header-green {
height: 150px;
}
.x-navbar .desktop .x-nav > li > a {
height: 30px!important;
margin-top: 90px;
padding-top: 0 !important;
}
.x-navbar .desktop .x-nav > li > a > span {
padding: 0.875em 0;
border:unset;
}
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
padding-left: 5px!important;
padding-right: 5px!important;
}
.x-navbar-fixed-top-active .x-navbar-wrap {
margin-bottom: 0!important;
}
.x-nav-wrap.mobile ul li.current_page_item {
background-color: #F1F4F7;
}
.x-navbar .mobile .x-nav li > a {
border: 1px solid rgba(0,0,0,0.15);
}
.x-btn-navbar, .x-btn-navbar.collapsed {
font-size: 35px!important;
}
.link-header {
right: 0;
top: 0;
padding-top: 5px;
position: absolute;
float: right;
text-align: right;
font: 1em titillium-400;
color: #0f71b8;
padding-right: calc(1.25em - 0.085em);
z-index: 9999;
}
.link-header a {
text-decoration: underline;
color: #0f71b8;
} .x-sub-toggle > span {
font-size: 25px;
}
.x-nav-tabs > .active > a {
font-size: 20px;
color: #fff!important;
background-color: #0f71b8;
}
.x-nav-tabs > li > a {
font-size: 20px;
color: #3b3a39!important;
background-color: #F1F4F7;	
}
.x-nav-tabs.top > li, .x-tab-content {
border: 1px solid rgba(0,0,0,0.15);
}
.x-nav-tabs.top > .active > a {
border-bottom: 1px solid #0f71b8;
}
.x-nav-tabs > li > a:hover, .x-nav-tabs-item.active a:hover {
background-color: #0f71b8;
border-bottom: 1px solid #0f71b8;
}
.h-feature-headline span i {
font-size: 1em;
padding-right: 25px;
}
.el65.x-anchor {
pointer-events: none;
}
.x-accordion-heading .x-accordion-toggle {
background-color: #F1F4F7;
}
.x-accordion-group {
border: 1px solid rgba(0,0,0,0.15);
}
.x-accordion-inner {
border-top: 1px solid rgba(0,0,0,0.15);
}
.x-accordion-group.datenschutz .x-accordion-heading .x-accordion-toggle{
padding: 2px 10px;
font-size: 100%;
color: #575757 !important;
}
.x-columnize {
column-rule:1px solid rgba(0,0,0,0.15);
}
.planso-form-builder .form-group {
margin-bottom: 25px;
}
.planso-form-builder .form-group h1 {
font-size: 168.5%;
border-bottom:1px solid rgba(0,0,0,0.15);
padding-bottom: 10px;
}
.planso-form-builder #psfield_241_2 {
width: 100px;
}
.planso-form-builder .form-group .btn[type="submit"] {
border-color: unset;
background-color: #0f71b8;
text-shadow: unset;
box-shadow: unset;
border-radius: 0.25em;
}
.planso-form-builder input[type="checkbox"] {
margin-right: 10px;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
border: 1px solid rgba(0,0,0,0.15);
}
footer h4 {
color: #3b3a39;
}
.x-colophon.top {
padding: 3% 0;
background-color: #0f71b8;
}
.x-colophon.bottom {
padding: 1% 0;
background-color: #3b3a39;
color: #fff;
}
.google-maps-widget {
margin-top: 30px!important;
}
@media all and (min-width: 980px) {
.x-navbar {
height: 138px;
}
}
@media all and (max-width: 980px) {
.link-header {
display: none;
}
}