body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li{padding:0;margin:0;}body,html{width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}a{outline:none !important;text-decoration:none;}ol,ul,li{list-style:none;}.clear{clear:both;line-height:0;font-size:0;height:0;width:0;overflow:hidden;visibility:hidden;display:block;}p{cursor:text;}b,strong{font-weight:bold;}img{-ms-interpolation-mode:bicubic;}li{display:list-item;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}a,a:hover,div:hover {-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
body,html {font-family: 'Manrope', sans-serif;text-rendering: optimizeLegibility; background:#fff;}
h1,h2,h3,h4,h5,h6 {font-family: 'Manrope', sans-serif;}
.siteholder {width:100%; max-width: 100%!important; padding-left: 0!important; padding-right: 0!important; margin-right:auto; margin-left:auto;}
.flex {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap:nowrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content:space-between;}
.wrapper {max-width:1280px; margin:auto;}
.mainheader {background:#fff; height:140px;}
.mainheader .header-holder .wrapper.flex {height:100px;}
.mainheader .topbar {width:100%; background:#f8f8f8; height:40px; line-height:40px;}
.mainheader .topbar .wrapper p {width:50%; color:#4c4c4c; font-size:0.76em; font-weight:700;}
.mainheader .topbar .wrapper div {width:auto; color:#e8000c; font-size:0.76em; text-align:right; font-weight:700;}
.mainheader .topbar .wrapper div a {color:#e8000c;}
.mainheader .topbar .icon {width:16px; height:16px; fill:#e8000c; margin-right:5px;}
.mainheader .topbar-standort.flex {justify-content:flex-end; align-items:center;}
.mainheader .topbar-standort span {padding:0 15px 0 0;}
.mainheader .logo {width:235px; height:auto; padding-top:12px; transition:all 0.3s ease-in-out;}
.mainheader .logo svg {width:100%; height:auto; display:block;}
.mainheader .header-holder {box-shadow: 0px 10px 24px -22px rgb(0 0 0 / 50%); height:100px; position: fixed;
top: 40px;
left: 50%;
background:rgba(255,255,255,1);
z-index:1000;
width: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); transition:all 0.3s ease-in-out;}
.mainheader .mainnav {height:100px; transition:all 0.3s ease-in-out;}
.mainheader .mainnav ul li {display:inline-block;padding:0 30px 0 0; position:relative;}
.mainheader .mainnav ul li:last-child {padding:0;}
.mainheader .mainnav a {display:block; padding:40px 0; color:#252525; font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:0.03em;}
.mainheader .mainnav a:hover {color:#e8000c;}
.mainheader .mainnav ul li.current-menu-item a, .mainheader .mainnav ul li.current-page-parent a, .mainheader .mainnav ul li.current-menu-parent a  {color:#e8000c;}
.mainheader .mainnav .mobile {display:none;}
.mainheader .icon-fb {border-radius:8px; background:#f8f8f8; padding:0; height:36px; width:36px; text-align:center; line-height:40px; display:block;}
.mainheader .icon-fb .icon {height:1em; width:1em; fill:#373737;}
.mainheader .icon-fb:hover {background:#e8000c;}
.mainheader .icon-fb:hover .icon {fill:#fff;}
.mainheader .icon-fb {align-self: center;}
.mainheader .mainnav #toggle-mainnav {display:none;}
@media (min-width:1023px){
.mainheader .mainnav li .sub-menu {display:none; background:#fff; padding:20px; box-shadow:0 0px 15px rgb(0 0 0 / 15%); -webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; top:0;}
.mainheader .mainnav li .sub-menu li {display:block; padding:0;}
.mainheader .mainnav li .sub-menu li a {
border: none;
text-transform: none;
padding: 10px;
margin-bottom: 1px;
background: #f8f8f8;
line-height: 1.4em;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;display:block; font-weight:700; font-size:0.9em; color:#373737;}
.mainheader .mainnav li .sub-menu li.current-menu-item a {background:#e8000c; color:#fff;}
.mainheader .mainnav li .sub-menu li a:hover {background:#e8000c; color:#fff;}
.mainheader .mainnav li:hover .sub-menu {display:block; position:absolute; top:75px; width:320px;} .mainnav .menu-hauptmenue-container ul.wp-mainnav > li ul .back a {display:none;}
html.scrolled .mainheader .mainnav a {padding:30px 0;}
}
html.scrolled .mainheader .header-holder {height:80px; top:0; background:rgba(255,255,255,0.9);}
html.scrolled .mainnav {height:80px;}
html.scrolled .mainheader .logo {width:180px; padding-top:12px;}
html.scrolled .mainheader .header-holder .wrapper.flex {height:80px;}
.btn {box-shadow: 0 3px 6px rgba(0,0,0,0.0), 0 3px 6px rgba(0,0,0,0.0);}
.btn:hover {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.icon {-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} .text-red {color:#e8000c;}
.bildslider {display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 1.5rem;
justify-items: center;
padding: 0;}
.bildslider img {width:100%; height:auto;}
.bildslider .text-container {display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
padding: .5rem;
text-align: center; overflow:hidden;
}
.bildslider .box-caption {
position: absolute;
max-width: 820px;
margin: 0;
padding:0;
word-break: break-word;
font-size:4em; text-align:center; color:#fff; font-weight:700; text-shadow: 1px 1px 2px #000000;
line-height:1.2em;
}
.bildslider .box-caption .subtext {display:block; font-size:1.6rem; font-weight:300; line-height:1em;}
.bildslider .box-caption .subtext:before {content:""; height:5px; width:320px; background:#e8000c; display:block; margin:20px auto 25px auto;}
.titel-holder {padding:90px 0 95px 0; background:url(//youarus.de/wp-content/themes/2023_youarus/media/layout/skyline-titel-holder.jpg) bottom center no-repeat #e8000c; background-size:contain; box-shadow: 0px 5px 25px 5px rgb(0 0 0 / 30%);}
.titel-holder .container {color:#fff; width:100%;}
.titel-holder .container h1 {font-size:4em; margin:0 0 15px 0;overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; line-height:1.1em; max-width: 90%;}
.titel-holder .container span {font-size:1.3em; line-height:1.8em; font-style:italic;}
.titel-holder span.category-text {font-weight:700; text-transform:uppercase; font-size:1em; opacity:0.5; font-style:normal;}
.introinfo-box {margin:-78px auto 0 auto; z-index:20; position:relative;}
.introinfo-box .claim {width:560px; background:#e8000c; padding:15px 80px 10px 80px; color:#fff;}
.introinfo-box .claim.flex {justify-content:flex-start; align-items:center;}
.introinfo-box .claim .icon {width:40px; height:40px; fill:#fff;}
.introinfo-box .claim span {text-transform:uppercase; font-weight:700; letter-spacing:0.03em; padding:0 0 0 20px; font-size:0.9rem;}
.introinfo-box .textbox {border-top:5px solid #e8000c; background:#fff; box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%); padding:50px 80px;}
.introinfo-box .textbox.flex {align-items:center;}
.introinfo-box .btn {width:40%; margin:0;}
.introinfo-box .btn:hover {background:#141414; color:#fff;}
.introinfo-box .textbox strong {font-size:1.4em; color:#605b5b; display:block;padding:0 0 15px 0; font-weight:700;}
.introinfo-box .textbox p {max-width:500px; font-size:1.3em; line-height:30px; color:#605b5b;}
.introinfo-box .textbox .text-red {font-weight:700;}
.wrapper-wide {display:flex; flex-wrap:wrap; width: 100%; max-width: 1440px; margin: 0 auto; position:relative;}
.contentholder {max-width: 100%!important;
padding-left: 0!important;
padding-right: 0!important;}
.contentholder img {display:block;}
.contentholder .content-layer-image {}
.contentholder .content-layer-image img {width:100%; height:auto;}
.contentholder .content-layer-inhalt {background:#e8000c; padding:100px 90px 110px 90px; color:#fff;}
.contentholder .content-layer-inhalt p {font-size:1em; line-height:28px; margin:0 0 20px 0; letter-spacing:0.03em;}
.contentholder .content-layer-inhalt p:last-of-type {margin:0;}
.contentholder .content-layer-inhalt .btn {width:70%; padding:0 4%;margin:40px 0 0 0;}
.contentholder .btn {border-radius:8px; height:60px; line-height:60px; font-size:1em; font-weight:700; padding:0 2%;display:flex; justify-content:space-between; align-items:center;} 
.contentholder .btn .icon-arrow-long-right {width:2rem; height:2rem;}
.contentholder .btn.btn-red {background:#e8000c; color:#fff; fill:#fff;}
.contentholder .btn.btn-grey {background:#605b5b; color:#fff; fill:#fff;}
.contentholder .btn.btn-white {background:#fff; color:#e8000c; fill:#e8000c;}
.contentholder .btn:hover {background:#141414; color:#fff;}
.spacer {position: relative;
display: table;
margin: 30px auto;
width: 100%;
max-width: 400px;
border-bottom: 1px solid #e8000c;}
.red-bar {position: absolute;
left: 0;
right: 0;
top: -1px;
display: block;
margin: 0px auto 0;
width: 100px;
border-bottom: 3px solid #e8000c;}
.spacer.border-white, .spacer.border-white .red-bar {border-bottom-color:#fff;}
.headline-subtext {font-size:1.1em; color:#808080; text-align:center; display:block; margin-top:25px;}
#start-ueberuns {margin:100px auto 0 auto; background:#fff;}
#start-ueberuns .content-layer-image {width:50%; z-index:50;}
#start-ueberuns .content-layer-inhalt {width:55%; z-index:60; margin:0 0 0 auto; position:absolute; right:0; bottom:-60px;}
#start-ueberuns .content-layer-inhalt h1 {font-size:1.76em; line-height:42px; text-align:center; font-weight:400;}
#immobilienangebote {margin:160px 0 0 0; background:#f8f8f8; padding:90px 0;}
#immobilienangebote h2 {font-size:2em; color:#5f5f5f; font-weight:700; text-align:center;}
.es-wrap.youarus .es-dropdown-container {display:none;}
.es-listing .es-property-inner {border:none!important; background:#fff!important; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); margin:0!important; border-radius:0;}
.es-layout-2_col .properties .es-property-thumbnail, .es-layout-3_col .properties .es-property-thumbnail {padding:0!important; border-radius:0; margin:0;}
.es-listing .es-property-inner .es-property-info h2 a {font-weight:600; font-size:1.0rem; line-height:1.45rem; color:#3d3c47; padding:0; height:5em; overflow: hidden;  text-overflow: ellipsis;}
.es-listing .es-property-inner .es-property-thumbnail .es-thumbnail .es-thumbnail-bottom {z-index:-1000; visibility:hidden; display:none;}
.es-listing .properties {margin:0; transition: all 300ms ease;}
.es-wrap .es-listing {padding:0; display:flex; justify-content:space-between; flex-wrap:nowrap;}
.es-wrap .es-listing > div.properties {flex:0 0 31.5%; transition: all 300ms ease;}
.es-layout-2_col .es-col-view, .es-layout-3_col .es-col-view {padding:45px 15px 0 15px; position:relative;}
.es-layout-2_col .es-col-view .es-price, .es-layout-3_col .es-col-view .es-price {position:absolute; top:-21px; background:#006e7e; color:#fff;text-align:center; padding:8px 14px; font-size:1.0rem; font-weight:600;}
.es-layout-2_col .es-col-view .es-price:after, .es-layout-3_col .es-col-view .es-price:after {
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #006e7e transparent transparent transparent; display: block;
position: absolute;
bottom: -10px;
left: 50%;
margin: 0 0 0 -10px;}
.es-layout-2_col .properties .es-property-inner, .es-layout-3_col .properties .es-property-inner {border:1px solid #fff!important; transition: all 300ms ease;}
.es-layout-2_col .properties:hover .es-property-inner, .es-layout-3_col .properties:hover .es-property-inner {border:1px solid #006e7e!important; box-shadow: 0 10px 20px rgba(0,0,0,0.29), 0 6px 6px rgba(0,0,0,0.33);}
.es-layout-2_col .properties .es-bottom-info, .es-layout-3_col .properties .es-bottom-info {background:#fff!important; padding:10px 15px 15px 15px;}
.es-layout-2_col .properties .es-bottom-icon-cols, .es-layout-3_col .properties .es-bottom-icon-cols {padding:0;}
.es-layout-2_col .properties .es-bottom-icon-cols .es-bottom-icon, .es-layout-3_col .properties .es-bottom-icon-cols .es-bottom-icon {color:#006e7e; background:#f1f1f1; font-size:0.75rem; padding:10px 0;}
.es-layout-2_col .properties .es-details-wrap, .es-layout-3_col .properties .es-details-wrap {transition: all 300ms ease; background:#fff!important; padding:15px 0!important;}
.es-layout-2_col .properties:hover .es-details-wrap, .es-layout-3_col .properties:hover .es-details-wrap {border:none!important;}
.es-listing .es-property-inner:hover .es-property-thumbnail {opacity:1!important;}
.es-property-label-wrap {top:15px; left:15px;}
.es-property-label-wrap .es-property-label {margin:0; padding:6px; font-size:0.8rem; font-weight:400;}
.es-property-label-mietwohnung {color:#006e7e!important;}
.es-property-label-eigentumswohnung {color:#002e3c!important;}
.es-layout-2_col .properties .es-bottom-icon-cols .es-bottom-icon .es-icon, .es-layout-3_col .properties .es-bottom-icon-cols .es-bottom-icon .es-icon {margin:0 auto 3px auto;}
.epl-paginate-default-wrapper {display:none;}
#site-immobilienangebote .contenttext {width:100%; border-radius:8px;}
#immoangebote h2 {text-align:center; font-size:1.6em; color:#141414;}
#service {padding:90px 0; background:#fff;}
.inhaltsite #service {padding:90px 0 0 0;}
.inhaltsite #service h2 {
font-size: 1.6em;
color: #141414;
font-weight: 700;
text-align: center;}
#service h2 {font-size:2em; color:#5f5f5f; font-weight:700; text-align:center;}
#service .flex {margin-top:45px; border:1px solid #ddd;}
#service .itembox {flex:0 0 25%; border-right:1px solid #ddd;}
#service .itembox .box-inhalt {padding:40px 35px;}
#service .itembox h3 {color:#3b3737; font-weight:700; font-size:1em; margin:25px 0 15px 0;}
#service .itembox p {font-size:0.92em; color:#3b3737; line-height:24px;}
#service .itembox:last-child {border:none;}
#service .text-info-container {font-size:1.1em; line-height:32px; width:100%; color:#3b3737; max-width:80%; margin:50px auto 0 auto; text-align:center;}
#service .icon {width:64px; height:64px; fill:#3b3737;}
#service .itembox:hover {box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%);}
#service .itembox:hover .icon {fill:#e8000c;}
#kundenstimmen {padding:90px 0; background:#fff;}
#kundenstimmen .spacer {margin:30px auto 45px auto;}
#kundenstimmen h2 {font-size:1.6em; color:#141414; font-weight:700; text-align:center;}
#kundenstimmen .wrapper.flex {flex-wrap:wrap; justify-content:center;}
#kundenstimmen .col-review {width:60%; background:#f8f8f8; padding:50px; margin:50px 0 0 0; position:relative; box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%);}
#kundenstimmen .col-review:nth-child(1) {margin:0;}
#kundenstimmen .col-review span {font-size:0.8em; font-weight:700; font-style:italic;display:inline-block; color:#606060;}
#kundenstimmen .col-review span:nth-of-type(1) {padding-right:20px;}
#kundenstimmen .col-review .custom-html-widget:before {
color: #e8000c;
content: "\201C";
font-size: 9rem;
font-weight: 700;
left: 25px;
line-height: 1;
position: absolute;
top: -45px;
z-index: 5; display:block; text-align:left;}
#kundenstimmen .col-review:nth-child(2) .custom-html-widget:before {content: "\201C"; left:inherit; right:25px;}
#kundenstimmen .col-review:nth-child(2) {text-align:right;}
#kundenstimmen .col-review p {margin:0 0 5px 0; line-height:1.7em; color:#404040; font-weight:700;}
#kooperationspartner .wrapper.flex {justify-content:center;}
#kooperationspartner .col-partner {width:50%; background:#f8f8f8; margin:50px auto 0 auto; position:relative; padding:50px 30px 65px 30px; box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%);}
#kooperationspartner .col-partner h3 {margin:0 0 10px 0; color:#141414; font-size:17px; min-height:40px;}
#kooperationspartner .col-partner p {margin:0 auto 20px auto; font-size:14px; line-height:21px; width:100%!important;}
#kooperationspartner .col-partner a {color:#e8000c; font-weight:700; position: absolute; bottom: 30px; left: 0; width: 100%;}
#kooperationspartner .col-partner a:hover {color:#141414;}
#kooperationspartner .col-partner a:before {content:"\27F6"; display:inline-block; padding-right:10px; font-size:1em;}
#kooperationspartner .col-partner .custom-html-widget {}
#kooperationspartner .image-teaser-full {max-width:1280px; margin:0 auto; border-radius:8px; overflow:hidden; box-shadow: 0 0 5px rgb(0 0 0 / 20%);}
#kooperationspartner .image-teaser-full img {width:100%; height:auto;}
#kooperationspartner .contenttext.flex {flex-wrap:wrap; padding:50px 0 0 0; justify-content:center;}
#kooperationspartner .contenttext.flex h2 {width:100%;}
#kooperationspartner .contenttext.flex p {width:86%;}
#kooperationspartner .contenttext.flex > div {width:47%;}
#leistungen {padding:0 0 160px 0; background:url(//youarus.de/wp-content/themes/2023_youarus/media/layout/youarus-immobilien-ottweiler.jpg) bottom center no-repeat #fff;}
#leistungen .content-layer-image {width:60%; z-index:50; margin:-32% 0px 0px auto;}
#leistungen .content-layer-inhalt {width:54%; z-index:60;}
#leistungen .content-layer-inhalt h2 {font-size:1.76em; line-height:42px; text-align:center; font-weight:400;}
#leistungen .content-layer-inhalt ul {display: flex; flex-wrap: wrap; justify-content: space-between; list-style: outside;  padding: 0 0 0 30px;}
#leistungen .content-layer-inhalt ul li {margin:15px 0 0 0; font-weight:700; letter-spacing:0.03em; font-size:1em; color:#fff; width:100%; position:relative;}
#leistungen .content-layer-inhalt ul li .icon {width:1em; height:1em; fill:#fff; position:absolute; left:-30px; top:2px;}
#infoteaser {background:#f8f8f8; padding:75px 0;}
#infoteaser .iteminfo-holder.flex {flex-wrap:wrap;}
#infoteaser .infoteaser-full {margin-top:25px; width:100%; border-top:5px solid #e8000c; padding:50px; background:#fff; box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%);}
#infoteaser .iteminfo-holder .iteminfo-box {width:32%; box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%); background:#fff; padding:40px 30px; text-align:center;}
#infoteaser .iteminfo-holder .iteminfo-box h4 {min-height:60px; color:#3b3737; font-weight:700; font-size:1.2em; margin:15px 0 0px 0;}
#infoteaser .iteminfo-holder .iteminfo-box p {font-size:1em; letter-spacing:0.02em; color:#605b5b;}
#infoteaser .iteminfo-holder .iteminfo-box {font-size:0.92em; color:#3b3737; line-height:24px;}
#infoteaser .iteminfo-holder .iteminfo-box .icon {width:64px; height:64px; fill:#3b3737;}
#infoteaser .iteminfo-holder .iteminfo-box:hover {box-shadow: 0 1px 5px rgb(0 0 0 / 10%), 0 1px 20px rgb(0 0 0 / 20%);}
#infoteaser .iteminfo-holder .iteminfo-box:hover .icon {fill:#e8000c;}
#infoteaser .infoteaser-full.flex {align-items:center;}
#infoteaser .infoteaser-full strong {font-size:1.4em; color:#605b5b; display:block;padding:0 0 15px 0;}
#infoteaser .infoteaser-full p {max-width:500px; font-size:1.3em; line-height:30px; color:#605b5b;}
#infoteaser .infoteaser-full .text-red {font-weight:700;}
#infoteaser .infoteaser-full .btn-holder-main {width:35%; margin:0;}
#infoteaser .infoteaser-full .btn-holder {width:100%; margin:0;}
#infoteaser .infoteaser-full .btn-holder:nth-of-type(2) {margin-top:10px;}
#infoteaser .infoteaser-full .btn-holder span {padding:0 0 10px 5%; display:block;font-weight:700;}
#infoteaser .infoteaser-full .btn {border-radius:8px; height:60px; line-height:60px; padding:0 0 0 5%; font-size:1em; font-weight:700; width:95%; display:flex; margin:0; position:relative; background:#e8000c; color:#fff;}
#infoteaser .infoteaser-full .btn .icon-arrow-long-right {position:absolute; right:25px;}
#infoteaser .infoteaser-full .btn span {display:block; font-size:0.8em;}
#infoteaser .infoteaser-full .btn:hover {background:#141414; color:#fff;}
.contentholder.inhaltsite p {font-size:1em; line-height:1.9em; margin:0 0 25px 0; font-weight:500; color:#404040;}
.contentholder.inhaltsite p.margin-less {margin:0 0 10px 0;}
.text {padding:90px 0;}
#impressum.text .wrapper.flex {flex-wrap:wrap; padding:50px 50px 0 50px;}
#impressum.text .wrapper.flex > div {width:46%;}
#impressum.text h2 {margin-bottom:15px; width:100%; color:#404040;}
#impressum.text h3 {font-size:1.2em; margin-bottom:10px; color:#404040;}
.contenttext {width:50%; background:#f8f8f8; padding:50px;}
.contenttext p:last-child {margin:0;}
.contenttext h2 {font-size: 1.76em;line-height:42px;margin:0 0 25px 0;font-weight:400; color:#5f5f5f;}
.contentimage {width:50%;}
.contentimage img {width:100%; height:auto;}
.contentholder.inhaltsite #leistungen {padding:90px 0 75px 0;}
#unternehmen {padding:140px 0 0px 0;}
#unternehmen .contenttext {width:100%; background:#fff; padding:0;}
#unternehmen .contenttext h2 {font-size: 1.6em;
color: #141414;
font-weight: 700;
text-align: center;}
#unternehmen .wp-block-columns {display:flex; justify-content:space-between; align-items:center; background:#f8f8f8;}
#unternehmen .wp-block-columns > div {width:50%;}
#unternehmen .wp-block-columns .size-full {margin:0; padding:10px 0 0 10px;}
#unternehmen .wp-block-columns .size-full img {display:block;width:100%; height:auto;}
#unternehmen .wp-block-column.col-2-text {padding:50px 50px 0 50px;}
#unternehmen .contenttext .text-last {padding:30px 50px; background:#f8f8f8;}
#leistungen .contenttext, #kooperationspartner .contenttext {width:100%; background:#fff;}
#kooperationspartner .contenttext {text-align:center;}
#leistungen .contenttext h2, #kooperationspartner .contenttext h2, {font-weight:500; margin:45px 0 10px 0;}
#leistungen .contenttext h2:first-child, #kooperationspartner .contenttext h2:first-child {margin:0 0 10px 0;}
#kooperationspartner .contenttext h2:after {content:""; height:2px; width:100px; background:#e8000c; display:block; margin:12px 0 0 0;}
#leistungen .contenttext {padding:50px 0 0 0;}
#leistungen .contenttext.flex {flex-wrap:wrap;}
#leistungen .contenttext.flex > div {width:48%; margin:0 0 45px 0;  box-shadow: rgb(5 66 65 / 8%) 0px 18px 45px 0px; border-radius:8px; padding:50px 30px;}
#leistungen .contenttext.flex > div.itembox-full {width:100%; margin:0;}
#leistungen .contenttext.flex > div.itembox-full ul {margin:0!important;}
#leistungen .contenttext.flex > div.itembox-full p {text-align:center;}
#leistungen .contenttext.flex > div h2 {font-size: 1.46em;
color: #141414;
font-weight: 700;
text-align: center; margin:10px 0 25px 0;}
#leistungen .contenttext h2:after {content:""; height:2px; width:100px; background:#e8000c; display:block; margin:12px auto 0 auto; text-align:center;}
#leistungen .contenttext.flex .itembox-leistungen .wrap-icon {width:100px; height:100px; background:#e8000c; border-radius:100%; margin:0 auto; display:flex; text-align:center; align-items: center;
justify-content: center; padding:1em; line-height:4em;}
#leistungen .contenttext.flex .itembox-leistungen .icon {width:3.6em; height:3.6em; fill:#fff;}
#leistungen .introtext {width:100%; text-align:center; padding:50px 0 0 0;}
#leistungen .introtext p {margin:0 auto; max-width:86%;}
#kooperationspartner .contenttext h2:after {margin:12px auto 0 auto;}
.contentholder.inhaltsite #unternehmen .flex {align-items:center;}
.contentholder.inhaltsite ul {display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: outside; list-style-position: outside;
padding:30px 30px 50px 50px; margin:0 0 35px 0; background:#f8f8f8; font-size:1em;}
.contentholder.inhaltsite ul li {
margin: 15px 0 0 0;
font-weight: 400;
letter-spacing: 0em;
width: 100%;
position: relative; padding:5px 30px; text-indent: -1.4em;
}
.contentholder.inhaltsite ul li:before {content:"•"; color:#e8000c; font-size:1.2em; padding-right:10px;}
#kontakt .contenttext {width:61%; background:#fff; padding:50px 50px 50px 0;}
#kontakt .contenttext h2 {color:#141414; font-weight:700; font-size:1.4em; line-height:1.5em; margin:50px 0 0 0;}
#kontakt .contenttext h2:first-child {margin:0 0 20px 0;}
#kontakt .col-ansprechpartner {width:39%; background:#f8f8f8; padding:50px;}
#kontakt .col-ansprechpartner h2 {font-weight:400; font-size: 1.76em;line-height:42px;margin:0 0 25px 0; color:#e8000c;}
#kontakt .col-ansprechpartner img {width:100%; height:auto; margin:15px auto; display:block;}
#kontakt .col-ansprechpartner .col-kontakt-partner:nth-of-type(1) p {font-size:0.85em;}
#kontakt .col-ansprechpartner:last-child .col-kontakt-partner {margin-top:30px;}
#kontakt .col-ansprechpartner h3 {color:#e8000c; font-size:1.2em; font-weight:700;}
#kontakt .col-ansprechpartner span {font-style:italic; font-size:0.9em; color:#606060;}
#kontakt .col-ansprechpartner a {display:block; color:#404040; font-weight:500; font-size:0.94em;position:relative; margin:0 0 11px 0;}
#kontakt .col-ansprechpartner a:hover {color:#e8000c;}
#kontakt .col-ansprechpartner a:last-child {margin:0;}
#kontakt .col-ansprechpartner p.flex {line-height:1.4em;}
#kontakt .col-ansprechpartner p.infotel span{color:#404040; font-style:normal; font-size:0.94em;}
#kontakt .col-ansprechpartner p.infotel .icon {fill:#404040;}
#kontakt .col-ansprechpartner p:last-child {margin:0; line-height:normal;}
#kontakt .col-ansprechpartner p.text-einleitung {line-height:23px;}
#kontakt .col-ansprechpartner .icon {width:1em; height:1em; padding-right:5px; fill:#404040;position:relative; top:3px; font-size:1.2em;}
#kontakt .standort-wrapper {width:100%;display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:25px;}
#kontakt .standort-wrapper .col-standort-holder {width:100%; box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%); padding:50px; font-size:0.92em; margin:0 0 25px 0;}
#kontakt .standort-wrapper .col-standort-holder .icon {width:1em; height:1em; font-size:2em;}
#kontakt .standort-wrapper .col-standort-holder .text-day {display:inline-block; min-width:75px; }
#kontakt .standort-wrapper .col-standort-holder h5 {color:#e8000c; font-size:1.2em; font-weight:700; display:flex; align-items:center; margin:0 0 20px 0;}
#kontakt .standort-wrapper .col-standort-holder h5 .icon {width:22px; height:22px; font-size:inherit; fill:#e8000c; margin-right:5px;}
#kontakt .standort-wrapper .col-standort-holder p {line-height:27px; margin:0; width:45%; display:inline-block; vertical-align: top;}
#kontakt .standort-wrapper .col-standort-holder p:last-child {margin:0;}
#kontakt .standort-wrapper .col-standort-holder a {color:#404040;}
#kontakt .standort-wrapper .col-standort-holder .btn {width:42%; padding:0 2.5%;}
#kontakt .standort-wrapper .col-standort-holder .btn.btn-tel {background:#fff; border:1px solid #141414; color:#141414;}
#kontakt .standort-wrapper .col-standort-holder .btn.btn-anfahrt {background:#e8000c; border:1px solid #e8000c; color:#fff;}
#kontakt .standort-wrapper .col-standort-holder .btn.btn-tel:hover {background:#141414; border:1px solid #141414; color:#fff;}
#kontakt .standort-wrapper .col-standort-holder .btn.btn-anfahrt:hover {background:#e8000c; border:1px solid #e8000c; color:#fff;}
#kontakt .standort-wrapper .col-standort-holder .site-kontakt {display:flex; justify-content:space-between; margin-top:25px;}
#kontakt .standort-wrapper .col-standort-holder .btn:after {content:"\27F6";}
#kontakt .contactform {width:100%;}
#kontaktformular {padding:0 0 90px 0;}
#kontaktformular .contactform h2 {text-align:center; display:block;color:#000000;}
#kontaktformular .contactform .text-after-heading {    font-size: 1.1em;
line-height: 32px;
width: 100%;
color: #3b3737;
max-width: 80%;
margin: 30px auto 0 auto;
text-align: center;}
#kontakt .standort-wrapper .col-standort-holder .social-link {display:block;}
#kontakt .standort-wrapper .col-standort-holder .social-link .icon {width:1em; height:1em; font-size:1em;}
.contactform-holder {width:80%; margin:30px auto 0 auto;}
.contactform-holder .wpforms-field-container {display:flex; flex-wrap:wrap; justify-content:space-between;}
.contactform-holder .wpforms-field-container .col-input-half {width:48%;}
.contactform-holder .wpforms-field-container .col-input-full {width:100%;}
.contactform-holder .wpforms-field-container .col-input-half input {max-width:100%!important; height:46px!important;}
.contactform-holder .wpforms-field-container .col-input-half.col-checkbox-choice {}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container ul {margin:0!important;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container ul li:before {display:none;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container ul li {display:flex; justify-content:flex-start; margin-bottom:12px!important;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container ul li input[type="checkbox"] {cursor:pointer; width:18px; height:18px!important; position:absolute; display:block; margin:0; left:0; border:none; visibility:hidden;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container ul li input[type="checkbox"]+label::before {content:""; background-color:#ddd; display:block; width:20px; height:20px; position:absolute; left:0; border-radius:4px;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container ul li input[type="checkbox"]:checked+label::before {background-color:#8acb0d; color:#fff;} 
.contentholder.inhaltsite .contactform-holder .wpforms-field-container ul li label {font-size:0.92em; padding:0 0 0 26px;}
.contentholder.inhaltsite .contactform-holder div.wpforms-container-full .wpforms-form .wpforms-field-label {margin-bottom:8px;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container .col-btn-disclaimer {background:#f8f8f8; padding:25px 50px 15px 50px; margin-top:15px;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container .col-btn-disclaimer a {color:#e8000c; font-weight:700;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container .col-btn-disclaimer label {line-height:1.5em; margin: 0 0 0 30px; padding:0;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container .col-btn-disclaimer input {cursor:pointer; width:20px; height:20px!important; position:absolute; margin:3px 8px 0 0;}
.contentholder.inhaltsite .contactform-holder .wpforms-submit-container {background:#f8f8f8; padding:0 50px 25px 50px;}
.contentholder.inhaltsite .contactform-holder div.wpforms-container-full .wpforms-form button[type=submit] {border-radius:8px; height:60px; line-height:60px; font-size:1em; font-weight:700; padding:0 2%;display:flex; justify-content:space-between; align-items:center; color:#fff; background:#e8000c; border-color:#e8000c; width:400px; -webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.contentholder.inhaltsite .contactform-holder div.wpforms-container-full .wpforms-form button:after {content:"\27F6";}
.contentholder.inhaltsite .contactform-holder div.wpforms-container-full .wpforms-form button:hover {box-shadow:0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%); background:#141414; border-color:#141414;}
.contentholder.inhaltsite .contactform-holder .wpforms-confirmation-container-full {background: #8acb0d;
border: none;
color: #fff!important;
padding: 50px;
border-radius: 8px;}
.contentholder.inhaltsite .contactform-holder .wpforms-confirmation-container-full p {color:#fff; font-weight:500; line-height:1.8em;}
.contentholder.inhaltsite .contactform-holder .wpforms-confirmation-container-full strong {font-size:1.3rem; font-weight:700;}
.footer {background:#252525; padding:75px 0 0 0; color:#fff; letter-spacing:0.03em;}
.footer a {color:#fff;}
.footer a:hover {color:#e8000c;}
.footer .col-adresse-holder {width:60%; display:flex; flex-wrap:wrap;}
.footer .col-adresse {width:50%; font-size:0.92em;}
.footer .col-adresse .text-day {display:block; font-size:0.9em;}
.footer .col-adresse .text-hinweis-termine {display:block; font-size:0.9em;}
.footer h5 {color:#fff; font-size:1.2em; font-weight:700; display:flex; align-items:center;}
.footer h5 .icon {width:22px; height:22px; font-size:inherit; fill:#e8000c; margin-right:5px;}
.footer .col-adresse p {line-height:27px; margin:18px 0 0 0;}
.footer .col-adresse p:last-child {margin:10px 0 0 0;}
.footer .col-kontakt {width:100%; font-size:0.92em; margin-top:40px;}
.footer .col-kontakt h5 {margin-bottom:14px;}
.footer .col-kontakt p {line-height:27px; margin:0 0 6px 0;}
.footer .col-kontakt p:last-child {margin:12px 0 0 0;}
.footer .col-kontakt .text-person {font-weight:700; display:inline-block; min-width:160px;}
.footer .col-kontakt .icon {width:22px; height:22px; font-size:inherit; fill:#e8000c; margin-right:10px;}
.footer .col-kontakt p.flex {justify-content:flex-start; align-items:center;}
.footer .col-foot-menu {width:40%;}
.footer .col-foot-menu ul {width:45%;}
.footer .col-foot-menu ul li {width:100%;}
.footer .col-foot-menu ul li a {display:block; font-size:0.92em; padding:18px 0 5px 0; border-bottom:1px solid #e8000c; position:relative;}
.footer .col-foot-menu ul li a:after {
content:">"; color:#fff; position:absolute; right:0; bottom:2px; font-size:18px;
}
.footer .col-foot-menu ul li a:hover:after {color:#e8000c;}
.footer .col-foot-menu .btn.flex {justify-content:flex-start; align-items:center;}
.footer .col-foot-menu .btn {padding:0 0 0 25px;margin-top:45px; text-align:left; border-radius:8px; height:60px; line-height:60px; width:100%; background:#141414; position:relative;}
.footer .col-foot-menu .btn.btn-sec {margin-top:15px;}
.footer .col-foot-menu .btn .text-red {min-width:150px; padding-left:5px;}
.footer .col-foot-menu .btn .icon-arrow-long-right {position:absolute; right:25px; fill:#252525; width:2rem; height:2rem;}
.footer .col-foot-menu .btn .icon-mail, .footer .col-foot-menu .btn .icon-send {fill:#e8000c; width:1.4rem; height:1.4rem;}
.footer .col-foot-menu > div.flex {flex-wrap:wrap;}
.footer .col-foot-menu .btn:hover {color:#e8000c;}
.footer .col-foot-menu .btn:hover .icon-arrow-long-right {fill:#e8000c; color:#e8000c;}
.footer .foot-end a {color:#fff;}
.footer .foot-end a:hover {color:#000;}
.footer .foot-end {background:#e8000c; padding:30px 0; margin-top:75px; font-size:0.76em;}
.footer .foot-end .col-imprint {}
.footer .foot-end .foot-submenu {}
.footer .foot-end .foot-submenu a {font-weight:700; padding:0 8px; font-size:13px;}
.footer .foot-end .col-copy {}
.footer .col-adresse p:last-child {font-size:0.9em;}
.footer .site-kontakt {display:none;}
.footer .social-link {display:block; margin-top:10px;}
.footer .social-link .icon {width:1em; height:1em; fill:#e8000c;}
@-webkit-keyframes fadeInLeftShort { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInLeftShort { 
0% { 
opacity: 0; 
transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInLeftShort { 
opacity: 1; 
-webkit-transform: translateX(0px);  
transform: translateX(0px);
-webkit-animation-name: fadeInLeftShort; 
animation-name: fadeInLeftShort; 
}
.immoangebote .loop.epl-shortcode {margin-top:45px;}
.immoangebote .loop-content {display:flex; flex-wrap:wrap; justify-content:space-between;}
.immoangebote .loop-content > div {width:32%; background:#fff; box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%); border-radius:6px; overflow:hidden; -webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out; margin-bottom:2%;}
.immoangebote .loop-content > div img {width:100%; height:auto;}
.immoangebote .loop-content > div .immo-objekt-wrap {padding:30px 20px;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-image {padding:3px;}
.immoangebote .loop-content > div .immo-objekt-wrap h3 {font-size:16px; line-height:24px; font-weiht:700; color:#141414; letter-spacing:0em; min-height:94px;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-adresse {color:#605b5b; font-size:13px; font-weight:700; letter-spacing:0.02em; margin:0 0 10px 0; vertical-align: top;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-adresse .icon {width:1em; height:1em; fill:#605b5b; }
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features {display:flex; justify-content:flex-start; margin:8px 0 4px 0; padding:0; flex-wrap:nowrap; background:#fff; list-style:none; }
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li {margin:0; width:auto; text-transform:uppercase; color:#605b5b; font-size:13px!important; font-weight:700; letter-spacing:0.02em; text-indent:unset; padding:0;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li:before {content:""; padding:0;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li:last-child {margin:0;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li span {text-transform:none; color:#e8000c; padding-left:5px; font-size:14px!important;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.rooms:before {content:"\00B7"; display:inline-block; margin:0 10px; color:#ccc;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.ensuite,
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.garage,
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.carport,
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.remote_garage,
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.balcony,
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.furnished,
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.gas_heating,
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.built_in_robes,
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.spa
{display:none;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li:nth-child(n+3){display:none;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-preis {font-weight:700; letter-spacing:0.02em; font-size:1.2em; color:#e8000c;}
.immoangebote .loop-content > div:hover {box-shadow: 0 1px 5px rgb(0 0 0 / 11%), 0 1px 20px rgb(0 0 0 / 20%);}
#referenzen .immoangebote {width:100%;}
#referenzen.text {padding:90px 0 0 0;}
#referenzen .wrapper.flex {flex-wrap:wrap;}
#referenzen .introtext {width:100%; text-align:center; padding:50px 50px 0 50px;}
#referenzen .introtext p {margin:0;}
.immoangebote.immo-referenzen .loop-content > div {width:24%; margin:0 0 2% 0;}
.immoangebote.immo-referenzen .loop-content > div .immo-objekt-wrap h3 {font-size:16px; line-height:24px; font-weight:700;}
.immoangebote.immo-referenzen .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features {flex-wrap:wrap; margin:8px 0 0 0;}
.immoangebote.immo-referenzen .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li {width:100%; margin:0 0 5px 0;}
.immoangebote.immo-referenzen .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li:last-child {margin:0;}
.immoangebote.immo-referenzen .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.rooms:before {content:"\00B7"; display:inline-block; margin:0 5px 0 0; color:#ccc;}
.immoangebote.immo-referenzen .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li:before {content:"\00B7"; display:inline-block; margin:0 5px 0 0; color:#ccc;}
.immoangebote.immo-referenzen .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li:nth-child(n+3) {display:block;}
.immoangebote.immo-referenzen .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.category {display:none;}
.immoangebote.immo-referenzen .loop-content > div .immo-objekt-wrap .immo-preis.preis-verkauft {}
.immoangebote.immo-referenzen .loop-content > div .immo-image {position:relative;}
.immoangebote.immo-referenzen .loop-content > div .immo-image .immo-ref-image {max-height:300px;}
.immoangebote.immo-referenzen .loop-content > div .immo-image .immo-ref-image img {max-height:300px;}
.immoangebote.immo-referenzen .loop-content > div .immo-preis.preis-verkauft {background:#e8000c!important; color:#fff!important; padding:5px 20px; text-align:center; width:auto; display:block; position:absolute; bottom:25px; left:0; z-index:50; font-weight: 700;  text-transform: uppercase;}
.immoangebote.immo-referenzen .loop-content > div .immo-preis.preis-verkauft .sold-status {color:#fff!important;}
.site-immo-detail .titel-holder .container h1 {font-size:3em; line-height:1.5em;}
#site-immobilienangebot-detail.text {padding:90px 0 75px 0;}
.site-immo-detail .content-holder-immo-detail {display:flex; justify-content:space-between; flex-wrap:nowrap; margin:0 0 50px 0;}
.site-immo-detail .content-holder-immo-detail .holder-image-objekttext {width:65%; padding:0 30px 30px 0;}
.site-immo-detail .content-holder-immo-detail .holder-image-objekttext .immoimage {background:#f8f8f8; padding:30px; text-align:center;}
.site-immo-detail .content-holder-immo-detail .holder-image-objekttext .immoimage img {width:100%; height:auto;}
.site-immo-detail .content-holder-immo-detail .objektdetails {width:35%; background:#f8f8f8; padding:30px;}
.site-immo-detail .content-holder-immo-detail .holder-image-objekttext .objektbeschreibung {padding:30px;}
.site-immo-detail .content-holder-immo-detail .holder-image-objekttext .objektbeschreibung h3 {color:#141414; font-size:1.5em; line-height:24px; font-weight:700;}
.site-immo-detail .spacer {margin:30px 0;}
.site-immo-detail .red-bar {margin:0;}
.site-immo-detail .immo-preis {font-weight:700; font-size:16px; margin-top:10px; display:block;}
.contentholder.inhaltsite .site-immo-detail .epl-property-features {flex-wrap:wrap; margin:8px 0 0 35px; display:flex; justify-content:flex-start; padding:0; list-style:none;}
.contentholder.inhaltsite .site-immo-detail .epl-property-features li {width:100%; margin:0 0 5px 0; padding:0 0 0 10px; text-transform:uppercase; font-size:14px; font-weight:700;}
.contentholder.inhaltsite .site-immo-detail .epl-property-features li:last-child {margin:0;}
.contentholder.inhaltsite .site-immo-detail .epl-property-features li.rooms:before {content:"\00B7"; display:inline-block; margin:0 5px 0 0; padding:0; color:#ccc;}
.contentholder.inhaltsite .site-immo-detail .epl-property-features li:before {content:"\00B7"; display:inline-block; margin:0 5px 0 0; color:#ccc; padding:0;}
.contentholder.inhaltsite .site-immo-detail .epl-property-features li span {color:#e8000c; padding-left:5px;}
.contentholder.inhaltsite .site-immo-detail .epl-property-features li.category {display:none;}
.site-immo-detail .text-provision {margin-top:25px; font-weight:500;}
.site-immo-detail .text-provision span strong {display:block; font-size:14px; font-weight:700;}
.site-immo-detail .text-provision span strong.provisionfrei {display:inline-block; padding-right:10px;}
.site-immo-detail .text-provision span {font-size:14px;}
.site-immo-detail .text-provision p {color:#7e7e7e; font-size:13px; margin:20px 0 0 0;}
.site-immo-detail .text-provision .icon {width:1em; height:1em; fill:#090;}
.site-immo-detail .content-holder-immo-detail .objektdetails .contactbox {margin:30px 0 0 0; padding:30px 15px; border-top:1px solid #e8000c; border-bottom:1px solid #e8000c;}
.site-immo-detail .content-holder-immo-detail .objektdetails .contactbox h3 {font-size:18px; color:#141414;}
.site-immo-detail .content-holder-immo-detail .objektdetails .contactbox #kontakt {margin-top:35px;}
.site-immo-detail .content-holder-immo-detail .objektdetails .contactbox #kontakt .col-ansprechpartner h3 {font-size:18px; color:#e8000c;}
.site-immo-detail .content-holder-immo-detail .objektdetails .contactbox #kontakt .col-ansprechpartner {width:100%; padding:0;}
.site-immo-detail .content-holder-immo-detail .objektdetails .contactbox #kontakt .col-ansprechpartner .col-kontakt-partner:nth-of-type(1)  {display:none;}
.site-immo-detail .content-holder-immo-detail .objektdetails .contactbox p {font-size:14px; margin:15px 0 0 0;}
.site-immo-detail .content-holder-immo-detail .objektdetails .contactbox a {font-weight:700; color:#e8000c;}
.site-immo-detail .objektbeschreibung h3:after {content: "";
border-bottom: 2px solid #e8000c;
margin: 15px 0 25px 0;
display: block;
max-width: 50%;}
#standorte .contenttext {width:100%; background:#fff; padding:0; margin-top:35px;}
#standorte.text {padding:90px 0 0 0;}
#standorte .standort-wrapper .standort-with-image {display:flex; width:100%;}
#standorte .standort-wrapper .standort-with-image img {width:100%; height:auto;}
#standorte .standort-wrapper .standort-saarland-img {width:55%;}
#standorte .standort-wrapper .standort-nrw-img {width:55%;}
#standorte #kontakt .standort-wrapper .col-standort-holder {margin:0;}
#standorte #kontakt .standort-wrapper .col-standort-holder p {width:100%; display:block;}
#standorte #kontakt .standort-wrapper .col-standort-holder .text-day {display:block;}
#standorte .standort-wrapper .col-standort-holder {width:45%; background:#f8f8f8; padding:50px 30px;}
#standorte .standort-wrapper .standort-with-image .col-adresse .text-day {display:block; font-size:0.9em;}
#standorte .standort-wrapper .standort-with-image .col-adresse .text-hinweis-termine {display:block; font-size:0.9em;}
#standorte .introtext {width:100%; text-align:center;}
#standorte #kontakt .standort-wrapper .col-standort-holder .social-link {margin:0 0 15px 0;}
#standorte #kontakt .standort-wrapper .col-standort-holder .site-kontakt {flex-wrap:wrap;}
#standorte #kontakt .standort-wrapper .col-standort-holder .btn {width:100%; padding:0 4%;}
#standorte #kontakt .standort-wrapper .col-standort-holder .btn.btn-tel {margin-top:10px; background:#f8f8f8;}
#standorte .contenttext h2 {font-size: 1.6em;
color: #141414;
font-weight: 700;
text-align: center;}
#standorte .standort-wrapper .standort-with-image:nth-of-type(2) {margin-top:50px;}
#standorte .standort-wrapper .standort-with-image:nth-of-type(2) .standort-nrw-img {order:1;}
#standorte .standort-wrapper .standort-with-image:nth-of-type(2) .col-standort-holder {order:0;}
#datenschutz .contenttext {width:100%; background:#fff; padding:0;}
#datenschutz .contenttext h3 {font-size:1.46em; margin:0 0 15px 0; font-weight:500; color:#e8000c;}
#datenschutz .contenttext p {margin:0 0 1em 0; line-height:1.6em;}
#datenschutz .contenttext a {color:#e8000c; text-decoration:underline;}
#impressum .imp-full a {color:#e8000c;}
.immoangebote .loop-content .itemspacer {display:none;}
.btn-holder-full {display:flex; justify-content:center; border-top:1px solid #ddd; padding:50px 0 0 0;}
.btn-holder-full .btn {width:50%;}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
html.scrolled .mainheader .logo {padding-top:0px;}
.introinfo-box .textbox, #leistungen .contenttext.flex > div, #infoteaser .iteminfo-holder .iteminfo-box, #infoteaser .infoteaser-full, .immoangebote .loop-content > div, #kooperationspartner .col-partner, #kontakt .standort-wrapper .col-standort-holder {box-shadow:0px 10px 25px 0px rgba(0,0,0,0.15);}
.mainheader .header-holder {left:0; transform: translateX(0%); box-shadow:0px 10px 25px 0px rgba(0,0,0,0.2);}
section#immoangebote {padding:0 0 50px 0;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features {margin: 8px 0 4px 18px;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.building-size {padding-right:15px;}
.bildslider {display:block;}
.bildslider .text-container {position:relative;}
.bildslider .box-caption {top:200px; left:50%; right:0; display:block; z-index:500; transform: translateX(-410px);}
#infoteaser .infoteaser-full .btn .icon-arrow-long-right, .footer .col-foot-menu .btn .icon-arrow-long-right {top:15px;}
.immoangebote.immo-referenzen .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features {margin:8px 0 0 18px;}
}
@media (max-width: 1370px) {
.wrapper {max-width:92%;}
.contentholder .content-layer-inhalt {padding:80px;}
.immoangebote.immo-referenzen .loop-content > div {width:32%;}
#kooperationspartner .image-teaser-full {max-width:90%;}
}
@media (max-width: 1280px) {
.mainheader .mainnav ul li {padding:0 17px 0 0;}
.mainheader .mainnav a {font-size:13px; letter-spacing:0.02em;}
.bildslider .box-caption {font-size:3.3em;}
.bildslider .box-caption .subtext {font-size:1.4rem;}
#start-ueberuns .content-layer-inhalt h1, #leistungen .content-layer-inhalt h2, #unternehmen .contenttext h2,#standorte .contenttext h2 {font-size:1.56em; line-height:34px;}
#start-ueberuns .content-layer-image {width:54%;}
#immobilienangebote h2, #service h2, #kundenstimmen h2 {font-size:1.6em;}
#infoteaser .iteminfo-holder .iteminfo-box {width:29%; padding:40px 15px;}
#infoteaser .iteminfo-holder .iteminfo-box h4 {font-size:1em;}
#infoteaser .iteminfo-holder .iteminfo-box p {font-size:0.92em;}
#infoteaser .infoteaser-full .btn-holder-main {width:40%;}
.footer .col-foot-menu .btn .text-red {min-width:135px;}
.footer .col-foot-menu .btn {padding:0 0 0 15px;}
.titel-holder {background-size:cover;}
#kooperationspartner .col-partner {width:70%;}
}
@media (max-width: 1120px) {
.introinfo-box .claim {padding:15px 40px 10px 40px;}
.introinfo-box .textbox, #infoteaser .infoteaser-full {padding:40px;}
.bildslider img {width:130%;}
.bildslider .box-caption {font-size:2.8em;}
.contentholder .content-layer-inhalt {padding:60px;}
#start-ueberuns .content-layer-image {width:59%;}
#leistungen .content-layer-image {margin:-38% 0px 0px auto;}
#infoteaser .infoteaser-full .btn-holder span {}
#infoteaser .infoteaser-full .btn {font-size:0.9em;}
#infoteaser .infoteaser-full .btn .icon-arrow-long-right {right:5%;}
.footer .wrapper.flex {flex-wrap:wrap;}
.footer .col-adresse-holder {justify-content:space-between;}
.footer .col-adresse-holder, .footer .col-foot-menu {width:100%;}
.footer .col-adresse {width:34%;}
.footer .col-kontakt {width:30%; margin-top:0;}
.footer .col-kontakt .text-person {display:block;}
.footer .col-foot-menu {margin-top:45px;}
.footer .col-adresse p:last-child {font-size:0.9em;}
.footer .col-kontakt p.flex {font-size:0.9em; line-height:21px;}
.footer .col-kontakt .icon {width:2rem; height:2rem;}
.footer .col-foot-menu .btn {width:46%; margin-top:0;}
.footer .col-foot-menu ul {width:46%;}
.footer .col-foot-menu .btn.btn-sec {margin-top:0;}
.footer .col-foot-menu > div.flex:nth-of-type(2) {margin-top:45px;}
.titel-holder .container h1 {font-size:3em;}
.titel-holder .container span {font-size:1.1em; line-height:1.6em;}
#kontakt .standort-wrapper .col-standort-holder {padding:30px;}
#kontakt .col-ansprechpartner {padding:30px;}
#kontakt .contenttext {padding:30px 30px 50px 0;}
#kontakt .standort-wrapper .col-standort-holder p {width:49%;}
#kontakt .col-ansprechpartner h2 {font-size:1.4em; line-height:36px;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.rooms:before {margin:0 3px;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li {font-size:11px!important;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li span {font-size:12px!important;}
#leistungen .contenttext.flex > div {width:42%;}
}
@media (max-width: 1024px) {
.topbar, .mainheader .icon-fb {display:none;}
.mainheader .mainnav .mobile {display:block;}
.menu-hauptmenue-container {margin:80px 0 25px 0;}
#toggle-mainnav {
width: 52px;
height: 52px;
background: #b3d8ee;
position: fixed;
top: 22px;
right: 4%;
z-index: 5;
border-radius: 6px;
cursor: pointer;
-webkit-transition: right .3s ease-in-out, top .3s ease-in-out;
transition: right .3s ease-in-out, top .3s ease-in-out;
}
html.scrolled .mainheader #toggle-mainnav {top:14px;}
#toggle-mainnav .icon {
width: 40px;
height: 40px;
display: block;
cursor: pointer;
position: relative;
margin: 6px;}
.burger:before {
content: '';
position: absolute;
top: 8px;
width: 40px;
height: 2px;
border-radius: 2px;
background: #fafafa;
-webkit-animation: animationBurgerTopReverse 1s ease forwards;
animation: animationBurgerTopReverse 1s ease forwards;}
.burger:after {
content: '';
position: absolute;
bottom: 8px;
width: 40px;
height: 2px;
border-radius: 2px;
background: #fafafa;
-webkit-animation: animationBurgerBottomReverse 1s ease forwards;
animation: animationBurgerBottomReverse 1s ease forwards;}
#toggle-mainnav .icon:before, html.mainnav-open #toggle-mainnav .icon:before{
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
width: 40px;
height: 2px;
border-radius: 2px;
background: #fff;}
#toggle-mainnav .icon:before{-webkit-animation:animationOneReverse 1s ease forwards;animation:animationOneReverse 1s ease forwards;}
#toggle-mainnav .icon:after, html.mainnav-open #toggle-mainnav .icon:after {
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
width: 40px;
height: 2px;
border-radius: 2px;
background: #fff;}
#toggle-mainnav .icon:after{-webkit-animation:animationTwoReverse 1s ease forwards;animation:animationTwoReverse 1s ease forwards;}
html.mainnav-open .burger:before {
-webkit-animation: animationBurgerTop 1s ease forwards;
animation: animationBurgerTop 1s ease forwards;
}
html.mainnav-open .burger:after {
-webkit-animation: animationBurgerBottom 1s ease forwards;
animation: animationBurgerBottom 1s ease forwards;
}
html.mainnav-open #toggle-mainnav .icon:before {
-webkit-animation: animationOne 1s ease forwards;
animation: animationOne 1s ease forwards;
}
html.mainnav-open #toggle-mainnav .icon:after {
-webkit-animation: animationTwo 1s ease forwards;
animation: animationTwo 1s ease forwards;
}
.mainheader {height:100px;}
.mainheader .mainnav {
position: fixed;
z-index: 2000;
top: 0;
right: 0;
bottom: 0;
height:100vh;
width: 400px;
background: #fff;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .3s ease-in-out, box-shadow .7s ease-in-out;
transition: transform .3s ease-in-out, box-shadow .7s ease-in-out;
overflow-y: scroll; overflow-x:hidden;
-webkit-overflow-scrolling: touch;}
html.mainnav-open .mainheader .mainnav {
-webkit-transform: none;
transform: none;
box-shadow: 0 0 150px rgb(0 0 0 / 30%);
}
#mainnav-overlay {
position: fixed;
z-index: 1200;
height:100vh;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0);
cursor: pointer;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0s .5s, background .2s ease-in-out;
transition: transform 0s .5s, background .2s ease-in-out;
}
html.mainnav-open #mainnav-overlay {
-webkit-transform: none;
transform: none;
background: rgba(0,0,0,0.8);
-webkit-transition: -webkit-transform 0s, background .5s ease-in-out;
transition: transform 0s, background .5s ease-in-out;
}
html.mainnav-open .siteholder {
overflow: hidden;}
.mainheader .mainnav ul li {padding:0 0 0 0;display:block;}
.mainnav .menu-hauptmenue-container ul.wp-mainnav > li.menu-item-has-children > a {
position: relative;}
.mainnav .menu-hauptmenue-container ul.wp-mainnav > li.menu-item-has-children > a:after {content: "\27F6"; position:absolute; top:13px; right:20px;}
.mainnav .menu-hauptmenue-container ul.wp-mainnav > li > ul {
position: fixed;
top: 0;
height:100vh;
z-index: 2500;
right: 0;
bottom: 0;
width: 380px;
background: #fff;
padding-top: 90px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .3s ease-in-out, box-shadow .3s ease-in-out;
transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;}
.mainnav .menu-hauptmenue-container ul.wp-mainnav > li.open > ul {
-webkit-transform: none;
transform: none;
box-shadow: 0 0 50px rgb(0 0 0 / 30%);
pointer-events: auto;
}
.mainnav .menu-hauptmenue-container ul.wp-mainnav > li ul .back a {
background: #f5f5f5;
padding: 10px 0 10px 40px;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
position: relative;
border-bottom-color: #eee;
border-top: 1px solid #eee;}
.mainnav .menu-hauptmenue-container ul.wp-mainnav > li ul .back a:before {content: "\27F5"; position:absolute; top:9px; left:20px;}
.mainheader .mainnav a {padding:15px 20px; border-bottom:1px solid #eee;}
.mainheader .mainnav ul li:first-child a{border-top:1px solid #eee;}
html.mainnav-open #toggle-mainnav {z-index:2005;right: 3%; top:14px;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder {width:70%; margin:0 auto 25px auto; border-radius:5px;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder h5 {font-size:1em; margin:0 0 10px 0;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder p {width:100%;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder p:nth-of-type(2) {display:none;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder a {display:inline-block; padding:0; font-weight:500; border:none; font-size:0.92em;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .site-kontakt {flex-wrap:wrap; margin:0;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .site-kontakt .btn {width:100%; padding:0 4%!important; text-transform:none;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .site-kontakt .btn.btn-tel {background:#fff; border:1px solid #141414; color:#141414;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .site-kontakt .btn.btn-anfahrt {display:none;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .site-kontakt .btn.btn-tel:hover {background:#141414; border:1px solid #141414; color:#fff;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .site-kontakt .btn.btn-anfahrt:hover {background:#e8000c; border:1px solid #e8000c; color:#fff;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .site-kontakt .btn {border-radius:8px; height:40px; line-height:40px; font-size:1em; font-weight:700; display:flex; justify-content:space-between; align-items:center;  font-size:0.92em;} 
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .site-kontakt .btn.btn-tel {border-color:#eee; background:#eee; margin-top:5px;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .social-link a {border-radius:8px; height:40px; line-height:40px; font-size:1em; font-weight:700; display:flex; justify-content:space-between; align-items:center; background:#eee; color:#141414; text-transform:none; padding:0 4%; margin-top:15px; font-size:0.92em;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .social-link a:after {content: "\27F6";}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .social-link a .icon {display:none;}
#kontakt.kontaktbox .standort-wrapper .col-standort-holder .social-link a:hover {background:#141414; color:#fff;box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
.mainheader .header-holder {top:0;}
.bildslider .text-container {padding:0;}
.introinfo-box {margin:50px auto 0 auto;}
.introinfo-box .textbox, #infoteaser .infoteaser-full {padding:40px 20px;}
.introinfo-box .claim {padding:15px 20px 10px 20px;}
#infoteaser .infoteaser-full p {font-size:1.1em; line-height:28px; max-width:48%;}
#infoteaser .infoteaser-full .btn-holder-main {width:48%;}
html.scrolled .mainnav {height:100vh;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features {flex-wrap:wrap;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li {width:100%;}
.immoangebote .loop-content > div .immo-objekt-wrap .immo-details .epl-property-features li.rooms:before {content:""; display:none;}
}
@media (max-width: 980px) {
.bildslider img {width:140%;}
.introinfo-box .textbox.flex {flex-wrap:wrap;}
.introinfo-box .textbox p {max-width:90%;}
.introinfo-box .textbox.flex .btn.btn-grey {margin-top:25px; width:380px;}
#start-ueberuns {margin: 60px auto 0 auto;}
#start-ueberuns .content-layer-image, #leistungen .content-layer-image {width:100%;}
#start-ueberuns .content-layer-inhalt, #leistungen .content-layer-inhalt, #leistungen .content-layer-image {width:100%; margin:0 auto; text-align:center;}
#leistungen .content-layer-image {order:0;}
#leistungen .content-layer-inhalt {order:1;}
#start-ueberuns .content-layer-inhalt, #leistungen .content-layer-inhalt {position:relative; bottom:0;}
.contentholder .content-layer-inhalt .btn {max-width:420px; margin: 40px auto 0 auto;}
#leistungen .content-layer-inhalt ul {padding:0;}
#leistungen .content-layer-inhalt ul li {width:48%; margin:25px 0 0 0;}
#leistungen .content-layer-inhalt ul li .icon {position:inherit; display:block; text-align:center; margin:0 auto 10px auto; left:0; right:0; top:0; padding:8px; background:#fff; fill:#e8000c; border-radius:100%;}
#immobilienangebote {margin:60px 0 0 0; padding: 60px 0;}
#service {padding:60px 0;}
.footer h5 {font-size:1em;}
.footer .col-foot-menu .btn {font-size:0.9em;}
.footer .col-foot-menu .btn .text-red {min-width:inherit; padding:0 5px;}
#kontakt.text {padding:90px 0 15px 0;}
#kontaktformular {padding:0 0 55px 0;}
#kontakt .contenttext, #kontakt .col-ansprechpartner {width:100%;}
#kontakt.text .wrapper.flex {flex-wrap:wrap;}
#kontakt .contenttext {order:1;}
#kontakt .col-ansprechpartner {order:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
#kontakt .col-ansprechpartner .col-kontakt-partner:nth-of-type(1) {width:100%; display:block; margin:0;}
#kontakt .col-ansprechpartner .col-kontakt-partner {width:48%;}
#kontakt .contenttext {padding:40px;}
.contactform-holder {width:100%;}
#kontaktformular .contactform .text-after-heading {max-width:100%;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container .col-btn-disclaimer {padding:25px 25px 15px 25px;}
.contentholder.inhaltsite .contactform-holder .wpforms-submit-container{padding:0 25px 25px 25px;}
#impressum.text .wrapper.flex > div {width:100%;}
.contentholder.inhaltsite #unternehmen .flex {flex-wrap:wrap;}
.contentholder.inhaltsite #unternehmen .contenttext{width:100%;}
.contentholder.inhaltsite #unternehmen .contentimage {width:100%; background:#f8f8f8; padding:0 50px 50px 50px;}
.immoangebote .loop-content {overflow-x: auto!important;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap;
justify-content: flex-start; min-height:0; flex-grow:1;}
.immoangebote .loop-content > div {flex: 0 0 290px; margin: 0 15px 15px 0;}
.immoangebote .loop-content > div.item-angebot:nth-last-of-type {margin:0 0 15px 0;}
.immoangebote .loop-content .itemspacer {flex:0 0 15px; margin:0 0 15px 0; background:none; box-shadow:none;}
.immoangebote .loop-content::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
background: transparent;}
.immoangebote .loop-content::-webkit-scrollbar-thumb {
background: #e8000c;
border-radius: 0px;
}
.immoangebote .loop-content::-webkit-scrollbar {
width: 1px;
height: 2px;
}
.immoangebote.immo-referenzen .loop-content > div {margin:0 15px 15px;}
.site-immo-detail .content-holder-immo-detail {flex-wrap:wrap;}
.site-immo-detail .content-holder-immo-detail .holder-image-objekttext {width:100%; padding:0;}
.site-immo-detail .content-holder-immo-detail .objektdetails {width:100%;}
.site-immo-detail .content-holder-immo-detail .objektdetails .contactbox #kontakt .col-ansprechpartner h3 {width:100%;}
.site-immo-detail .content-holder-immo-detail .objektdetails .contactbox {padding:30px 0;}
#unternehmen .wp-block-columns {flex-wrap:wrap;}
#unternehmen .wp-block-columns > div {width:100%;}
#unternehmen .wp-block-columns .size-full {margin:30px auto 0 auto; padding:0; text-align:center; display:block;}
#unternehmen .wp-block-columns .size-full img {display:block;width:92%; height:auto; margin:0 auto;}
#unternehmen .wp-block-column {order:1;}
#unternehmen .wp-block-column.col-2-text {order:0;}
#unternehmen {padding:90px 0 0 0;}
#leistungen .contenttext.flex > div {width:100%;}
}
@media (max-width: 870px) {
#service .itembox {flex:0 0 49.89%; border:none;}
#service .itembox:nth-child(1) {border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#service .itembox:nth-child(2) {border-bottom:1px solid #ddd; }
#service .itembox:nth-child(3) {border-right:1px solid #ddd;}
#service .flex {flex-wrap:wrap; justify-content:center;}
#service .itembox:nth-child(2), #service .itembox:nth-child(3) {box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%);}
#service .itembox:nth-child(2) .icon, #service .itembox:nth-child(3) .icon {fill:#e8000c;}
.spacer {max-width:200px;}
.red-bar {width:40px;}
.bildslider .box-caption {max-width:90%;}
#infoteaser .iteminfo-holder.flex {}
#infoteaser .iteminfo-holder .iteminfo-box {width:100%; padding:40px 30px;}
#infoteaser .iteminfo-holder .iteminfo-box h4 {min-height:inherit; font-size:1.2em; margin:15px 0 10px 0;}
#infoteaser .iteminfo-holder .iteminfo-box {max-width:80%; margin:0 auto;}
#infoteaser .iteminfo-holder .iteminfo-box p {max-width:80%; margin:0 auto;}
#infoteaser .iteminfo-holder .iteminfo-box:nth-child(2) {background:#f8f8f8; box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%);}
#infoteaser .iteminfo-holder .iteminfo-box:nth-child(2) .icon {fill:#e8000c;}
#service .text-info-container {max-width:92%;}
#infoteaser .infoteaser-full.flex {flex-wrap:wrap; padding:40px 50px; text-align:center;}
#infoteaser .infoteaser-full p {font-size:1em; line-height:24px; max-width:100%; width:74%; margin:0 auto;}
#infoteaser .infoteaser-full p strong {font-size:1.3em!important;}
#infoteaser .infoteaser-full .btn-holder-main {width:100%;}
#infoteaser .infoteaser-full .btn-holder {width:100%; margin-top:25px;}
#infoteaser .infoteaser-full .btn-holder .btn.btn-red {width:95%;}
.footer .col-adresse-holder {justify-content:center;}
.footer .col-adresse {width:auto; margin:0 30px 0 0;}
.footer .col-adresse:nth-of-type(2) {margin:0 0 0 30px;}
.footer .col-kontakt {width:100%; margin-top:35px;}
.footer .col-kontakt .icon {width:1rem; height:1rem; margin-right:0;}
.footer .col-kontakt {display:flex; flex-wrap:wrap; justify-content:center; text-align:center;}
.footer .col-kontakt h5 {width:100%; justify-content:center;}
.footer .col-kontakt p {margin:0 25px;}
.footer .col-kontakt p.flex {justify-content:center; max-width:100%;}
.footer .col-kontakt p.flex span {padding:0 0 0 10px;}
.footer .col-foot-menu .btn .text-red {display:none;}
.footer .col-foot-menu .btn .text-mailadress {padding:0 0 0 8px;}
#kundenstimmen .col-review {width:80%; padding:30px;}
#kooperationspartner .contenttext.flex > div {width:96%;}
.site-immo-detail .titel-holder .container h1 {font-size:36px;}
}
@media (max-width: 768px) {
.bildslider img {width:160%;}
.introinfo-box .claim {width:auto;}
.bildslider .box-caption {font-size:2.5em;}
.bildslider .box-caption .subtext {font-size:1.1rem;}
.foot-end .wrapper.flex {justify-content:center; text-align:center; max-width:100%;}
.foot-end .wrapper.flex > * {width:100%;}
.footer .foot-end .col-imprint {order:1; margin:25px 0 10px 0; font-size:0.8em;}
.footer .foot-end .foot-submenu {order:0;}
.footer .foot-end .col-copy {order:2; font-size:0.8em;}
.footer .foot-end .foot-submenu a {padding:0 12px;}
#kontakt .col-ansprechpartner a b {display:none;}
#impressum.text .wrapper.flex {padding:50px 0 0 0;}
#standorte .standort-wrapper .col-standort-holder {width:100%;}
#standorte .standort-wrapper .standort-nrw-img, #standorte .standort-wrapper .standort-saarland-img {width:100%; padding:10px; background:#f8f8f8;}
#standorte .standort-wrapper .standort-with-image {flex-wrap:wrap;}
#kooperationspartner .image-teaser-full img {width:120%; height:auto;}
#kooperationspartner .col-partner p {font-size:12px; line-height:19px;}
.btn-holder-full .btn {width:80%;}
}
@media (max-width: 640px) {
#service .itembox h3 {font-size:0.8em;}
#service .itembox p {font-size:0.72em;}
.contentholder .content-layer-inhalt {padding:40px 20px;}
.contentholder .content-layer-inhalt .btn {max-width:100%; width:92%; padding:0 4%; font-size:0.8em; margin:30px auto 10px auto;}
.introinfo-box .textbox.flex .btn.btn-grey, .contentholder .content-layer-inhalt .btn.btn-white {width:100%; padding:0 4%; font-size:0.8em;}
.contentholder .btn .icon-arrow-long-right, .introinfo-box .textbox.flex .btn.btn-grey .icon-arrow-long-right, .footer .col-foot-menu .btn .icon-arrow-long-right {width:1.5rem;}
.bildslider .text-container {
width: 100%;
background: #fff;
overflow: hidden;
position: relative;
}
.bildslider .text-container:before {
position: relative;
content: "";
display: block;
padding-top: 75%;
}
.bildslider .text-container img {
display: block;
vertical-align: middle;
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
object-fit: cover;
object-position: center center;
aspect-ratio: 4/3;
border: 0;
outline: 0;}
.introinfo-box .textbox {padding:40px 20px; justify-content:center;}
.introinfo-box .claim {padding:15px 20px 10px 20px;}
.introinfo-box .textbox p {text-align:center; max-width:100%;}
#infoteaser .iteminfo-holder .iteminfo-box {max-width:100%;}
#infoteaser .iteminfo-holder .iteminfo-box p {max-width:92%;}
#infoteaser .infoteaser-full.flex {padding:40px 20px;}
#infoteaser .infoteaser-full p {width:100%;}
#infoteaser .infoteaser-full .btn-holder {width:100%; margin-top:25px;}
#infoteaser .infoteaser-full .btn-holder .btn.btn-red {width:95%;}
#leistungen .content-layer-inhalt ul li {font-size:0.85em;}
#leistungen {background:#fff; padding:0 0 75px 0;}
#kontakt .col-ansprechpartner a, #kontakt .col-ansprechpartner p.infotel span, #kontakt .col-ansprechpartner p.infotel .icon {font-size:0.84em;}
#kontakt .standort-wrapper .col-standort-holder .site-kontakt {flex-wrap:wrap; margin:0;}
#kontakt .standort-wrapper .col-standort-holder p {width:100%; margin:0 0 20px 0;}
#kontakt .standort-wrapper .col-standort-holder .btn {width:100%;}
#kontakt .standort-wrapper .col-standort-holder .btn.btn-tel {margin-top:10px;}
.contactform-holder .wpforms-field-container .col-input-half, .contentholder.inhaltsite .contactform-holder div.wpforms-container-full .wpforms-form button[type=submit] {width:100%;}
#kontakt .standort-wrapper .col-standort-holder .btn, .contentholder.inhaltsite .contactform-holder div.wpforms-container-full .wpforms-form button[type=submit] {padding:0 4%;}
.footer .col-adresse {width:100%; margin:0;}
.footer .col-adresse:nth-of-type(2) {margin:30px 0 0 0;}
.footer .col-foot-menu ul {width:100%;}
.footer .col-foot-menu .btn {width:100%;}
.footer .col-foot-menu .btn.btn-sec {margin-top:15px;}
.footer .foot-end {margin-top:45px;}
.footer .col-kontakt p {width:100%;}
.footer .col-kontakt p:nth-of-type(2) {margin-top:15px;}
.footer h5 {font-size:1.2em;}
.footer .col-kontakt {text-align:left;}
.footer .col-kontakt h5 {justify-content:flex-start;}
.footer .col-kontakt p {margin:0;}
.footer .wrapper.flex {max-width:86%;}
.footer .col-adresse-holder,.footer .col-kontakt {justify-content:flex-start;}
#unternehmen .wp-block-column.col-2-text {padding:50px 25px 0 25px;}
#unternehmen .contenttext .text-last {padding:30px 25px;}
#immobilienangebote h2, #service h2, #kundenstimmen h2, #kontakt .contenttext h2, #unternehmen .contenttext h2, .inhaltsite #service h2,#standorte .contenttext h2 {font-size:1.3em;}
.contentholder.inhaltsite .contactform-holder .wpforms-field-container ul li {margin-bottom:18px!important;}
.mainnav p.mobile-css {margin:0!important;}
.site-immo-detail .titel-holder .container h1 {font-size:26px;}
}
@media (max-width: 580px) {
#kontakt .col-ansprechpartner .col-kontakt-partner {width:100%;}
#kontakt .contenttext {padding:40px 0 0 0;}
#leistungen .contenttext.flex > div.itembox-full {padding:50px 5px 5px 5px;}
.contentholder.inhaltsite #leistungen .contenttext.flex ul li {padding:5px 0;}
}
@media (max-width: 520px) {
#service .itembox {flex:0 0 100%;}
#service .itembox:nth-child(3) {box-shadow:none;}
#service .itembox:nth-child(3) .icon {fill:#3b3737;}
#service .itembox:nth-child(4) {box-shadow: 0 1px 5px rgb(0 0 0 / 1%), 0 1px 20px rgb(0 0 0 / 10%);}
#service .itembox:nth-child(4) .icon {fill:#e8000c;}
#service .itembox:nth-child(n+0) {border:none;}
.bildslider .box-caption {font-size:2.0em;}
.bildslider .box-caption .subtext:before {width:90%;}
.bildslider .box-caption .subtext {font-size:14px; line-height:22px;}
#infoteaser .infoteaser-full .btn .icon-arrow-long-right {display:none;}
#infoteaser .infoteaser-full .btn-holder span {padding:0 0 10px 0;}
#infoteaser .infoteaser-full .btn-holder .btn.btn-red {width:100%; padding:0; text-align:center; display:block;}
.mainheader .mainnav {width:100%;}
.btn-holder-full .btn {width:100%; font-size:0.8em; padding:0 4%;}
.mainnav .menu-hauptmenue-container ul.wp-mainnav > li > ul {width:100%;}
.titel-holder span.category-text {font-size:0.84em!important;}
.introinfo-box .claim span {font-size:0.7rem;}
.introinfo-box .textbox p strong {font-size:1.3em!important;}
.introinfo-box .textbox p {font-size:1em; line-height:24px;}
}
@media (max-width: 400px) {
.bildslider .box-caption {font-size:1.6em;}
#infoteaser .infoteaser-full .btn-holder span {font-size:0.9em;}
#infoteaser .infoteaser-full .btn {font-size:0.8em;}
#leistungen .contenttext.flex > div h2 {font-size:19px; line-height:28px;}
}
@media (max-width: 360px) {
#immobilienangebote h2, #service h2, #kundenstimmen h2, #kontakt .contenttext h2, #unternehmen .contenttext h2, .inhaltsite #service h2,#standorte .contenttext h2 {font-size:1.2em;}
#standorte #kontakt .standort-wrapper .col-standort-holder {padding:30px 20px;}
.bildslider .text-container:before {padding-top: 95%;}
}
@-webkit-keyframes animationOneReverse{0%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}25%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}}
@keyframes animationOneReverse{0%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}25%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}}
@-webkit-keyframes animationOne{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}}
@keyframes animationOne{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}}
@-webkit-keyframes animationTwoReverse{0%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}25%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}}
@keyframes animationTwoReverse{0%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}25%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}}
@-webkit-keyframes animationTwo{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}100%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}}
@keyframes animationTwo{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}100%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}}
@-webkit-keyframes animationBurgerTopReverse{0%,50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}51%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}}
@keyframes animationBurgerTopReverse{0%,50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}51%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}}
@-webkit-keyframes animationBurgerTop{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}51%,100%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}}
@keyframes animationBurgerTop{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}51%,100%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}}
@-webkit-keyframes animationBurgerBottomReverse{0%,50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}51%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}}
@keyframes animationBurgerBottomReverse{0%,50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}51%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}}
@-webkit-keyframes animationBurgerBottom{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}51%,100%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}}
@keyframes animationBurgerBottom{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}51%,100%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}}
IE10 and IE11
==================
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.flex{ display: -ms-flexbox; -ms-flex-wrap:nowrap; -ms-flex-pack:justify;}
}