body.blog article.masonry-blog-item .post-meta {
display: none !important;
}
@media all and (min-width: 1000px) {
.page-template-template-kostenrechner-neu-php #els_wrap #header-outer {
position: relative;
box-shadow:none !important;
}
.page-template-template-kostenrechner-neu-php #els_wrap #header-space {
height: 0 !important;
}
body.blog .container.main-content{
max-width: 1400px;
}
}
@media all and (max-width: 1550px) {
.header-info-cta a.link_text,
.header-info-cta h4 {
font-size: 17px !important;
}
.mapsvg-details-container {
background-color: rgba(255,255,255, 1);
display: none;
}
.medium-paragraph p {
font-size: 16px;
line-height: 30px;
letter-spacing: -0.3px;
font-weight: 300;
}
body #els_wrap h1{
font-size: 36px;
}
body #els_wrap h2{
font-size: 34px;
}
body #els_wrap h3{
font-size: 30px;
}
body #els_wrap h4{
font-size: 20px;
}
body #els_wrap h5{
font-size: 16px;
}
body #els_wrap h6{
font-size: 16px;
} body #els_wrap .nectar-cta h4{
font-size: 18px;
}
body #els_wrap .nectar-split-heading h3{
font-size: 26px;
} body #els_wrap .calculator-box h2 {
font-size: 22px;
line-height: 0;
}
body #els_wrap .select2-container{
max-width: 100%;
}
}
@media all and (max-width: 1400px) {
body.home #els_wrap .calculator-box{
margin: 0;
}
body #els_wrap .hotel-carousel .owl-item .featured-description h4 {
font-size: 20px;
line-height: 30px;
}
.owl-nav .owl-prev {
left: -50px;
}
.owl-nav .owl-next {
right: -50px;
}
}
@media all and (max-width: 1250px) {
body #els_wrap h1{
font-size: 30px;
}
body #els_wrap h2{
font-size: 28px;
}
body #els_wrap h3{
font-size: 24px;
}
body #els_wrap h4{
font-size: 18px;
}
body #els_wrap h5{
font-size: 15px;
}
body #els_wrap h6{
font-size: 15px;
}
body #els_wrap p{
font-size: 17px;
line-height: 30px;
}
body #els_wrap #kontakt-formular h3 {
font-size: 16px !important;
line-height: 20px;
}
body  .wpcf7 label,
body  .wpcf7 label span{
font-size: 16px !important;
letter-spacing: 0;
}
body  .wpcf7 .wpcf7-list-item-label{
font-size: 16px !important;
letter-spacing: 0;
}
body.home #els_wrap .calculator-box{
margin: 50px;
}
body #els_wrap .hotel-carousel .owl-item .featured-description h4 {
font-size: 18px;
line-height: 28px;
padding-left: 20px;
padding-right: 20px;
}
body #els_wrap .referenz-slider .testimonial-item-wrapper .inner {
padding: 35px;
}
body #els_wrap .referenz-slider .testimonial-item-wrapper  p {
font-size: 15px;
line-height: 170%;
height: 250px;
}
body #els_wrap .owl-nav .owl-prev {
left: -50px;
}
body #els_wrap .owl-nav .owl-next {
right: -50px;
}
body #els_wrap .front-image-border{
width: 50%;
}
body #els_wrap .calculator-column{
width: 50%;
}
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta {
display: block;
width: 100%;
}
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta .vc_column-inner {
width: 100%;
text-align: center;
padding: 30px 15px 15px 15px;
}
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta .vc_column-inner .nectar-cta {
display: inline-block;
margin: 7px 10px; 
}
#kostenrechner-wrapper .calculator-box{
margin: 0;
margin-right: 10px;
}
#kostenrechner-wrapper .form-wrapper {
margin: 0;
margin-left: 10px;
}
#kostenrechner-wrapper .right-side.calculator .nectar-video-box {
margin: 0;
margin-left: 10px;
margin-top: 30px;
}
#kostenrechner-wrapper .left-item .heading {
font-size: 15px;
}
#kostenrechner-wrapper .right-item .wert {
font-size: 15px;
}
#kostenrechner-wrapper .right-item .wert.wert-bold {
font-size: 17px;
}
#kostenrechner-wrapper .left-item {
width: 69%;
display: inline-block;
padding-left: 0px;
}
}
@media all and (max-width: 1100px) {
body #els_wrap .nectar-cta h4{
font-size: 16px;
}
body #els_wrap .nectar-split-heading h3 {
font-size: 20px;
}
body.home #els_wrap .calculator-box{
margin: 20px;
}
body #els_wrap .hotel-carousel .featured-description {
padding: 10px;
bottom: 10px;
left: 10px;
right: 10px;
min-height: auto;
}
body #els_wrap #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a,
body #els_wrap #top nav > ul > li[class*="button_solid_color"] > a,
body #els_wrap #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover,
body #els_wrap #header-outer[data-lhe="animated_underline"] #top nav > .sf-menu > li[class*="button_bordered"] > a,
body #els_wrap #top nav > ul > li[class*="button_bordered"] > a,
body #els_wrap #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a,
body #els_wrap #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_bordered"] > a:hover,
body #els_wrap #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a,
body #els_wrap #header-outer[data-lhe="animated_underline"] #top nav > ul > li[class*="button_solid_color"] > a {
margin-left: 15px;
margin-right: 15px;
font-size: 16px;
}
body #els_wrap .video-ablauf-column{
width: 70%;
margin-left: 15%;
padding-bottom: 50px;
}
body #els_wrap .ablauf-facts{
width: 100%;
}
}
@media all and (max-width: 999px) {
body #els_wrap .front-image-border{
width: 50%;
display:flex;
order: 1;
}
body #els_wrap .calculator-column{
width: 80%;
margin-left: 10%;
display:flex;
order: 3;
}
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta {
display: flex;
width: 50%;
order: 2;
}
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta .vc_column-inner {
text-align: left;
padding: 30px 15px 15px 15px;
}
body #els_wrap .header-info-cta a.link_text,
body #els_wrap .header-info-cta h4 {
font-size: 14px !important;
text-align: left;
}
body #els_wrap .header-info-cta .wpb_text_column.wpb_content_element  {
margin-bottom: 8px;
}
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta .vc_column-inner .nectar-cta {
display: inline-block;
margin: 0;
}
body #els_wrap .vc_column-inner{
padding-left: 0 !important;
padding-right: 0 !important;
}
#kostenrechner-wrapper {
display: block;
}
#kostenrechner-wrapper .calculator-box{
margin: 0 5%;
margin-bottom: 40px;
}
#kostenrechner-wrapper .left-side.calculator {
width: 100%;
display: block;
}
#kostenrechner-wrapper .right-side.calculator {
width: 100%;
display: block;
}
#kostenrechner-wrapper .form-wrapper {
margin: 0 5%;
margin-bottom: 40px;
}
#kostenrechner-wrapper .right-side.calculator .nectar-video-box {
margin: 0 5%;
margin-bottom: 40px;
}
#kostenrechner-wrapper .left-item .heading {
font-size: 15px;
}
#kostenrechner-wrapper .right-item .wert {
font-size: 15px;
}
#kostenrechner-wrapper .right-item .wert.wert-bold {
font-size: 17px;
}
#kostenrechner-wrapper .left-item {
width: 69%;
display: inline-block;
padding-left: 0px;
}
body #els_wrap .ablauf-image .hover-wrap {
box-shadow: none;
}
body #els_wrap .ablauf-image  {
width: 50%;
order: 1;
}
body #els_wrap .hotel-carousel-wrapper{
max-width: 90%;
margin: 0 auto;
}
body #els_wrap  .owl-nav .owl-prev {
left: -20px;
}
body #els_wrap .owl-nav .owl-next {
right: -20px;
}
#contactinfo{
display: none;
}
.vor-ort-wrapper .vc_col-sm-6 {
margin-bottom: 50px !important;
width: 80% !important;
margin-left: 10% !important;
}
.vor-ort-wrapper .vc_col-sm-4{
padding-right: 10px !important;
width: 32% !important;
}
.vor-ort-wrapper .vc_col-sm-8{
padding-right: 10px !important;
width: 65% !important;
}
#els_wrap #footer-widgets .col.span_4 {
width: 60%;
margin-left: 20%;
}
#copyright .col.span_5 {
width: 100%;
}
#copyright .col.span_7 {
width: 100%;
}
}
@media all and (max-width: 800px) {
body #els_wrap h1{
font-size: 26px;
}
body #els_wrap h2{
font-size: 24px;
}
body #els_wrap h3{
font-size: 23px;
}
body #els_wrap h4{
font-size: 18px;
}
body #els_wrap h5{
font-size: 17px;
}
body #els_wrap h6{
font-size: 17px;
}
body #els_wrap p{
font-size: 17px !important;
line-height: 30px;
}
body #els_wrap #kontakt-formular h3 {
font-size: 15px !important;
line-height: 20px;
}
}
@media all and (max-width: 690px) {
body #els_wrap .front-image-border {
width: 80%;
display: flex;
order: 3;
}
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta {
display: flex;
width: 80%;
order: 2;
margin-left: 10%;
}
body #els_wrap .calculator-column {
width: 90%;
margin-left: 5%;
display: flex;
order: 1;
}
body #els_wrap .video-ablauf-column {
width: 100%;
margin-left: 0;
padding-bottom: 50px;
}
body #els_wrap h1{
font-size: 26px;
}
body #els_wrap h2{
font-size: 24px;
}
body #els_wrap h3{
font-size: 23px;
}
body #els_wrap h4{
font-size: 17px;
}
body #els_wrap h5{
font-size: 15px;
}
body #els_wrap h6{
font-size: 15px;
}
body #els_wrap p{
font-size: 15px;
line-height: 30px;
}
body #els_wrap #kontakt-formular h3 {
font-size: 15px !important;
line-height: 20px;
}
body #els_wrap .hotel-carousel-wrapper{
max-width: 90%;
margin: 0 auto;
}
body #els_wrap  .owl-nav .owl-prev {
left: -40px;
}
body #els_wrap .owl-nav .owl-next {
right: -40px;
}
body #els_wrap .referenz-slider .testimonial-item-wrapper p {
font-size: 15px;
line-height: 170%;
height: 320px;
}
#kostenrechner-wrapper .calculator-box{
margin: 0;
margin-bottom: 40px;
}
#kostenrechner-wrapper .form-wrapper {
margin: 0;
margin-bottom: 40px;
}
#kostenrechner-wrapper .right-side.calculator .nectar-video-box {
margin: 0;
margin-bottom: 40px;
}
.map-links-mobile-only{
display:block;
}
#kontakt-formular .info-half .info-element-wrapper {
width: 100%;
display: inline-block;
padding: 2%;
}
#kontakt-formular .info-third .info-element-wrapper {
width: 100%;
display: inline-block;
padding: 2%;
}
.name-wrapper .field-wrapper {
display: inline-block;
width: 100%;
margin: 2% 0;
}
.kontakt-wrapper .field-wrapper {
display: inline-block;
width: 100%;
margin: 2% 0;
}
.leitfaden-left,
.leitfaden-right {
padding: 10px;
}
#els_wrap #footer-widgets .col.span_4 {
width: 100%;
margin-left: 0%;
}
}
@media all and ( max-width: 600px ) {
body #els_wrap .ablauf-image {
width: 60%;
order: 1;
}
body #els_wrap .hotel-carousel .owl-item .featured-description h4 {
font-size: 14px;
line-height: 22px;
padding-left: 10px;
padding-right: 10px;
}
body #els_wrap  .owl-nav{
text-align: center;
}
body #els_wrap  .owl-nav .owl-prev {
left: -10px;
position: relative;
top: 10px;
}
body #els_wrap .owl-nav .owl-next {
right: -10px;
position: relative;
top: 10px;
}
body #els_wrap .alignleft {
float: left;
margin-right: 15px;
display: block;
width: 80%;
clear: both;
margin: 10px 10%;
}
.vor-ort-wrapper .vc_col-sm-4{
width: 100% !important;
}
.vor-ort-wrapper .vc_col-sm-8{
width: 100% !important;
}
.modal.vorortmodal {
max-width: 100%;
padding: 20px 10px;
}
.mdc-left.ep2021left {
width: 100%;
padding: 10%;
border-right:0;
margin: 0;
float: none;
}
.mdc-right.ep2021right {
width: 100%;
float: none;
margin-left: 0;
max-height: 2000px;
overflow-y: scroll;
overflow-x: hidden;
padding-left: 10px;
padding-right: 20px;
border-left: 0;
position: relative;
left: 0px;
}
#kontakt-formular #cf7submit {
background: #73b731;
display: block;
margin-top: 20px;
margin: 0 auto;
margin-top: 20px;
width: 100%;
padding: 20px !important;
font-size: 16px;
font-weight: 700;
}
.vor-ort-wrapper .vc_col-sm-6 {
width: 100% !important;
margin-left: 0% !important;
}
.vorpcontent .modalinfobutton{
padding: 8px 20px;
}
}
@media all and ( max-width: 500px ) {
body #els_wrap .ablauf-image {
width: 60%;
order: 1;
}
body #els_wrap .nectar-cta h4 {
font-size: 14px;
}
body #els_wrap .nectar-cta h4 a{
padding: 0;
}
body #els_wrap .nectar-cta h4 text{
margin: 0;
}
body #els_wrap .nectar-cta h4 .next-arrow,
body #els_wrap .nectar-cta h4 .line{
display:none !important;
}
body #els_wrap .front-image-border {
width: 80%;
display: flex;
order: 3;
}
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta {
display: flex;
width: 90%;
order: 2;
margin-left: 5%;
}
body #els_wrap .calculator-column {
width: 100%;
margin-left: 0;
display: flex;
order: 1;
}
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta .vc_column-inner .nectar-cta {
display: block;
margin: 0;
}
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta .link_text:before,
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta .link_text:after,
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta .link_text .circle,
body #els_wrap .vc_col-sm-4.center-vertical.header-info-cta .link_text .arrow{
display:none !important;
}
#kostenrechner-wrapper  .Full-result .left-item{
width: 59%;
}
#kostenrechner-wrapper  .Full-result .right-item{
width: 39%;
}
#kostenrechner-wrapper {
padding-top: 0px;
padding-bottom: 30px;
}
}
@media all and (min-width: 380px) and (max-width: 419px) {
.container{
max-width: 360px;
}
}