@charset "UTF-8";
   @font-face {
font-display: swap; font-family: "Untitled";
font-style: normal;
font-weight: 400;
src: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/_fonts/untitled-sans-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Untitled";
font-style: normal;
font-weight: 700;
src: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/_fonts/untitled-sans-bold.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Portrait";
font-style: normal;
font-weight: 300;
src: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/_fonts/Portrait-Light-Web.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Portrait";
font-style: normal;
font-weight: 400;
src: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/_fonts/PortraitText-Regular-Web.woff2) format("woff2"); }      ::-moz-selection {
background: #333;
text-shadow: none;
color: #fff; }
::selection {
background: #333;
text-shadow: none;
color: #fff; } hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; } img {
display: block;
width: 100%;
height: auto; } fieldset {
border: 0;
margin: 0;
padding: 0; } textarea {
resize: vertical; } @keyframes slideInDown {
from {
transform: translate(0, -20px) scale(0.95);
opacity: 0; }
to {
transform: translate(0, 0) scale(1);
opacity: 1; } } html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
applet,
object,
iframe,
code,
del,
dfn,
font,
img,
ins,
small,
strong,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline; }
caption,
th,
td {
text-align: left; }
strong {
font-weight: 700; }
p:empty {
display: none; }
* {
box-sizing: border-box;
position: relative; } html, body {
font-family: "Untitled", sans-serif;
font-size: 16px;
line-height: 110%;
font-weight: 400;
letter-spacing: 0;
font-style: normal;
text-decoration: none;
color: #3B3A39;
background-color: #3B3A39;
scroll-behavior: smooth; }
.scrollarea {
width: 100%;
max-width: 2560px;
margin: 0 auto;
background-color: #F0EFEE; }
section {
display: block; }
h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8 {
margin-bottom: 0; }
h1,
h2 {
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: none;
line-height: 140%;
font-size: 1.5rem; }
p {
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none;
line-height: 140%;
font-size: 1rem; }
.cont li {
padding-left: 0; }
a {
text-decoration: none; }
a:link,
a:active,
a:focus,
a:visited {
text-decoration: none;
color: #3B3A39; }
a:hover {
text-decoration: none;
opacity: 0.7; }
.cont p,
.cont ul,
.cont ol {
margin-bottom: 24px; }
ul {
margin-left: 0;
list-style: none; }
ol {
margin-left: 32px;
margin-top: 24px;
list-style-type: decimal-leading-zero;
list-style-position: outside; }
hr,
.hr {
border: none;
height: 1px;
margin: 30px 0; }
input[type=text],
input[type=email],
input[type=password],
input.text,
textarea {
display: block;
width: 100%;
margin: 5px 0;
padding: 8px 0;
background-color: transparent;
border: 0;
border-bottom: 1px solid #B4B0AC;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.6363636363636364rem + 0.30303030303030304vw, 1rem);
line-height: 100%;
font-weight: 400;
letter-spacing: 0;
text-transform: none; }
input[type=range]::-ms-tooltip {
display: none; }
select {
margin: 5px 0;
padding: 8px;
background-color: #F0EFEE;
border-bottom: 1px solid #999; }
select {
padding: 7px 8px; }
input[type=text]:focus,
input[type=password]:focus,
input.text:focus,
textarea:focus {
border-color: #000; }
input[type=text]:focus-visible,
input[type=password]:focus-visible,
input.text:focus-visible,
textarea:focus-visible {
background-color: #eee !important;
outline: none; }
input.text {
width: 300px;
padding: 4px; }
table {
border-collapse: separate;
border-spacing: 0;
margin-bottom: 12px;
border: 1px dotted #ccc; }
th {
padding: 10px;
text-transform: uppercase;
font-weight: 400; }
td {
padding: 10px;
border-top: 1px dotted #ccc; } .button:hover {
opavity: 0.7;
text-decoration: none; }  .dtOnly,
.dtOnlyI,
.dtOnlyB,
.dtOnlyF {
display: none !important; }
@media screen and (min-width: 980px) {
.dtOnly,
.dtOnlyB {
display: block !important; }
.dtOnlyI {
display: inline-block !important; }
.dtOnlyF {
display: flex !important; }
.mobOnly,
.mobOnlyI,
.mobOnlyB,
.mobOnlyF {
display: none !important; } }
.wrapper,
.outer_wrapper,
.wrapper_small,
.wrapper_cont,
.wrapper_hd,
.wrapper_realhd,
.wrapper_full,
.wrapper_max {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0; }
.outer_wrapper {
padding-left: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem);
padding-right: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem); }
.outer_wrapperL {
padding-right: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem); }
.outer_wrapperR {
padding-left: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem); }
.wrapper_hd {
max-width: 2560px; }
.wrapper_realhd {
max-width: 1920px; }
.wrapper_cont {
max-width: 1236px; }
.wrapper_small {
max-width: 1040px; }
.fullH {
min-height: 100vh; }
.wide {
padding-left: 0;
padding-right: 0; }
.vAlign {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap; }
.vAlign.lAlign {
justify-content: flex-start; }
p:empty {
display: none; }
.bot0 {
padding-bottom: 0 !important;
margin-bottom: 0 !important; }
.twocols1,
.twocols2 {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap; }
.twocols1 .onecol,
.twocols2 .onecol {
width: 100%;
padding-left: 0;
padding-bottom: 30px;
text-align: left; }
@media screen and (min-width: 1020px) {
.twocols1 .onecol {
width: 45%; } }
.twocols2 .onecol {
padding-left: 0;
padding-right: 20px; }
@media screen and (min-width: 1020px) {
.twocols2 .onecol {
width: 50%; } }
.actionButton {
font-size: 0.875rem;
font-weight: 700;
color: #19241F;
background-color: #fff;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/arr_right.svg); }
.actionButton:hover {
border-color: #19241F;
color: #fff;
background-color: #19241F;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/arr_right_white.svg);
opacity: 1; }
.cont p:last-of-type {
margin-bottom: 0; }
.toObjectlist {
display: block;
padding-top: 30px;
font-size: 0.875rem;
font-weight: 500;
line-height: 120%;
color: #fff;
text-transform: uppercase;
text-decoration: underline; }
@media screen and (min-width: 660px) {
.toObjectlist {
padding-top: 50px;
font-size: 1.125rem; } }
.marginHead {
margin-top: 0; }
.katdate {
width: 100%;
font-size: 1rem;
font-weight: 400;
color: #b3cbc1;
text-align: left; }
.katdate span {
display: inline-block;
padding-right: 10px;
font-size: 1rem;
font-weight: 500;
text-transform: uppercase;
color: #fff;
text-align: left; }
@media screen and (min-width: 760px) {
.katdate,
.katdate span {
font-size: 1.25rem; } }
.dataBox {
display: none; } footer .outer_wrapper {
padding: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem) clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem) 16px;
background-color: #3B3A39; }
footer .outer_wrapper .wrapper {
display: flex;
flex-wrap: wrap; }
footer .outer_wrapper .wrapper > * {
margin-bottom: 10px; }
footer .outer_wrapper .wrapper .left {
width: 100%;
min-height: 128px;
margin-top: 24px; }
footer .outer_wrapper .wrapper .left .footerlogo {
position: absolute;
top: 0;
left: 0;
width: 96%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/logo_footer.svg); }
footer .outer_wrapper .wrapper .center {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between; }
footer .outer_wrapper .wrapper .center .footertext {
padding: 40px;
font-family: "Portrait", serif;
font-size: 1.25rem;
font-size: clamp(1.25rem, 0.8333333333333333rem + 1.388888888888889vw, 2.5rem);
line-height: 100%;
font-weight: 400;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #B4B0AC;
text-align: center; }
footer .outer_wrapper .wrapper .center .socials {
display: flex;
justify-content: center;
padding-bottom: 26px; }
footer .outer_wrapper .wrapper .center .socials .social {
display: block;
width: 20px;
aspect-ratio: 1 / 1;
margin-right: 10px;
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
footer .outer_wrapper .wrapper .center .socials .fb {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/social_fb.svg); }
footer .outer_wrapper .wrapper .center .socials .inst {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/social_inst.svg); }
footer .outer_wrapper .wrapper .center .socials .lin {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/social_lin.svg); }
footer .outer_wrapper .wrapper .right {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between; }
footer .outer_wrapper .wrapper .right .adr {
padding-bottom: 20px;
text-align: center; }
footer .outer_wrapper .wrapper .right .adr p {
padding-bottom: 16px;
font-family: "Untitled", sans-serif;
font-size: 0.875rem;
font-size: clamp(0.875rem, 0.725rem + 0.5vw, 1.25rem);
line-height: 125%;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
color: #B4B0AC; }
footer .outer_wrapper .wrapper .dummy {
display: none; }
footer .outer_wrapper .wrapper.nav {
justify-content: center;
padding-top: 30px; }
footer .outer_wrapper .wrapper.nav .legalMenu {
position: relative;
margin-bottom: 0;
list-style: none;
text-align: center; }
footer .outer_wrapper .wrapper.nav .legalMenu ul {
margin: 0 auto; }
footer .outer_wrapper .wrapper.nav .legalMenu ul li {
display: inline-block;
position: relative;
margin-right: 20px;
text-align: left; }
footer .outer_wrapper .wrapper.nav .legalMenu ul li a {
display: inline-block;
font-family: "Portrait", serif;
font-size: 0.625rem;
font-size: clamp(0.625rem, 0.525rem + 0.33333333333333337vw, 0.875rem);
line-height: 100%;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
text-decoration: none;
color: #B4B0AC; }
footer .outer_wrapper .wrapper.nav .legalMenu ul li a:focus {
text-decoration: underline; }
footer .outer_wrapper .wrapper.nav .legalMenu ul li.current-menu-item > a,
footer .outer_wrapper .wrapper.nav .legalMenu ul li.current-menu-ancestor > a,
footer .outer_wrapper .wrapper.nav .legalMenu ul li.current_page_item > a,
footer .outer_wrapper .wrapper.nav .legalMenu ul li.current_page_ancestor > a,
footer .outer_wrapper .wrapper.nav .legalMenu ul li:hover > a {
text-decoration: underline; }
@media screen and (min-width: 760px) {
footer .outer_wrapper .wrapper > * {
margin-bottom: 30px; }
footer .outer_wrapper .wrapper .center {
justify-content: flex-start;
width: 50%;
margin-bottom: 0; }
footer .outer_wrapper .wrapper .center .footertext {
padding: 0 40px 40px;
text-align: left; }
footer .outer_wrapper .wrapper .center .socials {
justify-content: flex-start;
padding: 0 0 0 40px; }
footer .outer_wrapper .wrapper .center .socials .social {
width: 30px; }
footer .outer_wrapper .wrapper .right {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 50%;
margin-bottom: 0; }
footer .outer_wrapper .wrapper .right * {
text-align: left; } }
@media screen and (min-width: 900px) {
footer .outer_wrapper .wrapper {
justify-content: space-between; }
footer .outer_wrapper .wrapper .left {
width: calc( (100% - 60px) / 3);
margin-top: 0;
margin-bottom: 0; }
footer .outer_wrapper .wrapper .center {
width: calc( (100% - 60px) / 3); }
footer .outer_wrapper .wrapper .center .footertext {
padding: 0 20px 40px 0;
text-align: left; }
footer .outer_wrapper .wrapper .center .socials {
padding: 0; }
footer .outer_wrapper .wrapper .right {
align-items: flex-start;
width: calc( (100% - 60px) / 3); }
footer .outer_wrapper .wrapper .right .adr {
text-align: left; }
footer .outer_wrapper .wrapper .right .socials {
width: 30px;
justify-content: flex-start; }
footer .outer_wrapper .wrapper.nav {
justify-content: flex-start; } }
@media screen and (min-width: 1280px) {
footer .outer_wrapper {
padding: clamp(0.875rem, -0.08333333333333348rem + 3.194444444444445vw, 3.75rem) clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem) 16px; }
footer .outer_wrapper .wrapper {
justify-content: space-between;
flex-wrap: nowrap; }
footer .outer_wrapper .wrapper .left {
width: calc( (100% - 90px) / 4);
margin-top: 0;
margin-bottom: 0; }
footer .outer_wrapper .wrapper .center {
width: calc( (100% - 90px) / 2.5); }
footer .outer_wrapper .wrapper .center .footertext {
padding: 0 20px 40px 0;
text-align: left; }
footer .outer_wrapper .wrapper .center .legalMenu {
text-align: left; }
footer .outer_wrapper .wrapper .right {
width: calc( (100% - 90px) / 4); }
footer .outer_wrapper .wrapper .right .adr {
text-align: left; }
footer .outer_wrapper .wrapper .right .socials {
justify-content: flex-start;
margin-right: 20px; }
footer .outer_wrapper .wrapper .dummy {
display: block;
width: 10%; } }
#isMob {
width: 1px; }
.disp1_hide,
.disp12_hide,
.disp13_hide {
display: none; }
.disp2_hide,
.disp23_hide,
.disp24_hide,
.disp3_hide,
.disp34_hide,
.disp4_hide {
display: block; }
.touchShow,
.mouseShow,
.touchHide,
.mouseHide {
display: none; }  .mainMenu {
position: relative;
display: none; }
.mainMenu ul {
display: inline-block;
list-style: none;
margin-right: 40px;
margin-bottom: 0; }
.mainMenu li {
display: inline-block;
position: relative;
margin-left: clamp(1rem, -0.41666666666666674rem + 2.2222222222222223vw, 2.25rem);
text-align: left;
border-bottom: 1px solid #fff; }
.mainMenu a {
display: inline-block;
text-decoration: none; }
.mainMenu li:hover,
.mainMenu li.current_page_item {
border-bottom: 1px solid #144478; }
.mainMenu .current-menu-item > a {
text-decoration: none;
opacity: 0.7; }
@media screen and (min-width: 1020px) {
.mainMenu {
display: block; } } .mobmenu {
position: fixed;
display: flex;
flex-direction: column;
justify-content: space-between;
right: -100%;
top: 0;
width: 100%;
height: 100%;
padding: 0;
text-align: left;
background-color: #B4B0AC; -webkit-transition: right 0.5s ease;
-moz-transition: right 0.5s ease;
-o-transition: right 0.5s ease;
transition: right 0.5s ease;
-webkit-box-shadow: -25px 0 10px -20px #0000002b;
box-shadow: -25px 0 10px -20px #0000002b;
z-index: 1000;
overflow-y: auto; }
.mobmenu .outer_wrapper {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 30px; }
.mobmenu .outer_wrapper .mobMainMenu {
color: #3B3A39;
margin-bottom: 40px; }
.mobmenu .outer_wrapper .mobMainMenu li {
position: relative;
width: max-content;
max-width: 100%;
margin-bottom: clamp(0.5rem, 0.2222222222222222rem + 0.7407407407407408vw, 1rem);
padding-bottom: 7px;
text-align: left; }
.mobmenu .outer_wrapper .mobMainMenu li.current_page_item > a {
color: #F0EFEE !important; }
.mobmenu .outer_wrapper .mobMainMenu li a, .mobmenu .outer_wrapper .mobMainMenu li a:link, .mobmenu .outer_wrapper .mobMainMenu li a:active, .mobmenu .outer_wrapper .mobMainMenu li a:focus, .mobmenu .outer_wrapper .mobMainMenu li a:visited {
font-family: "Portrait", serif;
font-size: 1.75rem;
font-size: clamp(1.75rem, 0.95rem + 2.666666666666667vw, 3.75rem);
line-height: 125%;
font-weight: 300;
letter-spacing: -0.02em;
text-transform: uppercase;
color: #3B3A39; }
.mobmenu .outer_wrapper .mobMainMenu li a:hover {
opacity: 0.7;
text-decoration: none; }
.mobmenu .outer_wrapper .mobLegalMenu {
margin-top: 30px; }
.mobmenu .outer_wrapper .mobLegalMenu .legalMenu {
display: flex;
flex-wrap: wrap; }
.mobmenu .outer_wrapper .mobLegalMenu .legalMenu li {
position: relative;
margin-top: 10px;
margin-right: 15px;
text-align: left; }
.mobmenu .outer_wrapper .mobLegalMenu .legalMenu li a, .mobmenu .outer_wrapper .mobLegalMenu .legalMenu li a:link, .mobmenu .outer_wrapper .mobLegalMenu .legalMenu li a:active, .mobmenu .outer_wrapper .mobLegalMenu .legalMenu li a:focus, .mobmenu .outer_wrapper .mobLegalMenu .legalMenu li a:visited {
font-family: "Portrait", serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 100%;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
color: #3B3A39;
text-decoration: none; }
.mobmenu .outer_wrapper .close {
position: absolute;
right: 30px;
top: 30px;
width: 28px;
height: 28px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/close-x.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: right center; }
@media screen and (min-width: 800px) {
.mobmenu {
width: 75%; } }
@media screen and (min-width: 960px) {
.mobmenu {
width: 66%; } }
@media screen and (min-width: 1200px) {
.mobmenu {
width: 50%; } }
.mobmenu.show {
right: 0; }  .swiper-button-prev,
.swiper-button-next,
.swiper-rtl .swiper-button-next {
position: absolute;
top: calc(50% - (24px / 2));
width: 24px;
height: auto;
aspect-ratio: 1 / 1;
margin-top: 0;
color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_right_light.svg); }
.swiper-button-prev {
left: 8px;
scale: -1 1; }
.swiper-button-next {
right: 8px; }
.swiper-button-prev:hover,
.swiper-button-next:hover,
.swiper-rtl .swiper-button-next:hover {
opacity: 0.5; }
.swiper-button-prev::after,
.swiper-button-next::after,
.swiper-rtl .swiper-button-next::after {
content: none; }
@media screen and (min-width: 760px) {
.swiper-button-prev,
.swiper-button-next,
.swiper-rtl .swiper-button-next {
position: absolute;
top: calc(50% - (30px / 2));
width: 30px;
height: auto;
aspect-ratio: 1 / 1;
color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_right_light.svg); } }
@media screen and (min-width: 1020px) {
.swiper-button-prev,
.swiper-button-next,
.swiper-rtl .swiper-button-next {
position: absolute;
top: calc(50% - (40px / 2));
width: 40px;
height: auto;
aspect-ratio: 1 / 1;
color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_right_light.svg); } }  .fullpicSec .outer_wrapper:last-of-type,
.onlypicSec .outer_wrapper:last-of-type {
margin-bottom: 40px; }
@media screen and (min-width: 760px) {
.fullpicSec .outer_wrapper:last-of-type,
.onlypicSec .outer_wrapper:last-of-type {
margin-bottom: 60px; } }
@media screen and (min-width: 1280px) {
.fullpicSec .outer_wrapper:last-of-type,
.onlypicSec .outer_wrapper:last-of-type {
margin-bottom: 80px; } } section.onlytextSec {
padding-top: 0; }
.onlytextSec .wrapper h2 {
padding-bottom: clamp(0.9375rem, 0.3124999999999999rem + 2.0833333333333335vw, 2.5rem); } .fullpicSec .outer_wrapper {
background-color: transparent; }
.fullpicSec .outer_wrapper > .title {
padding-bottom: clamp(1.875rem, 0.48611111111111116rem + 3.7037037037037033vw, 4.375rem);
margin: 0 auto; }
.fullpicSec .outer_wrapper > .title > * {
font-family: "Portrait", serif;
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.15rem + 3.6666666666666665vw, 5rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.025em;
text-transform: uppercase;
text-align: center; }
.fullpicSec .outer_wrapper > .title > .anifadeInDown {
opacity: 0;
transition: opacity 0.75s ease-out; }
.fullpicSec .outer_wrapper > .title > h1.animated,
.fullpicSec .outer_wrapper > .title > h2.animated {
animation: slideInDown 0.75s forwards; }
.fullpicSec .outer_wrapper .buttonBox {
position: relative;
bottom: -36px;
width: auto;
padding: 0;
background-color: transparent;
color: #144478;
z-index: 2; }
.fullpicSec .outer_wrapper .buttonBox .buttonBg {
display: block;
padding: 0 15px;
background-color: #F0EFEE !important; }
.fullpicSec .outer_wrapper .buttonBox .button {
display: block;
padding: 0;
line-height: 36px !important; }
.fullpicSec .outer_wrapper .flatfinder {
padding-bottom: 80px; }
.fullpicSec .stoerer_wrapper {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none; }
.fullpicSec .stoerer_wrapper .stoerer {
display: block;
width: 30%; }
.fullpicSec .map {
height: 40vh;
min-height: 450px;
filter: grayscale(100%); }
.fullpicSec .map .wpgmza_map {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.fullpicSec .map .wpgmza_map .wpgmza-gdpr-compliance {
padding: 40px 100px;
text-align: center; }
.fullpicSec .map .wpgmza_map .wpgmza-gdpr-compliance .wpgmza-centered {
margin-top: 20px; }
.fullpicSec .map .wpgmza_map .wpgmza-gdpr-compliance .wpgmza-centered > button {
border: 0;
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC; }
.fullpicSec .map .wpgmza_map .wpgmza-gdpr-compliance .wpgmza-centered > button > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
.fullpicSec .map_container {
height: 40vh;
min-height: 450px;
filter: grayscale(100%); }
.fullpicSec .map_container .wpgmza_map {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.fullpicSec .map_container .wpgmza_map .wpgmza-gdpr-compliance {
padding: 40px 100px;
text-align: center; }
.fullpicSec .map_container .wpgmza_map .wpgmza-gdpr-compliance .wpgmza-centered {
margin-top: 20px; }
.fullpicSec .map_container .wpgmza_map .wpgmza-gdpr-compliance .wpgmza-centered > button {
border: 0;
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC; }
.fullpicSec .map_container .wpgmza_map .wpgmza-gdpr-compliance .wpgmza-centered > button > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
@media screen and (max-width: 1020px) and (orientation: portrait) {
.fullpicSec .wrapper.videoBox video {
height: 80vh;
object-fit: cover;
margin-bottom: 50px; }
.fullpicSec .wrapper.picBox img {
display: block;
height: 50vh;
object-fit: cover;
margin-bottom: 50px; } } .textbox2spSec .wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-bottom: clamp(4.375rem, -0.13888888888888928rem + 12.037037037037038vw, 12.5rem); }
.textbox2spSec .wrapper .box {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 10% 20%;
border-top: 1px solid #3B3A39;
border-bottom: 1px solid #3B3A39; }
.textbox2spSec .wrapper .box .hl_small {
padding-bottom: clamp(0.9375rem, 0.41666666666666663rem + 1.388888888888889vw, 1.875rem);
font-family: "Portrait", serif;
font-size: 1.125rem;
font-size: clamp(1.125rem, 0.975rem + 0.5vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: uppercase;
text-align: center; }
.textbox2spSec .wrapper .box .cont {
max-width: 630px; }
.textbox2spSec .wrapper .box .cont > * {
font-family: "Untitled", sans-serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 700;
letter-spacing: -0.025em;
text-transform: uppercase;
text-align: center; }
.textbox2spSec .wrapper .box .buttonBox {
padding-top: clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
text-align: center; }
.textbox2spSec .wrapper .box .buttonBox .button {
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC;
text-align: center; }
.textbox2spSec .wrapper .box .buttonBox .button > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
.textbox2spSec .wrapper .box:first-of-type {
border-bottom: 0; }
@media screen and (min-width: 1020px) {
.textbox2spSec .wrapper .box {
width: 50%;
padding: 10% 5%; }
.textbox2spSec .wrapper .box:first-of-type {
border-bottom: 1px solid #3B3A39;
border-right: 1px solid #3B3A39; } } .kontaktformSec .outer_wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1236px;
padding-bottom: 80px; }
.kontaktformSec .outer_wrapper .contBox {
width: 100%; }
.kontaktformSec .outer_wrapper .contBox .cont {
font-family: "Untitled", sans-serif;
font-size: 1.125rem;
font-size: clamp(1.125rem, 0.825rem + 1vw, 1.875rem);
line-height: 110%;
font-weight: 400;
letter-spacing: -0.0125em;
text-transform: none;
text-align: center; }
.kontaktformSec .outer_wrapper .formBox .form {
width: 100%; }
.kontaktformSec .outer_wrapper .formBox .form .fullLine,
.kontaktformSec .outer_wrapper .formBox .form .halfLine,
.kontaktformSec .outer_wrapper .formBox .form .quartLine {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%; }
.kontaktformSec .outer_wrapper .formBox .form .fullLine > *,
.kontaktformSec .outer_wrapper .formBox .form .halfLine > *,
.kontaktformSec .outer_wrapper .formBox .form .quartLine > * {
display: block; }
.kontaktformSec .outer_wrapper .formBox .form .fullLine > .emailWdh,
.kontaktformSec .outer_wrapper .formBox .form .halfLine > .emailWdh,
.kontaktformSec .outer_wrapper .formBox .form .quartLine > .emailWdh {
display: none; }
.kontaktformSec .outer_wrapper .formBox .form .fullLine > label,
.kontaktformSec .outer_wrapper .formBox .form .halfLine > label,
.kontaktformSec .outer_wrapper .formBox .form .quartLine > label {
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.6363636363636364rem + 0.30303030303030304vw, 1rem);
line-height: 100%;
font-weight: 400;
letter-spacing: 0;
text-transform: none; }
.kontaktformSec .outer_wrapper .formBox .form .fullLine > .bottomBox,
.kontaktformSec .outer_wrapper .formBox .form .halfLine > .bottomBox,
.kontaktformSec .outer_wrapper .formBox .form .quartLine > .bottomBox {
display: flex; }
.kontaktformSec .outer_wrapper .formBox .form .fullLine > .bottomBox > .dsBox,
.kontaktformSec .outer_wrapper .formBox .form .halfLine > .bottomBox > .dsBox,
.kontaktformSec .outer_wrapper .formBox .form .quartLine > .bottomBox > .dsBox {
padding-left: 16px; }
.kontaktformSec .outer_wrapper .formBox .form .fullLine > .bottomBox > .dsBox .chText,
.kontaktformSec .outer_wrapper .formBox .form .halfLine > .bottomBox > .dsBox .chText,
.kontaktformSec .outer_wrapper .formBox .form .quartLine > .bottomBox > .dsBox .chText {
margin-bottom: 10px; }
.kontaktformSec .outer_wrapper .formBox .form .fullLine > .bottomBox > .dsBox > *,
.kontaktformSec .outer_wrapper .formBox .form .halfLine > .bottomBox > .dsBox > *,
.kontaktformSec .outer_wrapper .formBox .form .quartLine > .bottomBox > .dsBox > * {
font-family: "Untitled", sans-serif;
font-size: 0.625rem;
font-size: clamp(0.625rem, 0.575rem + 0.16666666666666669vw, 0.75rem);
line-height: 100%;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
color: #3B3A3980; }
.kontaktformSec .outer_wrapper .formBox .form .msg {
margin-top: 40px;
font-weight: 700; }
.kontaktformSec .outer_wrapper .formBox .form .ptop {
padding-top: 24px; }
.kontaktformSec .outer_wrapper .formBox .form input[type=submit] {
border: 0;
display: block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC; }
.kontaktformSec .outer_wrapper .formBox .form input[type=submit] > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
.kontaktformSec .titleBox {
padding-bottom: clamp(0.9375rem, 0.41666666666666663rem + 1.388888888888889vw, 1.875rem); }
.kontaktformSec .titleBox .title > * {
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none; }
@media screen and (min-width: 760px) {
.kontaktformSec .outer_wrapper .contBox {
width: 48%; }
.kontaktformSec .outer_wrapper .formBox .form {
width: 100%; } }
@media screen and (min-width: 1020px) {
.kontaktformSec .outer_wrapper .contBox {
width: 48%; }
.kontaktformSec .outer_wrapper .contBox .cont {
padding-top: 38px;
text-align: left; }
.kontaktformSec .outer_wrapper .formBox {
width: 48%; }
.kontaktformSec .outer_wrapper .formBox .fullLine > .halfLine,
.kontaktformSec .outer_wrapper .formBox .fullLine > .quartLine {
width: 48%; } } .immolistSec .outer_wrapper .cont .uk-card-default {
border: 1px solid #000 !important; }
.immolistSec .outer_wrapper .cont .inx-property-search__element .inx-form-element--reset,
.immolistSec .outer_wrapper .cont .inx-property-search__element .inx-form-element--extended-search-toggle {
display: none; }
.immolistSec .outer_wrapper .cont .inx-property-list-item__labels {
top: 0 !important;
right: 0 !important;
padding-top: 0; }
.immolistSec .outer_wrapper .cont .inx-property-list-item__labels .inx-property-label {
display: block;
border-bottom-right-radius: 0 !important;
padding: 5px 10px;
color: #000;
background: #ffffffcc;
font-family: Lato, sans-serif;
font-size: 0.75rem;
font-weight: 700; }
.immolistSec .outer_wrapper .cont .inx-property-list-item,
.immolistSec .outer_wrapper .cont .inx-property-list-item__footer {
border-bottom-right-radius: 0 !important; }
.immolistSec .outer_wrapper .cont .inx-oi--inverted.inx-oi--vermarktungsart--kauf,
.immolistSec .outer_wrapper .cont .immolistSec .uk-card-default .uk-card-footer,
.immolistSec .outer_wrapper .cont .immolistSec .inx-oi--inverted.inx-oi--vermarktungsart--miete-pacht {
border-top: 1px solid #000 !important; }
.immolistSec .outer_wrapper .cont .inx-oi--vermarktungsart--kauf {
color: #000 !important; }
.immolistSec .outer_wrapper .cont .inx-link,
.immolistSec .outer_wrapper .cont .inx-link:active,
.immolistSec .outer_wrapper .cont .inx-link:focus,
.immolistSec .outer_wrapper .cont .inx-link:hover,
.immolistSec .outer_wrapper .cont .inx-link:visited,
.immolistSec .outer_wrapper .cont a.inx-oi--vermarktungsart--kauf,
.immolistSec .outer_wrapper .cont a.inx-oi--vermarktungsart--kauf:active,
.immolistSec .outer_wrapper .cont a.inx-oi--vermarktungsart--kauf:focus,
.immolistSec .outer_wrapper .cont a.inx-oi--vermarktungsart--kauf:hover,
.immolistSec .outer_wrapper .cont a.inx-oi--vermarktungsart--kauf:visited {
color: #fff !important;
background: #000;
background-color: #000; }
.immolistSec .outer_wrapper .cont .inx-property-list-item__title.uk-card-title > a {
letter-spacing: 0.02em;
color: #000 !important;
text-transform: uppercase;
background: #ffffff00 !important;
background-color: #ffffff00 !important; }
.immolistSec .outer_wrapper .cont .inx-pagination {
margin-top: 60px !important; }
.immolistSec .outer_wrapper .cont .nav-links > a {
font-family: 'Lato', sans-serif;
font-size: 0.875rem;
letter-spacing: 0.02em;
text-transform: uppercase;
font-weight: 700;
text-decoration: none; }
.immolistSec .outer_wrapper .cont .nav-links > a:hover {
color: #000; }
@media only screen and (min-width: 640px) {
.immolistSec .outer_wrapper .cont .inx-pagination {
margin-top: 300px !important; } }
@media only screen and (min-width: 920px) {
.immolistSec .outer_wrapper .cont .inx-pagination {
margin-top: 160px !important; } } .singleImmoHead {
padding-top: clamp(5rem, 4.25rem + 3.75vw, 8.75rem); }
.singleImmoHead .wrapper .head_data {
text-align: center; }
.singleImmoHead .wrapper .head_data .ort {
margin-bottom: clamp(0.75rem, 0.375rem + 1.25vw, 1.875rem);
font-family: "Untitled", sans-serif;
font-size: 1rem;
font-size: clamp(1rem, 0.9166666666666666rem + 0.2777777777777778vw, 1.25rem);
line-height: 110%;
font-weight: 700;
letter-spacing: -0.0125em;
text-transform: uppercase;
text-align: center !important; }
.singleImmoHead .wrapper .head_data .title {
margin-bottom: 30px;
font-family: "Portrait", serif;
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.15rem + 3.6666666666666665vw, 5rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.025em;
text-transform: uppercase;
text-align: center !important; }
.singleImmoHead .wrapper .head_data .inx-single-property__head {
margin: 0 auto !important; }
.singleImmoHead .wrapper .head_data .inx-single-property__head .inx-single-property__head-title {
margin-bottom: 30px !important;
text-align: left;
font-size: 1.5625rem;
line-height: 150%;
font-weight: 700;
letter-spacing: 0.02em;
font-style: normal;
text-transform: uppercase;
color: #000; }
.singleImmoHead .wrapper .head_data .inx-single-property__head .inx-single-property__head-elements:first-of-type {
display: flex; }
.singleImmoHead .wrapper .head_data .inx-single-property__head .uk-flex:first-of-type,
.singleImmoHead .wrapper .head_data .inx-single-property__head .uk-flex:nth-of-type(2) {
display: none; }
.singleImmoHead .wrapper .head_data .singleImmoFoot h3 {
margin-bottom: 30px !important;
text-align: left;
font-size: 1.5625rem;
line-height: 150%;
font-weight: 700;
letter-spacing: 0.02em;
font-style: normal;
text-transform: uppercase;
color: #000; }
.singleImmoHead .wrapper .head_data hr {
display: none; }
.singleImmoHead .wrapper .head_data .uk-padding {
padding: 0; }
.singleImmoHead .wrapper .head_data * {
text-align: left !important; }
.singleImmoSlide .wrapper .inx-single-property__section--type--gallery {
margin: 0 auto !important;
overflow-x: hidden; }
.singleImmoSlide .wrapper .inx-single-property__section--type--gallery .inx-gallery__image-slider .inx-thumbnail-nav {
margin-bottom: 40px; }
.singleImmoSlide .wrapper .inx-single-property__section--type--gallery .inx-gallery__image-slider .inx-gallery__image > img {
object-fit: contain;
object-position: left; }
.singleImmoSlide .wrapper .inx-single-property__section--type--gallery .inx-gallery__image-slider .inx-gallery__image-caption {
display: none; }
.singleImmoSlide .wrapper .inx-single-property__section--type--gallery .inx-gallery__image-slider .uk-position-center-left,
.singleImmoSlide .wrapper .inx-single-property__section--type--gallery .inx-gallery__image-slider .uk-position-center-right {
display: block;
width: 50px !important;
height: 50px !important;
text-indent: -99999px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_right_light.svg); }
.singleImmoSlide .wrapper .inx-single-property__section--type--gallery .inx-gallery__image-slider .uk-position-center-left {
left: 100px;
top: calc(50% - 25px);
transform: rotate(180deg); }
.singleImmoSlide .wrapper .inx-single-property__section--type--gallery .inx-gallery__image-slider .uk-position-center-right {
right: 100px;
top: 50%; }
.singleImmoSec .wrapper .linkBox {
margin-bottom: 46px;
text-align: left; }
.singleImmoSec .wrapper .linkBox > .link {
display: inline-block;
width: max-content;
padding-right: clamp(1.5rem, 1.25rem + 0.8333333333333334vw, 2.25rem);
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_right_dark.svg);
background-repeat: no-repeat;
background-size: clamp(1rem, 0.9166666666666666rem + 0.2777777777777778vw, 1.25rem) auto;
background-position: right center; }
.singleImmoSec .wrapper .linkBox > .link > span {
display: inline-block;
padding-bottom: 8px;
border-bottom: 1px solid #3B3A39;
color: #3B3A39;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase; }
.singleImmoSec .wrapper .linkBox:last-of-type {
margin-bottom: 36px; }
.singleImmoSec .wrapper .cont .group {
margin-top: clamp(0rem, -1.6666666666666667rem + 5.555555555555556vw, 5rem); }
.singleImmoSec .wrapper .cont .group > .hl {
margin-bottom: clamp(1rem, 0.5833333333333333rem + 1.388888888888889vw, 2.25rem);
font-family: "Portrait", serif;
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.15rem + 3.6666666666666665vw, 5rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.025em;
text-transform: uppercase; }
.singleImmoSec .wrapper .cont .group > .desc {
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none; }
.singleImmoSec .wrapper .cont .group > .desc .inx-description-text p, .singleImmoSec .wrapper .cont .group > .desc .inx-description-text li {
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none; }
.singleImmoSec .wrapper .cont .group > .desc .data ul.inx-detail-list {
margin-left: 0 !important;
margin-bottom: 0; }
.singleImmoSec .wrapper .cont .group > .desc .data ul.inx-detail-list .inx-detail-list__item {
display: flex; }
.singleImmoSec .wrapper .cont .group > .desc .data ul.inx-detail-list .inx-detail-list__item .inx-detail-list__title {
display: block;
padding-right: 10px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
line-height: 20px; }
.singleImmoSec .wrapper .cont .group > .desc .data ul.inx-detail-list .inx-detail-list__item .inx-detail-list__value {
display: block;
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none;
line-height: 20px; }
.singleImmoSec .wrapper .cont .group > .desc .data ul.inx-feature-list {
display: none; }
.singleImmoSec .wrapper .cont .group > .desc .inx-single-property__section-title {
display: none; }
.singleImmoSec .wrapper .cont .group.objekt {
margin-top: clamp(2.875rem, 2.166666666666667rem + 2.361111111111111vw, 5rem); }
.singleImmoSec .wrapper .cont .group.objekt .desc > * {
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none; }
.singleImmoSec .wrapper .cont .group.lage {
margin-top: clamp(6.25rem, 4.166666666666666rem + 6.944444444444445vw, 12.5rem);
margin-bottom: clamp(6.25rem, 4.166666666666666rem + 6.944444444444445vw, 12.5rem); }
.singleImmoSec .wrapper .cont .group.datenfakten .desc {
padding-top: clamp(1.25rem, 1.0833333333333333rem + 0.5555555555555556vw, 1.75rem);
border-top: 1px solid #3B3A39;
padding-bottom: clamp(1.75rem, 1.5833333333333333rem + 0.5555555555555556vw, 2.25rem);
border-bottom: 1px solid #3B3A39; }
.singleImmoSec .wrapper .cont .group.datenfakten .desc.twocols .data .one {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 6px; }
.singleImmoSec .wrapper .cont .group.datenfakten .desc.twocols .data .one .key {
display: block;
padding-right: 10px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase; }
.singleImmoSec .wrapper .cont .group.datenfakten .desc.twocols .data .one .val {
display: block;
align-self: self-end;
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none; }
.singleImmoSec .wrapper .cont .group.datenfakten .desc.twocols .data .one > div {
width: 50%;
padding-right: 10px; }
.singleImmoSec .wrapper .cont .group.datenfakten .desc.twocols .data:first-of-type {
margin-bottom: 16px; }
.singleImmoSec .wrapper .cont .group.datenfakten .desc.price {
border-top: 0; }
.singleImmoSec .wrapper .cont .group.datenfakten .desc.price .data .key {
display: block;
padding-right: 10px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
line-height: 20px; }
.singleImmoSec .wrapper .cont .group.datenfakten .desc.price .data .val {
margin-top: 20px;
display: block;
font-family: "Portrait", serif;
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.15rem + 3.6666666666666665vw, 5rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.025em;
text-transform: uppercase;
text-transform: none; }
.singleImmoSec .wrapper .cont .group.ausstattung .desc .data .inx-detail-list {
padding-top: 40px;
border-top: 1px solid #3B3A39;
padding-bottom: 40px;
border-bottom: 1px solid #3B3A39; }
.singleImmoSec .wrapper .cont .schlusstext {
margin-top: 40px;
margin-bottom: 40px;
font-family: "Untitled", sans-serif;
font-size: 0.875rem;
font-size: clamp(0.875rem, 0.725rem + 0.5vw, 1.25rem);
line-height: 125%;
font-weight: 400;
letter-spacing: 0;
text-transform: none; }
.singleImmoSec .wrapper .cont > div {
width: 100%; }
.singleImmoSec .flag_wrapper {
position: fixed;
top: 0;
right: 0;
height: 100vh;
width: 0;
z-index: 1001; }
.singleImmoSec .flag_wrapper .kontaktFlag {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
left: -50px;
top: calc(50% - 106px);
width: 50px;
border-radius: 8px 0 0 8px;
height: 212px;
color: #EAEFEF;
background-color: #3B3A39;
cursor: pointer; }
.singleImmoSec .flag_wrapper .kontaktFlag div {
transform: rotate(-90deg);
white-space: nowrap;
font-size: 0.875rem;
text-transform: uppercase; }
@media only screen and (min-width: 760px) {
.singleImmoSec .wrapper .cont .group.datenfakten .desc.twocols {
display: flex;
justify-content: space-between; }
.singleImmoSec .wrapper .cont .group.datenfakten .desc.twocols .data {
width: calc(50% - 12px); }
.singleImmoSec .wrapper .cont .group.datenfakten .desc.twocols .data:first-of-type {
margin-bottom: 0; } } .textinfullpicSec .pic {
padding-bottom: clamp(1.25rem, 0.8088235294117647rem + 2.205882352941176vw, 3.125rem); }
.textinfullpicSec .buttonBox {
position: relative;
bottom: -36px;
width: auto;
padding: 0;
background-color: transparent;
color: #144478;
z-index: 2; }
.textinfullpicSec .buttonBox .buttonBg {
display: block;
padding: 0 15px;
background-color: #F0EFEE !important; }
.textinfullpicSec .buttonBox .button {
display: block;
padding: 0;
line-height: 36px !important; } section.halfPicText {
position: relative;
padding-top: 0;
padding-bottom: 25px; }
.halfPicText .cont {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start; }
.halfPicText .halfPic,
.halfPicText .halfTxt {
display: block;
position: relative;
width: 100%;
text-align: left; }
.halfPicText .halfTxt { padding-left: 0;
padding-right: 0; }
.halfPicText .halfPic {
margin-bottom: 20px; }
.halfPicText .halfPic > img {
width: 100;
height: 100%;
object-fit: cover;
object-position: center; }
@media screen and (min-width: 980px) {
.halfPicText .cont.picL {
flex-direction: row; }
.halfPicText .cont.picR {
flex-direction: row-reverse; }
.halfPicText .halfPic,
.halfPicText .halfTxt {
width: 50%; }
.halfPicText .halfPic {
margin-bottom: 0; }
.halfPicText .halfTxt {
padding-left: 0;
padding-right: 0; } }
@media screen and (min-width: 1200px) {
.halfPicText .cont {
align-items: center; } }
.halfPicText .halfTxt ul > li {
text-indent: 18px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/dot_pers.svg);
background-repeat: no-repeat;
background-size: 12px 12px;
background-position: left top; }
@media screen and (min-width: 760px) {
.halfPicText .halfTxt ul > li {
text-indent: 24px;
background-size: 16px 16px;
background-position: left 4px; } }
.halfPicText .halfTxt ul > li:last-of-type {
margin-bottom: 0; } section.bgpicistSec {
padding-top: 40px; }
.bgpicistSec .outer_wrapper {
background-repeat: no-repeat;
background-size: cover; }
.bgpicistSec .wrapper {
padding-top: 10px;
padding-bottom: 10px; }
.bgpicistSec .cont ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
column-gap: 30px;
margin-left: 0; }
.bgpicistSec .cont li {
width: 100%;
padding: 15px 50px 45px;
margin-bottom: 20px;
font-size: 1rem; line-height: 135%;
font-weight: 400;
text-indent: 0;
color: #fff; background-color: #144478e6; }
@media screen and (min-width: 660px) {
.bgpicistSec .wrapper {
padding-top: 60px;
padding-bottom: 20px; }
.bgpicistSec .cont li {
width: calc(50% - 15px);
padding: 30px;
margin-bottom: 30px; } }
@media screen and (min-width: 1020px) {
.bgpicistSec .cont ul {
column-gap: 40px; }
.bgpicistSec .cont ul > li {
width: calc(33.33% - 26.667px);
padding: 40px;
margin-bottom: 40px; } }
.bgpicistSec .cont li::before {
content: none; }
.bgpicistSec .cont li > strong {
display: block;
padding-bottom: 10px;
margin-left: -3px;
rotate: -3deg;
font-size: 2rem; line-height: 111%;
font-weight: 500; }
.bgpicistSec .cont ul > li > em {
display: block;
font-style: normal;
rotate: -3deg; } .fixpicSec {
height: 80vh;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center; }
@media screen and (max-width: 800px) and (orientation: portrait) {
.fixpicSec {
height: 66vh;
background-attachment: scroll; } } .twoPicSec .wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.twoPicSec .wrapper > div {
width: 100%; }
@media screen and (min-width: 800px) and (orientation: landscape) {
.twoPicSec .wrapper > div {
width: 50%; } } section.karussellSec {
padding-top: 40px; }
.karussellSec .wrapper h2 {
padding-bottom: 10px;
text-align: center; }
.karussellSec .wrapper .cont {
max-width: 1050px;
margin: 0 auto; }
.karussellSec .karussellBox {
display: flex;
justify-content: center;
width: 100%;
overflow: hidden;
padding-top: 40px; }
.karussellSec .karussellBox .textBox {
text-align: center; }
.karussellSec .swiper {
width: 80%;
max-width: 1050px;
overflow: hidden; }
.karussellSec .swiper .one {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center; }
.karussellSec .sl-prev,
.karussellSec .sl-next {
position: absolute;
top: 40%;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: 100; }
.karussellSec .sl-prev {
left: 0;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/arr_left_blau.svg); }
.karussellSec .sl-next {
right: 0;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/arr_right_blau.svg); } .fixedheader header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: clamp(0.75rem, 0.39285714285714285rem + 0.9523809523809524vw, 1.25rem);
padding-bottom: clamp(0.75rem, 0.39285714285714285rem + 0.9523809523809524vw, 1.25rem);
border-bottom: 0;
z-index: 1000;
-webkit-transition: top 800ms ease, opacity 1500ms linear, invert 800ms linear;
-moz-transition: top 800ms ease, opacity 1500ms linear, invert 800ms linear;
-o-transition: top 800ms ease, opacity 1500ms linear, invert 800ms linear;
transition: top 800ms ease, opacity 1500ms linear, invert 800ms linear; }
.fixedheader header .outer_wrapper {
padding-left: clamp(0.75rem, -0.0535714285714286rem + 2.142857142857143vw, 1.875rem);
padding-right: clamp(0.75rem, -0.0535714285714286rem + 2.142857142857143vw, 1.875rem); }
.fixedheader header .outer_wrapper .cont_wrapper {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center; }
.fixedheader header .outer_wrapper .cont_wrapper > .logoBox {
left: -20px; }
.fixedheader header .outer_wrapper .cont_wrapper > .logoBox .logo {
width: clamp(1.875rem, 0.9821428571428571rem + 2.3809523809523814vw, 3.125rem);
aspect-ratio: 1 / 1;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/logoico_light.svg); }
.fixedheader header .outer_wrapper .cont_wrapper > .menuBox .burger {
cursor: pointer; }
.fixedheader header .outer_wrapper .cont_wrapper > div > div, .fixedheader header .outer_wrapper .cont_wrapper > div > a {
display: block;
font-family: "Portrait", serif;
font-size: 1.125rem;
font-size: clamp(1.125rem, 0.975rem + 0.5vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: uppercase;
color: #fff;
text-shadow: 0px 1px 3px #888888cc; }
.fixedheader header.up {
top: -120px;
opacity: 0; }
.fixedheader header.invers {
filter: invert(83%); } .stickyheader {
height: 90px; }
.stickyheader header {
position: relative;
width: 100%;
padding-top: 0;
padding-bottom: 0;
border-bottom: 0;
z-index: 200;
-webkit-transition: top 500ms ease;
-moz-transition: top 500ms ease;
-o-transition: top 500ms ease;
transition: top 500ms ease; }
.stickyheader header .outer_wrapper {
position: relative;
background-color: #ffffffff;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
transition: background-color 500ms linear; }
.stickyheader header .outer_wrapper .wrapper_cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px; }
.stickyheader header .outer_wrapper .wrapper_cont .logo {
position: relative;
display: block;
width: 20%;
min-width: 160px;
height: 32px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/logo_1z.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
filter: invert(1); }
.stickyheader header .outer_wrapper .wrapper_cont .navBox {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
height: 40px; }
.stickyheader header .outer_wrapper .wrapper_cont .navBox .burger {
display: block;
width: auto;
height: 80%;
aspect-ratio: 1 / 1;
right: 0;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/burger_plus.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
filter: invert(1); }
.stickyheader header .outer_wrapper .wrapper_cont .navBox .burger.close,
.stickyheader header .outer_wrapper .wrapper_cont .navBox .burger:hover {
opacity: 0.7; }
.stickyheader header.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000; }
.stickyheader header.sticky.up {
position: fixed;
top: -90px;
left: 0;
width: 100%;
z-index: 1000; }
@media screen and (min-width: 600px) {
.stickyheader {
height: 100px; }
.stickyheader header .outer_wrapper .wrapper_cont .logo,
.stickyheader header .outer_wrapper .wrapper_cont .navBox {
height: 40px; }
.stickyheader header.hide {
top: -100px; } }
@media screen and (min-width: 760px) {
.stickyheader header .outer_wrapper .wrapper_cont .navBox .burger {
height: 96%; } }
@media screen and (min-width: 960px) {
.stickyheader {
height: 130px; }
.stickyheader header .outer_wrapper .wrapper_cont .logo {
height: 56px; }
.stickyheader header.hide {
top: -130px; } }
@media screen and (min-width: 1440px) {
.stickyheader {
height: 150px; }
.stickyheader header .outer_wrapper .wrapper_cont .logo {
height: 86px; }
.stickyheader header .outer_wrapper .wrapper_cont .navBox {
height: 56px; }
.stickyheader header.hide {
top: -150px; } } .logoonlySec .outer_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 100vh;
padding-bottom: 60px; }
.logoonlySec .outer_wrapper .scrolllogo {
display: block;
width: 50%;
max-width: 600px;
margin-top: -5%; }
@media screen and (max-width: 800px) and (orientation: portrait) {
.logoonlySec .outer_wrapper .scrolllogo {
display: block;
width: 80%; } }
.logoonlySec .outer_wrapper .scrolllogo > img {
display: block;
width: 100%; }
.logoonlySec .outer_wrapper .scrolldown {
display: none;
position: absolute;
left: calc(50% - 20px);
bottom: 20px;
width: 40px;
height: 40px; }
.logoonlySec .outer_wrapper .scrolldown > img {
display: block;
position: absolute;
left: 4px;
top: 5px;
width: 30px;
height: 30px;
object-fit: contain;
object-position: center; } .newslisteSec h2.toptitle {
margin-bottom: 40px; }
.newsliste {
display: flex;
flex-wrap: wrap;
width: 100%; }
.newsliste .one {
position: relative;
display: grid;
grid-column-gap: 20px;
grid-template-areas: "hl" "pic" "exc";
width: 100%;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 3px solid #144478;
color: #144478;
text-align: left; }
.newsliste .one:hover {
opacity: 0.7;
text-decoration: none; }
.newsliste .one:active,
.newsliste .one:focus,
.newsliste .one:visited {
color: #144478;
text-decoration: none; }
.newsliste .one .hl {
grid-area: hl;
margin-bottom: 20px; }
.newsliste .one .exc {
grid-area: exc; }
.newsliste .one .pic {
grid-area: pic;
margin-bottom: 20px; }
.newsliste .one .arrow {
position: absolute;
right: 10px;
bottom: 10px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_teaser_weiss.svg); }
@media screen and (min-width: 960px) {
.newsliste .one {
grid-column-gap: 50px;
grid-template-areas: "hl exc pic";
margin-bottom: 30px; }
.newsliste .one > div,
.newsliste .one .pic {
margin-bottom: 0; } }
.newslisteSec .buttonBox {
display: block !important;
width: 100%;
padding: 10px 0;
text-align: right; }
.newslisteSec .buttonBox > a {
text-align: right; } .showKontaktnoformSec .outer_wrapper {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
margin-top: -50%; }
.showKontaktnoformSec .outer_wrapper > img {
display: block;
width: 100%; }
.showKontaktnoformSec .wrapper .contBox {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
width: 80%;
margin-left: 10%; }
.showKontaktnoformSec .wrapper .contBox > h4 {
text-align: right; }
.showKontaktnoformSec .wrapper .contBox > div {
width: 100%; }
.showKontaktnoformSec .wrapper .cont * {
text-align: right; }
.showKontaktnoformSec .wrapper .cont img {
display: inline-block; }
.showKontaktnoformSec .wrapper .cont figure {
margin-bottom: 3px !important; }
.showKontaktnoformSec .wrapper .cont a {
color: #fff; }
.showKontaktnoformSec .wrapper .cont a:active,
.showKontaktnoformSec .wrapper .cont a:focus,
.showKontaktnoformSec .wrapper .cont a:visited {
color: #fff;
text-decoration: none; }
@media screen and (min-width: 900px) {
.showKontaktnoformSec .outer_wrapper {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
margin-top: 0; }
.showKontaktnoformSec .outer_wrapper {
display: flex;
align-items: center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.showKontaktnoformSec .wrapper .contBox {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
width: 100%;
margin-left: 0; }
.showKontaktnoformSec .wrapper .contBox {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
width: 29%; } } .singleSec .contBox h2 span {
font-size: smaller; }
.singleSec .buttonBox {
display: block !important;
width: 100%;
text-align: right; } .onlypicSec .picBox,
.onlypicSec .mainPic {
display: block;
position: relative;
width: 100%;
height: auto; }
.onlypicSec picture {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.onlypicSec .fitPic,
.onlypicSec .fitPic {
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.65); }
.onlypicSec .botPic {
display: block;
position: absolute;
left: 20px;
bottom: 17px;
width: 70%;
height: auto;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
@media screen and (orientation: landscape) {
.onlypicSec .botPic {
left: 40px;
bottom: 0;
width: 200px; } }
@media screen and (min-width: 800px) and (orientation: landscape) {
.onlypicSec .botPic {
width: 450px; } }
@media screen and (min-width: 1000px) and (orientation: landscape) {
.onlypicSec .botPic {
width: 550px; } }
@media screen and (min-width: 1200px) and (orientation: landscape) {
.onlypicSec .botPic {
left: 69px;
width: 700px; } }
@media screen and (min-width: 1600px) and (orientation: landscape) {
.onlypicSec .botPic {
width: 880px; } }
@media screen and (min-width: 1800px) and (orientation: landscape) {
.onlypicSec .botPic {
width: 950px; } }
.onlypicSec .rightPic {
display: block;
position: absolute;
right: 0;
top: 100px;
width: auto;
height: calc(100% - 147px); }
.onlypicSec .picText {
position: absolute;
left: 0;
top: 30%;
width: 100%; }
.onlypicSec .picText > .wrapper {
position: relative;
padding-right: 10% !important; }
@media screen and (min-width: 1020px) {
.onlypicSec .picText > .wrapper {
padding-right: 27% !important; } }
.onlypicSec .picText,
.onlypicSec .picText h2,
.onlypicSec .picText p,
.onlypicSec .picText li {
color: #fff; }
.onlypicSec .picText h2 {
margin-bottom: 10px; }
.onlypicSec .picText .actionButton {
border: 1px solid #fff;
color: #fff;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/arr_right_white.svg); } .iconListSec .iconlistBox {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.iconListSec .iconlistBox .one {
width: 100%;
padding: 15px 0;
text-align: center; }
@media screen and (min-width: 600px) {
.iconListSec .iconlistBox .one {
width: 47.5%;
gap: 5%; } }
@media screen and (min-width: 900px) {
.iconListSec .iconlistBox .one {
width: 32%;
gap: 4%; } }
@media screen and (min-width: 1020px) {
.iconListSec .iconlistBox .one {
width: 23.5%;
gap: 3%; } }
.iconListSec .iconlistBox .one > img {
display: block;
width: 100%;
height: auto;
max-height: 70px;
object-fit: contain;
object-position: center; }
.iconListSec .iconlistBox .one p
.iconListSec .iconlistBox .one h6 {
font-size: 0.9375rem;
font-weight: 400; }
.iconListSec .iconlistBox .one > h6 {
font-size: 0.9375rem;
margin-bottom: 10px;
font-weight: 700; } .zahlenfaktenSec {
background-color: #f5f5f5; }
.zahlenfaktenSec > .wrapper .titleBox {
display: flex;
justify-content: center;
width: 100%; }
.zahlenfaktenSec > .wrapper .titleBox > h2 {
display: flex;
width: 100%;
text-align: left; }
.zahlenfaktenSec > .wrapper .titleBox > .titleLogo {
display: none;
justify-content: flex-end;
align-items: center;
width: 30%;
max-width: 350px; }
@media screen and (min-width: 580px) {
.zahlenfaktenSec > .wrapper .titleBox {
justify-content: flex-end; }
.zahlenfaktenSec > .wrapper .titleBox > h2 {
width: 70%;
padding: 0 5% 0 0;
text-align: right; }
.zahlenfaktenSec > .wrapper .titleBox > .titleLogo {
display: flex; } }
.zahlenfaktenSec > .wrapper .titleBox > img {
display: block;
width: 100%;
height: auto; }
.zahlenfaktenSec .wrapper .facts {
width: 100%; }
.zahlenfaktenSec .wrapper .facts li {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
padding-top: 50px;
background-color: #F0EFEE; }
.zahlenfaktenSec .wrapper .facts li > sup {
display: block;
width: 100%;
margin-right: 20px;
margin-bottom: 0;
font-size: 2rem;
font-weight: 700;
font-style: normal;
color: #c91300; }
.zahlenfaktenSec .wrapper .facts li > em {
display: block;
width: 100%;
font-style: normal; }
@media screen and (min-width: 600px) {
.zahlenfaktenSec .wrapper .facts {
width: 90%; }
.zahlenfaktenSec .wrapper .facts li > sup {
width: auto;
margin-top: 0;
margin-bottom: 0; }
.zahlenfaktenSec .wrapper .facts li > em {
width: 82%; } }
@media screen and (min-width: 760px) {
.zahlenfaktenSec .wrapper .facts {
width: 80%; }
.zahlenfaktenSec .wrapper .facts li {
display: flex;
align-items: center;
width: 100%;
background-color: #F0EFEE; }
.zahlenfaktenSec .wrapper .facts li > sup {
top: 0; } }
.zahlenfaktenSec .wrapper .facts blockquote {
display: block;
width: 100%;
padding-left: 20px;
margin-top: 40px;
border-left: 8px solid #007c3a; }
.zahlenfaktenSec .wrapper .facts blockquote strong {
text-transform: uppercase; } .iconfactSec .iconfacts {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.iconfactSec .iconfacts .one {
width: 100%; }
@media screen and (min-width: 660px) {
.iconfactSec .iconfacts .one {
width: 47.5%; } }
.iconfactSec .iconfacts .one .title {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
margin-bottom: 15px; }
.iconfactSec .iconfacts .one .title .icon {
display: block;
aspect-ratio: 1 / 1; }
.iconfactSec .iconfacts .one.advert {
background-size: contain;
background-position: left center;
background-repeat: no-repeat; }
.iconfactSec .iconfacts .one .title .dot {
display: none;
aspect-ratio: 1 / 1;
background-color: #f00;
border-radius: 50%;
margin-left: 10px; }
.iconfactSec .iconfacts .one .title h4 {
margin-bottom: -5px;
margin-left: 10px;
font-size: 1.125rem;
font-weight: 600; }
.iconfactSec .iconfacts .one .cont {
font-size: 1.0625rem;
line-height: 144%; } .nlformSec .wrapper .formBox {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.nlformSec .wrapper .form_wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
color: #fff; }
.nlformSec .wrapper .form_wrapper .cont {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
color: #fff;
margin-bottom: 30px; }
.nlformSec .wrapper .form_wrapper .form {
position: relative;
width: 90%;
margin: 0 auto;
color: #fff; }
@media screen and (min-width: 760px) {
.nlformSec .wrapper .form_wrapper .cont,
.nlformSec .wrapper .form_wrapper .form {
width: 48.5%;
margin: 0; } }
.nlformSec .wrapper .form_wrapper .cont > h2 {
color: #fff;
font-weight: 300; }
.nlformSec .wrapper .form_wrapper .form .actionButton {
width: 100%;
height: 54px;
margin: 0;
border: 1px solid #fff;
font-weight: 500;
color: #fff;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/arr_right_white.svg);
background-position: 75% center; }
.nlformSec .wrapper .form_wrapper .form .actionButton:hover {
border-color: #fff;
color: #19241F;
background-color: #fff;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/arr_right.svg);
opacity: 1; }
@media screen and (min-width: 550px) {
.nlformSec .wrapper .form_wrapper .form .actionButton {
background-position: calc(100% - 54px) center; } }
.nlformSec .wrapper .form_wrapper .form input[type=text],
.nlformSec .wrapper .form_wrapper .form input[type=email],
.nlformSec .wrapper .form_wrapper .form input[type=password] {
width: 100% !important;
height: 54px;
margin: 0;
padding: 3px 3px 3px 20px;
border-bottom: 0;
font-size: 1rem;
color: #000C06; }
.nlformSec .wrapper .form_wrapper .form input[type=text]:focus-visible,
.nlformSec .wrapper .form_wrapper .form input[type=email]:focus-visible,
.nlformSec .wrapper .form_wrapper .form input[type=password]:focus-visible {
outline: 0 !important; }
.nlformSec .wrapper .form_wrapper .form .fullLine {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding: 0;
border: 0; }
.nlformSec .wrapper .form_wrapper .form .halfLine {
width: 50%;
height: 54px;
border: 0;
padding: 0;
font-weight: 500;
overflow: hidden; }
.nlformSec .wrapper .form_wrapper .form .halfLine.white {
color: #000C06;
background-color: #fff; }
@media screen and (min-width: 760px) {
.nlformSec .wrapper .form_wrapper .form .fullLine {
align-items: center; }
.nlformSec .wrapper .form_wrapper .form .halfLine {
width: 70%;
max-width: 400px;
overflow: visible; }
.nlformSec .wrapper .form_wrapper .form .actionButton {
margin-top: 10px; } }
.nlformSec .wrapper .form_wrapper .form .fullLine .fielddesc {
padding: 3px;
font-size: 12px;
color: #000C06; } section.hltext2spSec {
padding: 0; }
.hltext2spSec .wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 0; }
.hltext2spSec .hl {
width: 100%;
margin-bottom: 30px; }
.hltext2spSec .cont {
width: 100%;
align-items: flex-start; }
@media screen and (min-width: 760px) {
.hltext2spSec .hl {
width: 45%;
margin-bottom: 0; }
.hltext2spSec .cont {
width: 50%; }
.hltext2spSec .wrapper.start {
align-items: flex-start; }
.hltext2spSec .wrapper.stretch {
align-items: stretch; }
.hltext2spSec .wrapper.vcenter {
align-items: center; }
.hltext2spSec .wrapper.end {
align-items: flex-end; } } .mopicsSec .wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.mopicsSec .wrapper .one {
width: 100%;
margin-bottom: 5px; }
@media screen and (min-width: 760px) {
.mopicsSec .wrapper .one {
width: 49%;
margin-bottom: 10px; } }
@media screen and (min-width: 1020px) {
.mopicsSec .wrapper .one {
width: 33%; } }
.mopicsSec .wrapper .one .cont,
.mopicsSec .wrapper .one .cont.mo {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 30px;
font-size: 0.875rem;
line-height: 150%;
color: #fff;
background-color: #00000099;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
opacity: 0;
z-index: 1; }
.mopicsSec .wrapper .one .cont.mo:hover {
opacity: 1; }
.mopicsSec .wrapper .one .cont.mo:hover + .pic > h4 {
opacity: 0; }
.mopicsSec .wrapper .one .pic {
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease; }
.mopicsSec .wrapper .one .pic > img {
filter: brightness(1); }
.mopicsSec .wrapper .one .pic.mo {
cursor: pointer; }
.mopicsSec .wrapper .one .pic.mo:hover {
opacity: 0.5; }
.mopicsSec .wrapper .one .pic h4 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 30px;
color: #fff;
font-size: 1.125rem; } .refListSec .wrapper h2 {
text-align: center; }
.refListSec .reflist {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
gap: 16px; }
.refListSec .reflist .one {
width: 100%; }
@media screen and (min-width: 760px) {
.refListSec .reflist .one {
width: 50%;
width: calc(50% - 8px); } }
@media screen and (min-width: 1400px) {
.refListSec .reflist .one {
width: 33.33%;
width: calc(33.33% - 11px); } }
.refListSec .reflist .one > .logo {
position: absolute;
right: 8px;
top: 8px;
width: 32%;
height: 11%;
object-fit: contain;
object-position: right top; }
.refListSec .reflist .one .textBox {
position: absolute;
display: flex;
flex-direction: column;
justify-content: flex-end;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 20px;
color: #fff; }
.refListSec .reflist .one .textBox > h4 {
margin-bottom: 5px;
text-transform: uppercase;
font-size: 1.5rem;
font-weight: 600;
color: #fff;
text-shadow: 2px 2px 4px #000000; }
@media screen and (min-width: 760px) and (max-width: 1020px) {
.refListSec .reflist .one .textBox > h4 {
font-size: 1.125rem; } }
.refListSec .reflist .one .textBox > .eh {
text-transform: none;
font-weight: 300;
color: #fff;
text-shadow: 2px 2px 4px #000000; } .linkboxenSec .wrapper_cont,
.linkboxenSec .wrapper_full,
.linkboxenSec .wrapper_max {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch; }
.linkboxenSec .box {
display: block;
position: relative;
width: 100%;
min-height: 50vh;
background-color: #6c8a82; }
.linkboxenSec .box .cont {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
top: 0;
left: 0;
width: 100%;
max-width: 960px;
height: 100%;
padding: 20px; }
@media screen and (min-width: 600px) {
.linkboxenSec .box .cont {
position: absolute; } }
@media screen and (min-width: 800px) and (orientation: landscape) {
.linkboxenSec .box {
position: relative;
width: 50%;
min-height: 50vh; }
.linkboxenSec .box .cont {
padding: 41px 40px 33px 32px; }
.linkboxenSec .box:first-of-type .cont {
left: auto;
right: 0;
padding: 41px 32px 33px 40px; } }
@media screen and (min-width: 1200px) and (orientation: landscape) {
.linkboxenSec .box {
min-height: 50vw;
max-height: 960px; }
.linkboxenSec .box .cont {
padding: 41px 69px 33px 32px; }
.linkboxenSec .box:first-of-type .cont {
left: auto;
right: 0;
padding: 41px 32px 33px 69px; } }
@media screen and (min-width: 1920px) and (orientation: landscape) {
.linkboxenSec .box {
width: 50%;
min-height: 960px; }
.linkboxenSec .box .cont {
padding: 42px; } }
.linkboxenSec .box:first-of-type {
background-color: #ef767a; }
.linkboxenSec .box:first-of-type:hover {
background-color: #e65c60;
opacity: 1; }
.linkboxenSec .box:last-of-type:hover {
background-color: #5a736c;
opacity: 1; }
.linkboxenSec .box h2 {
padding-bottom: 80px;
font-size: 3rem;
font-weight: 400;
line-height: 100%;
letter-spacing: 0;
text-transform: uppercase;
color: #fff;
text-align: left; }
@media screen and (min-width: 800px) and (orientation: landscape) {
.linkboxenSec .box h2 {
font-size: 3.5rem; } }
@media screen and (min-width: 1360px) and (orientation: landscape) {
.linkboxenSec .box h2 {
font-size: 5rem; } }
.linkboxenSec .box .text {
padding-right: 0;
padding-bottom: 40px; }
.linkboxenSec .box .text,
.linkboxenSec .box .text p {
font-size: 1rem;
font-weight: 400;
line-height: 120%;
letter-spacing: 0;
text-transform: none;
color: #fff;
text-align: left; }
@media screen and (min-width: 740px) {
.linkboxenSec .box .text,
.linkboxenSec .box .text p {
font-size: 1.25rem; }
.linkboxenSec .box .text {
padding-right: 20%;
padding-bottom: 0; } }
.linkboxenSec .text .arrLink {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: auto;
width: 35px;
height: 32px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/arrow.svg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain; }
@media screen and (min-width: 600px) {
.linkboxenSec .text .arrLink {
width: 60px; } }
@media screen and (min-width: 740px) {
.linkboxenSec .text .arrLink {
left: auto;
right: 0; } }
@media screen and (min-width: 800px) and (orientation: landscape) {
.linkboxenSec .text .arrLink {
bottom: 0;
right: 0;
height: 42px; } } .stellenSec .cont {
padding-top: 10px;
padding-bottom: 50px;
border-top: 1px solid #778784; }
@media screen and (min-width: 660px) {
.stellenSec .cont {
padding-top: 30px;
padding-bottom: 90px; } }
.stellenSec .text {
margin-top: 80px; }
.stellenSec .text.novac {
margin-top: 0; }
.stellenSec .text,
.stellenSec .text p {
font-size: 1.25rem;
line-height: 120%;
color: #b3cbc1; }
@media screen and (min-width: 660px) {
.stellenSec .text,
.stellenSec .text p {
font-size: 1.875rem; } }
.stellenSec .onecol {
padding-left: 0; }
@media screen and (min-width: 1020px) {
.stellenSec .onecol {
padding-left: 32px; } }
.stellenSec .accordionButton:first-of-type {
padding-top: 0; }
.stellenSec .accordionButton h3 {
font-size: 2.5rem;
letter-spacing: -0.023em; }
@media screen and (min-width: 660px) {
.stellenSec .accordionButton h3 {
font-size: 2.5rem; } }
@media screen and (min-width: 760px) {
.stellenSec .accordionButton h3 {
font-size: 4rem; } }
@media screen and (min-width: 1280px) and (orientation: landscape) {
.stellenSec .accordionButton h3 {
font-size: 4.375rem; } }
.stellenSec .accordionContent h3 {
margin-bottom: 30px; } .objektlisteSec .cont > h3 {
margin: 0 0 20px;
text-align: left; }
@media screen and (min-width: 600px) {
.objektlisteSec .cont > h3 {
margin: 0 0 40px; } }
.objektlisteSec .headline {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
width: 100%;
margin-bottom: 40px; }
.objektlisteSec .headline > h3 {
position: relative;
width: 100%;
margin-bottom: 0;
text-align: left; }
.objektlisteSec .headline .filter {
position: relative;
display: flex;
width: initial;
padding-top: 25px;
padding-bottom: 4px; }
@media screen and (min-width: 600px) {
.objektlisteSec .headline > h3 {
position: relative;
width: initial;
padding-bottom: 0;
margin-right: 40px; } }
.objektlisteSec .headline .filter > .sel {
text-decoration: underline;
opacity: 0.7; }
.objektlisteSec .headline .filter > div {
margin-right: 20px;
font-size: 1rem;
text-transform: uppercase;
cursor: pointer; }
@media screen and (min-width: 600px) {
.objektlisteSec .headline .filter > div {
margin-right: 40px;
font-size: 1.125rem; } }
.objektlisteSec .headline .filter > div:hover {
opacity: 0.7; }
.objektlisteSec .headline .filter .filter_akt,
.objektlisteSec .headline .filter .filter_ex {
margin-left: 40px; }
.objektlisteSec .list {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: calc(100% + 10px);
margin: 0 -5px; }
.objektlisteSec .list .one {
position: relative;
width: 100%;
margin-bottom: 30px;
padding: 0 5px;
display: none; }
@media screen and (min-width: 760px) {
.objektlisteSec .list {
width: calc(100% + 30px);
margin: 0 -15px; }
.objektlisteSec .list .one {
width: 50%;
padding: 0 15px;
margin-bottom: 70px; } }
@media screen and (min-width: 1020px) {
.objektlisteSec .list .one {
width: 33.33%; } }
@media screen and (min-width: 1440px) {
.objektlisteSec .list .one {
width: 25%; } }
.objektlisteSec .list .one.show {
display: block; }
.objektlisteSec .list .one .kurztitel > h3 {
position: relative;
padding-top: 12px;
font-size: 0.875rem;
line-height: 120%;
text-align: left; }
@media screen and (min-width: 600px) {
.objektlisteSec .list .one .kurztitel > h3 {
font-size: 1rem; } }
@media screen and (min-width: 760px) {
.objektlisteSec .list .one .kurztitel > h3 {
font-size: 1.125rem; } }
.objektlisteSec .list .one > img {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0; }
.objektlisteSec .galerie .pic3pContBig .kurztitel,
.objektlisteSec .galerie .picCont2 .kurztitel,
.objektlisteSec .galerie .picCont4 .kurztitel {
position: absolute;
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
left: 0;
bottom: -1px;
padding: 10px 10px 3px;
background-image: linear-gradient(to top, #0008 50%, transparent 100%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
@media screen and (min-width: 600px) {
.objektlisteSec .galerie .pic3pContBig .kurztitel,
.objektlisteSec .galerie .picCont2 .kurztitel,
.objektlisteSec .galerie .picCont4 .kurztitel {
padding: 40px 13px 10px; } }
@media screen and (min-width: 1020px) {
.objektlisteSec .galerie .pic3pContBig .kurztitel,
.objektlisteSec .galerie .picCont2 .kurztitel,
.objektlisteSec .galerie .picCont4 .kurztitel {
padding: 10px 0;
background-color: #3d544fbb; } }
@media (hover: hover) and (pointer: fine) {
.objektlisteSec .galerie .pic3pContBig .kurztitel,
.objektlisteSec .galerie .picCont2 .kurztitel,
.objektlisteSec .galerie .picCont4 .kurztitel {
bottom: 0;
height: 100%;
opacity: 0;
background-color: #3d544fbb;
justify-content: center;
pointer-events: none; }
.objektlisteSec .galerie a.pic3pContBig:hover .kurztitel,
.objektlisteSec .galerie a.picCont2:hover .kurztitel,
.objektlisteSec .galerie a.picCont4:hover .kurztitel,
.objektlisteSec .list a.one:hover .kurztitel,
.objektlisteSec .galerie a.pic3pContBig:focus .kurztitel,
.objektlisteSec .galerie a.picCont2:focus .kurztitel,
.objektlisteSec .galerie a.picCont4:focus .kurztitel {
opacity: 1; } }
.objektlisteSec .kurztitel > h3 {
padding: 0;
margin: 0 !important;
font-size: 1.125rem;
line-height: 120%;
color: #fff;
text-align: left; }
@media screen and (orientation: landscape) {
.objektlisteSec .kurztitel > h3 {
text-align: center; } }  .singleProjektSec .wrapper_cont > h2,
.singleProjektSec .wrapper_full > h2,
.singleProjektSec .wrapper_max > h2 {
width: 100%;
max-width: 1200px;
padding: 30px 0;
font-weight: 400;
font-size: 2.25rem;
line-height: 100%;
letter-spacing: -0.015em;
text-transform: none;
color: #fff;
text-align: left; }
@media screen and (min-width: 660px) {
.singleProjektSec .wrapper_cont > h2,
.singleProjektSec .wrapper_full > h2,
.singleProjektSec .wrapper_max > h2 {
width: 75%;
padding: 50px 0;
font-size: 3.125rem; } }
@media screen and (min-width: 1020px) {
.singleProjektSec .wrapper_cont > h2,
.singleProjektSec .wrapper_full > h2,
.singleProjektSec .wrapper_max > h2 {
font-size: 4rem; } }
@media screen and (min-width: 1440px) {
.singleProjektSec .wrapper_cont > h2,
.singleProjektSec .wrapper_full > h2,
.singleProjektSec .wrapper_max > h2 {
font-size: 5rem; } }
.singleProjektSec .data .one {
padding-right: 0; }
@media screen and (min-width: 600px) {
.singleProjektSec .data .one {
padding-right: 40%; } }
.singleProjektSec .data h4 {
padding-top: 10px;
margin-bottom: 15px;
border-top: 1px solid #778784; }
.singleProjektSec .data h3 {
margin-bottom: 25px;
font-size: 1.25rem;
font-weight: 400;
line-height: 120%;
text-transform: none;
color: #b3cbc1;
text-align: left; }
@media screen and (min-width: 660px) {
.singleProjektSec .data h4 {
padding-top: 15px;
margin-bottom: 10px; }
.singleProjektSec .data h3 {
margin-bottom: 42px;
font-size: 1.875rem; } }
.singleProjektSec .galerie .onecol {
padding-bottom: 70px; }
.singleProjektSec .galerie .onecol.small {
text-align: right; }
@media screen and (min-width: 1020px) {
.singleProjektSec .galerie .onecol.small {
padding-right: 32px; } }
@media screen and (min-width: 600px) {
.singleProjektSec .galerie .onecol.small > img {
width: 100%;
display: inline-block;
text-align: right; } }
.singleProjektSec .galerie > .slideBox {
position: relative; }
.singleProjektSec .galerie .onecol.small > .slideBox {
padding-left: 0; }
@media screen and (min-width: 1020px) and (orientation: landscape) {
.singleProjektSec .galerie .onecol.small > .slideBox {
padding-left: 0; } }
.singleProjektSec .galerie .onecol > .slideBox .swipedetect {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: calc(100% - 30px);
z-index: 100; }
@media (hover: none) and (pointer: coarse) {
.singleProjektSec .galerie .onecol > .slideBox .swipedetect {
display: none; } }
.singleProjektSec .data .plink {
padding-right: 25px;
background-repeat: no-repeat;
background-size: 16px auto;
background-position: right 4px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/arr_45up_green.svg); }
.singleProjektSec .galerie .onecol > .slideBox .cycloneslider-prev,
.singleProjektSec .galerie .onecol > .slideBox .cycloneslider-next {
top: 0;
width: 0;
height: 0;
margin-top: 0;
border-radius: 0;
opacity: 0; }
.mapsSec > div {
height: 50vh;
min-height: 300px;
max-height: 650px;
padding-bottom: 60px; }
.mapsSec .mapBox {
height: 100%; } section.fullsize .content {
position: relative;
width: 100%;
max-width: 2760px;
margin: 0 auto;
padding: 70px 0;
text-align: center; }
section.fullsize .contentBox {
max-width: 960px;
padding-left: 80px;
padding-right: 80px; }
section.fullsize .content h2,
section.fullsize .content h3 {
margin: 0;
padding: 0;
font-size: 3.25rem;
line-height: 108%;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.01em;
color: #eee;
text-align: center; }
section.fullsize .content h3 {
margin-top: 80px; }
section.fullsize .content h6 {
margin: 40px 0 0 0;
padding: 0;
font-size: 1.0rem;
line-height: 140%;
font-weight: 600;
letter-spacing: 0.1em;
text-decoration: none;
font-style: normal;
text-transform: uppercase;
color: #eee;
text-align: left; }
section.fullsize .content p {
margin-bottom: 40px; }
section.fullsize .content p a {
text-decoration: underline; }
section.fullsize .content p a:hover {
text-decoration: none; } section.ct-bgpic {
padding: 1px 0; }
section.colored.grau {
background-color: #aaa; }
section.colored.dunkelgrau {
background-color: #666; }
section.colored.orange {
background-color: #b0012f; }
img.fullPic {
width: 100%;
height: auto;
margin-bottom: -8.5px; }
.picTextBox {
position: relative;
width: 100%;
padding: 25px;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.7); }
.picTextBox.fleft {
float: left; }
.picTextBox.fright {
float: right; }
.picTextBox h2,
.picTextBox .childContent {
padding-left: 0 !important;
padding-right: 0 !important; }
.startpic {
position: relative; }
.startpic img {
width: 100%; }
.startpic .contentPic {
position: absolute;
width: 100%;
padding: 0 10%;
text-align: center; }
.startpic .contentPic h2 {
margin: 0;
font-weight: 700;
font-size: 5.625rem;
line-height: 100%;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.01em;
color: #fff; }
.startpic .contentPic.layout2a h2 {
margin: 0;
font-weight: 700;
font-size: 5.625rem;
line-height: 100%;
font-style: italic;
text-transform: none;
letter-spacing: 0.01em;
color: #fff; }
.startpic .contentPic h6 {
margin: 0 0 10px 0;
font-weight: 700;
font-size: 3.25rem;
line-height: 100%;
font-style: normal;
letter-spacing: 0.01em;
color: #fff; }
.weiterBut,
.backBut {
position: absolute;
top: 50%;
width: 80px;
height: 80px;
margin-top: -40px;
background-repeat: no-repeat;
background-size: contain;
z-index: 500;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.weiterBut {
right: 40px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/icon_weiter.png); }
.backBut {
left: 40px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/icon_back.png); }
.startVideoBut {
position: absolute;
bottom: 10%;
left: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
border: 1px red solid;
background-repeat: no-repeat;
background-size: contain;
z-index: 500;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor: pointer;
display: none; }
.weiterBut:hover {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/icon_weiter_mo2.png); }
.backBut:hover {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/icon_back_mo2.png); } section.objectList {
margin: 40px auto; }
section.objectList .oneObject {
position: relative;
float: left;
width: calc(33.33% - 9px);
margin-right: 6px;
margin-bottom: 10px;
padding: 50px 25px 20px;
background-color: #f5f5f5;
text-align: left;
overflow: hidden; }
.oneObject:nth-of-type(3n+0) {
margin-right: 0; }
section.objectList .oneObject .dl {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 50px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/dl.png); }
section.objectList .oneObject h3.hausdata {
position: relative;
margin: 0;
padding: 0 0 13px;
border-bottom: 2px solid #a3ad8f;
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
color: #000;
text-transform: none; }
section.objectList .oneObject h3.hausdata span {
font-style: italic;
color: #a3ad8f;
text-transform: uppercase; }
section.objectList .oneObject p.hausdata,
section.objectList .oneObject p.hausdatalast,
section.objectList .oneObject p.hauspreis {
position: relative;
margin: 0;
padding: 13px 0;
font-size: 0.875rem;
line-height: 120%;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
color: #000; }
section.objectList .oneObject p.hausdata {
border-bottom: 1px dotted #a3ad8f; }
section.objectList .oneObject p.hausdatalast {
border-bottom: 2px solid #a3ad8f; }
section.objectList .oneObject p.hausdata span,
section.objectList .oneObject p.hausdatalast span,
section.objectList .oneObject p.hauspreis span {
font-weight: 600;
text-transform: none; }
section.objectList .oneObject a {
font-weight: 800;
text-transform: uppercase; }
section.objectList .cond {
position: relative;
margin-top: 20px;
padding: 0 !important; }
section.objectList .cond p {
font-size: 0.875rem;
line-height: 120%;
font-weight: 400;
font-style: italic;
text-transform: none;
color: #888;
text-align: left; } section.objectListTab {
padding: 80px 0; }
section.objectListTab table * {
border: none; }
section.objectListTab table {
width: 100%;
border: 0;
border-top: 1px solid #a3ad8f;
border-bottom: 1px solid #a3ad8f; }
section.objectListTab table th {
border-bottom: 1px solid #a3ad8f;
font-size: 1.0rem;
font-weight: 400;
letter-spacing: 0.1em;
font-style: normal;
text-transform: uppercase;
color: #a3ad8f;
text-align: center; }
section.objectListTab table td {
font-size: 1.0rem;
font-weight: 400;
letter-spacing: 0;
font-style: normal;
text-transform: none;
color: #000;
text-align: center; }
section.objectListTab table td.last_col,
section.objectListTab table th.last_col {
text-align: right;
padding-right: 25px; }
section.objectListTab table td.last_col {
font-weight: 600; }
section.objectListTab table td a {
font-weight: 600;
color: #a3ad8f;
text-decoration: none; }
section.objectListTab table td a:hover {
color: #000; }
section.objectListTab .cond {
position: relative;
margin-top: 20px;
padding: 0; }
section.objectListTab .cond p {
font-size: 0.875rem;
line-height: 120%;
font-weight: 400;
font-style: italic;
text-transform: none;
color: #888;
text-align: left; } section.slideSec {
margin-top: 100px !important;
overflow: visible; }
section.slideSec .slideBox {
padding-left: 30px;
padding-right: 30px; }
section.slideSec .cycloneslider-template-standard .cycloneslider-slide {
background: none !important; }
section.slideSec .slidertext {
position: absolute;
top: 50px;
left: 20%;
width: 60%;
text-align: center;
z-index: 1000; }
section.slideSec .slidertext h2 {
margin: 0;
padding: 0;
font-size: 5.0rem;
font-weight: 700;
font-style: normal;
color: #fff;
text-align: center; }
section.slideSec .slidertext p {
margin: 0;
padding-top: 5px;
font-size: 2rem;
font-weight: 400;
font-style: normal;
color: #fff;
text-align: center; }
section.slideSec .cycloneslider-template-standard .cycloneslider-caption {
position: absolute;
top: auto;
bottom: 10%;
left: 0;
width: 100%;
height: auto;
padding: 0;
margin: 0;
text-align: center;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
text-transform: none; }
section.slideSec .cycloneslider-template-standard .cycloneslider-caption-title {
display: inline-block;
padding: 8px 15px;
font-size: 1.125rem;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.7); }
section.slideSec .cycloneslider-template-standard .cycloneslider-caption-description {
display: none; } section.slideSec2 {
margin-top: 0 !important; }
section.slideSec2 .slideBox {
padding: 100px 0; }
section.slideSec2 .cycloneslider-template-standard .cycloneslider-slide {
background: none !important; }
section.slideSec2 .slidertext {
position: absolute;
top: 50px;
left: 20%;
width: 60%;
text-align: center;
z-index: 1000; }
section.slideSec2 .slidertext h2 {
margin: 0;
padding: 0;
font-size: 5.0rem;
font-weight: 700;
font-style: normal;
color: #fff;
text-align: center; }
section.slideSec2 .slidertext p {
margin: 0;
padding-top: 5px;
font-size: 2rem;
font-weight: 400;
font-style: normal;
color: #fff;
text-align: center; }
section.slideSec2 .cycloneslider-template-standard .cycloneslider-caption {
position: absolute;
top: 50%;
bottom: auto;
left: 0;
width: 100%;
height: auto;
padding: 0;
margin: 0;
margin-top: -30px;
text-align: center;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
text-transform: none; }
section.slideSec2 .cycloneslider-template-standard .cycloneslider-caption-title {
display: block;
margin: 0 auto;
padding: 0;
background-color: transparent;
font-size: 2.625rem;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
color: #000; }
section.slideSec2 .cycloneslider-template-standard .cycloneslider-caption-title span {
display: block;
margin: 0 auto 10px;
padding: 0;
font-size: 1.0rem;
font-weight: 700;
letter-spacing: 0.1em;
font-style: normal;
text-transform: uppercase;
color: #fff; }
section.slideSec2 .cycloneslider-template-standard .cycloneslider-caption-description h4 {
width: 70%;
padding: 0;
margin: 0 auto 20px;
font-size: 1.25rem;
line-height: 120%;
font-weight: 400;
font-style: normal;
text-transform: none;
color: #fff; }
section.slideSec2 .cycloneslider-template-standard .cycloneslider-caption-description p {
width: 70%;
margin: 20px auto;
padding: 0;
font-size: 1.125rem;
line-height: 150%;
font-weight: 400;
font-style: normal;
text-transform: none;
color: #000; } section.highlightSec {
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
section.highlightSec .theContent {
position: relative;
width: 100%;
padding: 100px 0 200px;
text-align: center; }
section.highlightSec .theContent h2 {
margin: 0;
font-size: 4.5rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.02em;
color: #ff545b;
text-transform: uppercase;
text-align: center; }
section.highlightSec .theContent p {
margin: 0;
font-size: 1.125rem;
font-weight: 400;
font-style: normal;
letter-spacing: 0.2em;
color: #fff;
text-transform: uppercase;
text-align: center; }
section.highlightSec .highlights {
position: relative;
padding-bottom: 100px; }
section.highlightSec .oneHighlight {
position: relative;
float: left;
width: 33.33%;
padding: 0 100px;
text-align: center; }
section.highlightSec .oneHighlight .no {
font-size: 2.25rem;
font-weight: 400;
font-style: normal;
letter-spacing: 0.1em;
color: #fff; }
section.highlightSec .oneHighlight h2 {
min-height: 50px;
font-size: 1.125rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.1em;
color: #ff545b;
text-transform: uppercase;
text-align: center; }
section.highlightSec .oneHighlight p {
min-height: 150px;
font-size: 0.875rem;
line-height: 171%;
font-weight: 400;
font-style: normal;
letter-spacing: 0.1em;
color: #fff;
text-transform: uppercase;
text-align: center; } section.bildzitatSec {
background-repeat: no-repeat;
background-size: cover;
background-position: center top; }
section.bildzitatSec .theContent {
position: relative;
width: 100%;
padding: 130px 0 470px;
text-align: center; }
section.bildzitatSec .theContent h2 {
margin: 0;
font-size: 3.4rem;
font-weight: 400;
letter-spacing: 0.1em;
color: #ff545b;
text-transform: uppercase;
text-align: center; }
section.bildzitatSec .theContent p {
margin: 0;
font-style: italic;
font-weight: 400;
font-size: 1.0rem;
text-align: center; }
.bildzitate {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding-bottom: 3%; }
.oneBildzitat {
position: relative;
float: left;
width: 33.33%;
padding: 0 40px;
text-align: center; }
.oneBildzitat h2 {
min-height: 50px;
margin: 0;
font-size: 1.0rem;
line-height: 133%;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center; }
.oneBildzitat p {
font-size: 1.0rem;
line-height: 140%;
font-weight: 400;
letter-spacing: 0.02em;
font-style: italic;
text-align: center; } section.picTxtOvL,
section.picTxtOvR {
position: relative;
padding: 50px 0; }
section.picTxtOvL .halfPic {
position: absolute;
left: 0; }
section.picTxtOvR .halfPic {
position: absolute;
right: 0; }
section.picTxtOvL .halfTxt,
section.picTxtOvR .halfTxt {
position: relative;
padding: 20px 30px;
background-color: #fff;
text-align: left; }
section.picTxtOvL .halfTxt {
float: right; }
section.picTxtOvR .halfTxt {
float: left; }
section.picTxtOvL .halfPic.picw_20,
section.picTxtOvL .halfTxt.txtw_20,
section.picTxtOvR .halfPic.picw_20,
section.picTxtOvR .halfTxt.txtw_20 {
width: 20%; }
section.picTxtOvL .halfPic.picw_25,
section.picTxtOvL .halfTxt.txtw_25,
section.picTxtOvR .halfPic.picw_25,
section.picTxtOvR .halfTxt.txtw_25 {
width: 25%; }
section.picTxtOvL .halfPic.picw_30,
section.picTxtOvL .halfTxt.txtw_30,
section.picTxtOvR .halfPic.picw_30,
section.picTxtOvR .halfTxt.txtw_30 {
width: 30%; }
section.picTxtOvL .halfPic.picw_33,
section.picTxtOvL .halfTxt.txtw_33,
section.picTxtOvR .halfPic.picw_33,
section.picTxtOvR .halfTxt.txtw_33 {
width: 33%; }
section.picTxtOvL .halfPic.picw_40,
section.picTxtOvL .halfTxt.txtw_40,
section.picTxtOvR .halfPic.picw_40,
section.picTxtOvR .halfTxt.txtw_40 {
width: 40%; }
section.picTxtOvL .halfPic.picw_50,
section.picTxtOvL .halfTxt.txtw_50,
section.picTxtOvR .halfPic.picw_50,
section.picTxtOvR .halfTxt.txtw_50 {
width: 50%; }
section.picTxtOvL .halfPic.picw_60,
section.picTxtOvL .halfTxt.txtw_60,
section.picTxtOvR .halfPic.picw_60,
section.picTxtOvR .halfTxt.txtw_60 {
width: 60%; }
section.picTxtOvL .halfPic.picw_66,
section.picTxtOvL .halfTxt.txtw_66,
section.picTxtOvR .halfPic.picw_66,
section.picTxtOvR .halfTxt.txtw_66 {
width: 66%; }
section.picTxtOvL .halfPic.picw_70,
section.picTxtOvL .halfTxt.txtw_70,
section.picTxtOvR .halfPic.picw_70,
section.picTxtOvR .halfTxt.txtw_70 {
width: 70%; }
section.picTxtOvL .halfPic.picw_75,
section.picTxtOvL .halfTxt.txtw_75,
section.picTxtOvR .halfPic.picw_75,
section.picTxtOvR .halfTxt.txtw_75 {
width: 75%; }
section.picTxtOvL .halfPic.picw_80,
section.picTxtOvL .halfTxt.txtw_80,
section.picTxtOvR .halfPic.picw_80,
section.picTxtOvR .halfTxt.txtw_80 {
width: 80%; }
section.picTxtOvL .halfPic img,
section.picTxtOvR .halfPic img {
width: 100%;
height: auto; } section.halfSlideshowL .halfShow,
section.halfSlideshowR .halfShow {
position: relative;
width: 50%;
float: left;
text-align: center; }
section.halfSlideshowL .halfShowPic,
section.halfSlideshowR .halfShowPic {
position: absolute;
width: 50%;
height: 100%;
text-align: center;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
section.halfSlideshowL .halfShowPic {
right: 0; }
section.halfSlideshowR .halfShowPic {
left: 0; }
section.halfSlideshowL .halfPicTxt,
section.halfSlideshowR .halfPicTxt {
position: relative;
width: 100%;
text-align: center; }
section.halfSlideshowR .halfShow {
float: right; }
section.halfSlideshowL .halfShowPic {
float: right; }
section.halfSlideshowL .halfPicTxt h2,
section.halfSlideshowL .halfPicTxt p,
section.halfSlideshowR .halfPicTxt h2,
section.halfSlideshowR .halfPicTxt p {
padding: 0 10%;
font-size: 2.0rem;
line-height: 138%;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.02em;
font-style: normal;
color: #fff; }
section.halfSlideshowL .halfPicTxt p em {
font-style: italic;
text-decoration: underline; }
section.halfSlideshowL .halfPicTxt img,
section.halfSlideshowR .halfPicTxt img {
width: 100%;
height: auto; }
.halfShow .cycloneslider-template-standard .cycloneslider-caption {
top: auto;
bottom: 120px;
left: 0;
height: 20px;
width: 100%;
margin: 0 auto;
text-align: center;
background-color: transparent;
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none; }
.halfShow .cycloneslider-template-standard .cycloneslider-caption-title {
font-size: 0.625rem;
line-height: 100%;
font-weight: 400;
letter-spacing: 0.1em;
color: #eee;
text-transform: uppercase; } section.slideSecBxDouble {
padding: 30px 0; }
.slideBoxBxDouble {
position: relative;
width: 100%; }
.slideBoxBxDouble .picSlide {
position: absolute;
top: 0;
left: 0;
width: 36%;
height: 100%;
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
background-color: #F00; }
.slideBoxBxDouble .picSlide .onePic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-clip: content-box;
opacity: 0;
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease; }
.slideBoxBxDouble .picSlide .showPic {
opacity: 1.0 !important;
z-index: 15 !important; }
.slideBoxBxDouble .txtSlideBox {
position: relative;
float: right;
width: 64%;
border-left: 30px solid #fff;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.slideBoxBxDouble .txtSlider {
position: relative; }
.slideBoxBxDouble .txtSlideBox .vcenterBox {
position: relative;
width: 80%;
max-width: 700px;
margin: 0 auto; }
.slideBoxBxDouble .txtSlideBox .oneTxt {
padding: 120px 90px 140px;
font-size: 1.125rem;
line-height: 150%;
font-weight: 400;
letter-spacing: 0.1em;
color: #fff;
text-transform: uppercase; }
.slideBoxBxDouble .txtSlideBox .oneTxt h4 {
margin-bottom: 40px;
font-size: 1.5rem;
line-height: 125%;
font-weight: 400;
font-style: italic;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center; }
.slideBoxBxDouble .txtSlideBox .oneTxt h3 {
margin-bottom: 80px;
font-size: 2.5rem;
line-height: 105%;
font-weight: 700;
font-style: normal;
letter-spacing: 0.04em;
text-transform: uppercase;
text-align: center; }
.slideBoxBxDouble .txtSlideBox .showTxt {
opacity: 1.0 !important;
z-index: 15 !important; }
.txtSlideBox .bx-wrapper {
margin-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
background-color: transparent; }
.txtSlideBox .bx-wrapper .bx-controls-auto,
.txtSlideBox .bx-wrapper .bx-pager {
bottom: 50px; }
.txtSlideBox .bx-wrapper .bx-pager.bx-default-pager a {
display: block;
margin: 0 3px;
width: 18px;
height: 18px;
border: 1px solid #fff;
background: transparent;
text-indent: -9999px;
outline: 0;
border-radius: none; }
.txtSlideBox .bx-wrapper .bx-pager.bx-default-pager a.active,
.txtSlideBox .bx-wrapper .bx-pager.bx-default-pager a:focus,
.txtSlideBox .bx-wrapper .bx-pager.bx-default-pager a:hover {
background: #fff; }
.txtSlideBox .bx-wrapper .bx-controls-direction a {
margin-top: -12px;
width: 14px;
height: 25px; }
.txtSlideBox .bx-wrapper .bx-prev {
left: 20px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/arrows.png);
background-color: transparent;
background-position: 0 0; }
.txtSlideBox .bx-wrapper .bx-next {
right: 20px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/arrows.png);
background-color: transparent;
background-position: -14px 0; } section.carrouselBx {
background-color: #777; }
.carrouselBx .linkBox {
color: #fff; }
.carrouselBx a.dlBut {
display: inline-block;
border: 1px #fff solid;
padding: 15px 20px;
margin-left: 30px;
font-size: 0.875rem;
line-height: 100%;
font-weight: 600;
letter-spacing: 0.1em;
color: #fff;
text-transform: uppercase;
text-align: center; }
.carrouselBx a.dlBut:hover {
text-decoration: none;
color: #ccc; }
.carrouselBx .cont_wrapper {
padding: 50px 0;
background-color: transparent; }
.carrouselBx .cont_wrapper h2 {
padding: 0;
margin: 0;
font-size: 1.7rem;
line-height: 110%;
font-weight: 700;
letter-spacing: 0.06em !important;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
color: #fff;
text-align: center; }
.carrouselBoxBx .bx-wrapper {
margin-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
background-color: #777; }
.carrouselBoxBx ul li {
position: relative; }
.carrouselBoxBx ul li .oneTxt {
position: absolute;
bottom: 0;
width: 100%;
padding: 15px 5px;
color: #fff;
background-color: rgba(68, 68, 68, 0.7); }
.carrouselBoxBx ul li .oneTxt h4 {
text-transform: uppercase; } section.showPresse.wrapper {
max-width: 1400px;
padding-bottom: 40px; }
section.showPresse .presseHead h2 { margin: 70px auto 90px;
padding: 0;
text-align: center; }
section.showPresse .presseLeft,
section.showPresse .presseRight {
position: relative;
width: 50%;
padding: 0 25px;
text-align: left; }
section.showPresse .presseLeft {
float: left; }
section.showPresse .presseRight {
float: right; }
section.showPresse .presseLeft h3,
section.showPresse .presseRight h3,
section.showPresse .presseRight h5,
section.showPresse .presseRight h6 { margin-bottom: 20px;
padding: 0;
font-size: 1.0rem;
line-height: 140%;
font-weight: 600;
letter-spacing: 0.1em;
text-decoration: none;
font-style: normal;
text-transform: uppercase;
color: #eee;
text-align: left; }
section.showPresse .presseRight h3 {
margin-bottom: 0;
padding-bottom: 10px; }
section.showPresse .presseRight h3.underline {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee; }
section.showPresse .presseRight h5 {
margin-bottom: 2px; }
section.showPresse .presseRight h6 {
margin-bottom: 12px;
font-weight: 400;
font-style: italic; }
section.showPresse .presseLeft p,
section.showPresse .presseRight p {
margin-bottom: 40px; }
section.showPresse .presseLeft p,
section.showPresse .presseRight p,
section.showPresse .presseLeft a,
section.showPresse .presseRight a {
text-align: left; }
section.showPresse .presseLeft a,
section.showPresse .presseRight a {
text-decoration: underline; }
section.showPresse .presseCont h6 { font-size: 1.0rem;
line-height: 140%;
font-weight: 600;
letter-spacing: 0.1em;
text-decoration: none;
font-style: normal;
text-transform: uppercase;
color: #eee;
text-align: left; }
.presseCont img.fullwidth {
width: 100%;
height: auto; }
section.showPresse .presseLeft a.button,
section.showPresse .presseRight a.button {
display: block;
width: 100%;
margin: 60px 0;
padding: 18px 0;
border: 1px solid #eee;
font-size: 0.875rem;
line-height: 120%;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #eee;
text-decoration: none;
text-align: center; }
section.showPresse .presseLeft a.button {
margin: 10px 0; }
section.showPresse .presseRight a.button {
max-width: 300px; }
section.showPresse a.button:hover,
section.showPresse a.button.active {
border: 1px solid #eee;
color: #fff;
background-color: #eee;
text-decoration: none; }
section.showPresse .pressePics {
margin-bottom: 60px; }
section.showPresse .pressePics .onePic {
position: relative;
float: left;
width: 24%;
width: calc( (100% - 30px) / 4);
height: 100px;
margin-right: 10px;
margin-bottom: 10px;
background-position: center;
background-size: cover;
cursor: pointer; }
section.showPresse .pressePics .onePic:nth-child(4n) {
margin-right: 0; }
section.showPresse .pressePics .onePic .mo {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
display: none; }
section.showPresse .pressePics .onePic:hover > .mo {
display: block; }
section.showPresse .pressePics .onePic .mo span {
position: absolute;
top: 45%;
top: calc(50% - 10px);
left: 0;
width: 100%;
font-style: normal;
font-weight: 400;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.01em; color: #fff; } .vorhang {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
text-align: center;
z-index: 1000; }
.vorhang .formBox {
position: absolute;
top: 1%;
left: calc(50% - 250px);
max-height: 90%;
width: 500px;
margin: 0;
padding: 30px;
background-color: #fff;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
overflow: auto; }
.vorhang .formBox .button {
display: block;
float: right;
width: 50%;
margin: 10px 0;
padding: 10px 0;
border: 0;
font-size: 0.875rem;
line-height: 100%;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #fff;
text-decoration: none;
background-color: #eee;
text-align: center; }
.vorhang .formBox .button:hover {
border: 0;
color: #aaa;
text-decoration: none; }
.vorhang .formBox .kontaktPflichtfeld {
float: left;
padding-right: 10px;
font-style: normal;
font-weight: 400;
font-size: 0.8rem; }
.vorhang .formBox .close {
position: absolute;
top: 10px;
right: 10px;
width: 15px;
height: 15px;
font-size: 15px;
line-height: 100%;
text-align: center;
cursor: pointer; }
.vorhang .formBox .close:hover {
color: #aaa; }
.vorhang .formBox h3 {
font-size: 1.0rem;
line-height: 125%;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #eee; }
.vorhang .formBox p {
text-align: left; }
.vorhang .pressekontakt h6 {
margin: 30px 0 0;
font-size: 0.8rem;
font-style: normal;
font-weight: 400;
color: #eee;
text-transform: uppercase;
text-align: left; }
.vorhang .pressekontakt textarea {
height: 80px; }
.vorhang .dsOkay {
padding-bottom: 15px;
font-size: 0.9rem;
line-height: 120%;
text-align: left; } section.standortSec {
border-bottom: 1px solid #000; }
section.standortSec .content {
margin: 80px auto; }
section.standortSec .content .halfPic,
section.standortSec .content .halfTxt {
position: relative;
width: 66%; }
section.standortSec .content .halfTxt {
width: 33%;
padding: 0 20px;
text-align: left; }
section.standortSec .content .halfTxt h3 {
margin: 25px 0 15px;
font-size: 1.5rem;
line-height: 130%;
font-style: italic;
color: #fff; }
section.standortSec .content .halfTxt h3:first-of-type {
margin-top: 0; }
section.standortSec .content .halfTxt p {
margin-bottom: 6px;
font-size: 1rem;
line-height: 16px;
font-style: normal;
color: #000; }
section.standortSec .content .halfTxt p span {
display: inline-block;
margin-right: 10px;
font-size: 1rem;
font-weight: 600; }
section.standortSec .content .halfTxt .boxLegende {
position: relative;
width: 100%;
float: none; }
section.standortSec .halfTxt {
float: right; }
section.standortSec .halfPic {
float: left; }
section.standortSec .halfPic img {
width: 100%;
height: auto; } section.mouseposition {
padding-top: 150px; }
.mouseposition .wrapper {
position: relative; }
.mouseposition .wrapper .pin {
position: absolute;
width: 10px;
height: 10px;
margin-top: -5px;
margin-left: -5px;
border-radius: 50%;
z-index: 1;
background-color: #f00;
cursor: pointer; } .mouseposition .wrapper .pin > .pos {
position: absolute;
top: 0;
left: 125%;
width: 120px;
height: 18px;
border: 1px solid #000;
font-size: 0.675rem;
line-height: 18px;
color: #000;
text-align: center;
background-color: #fff; }
.mouseposition .wrapper .pin > .pos.show {
display: block; }
.mouseposition .wrapper.cont {
display: flex;
justify-content: space-between;
padding: 40px 0; }
.mouseposition .wrapper.cont .reset {
border: 0;
padding: 8px 10px 5px;
font-size: 1rem;
line-height: 100%;
color: #fff;
text-transform: uppercase;
text-align: center;
background-color: #017b3c;
cursor: pointer; } section.immomap {
padding-top: 80px; }
.immomap .wrapper.pic {
display: none; }
@media screen and (min-width: 1020px) {
section.immomap {
padding-top: 0;
margin-top: 80px; }
.immomap .wrapper.pic {
display: block; } }
.immomap .wrapper .obj_wrapper {
display: block;
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
pointer-events: none; }
.immomap .wrapper .obj_wrapper.hide {
display: none; }
.immomap .wrapper .obj_wrapper > .obj {
position: relative;
display: flex;
justify-content: flex-start;
margin-left: -4px;
margin-top: -4px;
z-index: 1; }
.immomap .wrapper .obj_wrapper > .obj > .dot {
position: relative;
left: 0;
top: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #f00;
cursor: pointer;
pointer-events: none; }
.immomap .wrapper .obj_wrapper > .obj.right > .dot {
left: 0; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper {
position: relative;
width: fit-content;
top: 4px;
border: 0; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .info {
position: relative;
width: fit-content;
margin: 0 3px;
padding: 1px 3px 0px;
border: 0;
font-size: 0.675rem;
line-height: 14px;
color: #fff;
text-align: center;
background-color: #335643;
white-space: nowrap;
cursor: pointer;
pointer-events: auto;
display: none; }
@media screen and (min-width: 1020px) {
.immomap .wrapper .obj_wrapper > .obj > .dot {
pointer-events: auto; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .info {
display: block; } }
.immomap .wrapper .obj_wrapper > .obj.right > .info_wrapper {
left: -100%; }
.immomap .wrapper .obj_wrapper > .obj.bottom > .info_wrapper {
top: -14px; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .data_wrapper {
position: absolute;
left: 4px;
top: 15px;
width: 200px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 7px 0px rgba(8, 8, 8, 0.75);
box-shadow: 0px 0px 7px 0px rgba(8, 8, 8, 0.75);
opacity: 0;
-webkit-transition: opacity 800ms ease;
-moz-transition: opacity 800ms ease;
-o-transition: opacity 800ms ease;
transition: opacity 800ms ease;
pointer-events: none;
display: block; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .data_wrapper.up {
position: absolute;
left: 4px;
top: auto;
bottom: 15px; }
@media screen and (min-width: 1280px) {
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper {
top: 10px; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .info {
margin: 0 1px;
padding: 3px 5px 1px;
font-size: 0.675rem;
line-height: 18px; }
.immomap .wrapper .obj_wrapper > .obj.right > .info_wrapper {
left: -100%; }
.immomap .wrapper .obj_wrapper > .obj.bottom > .info_wrapper {
top: -22px; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .data_wrapper {
left: 1px;
top: 22px; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .data_wrapper.up {
left: 1px;
bottom: 22px; } }
.immomap .wrapper .obj_wrapper.open {
z-index: 2; }
.immomap .wrapper .obj_wrapper.open > .obj > .info_wrapper > .data_wrapper {
pointer-events: auto;
opacity: 1; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .data_wrapper > .data {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .data_wrapper > .data .lage {
padding: 5px 10px 1px 20px;
border-radius: 5px;
font-size: 0.675rem;
line-height: 100%;
font-weight: 700;
color: #335643;
background-color: #cbe5d9;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_loc.svg);
background-repeat: no-repeat;
background-size: 8px auto;
background-position: 5px center; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .data_wrapper > .data .title {
margin-top: 10px;
font-size: 0.75rem;
line-height: 110%;
font-weight: 700; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .data_wrapper > .data .preis {
margin-top: 10px;
font-size: 1rem;
line-height: 100%;
font-weight: 700; }
.immomap .wrapper .obj_wrapper > .obj > .info_wrapper > .data_wrapper > .data .moretext {
margin-top: 10px;
font-size: 0.675rem;
line-height: 110%;
font-weight: 400; }
.immomap .wrapper > .pin {
position: absolute;
left: -4px;
top: -4px;
width: 8px;
height: 8px;
border: 1px solid #00f;
border-radius: 50%;
background-color: transparent;
z-index: 2; }
.immomap .wrapper .obj > .pos.show {
display: block; }
.immomap .finder {
position: absolute;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
left: 0;
top: 0;
width: 100%;
padding: 10px;
border-left: 20px solid #fff;
border-right: 20px solid #fff;
font-size: 0.675rem;
color: #fff;
background-color: #335643;
z-index: 10; }
.immomap .finder h4 {
width: 100%;
margin-bottom: 6px;
font-size: 0.875rem;
color: #fff;
text-align: left;
text-transform: none; }
.immomap .finder .wfl,
.immomap .finder .preis {
width: 48%;
max-width: 360px; }
@media screen and (min-width: 720px) {
.immomap .finder {
justify-content: flex-start; }
.immomap .finder .wfl {
margin-right: 20px; } }
@media screen and (min-width: 1020px) {
.immomap .finder {
width: 150px;
padding: 12px;
margin: 20px 0 0 20px;
border: 0;
-webkit-box-shadow: 0px 0px 7px 0px rgba(8, 8, 8, 0.75);
box-shadow: 0px 0px 7px 0px rgba(8, 8, 8, 0.75);
-webkit-transition: margin 500ms ease;
transition: margin 500ms ease; }
.immomap .finder .wfl,
.immomap .finder .preis {
width: 100%;
margin-right: 0; } }
@media screen and (min-width: 1280px) {
.immomap .finder {
width: 170px;
padding: 15px;
font-size: 0.75rem; }
.immomap .finder h4 {
margin-bottom: 10px; } }
.immomap .finder .actionButton {
padding: 8px 54px 4px 8px;
color: #fff;
font-weight: 400;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/arr_right_white.svg); }
.immomap .finder .buttonBox {
padding: 5px 0 0;
display: none; }
.immomap .finder .shape {
padding: 5px 0 0; }
.immomap .finder input[type=text]:focus,
.immomap .finder input[type=text]:focus-visible {
border: 0 !important;
border-bottom: 1px dotted #fff;
background-color: transparent !important;
outline: none; }
.immomap .finder input[type=range] {
-webkit-appearance: none;
margin: 15px 0 10px;
width: 100%; }
@media screen and (min-width: 1020px) {
.immomap .finder input[type=range] {
margin: 20px 0; } }
.immomap .finder input[type=range]:focus {
outline: none; }
.immomap .finder input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 4px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-radius: 25px; }
.immomap .finder input[type=range]::-webkit-slider-thumb {
height: 20px;
width: 20px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 4px 0 black;
cursor: pointer;
-webkit-appearance: none;
margin-top: -8px; }
.immomap .finder input[type=range]:focus::-webkit-slider-runnable-track {
background: #fff; }
.immomap .finder .range-wrap {
width: 100%;
position: relative; }
.immomap .finder .range-value {
position: absolute;
top: -20%; }
@media screen and (min-width: 1020px) {
.immomap .finder .range-value {
top: -12%; } }
.immomap .finder .range-value span {
display: block;
position: absolute;
left: 50%;
height: 13px;
padding: 3px 5px;
border-radius: 3px;
font-size: 0.675rem;
line-height: 100%;
text-align: center;
color: #335643;
background: #fff;
transform: translate(-50%, 0); }
.immomap .wrapper.cont {
display: flex;
justify-content: space-between;
padding: 40px 0; }
.immomap .wrapper.cont .reset {
border: 0;
padding: 8px 10px 5px;
font-size: 1rem;
line-height: 100%;
color: #fff;
text-transform: uppercase;
text-align: center;
background-color: #017b3c;
cursor: pointer; } section.singleProjektWrapper {
position: relative;
width: 100%;
max-width: 1280px;
padding: 0 40px;
margin: 140px auto 0 !important;
text-align: center; }
section.singleProjektWrapper h2 {
margin: 0 0 80px 0;
padding: 0;
font-size: 3.25rem;
line-height: 108%;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.01em;
color: #eee;
text-align: left; }
section.singleProjektWrapper .contentLine {
margin-bottom: 80px; }
section.singleProjektWrapper .theLogo,
section.singleProjektWrapper .theProjektlink {
position: relative;
float: right;
width: 33%;
text-align: center; }
section.singleProjektWrapper .theContent,
section.singleProjektWrapper .theProjektinfo,
.theProjektinfo .onePInfo {
position: relative;
float: left;
width: 67%;
text-align: left; }
.theProjektinfo .onePInfo {
width: 50%;
width: calc(50% - 30px);
margin-right: 30px;
padding: 20px 0;
border-top: 1px solid #444; }
.theProjektinfo .onePInfo.lastRow,
.theProjektinfo .onePInfo.last {
border-bottom: 1px solid #444; }
.theProjektinfo .onePInfo h4 {
margin: 0;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #444; }
.theProjektinfo .onePInfo h5 {
margin: 0;
font-style: normal;
font-weight: 400;
font-size: 1.1rem; }
.theProjektlink .txtLine {
position: relative;
height: 37px;
width: 100%;
padding: 20px 0;
font-style: italic;
font-weight: 400;
font-size: 0.9rem;
line-height: 140%;
text-align: center; }
.theProjektlink .linkLine {
height: 77px;
width: 100%;
padding: 0; }
.theProjektlink .linkLine a {
display: block;
padding: 20px;
font-style: normal;
font-weight: 700;
font-size: 0.8rem;
line-height: 37px;
color: #fff;
letter-spacing: 0.06em;
text-transform: uppercase;
background-color: #eee; }
.theProjektlink .linkLine a:hover {
text-decoration: none;
color: #aaa; }
section.singleProjektWrapper .thePics {
position: relative;
margin: 100px 0 80px; }
section.singleProjektWrapper .thePics .onePic {
position: relative;
float: left;
width: 50%;
padding: 0 10px 20px 0; }
section.singleProjektWrapper .thePics .onePic:nth-child(even) {
padding: 0 0 20px 10px; } #slideshow {
position: relative;
z-index: 500; }
#slideshow .pictxt {
position: absolute;
width: 240px;
height: 140px;
padding: 30px;
background: rgba(0, 0, 0, 0.6); }
#slideshow .pictxt h3,
#slideshow .pictxt p,
#slideshow .pictxt div {
color: #fff; }
#slideshow .pictxt h3 {
font-size: 0.9rem; }
.fixpic img {
border-bottom: 10px solid #222; }
.slidetext {
position: absolute;
top: 50%;
left: 50%;
width: 600px;
height: 300px;
margin-top: -150px;
margin-left: -300px;
padding: 20px;
text-align: center;
z-index: 500;
opacity: 1;
background-color: rgba(255, 255, 255, 0.7);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }
.slidetext h2 {
font-size: 1.5rem;
color: #b0012f;
text-transform: uppercase; }
.slidetext h4 {
font-size: 1.1rem;
color: #b0012f; }
.slidetext p {
color: #111; }  .wrapper.startsectSlide .content {
position: relative;
width: 100%;
max-width: 1120px;
margin: 0 auto;
padding: 80px;
text-align: center; }
.wrapper.startsectSlide .content h2 { margin: 0;
padding: 0;
text-align: center; }
.wrapper.startsectSlide .content h6 { margin: 0;
padding: 0 0 30px 0;
font-size: 1.0rem;
line-height: 140%;
font-weight: 600;
letter-spacing: 0.1em;
text-decoration: none;
font-style: normal;
text-transform: uppercase;
color: #eee;
text-align: left; } section.startsectPic .content {
margin-top: 80px; } section.startsectHus {
overflow: visible; }
.startsectHus .startpic img.stoerer {
position: absolute;
display: block;
top: 0;
left: 0;
width: 17vw;
height: auto; }
section.startsectHus .content {
margin-top: 50px; }
section.startsectHus .content h2 {
position: relative;
margin-bottom: 50px;
font-size: 2.5rem;
line-height: 120%;
font-weight: 400;
letter-spacing: 0.08em;
font-style: normal;
text-transform: uppercase;
color: #000; }
section.startsectHus .content p {
position: relative;
margin-bottom: 10px;
font-size: 1,25rem;
line-height: 150%;
font-weight: 400;
font-style: none;
text-transform: none;
color: #000; }
section.startsectHus .husnav {
position: relative;
margin-top: 60px;
padding: 30px 0;
font-size: 1.25rem;
line-height: 28px;
font-weight: 400;
letter-spacing: 0.2em;
font-style: normal;
text-transform: uppercase;
color: #000;
text-align: center; }
section.startsectHus .husnav .linkL,
section.startsectHus .husnav .linkR {
position: relative;
top: -3px;
padding: 0 20px; }
section.startsectHus .husnav .linkL a,
section.startsectHus .husnav .linkR a {
font-size: 1.5rem;
line-height: 28px;
font-weight: 400;
letter-spacing: 0em;
font-style: italic;
text-transform: none; }
section.startsectHus .husnav .linkR {
float: right; }
section.startsectHus .husnav .linkL {
float: left; }
.ic_typ {
position: absolute;
top: -87px;
left: calc(50% - 87px);
width: 175px;
height: 175px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
z-index: 1000; }
.ic_typ.en {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/ic_enhus.png); }
.ic_typ.bred {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/ic_bredhus.png); }
.ic_typ.smal {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/ic_smalhus.png); } section.threeHouseSec .threeHouses {
position: relative;
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 80px 20px;
text-align: center; }
section.threeHouseSec .oneHouse {
position: relative;
float: left;
width: 33.3%;
padding: 0 10px;
text-align: center; } .wrapper.slidesectBauten.fertig {
margin-top: 120px; }
.wrapper.slidesectBauten .content {
position: relative;
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 80px 20px 0;
text-align: center; }
.wrapper.slidesectBauten .content h2 { max-width: 1120px;
margin: 0 auto;
padding: 0 0 8px 0;
text-align: center; }
.wrapper.slidesectBauten .content p {
max-width: 1200px;
margin: 0 auto;
padding: 0;
font-style: italic;
font-weight: 400;
font-size: 2.3rem;
line-height: 110%;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #eee;
text-align: center; }
.wrapper.showBauten h2.hlBauten {
margin: 50px auto;
font-size: 2.5rem;
font-weight: 400;
font-style: normal;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #eee; }
.wrapper.showBauten h2.hlBauten span {
font-size: 2.5625rem;
font-style: normal;
font-weight: 700; }
.wrapper.showBauten .oneBau {
position: relative;
width: 100%;
max-width: 1350px;
margin: 0 auto 30px;
overflow: hidden; }
.wrapper.showBauten .oneBau .infoBox {
position: relative;
top: 80px; }
.wrapper.showBauten .oneBau .infoBoxBox {
position: absolute;
top: 0;
height: 100%;
width: 33%; }
.wrapper.showBauten .oneBau .infoBoxBox h2 {
position: relative; }
.wrapper.showBauten .oneBau .infoBoxBox h2 a { display: inline-block; }
.wrapper.showBauten .oneBau .infoBoxBox.left h2,
.wrapper.showBauten .oneBau .infoBoxBox.left h2 a,
.wrapper.showBauten .oneBau .infoBoxBox.left h2 a:hover {
color: #fff;
text-decoration: none; }
.wrapper.showBauten .oneBau .infoBoxBox.right h2,
.wrapper.showBauten .oneBau .infoBoxBox.right h2 a,
.wrapper.showBauten .oneBau .infoBoxBox.right h2 a:hover {
color: #eee;
text-decoration: none; }
.wrapper.showBauten .oneBau .infoBoxBox .stadtteil {
position: relative;
margin: 0 auto;
font-size: 0.875rem;
line-height: 150%;
font-weight: 400;
font-style: normal;
letter-spacing: 0.07em;
text-transform: uppercase; }
.wrapper.showBauten .oneBau .infoBoxBox.left .stadtteil {
color: #fff; }
.wrapper.showBauten .oneBau .infoBoxBox.right .stadtteil {
color: #eee; }
.wrapper.showBauten .oneBau .infoBoxBox .fertigstellung { position: relative;
margin: 0 auto; }
.wrapper.showBauten .oneBau .infoBoxBox.left .fertigstellung {
color: #fff; }
.wrapper.showBauten .oneBau .infoBoxBox.right .fertigstellung {
color: #eee; }
.wrapper.showBauten .oneBau .infoBoxBox a.button {
position: absolute;
bottom: 50px;
left: 50%;
width: 148px;
height: 56px;
margin-left: -75px;
border: 1px solid;
font-size: 0.875rem;
line-height: 56px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.07em;
text-align: center; }
.wrapper.showBauten .oneBau .infoBoxBox.left a.button {
border-color: #fff;
color: #fff; }
.wrapper.showBauten .oneBau .infoBoxBox.right a.button {
background-color: #eee;
border-color: #eee;
color: #fff; }
.wrapper.showBauten .oneBau .infoBoxBox.left a.button:hover {
border-color: #eee;
background-color: #eee;
text-decoration: none; }
.wrapper.showBauten .oneBau .infoBoxBox.right a.button:hover {
background-color: transparent;
border-color: #eee;
color: #eee;
text-decoration: none; }
.wrapper.showBauten .oneBau .infoBoxBox.left {
left: 0;
background-color: rgba(51, 51, 51, 0.9); }
.wrapper.showBauten .oneBau .infoBoxBox.right {
right: 0;
background-color: rgba(255, 255, 255, 0.7); }
.wrapper.showBauten .pager,
.wrapper.showBauten .pager a {
font-size: 1.875rem;
line-height: 100%;
font-weight: 400;
font-style: italic;
text-transform: uppercase;
letter-spacing: 0.2em; }
.wrapper.showBauten .pager {
margin: 60px auto 30px; }
.wrapper.showBauten .pager a {
display: inline-block;
padding: 0 5px; }
.wrapper.showBauten .pager a.active,
.wrapper.showBauten .pager a:hover {
text-decoration: none;
font-weight: 700; }
.wrapper.showBauten a.pagerAll {
display: block;
margin: 0 auto 80px;
font-size: 0.75rem;
line-height: 100%;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #eee; }
.wrapper.showBauten a.pagerAll:hover {
text-decoration: none;
font-weight: 700; } .bgPicSec1 .childContentPic,
.bgPicSec1a .childContentPic,
.bgPicSec1b .childContentPic {
position: absolute;
top: 20%;
left: 30%;
width: 45%;
text-align: left; }
.bgPicSec1 .childContentPic h2,
.bgPicSec1a .childContentPic h2,
.bgPicSec1b .childContentPic h2 {
margin-bottom: 15px;
padding: 0 0 10px 0; }
.bgPicSec1 .childContentPic h2,
.bgPicSec1 .childContentPic h2 a,
.bgPicSec1 .childContentPic h2 a:hover {
font-style: italic;
font-weight: 400;
font-size: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.1em; text-decoration: none;
color: #fff; }
.bgPicSec1a .childContentPic h2,
.bgPicSec1a .childContentPic h2 a,
.bgPicSec1a .childContentPic h2 a:hover {
font-size: 3.25rem;
line-height: 107.5%;
font-weight: 700;
letter-spacing: 0.01em;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
color: #fff; }
.bgPicSec1b .childContentPic h2,
.bgPicSec1b .childContentPic h2 a,
.bgPicSec1b .childContentPic h2 a:hover {
font-size: 1.7rem;
line-height: 138%;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.06em;
font-style: normal;
color: #fff; }
.bgPicSec1 .childContentPic h3,
.bgPicSec1 .childContentPic h3 a,
.bgPicSec1 .childContentPic h3 a:hover,
.bgPicSec1a .childContentPic h3,
.bgPicSec1a .childContentPic h3 a,
.bgPicSec1a .childContentPic h3 a:hover,
.bgPicSec1b .childContentPic h3,
.bgPicSec1b .childContentPic h3 a,
.bgPicSec1b .childContentPic h3 a:hover {
font-size: 2.5rem;
line-height: 100%;
letter-spacing: 0.1em;
color: #fff;
text-transform: uppercase;
text-decoration: none; }
.bgPicSec1 .childContentPic h3,
.bgPicSec1 .childContentPic h3 a,
.bgPicSec1 .childContentPic h3 a:hover,
.bgPicSec1a .childContentPic h3,
.bgPicSec1a .childContentPic h3 a,
.bgPicSec1a .childContentPic h3 a:hover,
.bgPicSec1b .childContentPic h3,
.bgPicSec1b .childContentPic h3 a,
.bgPicSec1b .childContentPic h3 a:hover {
margin: 15px 0 25px;
padding: 0; }
.bgPicSec1 .childContentPic p,
.bgPicSec1a .childContentPic p,
.bgPicSec1b .childContentPic p {
margin-bottom: 0;
padding: 0;
color: #fff; } .bgPicSec2 .childContentPic,
.bgPicSec2a .childContentPic,
.bgPicSec2b .childContentPic,
.bgPicSec2c .childContentPic {
position: absolute;
top: 20%;
left: 17%;
width: 66%;
text-align: center; }
.bgPicSec2 .childContentPic h2,
.bgPicSec2a .childContentPic h2,
.bgPicSec2b .childContentPic h2,
.bgPicSec2c .childContentPic h2 {
margin-bottom: 15px;
padding: 0 0 10px 0; }
.bgPicSec2 .childContentPic h2,
.bgPicSec2 .childContentPic h2 a,
.bgPicSec2 .childContentPic h2 a:hover {
font-size: 3.25rem;
line-height: 100%;
font-weight: 700;
font-style: normal;
text-decoration: none;
color: #fff; }
.bgPicSec2a .childContentPic h2,
.bgPicSec2a .childContentPic h2 a,
.bgPicSec2a .childContentPic h2 a:hover {
font-size: 4.5rem;
line-height: 107.5%;
font-weight: 700;
font-style: normal;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fff; }
.bgPicSec2b .childContentPic h2,
.bgPicSec2b .childContentPic h2 a,
.bgPicSec2b .childContentPic h2 a:hover,
.bgPicSec2c .childContentPic h2,
.bgPicSec2c .childContentPic h2 a,
.bgPicSec2c .childContentPic h2 a:hover {
font-size: 2.5rem;
line-height: 138%;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.06em;
font-style: normal;
color: #fff; }
.bgPicSec2 .childContentPic h3,
.bgPicSec2 .childContentPic h3 a,
.bgPicSec2 .childContentPic h3 a:hover,
.bgPicSec2a .childContentPic h3,
.bgPicSec2a .childContentPic h3 a,
.bgPicSec2a .childContentPic h3 a:hover,
.bgPicSec2b .childContentPic h3,
.bgPicSec2b .childContentPic h3 a,
.bgPicSec2b .childContentPic h3 a:hover,
.bgPicSec2c .childContentPic h3,
.bgPicSec2c .childContentPic h3 a,
.bgPicSec2c .childContentPic h3 a:hover {
font-size: 5.625rem;
line-height: 100%;
font-weight: 700;
font-style: italic;
letter-spacing: 0.05em;
color: #fff;
text-transform: uppercase;
text-decoration: none; }
.bgPicSec2 .childContentPic h3,
.bgPicSec2 .childContentPic h3 a,
.bgPicSec2 .childContentPic h3 a:hover,
.bgPicSec2a .childContentPic h3,
.bgPicSec2a .childContentPic h3 a,
.bgPicSec2a .childContentPic h3 a:hover,
.bgPicSec2b .childContentPic h3,
.bgPicSec2b .childContentPic h3 a,
.bgPicSec2b .childContentPic h3 a:hover,
.bgPicSec2c .childContentPic h3,
.bgPicSec2c .childContentPic h3 a,
.bgPicSec2c .childContentPic h3 a:hover {
margin-top: 15px;
padding: 0; }
.bgPicSec2 .childContentPic p,
.bgPicSec2a .childContentPic p,
.bgPicSec2b .childContentPic p {
max-width: 1000px;
margin: 0 auto;
padding: 0;
font-style: normal;
font-weight: 400;
font-size: 1.125rem;
color: #fff; }
.bgPicSec2c .childContentPic p {
font-size: 3.25rem;
line-height: 107.5%;
font-weight: 700;
letter-spacing: 0.01em;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
color: #fff; } .bgPicSec3 .childContentPic,
.bgPicSec3a .childContentPic,
.bgPicSec4 .childContentPic {
position: absolute;
top: 20%;
left: 0;
width: 100%;
text-align: center; }
.bgPicSec3 .stoerer,
.bgPicSec3a .stoerer,
.bgPicSec4 .stoerer {
position: absolute;
display: block;
top: 10%;
left: 60px;
width: 240px;
height: auto; }
.bgPicSec3 .childContentPic .contBgBox,
.bgPicSec3a .childContentPic .contBgBox,
.bgPicSec4 .childContentPic .contBgBox {
position: relative;
width: 60%;
max-width: 700px;
margin: 0 auto;
padding: 60px;
text-align: center; }
.bgPicSec3 .childContentPic h2,
.bgPicSec4 .childContentPic h2 {
margin-bottom: 15px;
padding: 0 0 10px 0; }
.bgPicSec3 .childContentPic h2,
.bgPicSec3 .childContentPic h2 a,
.bgPicSec3 .childContentPic h2 a:hover,
.bgPicSec4 .childContentPic h2,
.bgPicSec4 .childContentPic h2 a,
.bgPicSec4 .childContentPic h2 a:hover {
font-size: 3.25rem;
line-height: 100%;
font-weight: 700;
font-style: normal;
text-decoration: none;
color: #eee; }
.bgPicSec3 .childContentPic h3,
.bgPicSec3 .childContentPic h3 a,
.bgPicSec3 .childContentPic h3 a:hover,
.bgPicSec4 .childContentPic h3,
.bgPicSec4 .childContentPic h3 a,
.bgPicSec4 .childContentPic h3 a:hover {
font-size: 3.2rem;
line-height: 138%;
font-weight: 400;
font-style: italic;
letter-spacing: 0.04em;
color: #eee;
text-decoration: none; }
.bgPicSec3 .childContentPic h3,
.bgPicSec3 .childContentPic h3 a,
.bgPicSec3 .childContentPic h3 a:hover,
.bgPicSec4 .childContentPic h3,
.bgPicSec4 .childContentPic h3 a,
.bgPicSec4 .childContentPic h3 a:hover {
margin-top: 15px;
padding: 0; }
.bgPicSec3 .childContentPic p,
.bgPicSec3a .childContentPic p,
.bgPicSec4 .childContentPic p {
max-width: 650px;
margin: 0 auto;
padding: 0;
font-size: 1.0rem;
line-height: 125%;
font-weight: 400;
letter-spacing: 0.02em;
font-style: normal;
color: #eee; }
.bgPicSec3a .childContentPic p {
font-size: 1.5rem; } .bgPicSec5 .childContentPic,
.bgPicSec5a .childContentPic,
.bgPicSec5b .childContentPic {
position: absolute;
top: 20%;
left: 17%;
width: 66%;
text-align: center; }
.bgPicSec5 .childContentPic h2,
.bgPicSec5a .childContentPic h2,
.bgPicSec5b .childContentPic h2 {
margin-bottom: 15px;
padding: 0 0 10px 0; }
.bgPicSec5 .childContentPic h2,
.bgPicSec5 .childContentPic h2 a,
.bgPicSec5 .childContentPic h2 a:hover {
font-size: 3.25rem;
line-height: 100%;
font-weight: 700;
font-style: normal;
text-decoration: none;
color: #fff; }
.bgPicSec5a .childContentPic h2,
.bgPicSec5a .childContentPic h2 a,
.bgPicSec5a .childContentPic h2 a:hover {
font-size: 4.5rem;
line-height: 107.5%;
font-weight: 700;
font-style: normal;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fff; }
.bgPicSec5b .childContentPic h2,
.bgPicSec5b .childContentPic h2 a,
.bgPicSec5b .childContentPic h2 a:hover {
font-size: 3.4rem;
line-height: 138%;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.06em;
font-style: normal;
color: #fff; }
.bgPicSec5 .childContentPic h3,
.bgPicSec5 .childContentPic h3 a,
.bgPicSec5 .childContentPic h3 a:hover,
.bgPicSec5a .childContentPic h3,
.bgPicSec5a .childContentPic h3 a,
.bgPicSec5a .childContentPic h3 a:hover,
.bgPicSec5b .childContentPic h3,
.bgPicSec5b .childContentPic h3 a,
.bgPicSec5b .childContentPic h3 a:hover {
font-size: 5.625rem;
line-height: 100%;
font-weight: 700;
font-style: italic;
letter-spacing: 0.05em;
color: #fff;
text-transform: uppercase;
text-decoration: none; }
.bgPicSec5 .childContentPic h3,
.bgPicSec5 .childContentPic h3 a,
.bgPicSec5 .childContentPic h3 a:hover,
.bgPicSec5a .childContentPic h3,
.bgPicSec5a .childContentPic h3 a,
.bgPicSec5a .childContentPic h3 a:hover,
.bgPicSec5b .childContentPic h3,
.bgPicSec5b .childContentPic h3 a,
.bgPicSec5b .childContentPic h3 a:hover {
margin-top: 15px;
padding: 0; }
.bgPicSec5 .childContentPic p,
.bgPicSec5a .childContentPic p,
.bgPicSec5b .childContentPic p {
max-width: 1000px;
margin: 0 auto;
padding: 0;
font-style: normal;
font-weight: 400;
font-size: 1.125rem;
color: #fff; } .standardSec {
padding-top: 60px;
padding-bottom: 40px; }
.standardSec .smallov {
position: relative;
width: 40%;
min-width: 300px;
margin: 0 auto -45px; } section.tickerSec {
display: none; }
.tickerSec .ticker,
.tickerSec .tickerRev {
position: absolute;
display: flex;
left: 0;
width: max-content;
height: 35px;
white-space: nowrap; }
.tickerSec .tickerBox {
height: 35px;
background-color: #ef767a;
overflow: hidden; }
@media screen and (min-width: 400px) {
.tickerSec .ticker,
.tickerSec .tickerRev,
.tickerSec .tickerBox {
height: 40px; } }
@media screen and (min-width: 760px) {
.tickerSec .ticker,
.tickerSec .tickerRev,
.tickerSec .tickerBox {
height: 80px; } }
.tickerSec .ticker .luft,
.tickerSec .tickerRev .luft {
width: 0; }
.tickerSec .ticker img,
.tickerSec .tickerRev img {
display: block;
height: 100%;
width: auto; }
.tickerSec .ticker.op33 img,
.tickerSec .tickerRev.op33 img {
opacity: 0.33; }
.tickerSec .ticker.op66 img,
.tickerSec .tickerRev.op66 img {
opacity: 0.66; }
.tickerSec .ticker p,
.tickerSec .tickerRev p {
display: inline;
font-size: 70px;
line-height: 70px;
font-weight: 300;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #000; }
.tickerSec .ticker span,
.tickerSec .tickerRev span {
display: inline-block;
width: 40px; }
.startSec.tickerSec .ticker,
.startSec.tickerSec .tickerRev,
.startSec.tickerSec .tickerBox {
height: 50px; }
@media screen and (min-width: 400px) {
.startSec.tickerSec .ticker,
.startSec.tickerSec .tickerRev,
.startSec.tickerSec .tickerBox {
height: 60px; } }
@media screen and (min-width: 760px) {
.startSec.tickerSec .ticker,
.startSec.tickerSec .tickerRev,
.startSec.tickerSec .tickerBox {
height: 100px; } } .highlightWrapper {
width: 100%;
max-width: 1200px;
padding: 0 40px;
margin: -60px auto 80px; }
.highlightWrapper .oneBox,
.highlightWrapper .oneBox.drei {
position: relative;
width: 33.33%;
margin-top: 15px;
float: left;
border: 0;
text-align: center !important; }
.highlightWrapper .oneBox.eins {
width: 100%; }
.highlightWrapper .oneBox.zwei {
width: 50%; }
.highlightWrapper .oneBox.vier {
width: 25%; }
.highlightWrapper .oneBox.fuenf {
width: 20%; }
.highlightWrapper .oneBox h2 {
margin: 20px 0;
padding: 0 20px;
font-size: 1.7rem;
font-weight: 400;
text-align: center !important;
color: #333; }
.highlightWrapper.rev .oneBox h2 {
color: #fff; }
.highlightWrapper .oneBox .imgBox {
width: 200px;
height: 200px;
margin: 20px auto;
border: 3px solid #b0012f;
border-radius: 100px;
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
color: #333; }
.highlightWrapper .oneBox p {
min-height: 100px;
margin: 20px 0 10px;
padding: 0 10px;
text-align: center !important; }
.highlightWrapper.rev .oneBox p {
color: #fff; }
.highlightWrapper .oneBox a {
display: inline-block;
margin: 10px 0 20px;
padding: 4px 8px;
background-color: #222;
border-radius: 8px;
color: #fff;
font-size: 1.14rem;
text-transform: uppercase;
letter-spacing: 0.05em; }
.highlightWrapper .oneBox a:hover {
color: #b0012f;
text-decoration: none; } .kontaktWrapper {
width: 100%;
max-width: 1600px;
padding: 60px 0;
margin: 80px auto;
background-color: #b0012f; }
.kontaktWrapper p {
color: #fff;
margin: 0; }
.kontaktWrapper a {
display: inline-block;
margin: 10px 0 20px 50px;
padding: 4px 8px;
background-color: #fff;
border-radius: 8px;
color: #b0012f;
font-size: 1.14rem;
text-transform: uppercase;
letter-spacing: 0.05em; }
.kontaktWrapper a:hover {
color: #222;
text-decoration: none; } .kontaktformWrapper {
width: 100%;
max-width: 1200px;
margin: 60px auto 0;
padding: 60px 40px;
background-color: #fff8e6; }
.kontaktformInnerWrapper {
width: 100%;
max-width: 700px;
margin: 0 auto; }
.kontaktformWrapper h2 {
margin: 60px 0 30px;
padding: 10px 0;
font-size: 2rem;
font-weight: 400;
color: #000;
text-transform: uppercase; }
.kontaktformWrapper p {
margin: 30px 0; }
.kontaktformWrapper input[type=text],
.kontaktformWrapper input[type=password],
.kontaktformWrapper textarea,
.kontaktformWrapper select {
width: 100%;
height: 30px;
margin-bottom: 20px;
padding: 0 2.5%;
border: 1px solid #b0012f;
font-size: 0.8rem;
line-height: 210%;
color: #666;
background: #fff; }
.kontaktformWrapper textarea {
height: 120px; }
.kontaktformWrapper input[type=submit] {
display: inline-block;
float: right;
margin: 10px 0 20px 50px;
padding: 4px 8px;
border: 0;
border-radius: 8px;
background-color: #222;
color: #fff;
font-size: 1.14rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.05em; }
.kontaktformWrapper input[type=submit]:hover {
color: #b0012f; }
.kontaktWrapper input[type=submit]:hover {
color: #222;
text-decoration: none; }  #post-2019 {
padding-top: 20px; } #post-2483 {
margin-top: 80px !important; }
#post-2483 .threeHouses {
padding-top: 0 !important; } .videoBox {
position: relative;
width: 100%;
max-width: 100%;
background-color: #000; }
.videoBox video {
position: relative;
display: block;
width: 100%;
height: auto;
border: 0;
padding: 0;
margin: 0;
opacity: 0.7; }
.videoBox.fullH video {
position: absolute;
display: block;
width: 100%;
height: 100vh;
border: 0;
padding: 0;
margin: 0;
object-fit: cover; }
.smallVideoBox {
position: relative;
width: 50%;
min-width: 500px;
margin: 60px auto 30px; } .effektBoxZoom,
.noeffektBoxZoom {
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden; }
.effektBoxZoom img {
transition: all 4s ease; }
.effektBoxZoom:hover img {
transform: scale(1.04); }
.noeffektBoxZoom video {
position: relative;
display: block;
width: 100%;
height: auto;
border: 0;
padding: 0;
margin: 0; }
.aniRotate {
animation-duration: 2s; }
.scale90 {
transform: scale(0.9); }
.scale95 {
transform: scale(0.95); }
.opacity100 {
filter: alpha(opacity=1);
opacity: 1; }
.rotate360 {
transform: rotate(-360deg); } @-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; } .infoBlockR {
width: 33%;
float: right;
margin-left: 10px;
padding: 10px;
border: 1px solid #000;
background-color: #eee; }
.simpleInfoBoxR {
width: 60%;
float: right;
margin: -10px 0 5px 10px; }
.borderInfoBoxR,
.borderInfoBoxRfull,
.borderInfoBoxRsmall {
float: right;
margin: 10px 0;
padding: 10px;
border: 1px dotted #222; }
.borderInfoBoxR {
width: 50%; }
.borderInfoBoxRsmall {
width: 33%; }
.borderInfoBoxRfull {
width: 100%;
float: none; }
.borderInfoBoxR ul,
.borderInfoBoxRfull ul,
.borderInfoBoxRsmall ul {
margin-bottom: 0; }
.borderInfoBoxR table,
.borderInfoBoxRfull table,
.borderInfoBoxRsmall table {
width: 100%;
margin: 0;
border: 0; }
.borderInfoBoxR td,
.borderInfoBoxRfull td,
.borderInfoBoxRsmall td {
padding: 0 2px;
border: 0; }
.borderInfoBoxR ol,
.borderInfoBoxRfull ol,
.borderInfoBoxRsmall ol {
list-style-position: outside; } .img_left,
img.alignleft {
margin: 5px 10px 0 0;
float: left; }
.img_right,
img.alignright {
margin: 5px 0 0 10px;
float: right; }
.m_right0,
.mRight0 {
margin-right: 0 !important; }
.m_right,
.mRight {
margin-right: 10px !important; }
.m_left0,
.mLeft0 {
margin-left: 0 !important; }
.m_bottom0,
.mBottom0 {
margin-bottom: 0 !important; }
.m_top0,
.mTop0 {
margin-top: 0 !important; }
.m_top3,
.mTop3 {
margin-top: 30px !important; }
.m_top12,
.mTop12 {
margin-top: 120px !important; }
.m_bottom_sp1 {
margin-bottom: 12px !important; }
.p_right0 {
padding-right: 0 !important; }
.p_left0 {
padding-left: 0 !important; }
.p_bottom0 {
padding-bottom: 0 !important; }
.p_top0 {
padding-top: 0 !important; }
.p_right {
padding-right: 30px !important; }
.p_left {
padding-left: 30px !important; }
.p_bottom {
padding-bottom: 30px !important; }
.p_top {
padding-top: 30px !important; }
.b_right0 {
border-right: none !important; }
.b_left0 {
border-left: none !important; }
.b_bottom0 {
border-bottom: none !important; }
.b_top0 {
border-top: none !important; }
.align_left {
text-align: left !important; }
.align_right {
text-align: right !important; }
.align_center {
text-align: center !important; }
.vaMiddle {
vertical-align: middle !important; }
.fl_left,
.fLeft {
float: left !important; }
.fl_right,
.fRight {
float: right !important; }
.left50 {
float: left;
width: 48%;
margin-right: 1.9%; }
.bg_dark {
font-weight: 600;
background-color: #e5e5e5; }
.c_rot,
.err {
color: red !important; }
.bordered {
padding: 5px;
border: 1px dotted #ccc; }
.clear {
clear: both; }
.disp_block {
display: block; }
.disp_inline {
display: block; }
.disp_hide {
display: none; }
.h1px {
height: 1px; }
.hyph {
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
img.fullW {
width: 100%;
height: auto; }
.shadowBot {
-webkit-box-shadow: 0 4px 4px -2px #999;
box-shadow: 0 4px 4px -2px #999; }
.firstCol,
.size34,
.size12,
.size12plus,
.size12plus2,
.size13,
.size13f,
.size14,
.size34mr0,
.size12mr0,
.size14mr0 {
float: left;
margin-left: 40px; }
.size13f {
margin-left: 0; }
.size34mr0,
.size12mr0,
.size14mr0 {
margin-right: 0; }
.size34 {
width: calc(75% - 40px); }
.size12 {
width: calc(50% - 40px); }
.size12plus {
width: calc(50% - 40px); }
.size12plus2 {
width: calc(50% - 40px); }
.size13,
.size13f {
width: calc( 33.33% - (80px / 3) ); }
.size14,
.firstCol {
width: calc(25% - 40px); }
.size34mr0 {
width: 75%; }
.size12mr0 {
width: 50%; }
.size14mr0 {
width: 25%; }
.size11 {
width: 100%; }
.stdBlock {
padding: 20px 0 !important; }
.blockend_bottom_half {
padding-bottom: 15px !important;
margin-top: -15px !important;
margin-bottom: 30px !important; }
.blockend_bottom {
padding-bottom: 10px !important;
margin-bottom: 30px !important; }
.blockend_noborder {
padding-bottom: 30px !important;
margin-bottom: 0 !important;
border-bottom: 0; }
.bBotLight {
border-bottom: 1px solid #b0012f; }
.bBotBold {
border-bottom: 10px solid #b0012f; }
.bg_lightGray {
background-color: #d1d1d1; }
.bg_lightYellow {
background-color: #fff8df; }
.borderGray {
border: 1px solid #999; }
img.logo_foot {
width: 150px;
height: 0; }
.hideme {
display: none !important; } .fl100p,
.fr100p,
.w100p {
float: none;
width: 100% !important; }
.fl085p,
.fr085p {
float: left;
width: 85% !important; }
.fl085p.space,
.fr085p.space {
width: 83% !important;
width: calc( 85% - 10px ) !important; }
.fr085p {
float: right; }
.fl080p,
.fr080p {
float: left;
width: 80% !important; }
.fl080p.space,
.fr080p.space {
width: 78% !important;
width: calc( 80% - 10px ) !important; }
.fr080p {
float: right; }
.fl070p,
.fr070p {
float: left;
width: 70% !important; }
.fl070p.space,
.fr070p.space {
width: 68% !important;
width: calc( 70% - 10px ) !important; }
.fr070p {
float: right; }
.fl050p,
.fr050p {
float: left;
width: 50% !important; }
.fl050p.space,
.fr050p.space {
width: 48% !important;
width: calc( 50% - 10px ) !important; }
.fr050p {
float: right; }
.fl030p,
.fr030p {
float: left;
width: 30% !important; }
.fl030p.space,
.fr030p.space {
width: 28% !important;
width: calc( 30% - 10px ) !important; }
.fr030p {
float: right; }
.fl028p,
.fr028p {
float: left;
width: 28% !important; }
.fl028p.space,
.fr028p.space {
width: 26% !important;
width: calc( 28% - 10px ) !important; }
.fr028p {
float: right; }
.fl025p,
.fr025p {
float: left;
width: 25% !important; }
.fl025p.space,
.fr025p.space {
width: 23% !important;
width: calc( 25% - 10px ) !important; }
.fr025p {
float: right; }
.fl020p,
.fr020p {
float: left;
width: 20% !important; }
.fl020p.space,
.fr020p.space {
width: 18% !important;
width: calc( 20% - 10px ) !important; }
.fr020p {
float: right; }
.fl015p,
.fr015p {
float: left;
width: 15% !important; }
.fl015p.space,
.fr015p.space {
width: 13% !important;
width: calc( 15% - 10px ) !important; }
.fr015p {
float: right; }
ul.blau {
list-style-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/checkitem_blau.png); }
ul.gruen {
list-style-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/checkitem_gruen.png); }
ul.rot {
list-style-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/checkitem_rot.png); }
ul.gelb {
list-style-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/checkitem_gelb.png); }
ul.schwarz {
list-style-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/checkitem_schwarz.png); }
ul.blau li,
ul.gruen li,
ul.rot li,
ul.gelb li,
ul.schwarz li {
margin-left: 22px !important; }
ul.bullet {
list-style-type: disc;
margin-left: 12px; }
ul.bullet li {
margin-left: 0; }
ul.iconUl {
display: flex;
justify-content: space-between;
list-style-type: none; }
ul.iconUl li {
margin-left: 15px; }
ul.iconUl li > img {
display: inline-block;
width: 40px;
height: auto;
margin-right: 10px; }
.hidden {
opacity: 0; }
.visible {
opacity: 1; } .pdf {
background: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/pdficon.png) no-repeat 5px 5px;
padding: 5px 5px 5px 50px;
min-height: 40px; }
.pdf_rot {
background: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/raute_rot_pdf_32.png) no-repeat 5px 5px;
padding: 5px 5px 5px 50px;
min-height: 40px; }
.pdf_gelb {
background: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/raute_gelb_pdf_32.png) no-repeat 5px 5px;
padding: 5px 5px 5px 50px;
min-height: 40px; }
.pdf_gruen {
background: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/raute_gruen_pdf_32.png) no-repeat 5px 5px;
padding: 5px 5px 5px 50px;
min-height: 40px; }
.pdf_blau {
background: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/raute_blau_pdf_32.png) no-repeat 5px 5px;
padding: 5px 5px 5px 50px;
min-height: 40px; } .raute_rot {
background: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/raute_rot_32.png) no-repeat 5px 5px;
padding: 5px 5px 5px 50px;
min-height: 40px; }
.raute_gelb {
background: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/raute_gelb_32.png) no-repeat 5px 5px;
padding: 5px 5px 5px 50px;
min-height: 40px; }
.raute_gruen {
background: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/raute_gruen_32.png) no-repeat 5px 5px;
padding: 5px 5px 5px 50px;
min-height: 40px; }
.raute_blau {
background: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/raute_blau_32.png) no-repeat 5px 5px;
padding: 5px 5px 5px 50px;
min-height: 40px; } .generator input[type=text],
.generator textarea {
width: 420px;
border: 1px #666 dotted; }
.generator span {
font-size: 0.7rem; }
.bgfader {
position: relative;
margin: 0 auto;
width: 100%;
height: 70vh; }
@media screen and (orientation: portrait) {
.bgfader {
height: 50vh; } } .bgfader ul {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%; }
.bgfader ul li {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
list-style: none; }
.bgfader .dots {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
width: 100%;
margin: 0 auto;
padding: 0;
z-index: 3;
text-align: center; }
.bgfader .dots li {
display: inline-block;
margin: 0 5px;
width: 10px;
height: 10px;
border: 0;
border-radius: 50%;
opacity: 1;
cursor: pointer;
transition: background .5s, opacity .5s;
list-style: none;
background-color: #ffffff99; }
.bgfader .dots li.active {
background: #fff;
opacity: 1; }
.bgfader .arrow {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 0;
height: 0; }
.bgfader .arrow .arrow-left,
.bgfader .arrow .arrow-right {
position: absolute;
top: 0;
display: block;
width: 0;
height: 0;
opacity: 0; }
.bgfader .arrow .arrow-left:hover,
.bgfader .arrow .arrow-right:hover {
opacity: 0; }  .cycloneslider-template-standard {
margin-bottom: 0; }
.cycloneslider-template-standard .cycloneslider-pager {
bottom: 20px;
left: auto;
right: 0;
height: 12px;
text-align: center; }
.cycloneslider-template-standard .cycloneslider-pager span {
display: inline-block;
box-sizing: border-box;
margin: 0 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #ffffff99;
-webkit-box-shadow: none;
box-shadow: none;
border: 0; }
.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
background-color: #fff; }
.cycloneslider-template-standard .cycloneslider-prev,
.cycloneslider-template-standard .cycloneslider-next {
top: 50%;
width: 14px;
height: 25px;
margin-top: -12px;
border-radius: 0;
background-color: transparent;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/arrows.png);
-webkit-box-shadow: none;
box-shadow: none; }
.cycloneslider-template-standard .cycloneslider-prev {
background-position: 0 0; }
.cycloneslider-template-standard .cycloneslider-next {
background-position: -14px 0; }
.cycloneslider-template-standard .cycloneslider-prev .arrow,
.cycloneslider-template-standard .cycloneslider-next .arrow {
display: none; }
.cycloneslider-template-standard .cycloneslider-caption {
top: 50%;
left: 50%;
height: 240px;
width: 600px;
margin-top: -120px;
margin-left: -300px;
text-align: center;
color: #000;
background-color: rgba(255, 255, 255, 0.7);
opacity: 1;
-webkit-box-shadow: 3px 3px 3px 0 #333;
box-shadow: 3px 3px 3px 0 #333; }
.cycloneslider-template-standard .cycloneslider-caption-title {
padding: 20px 0 10px;
font-size: 2rem;
color: #000;
text-transform: uppercase; }
.cycloneslider-template-standard .cycloneslider-caption-description h2 {
padding: 10px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-size: 2rem;
font-weight: 400;
color: #000;
text-transform: uppercase; }
.cycloneslider-template-standard .cycloneslider-caption-description p {
margin: 0;
padding: 4px 0;
font-size: 1.3rem;
color: #000; }
.cycloneslider-template-standard .cycloneslider-caption-description a {
padding: 2px 8px;
background-color: #222;
border-radius: 8px;
color: #fff;
font-size: 1.15rem;
text-transform: uppercase;
letter-spacing: 0.05em; }
.cycloneslider-template-standard .cycloneslider-caption-description a:hover {
color: #b0012f;
text-decoration: none; }
.cycloneslider-template-standard .cycloneslider-prev,
.cycloneslider-template-standard .cycloneslider-next {
top: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
border-radius: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
opacity: 1; }
.cycloneslider-template-standard:hover .cycloneslider-prev,
.cycloneslider-template-standard:hover .cycloneslider-next {
opacity: 1; }
.cycloneslider-template-standard .cycloneslider-prev {
left: -25px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/sl_arrow_l.png); }
.cycloneslider-template-standard .cycloneslider-next {
right: -25px;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/template/sl_arrow_r.png); } .wordpress-post-tabs-skin-gray .ui-tabs .ui-tabs-nav {
padding: 0; }
.wordpress-post-tabs-skin-gray .ui-tabs .ui-tabs-panel {
margin-top: -1px;
background-color: #e4e4e4;
border: 1px #aaa solid; }
.wordpress-post-tabs-skin-gray .ui-state-default,
.wordpress-post-tabs-skin-gray .ui-widget-content .ui-state-default {
background: #fff; }
.wordpress-post-tabs-skin-gray .ui-tabs-nav li.ui-corner-top.ui-state-active {
background: #e4e4e4; }
.wordpress-post-tabs-skin-gray .ui-tabs .ui-tabs-nav li {
margin: 0 3px 0 0 !important;
z-index: 120; } div.file_div_clean_responsive_container {
display: block;
text-align: left; }
div.file_div_clean_responsive {
width: 100%; }
span.file_title_clean {
display: block;
margin: 0 0 10px 0;
padding: 0;
font-style: normal;
font-weight: 600;
font-size: 1.0rem;
text-transform: uppercase;
letter-spacing: 0.075em;
text-align: left; }
label.file_userdata_label {
width: 100px !important;
margin: 0;
padding: 0;
font-style: normal;
font-weight: 400;
font-size: 1.0rem;
text-transform: uppercase;
letter-spacing: 0.01em;
color: #afafaf;
text-align: left; }
div.file_userdata_fieldwrapper,
div.file_userdata_fieldwrapper_required,
div.file_userdata_fieldwrapper_required_empty {
width: calc(100% - 100px) !important; }
input[type=text].file_input_textbox {
position: relative;
width: 100%;
border-bottom: 0; }
input[type=button].file_input_submit,
input[type=button].file_input_button,
input[type=button].file_input_button_hover {
height: 56px;
margin-top: 20px;
margin-left: 10px;
border: 1px solid #eee;
padding: 0 20px;
font-size: 0.875rem;
line-height: 56px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.07em;
text-align: center;
color: #fff;
background-color: #eee; }
input[type=button].file_input_submit:hover {
background-color: transparent;
border-color: #eee;
color: #eee;
text-decoration: none; }
input[type=file].file_input_hidden {
top: 20px; }
div.file_userdata_fieldwrapper_required_empty div.wfu_fieldwrapper_overlay {
height: 36px !important;
border: 0 !important;
border-bottom: 1px solid red !important; }
div.file_userdata_hint_inline {
background: #f4f4f4 !important; }
#userdata_1_label_4 {
display: block;
margin-top: 20px; }
#userdata_1_fieldwrapper_4 {
width: 100% !important; }
#userdata_1_field_4 {
height: 250px; }
#wordpress_file_upload_textbox_1 {
float: left;
display: block;
width: 70%;
width: calc(100% - 370px); }
#wordpress_file_upload_submit_1,
#wordpress_file_upload_form_1 {
width: auto;
float: right;
display: block; } .moreBlock .moreText {
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s; }
.moreBlock .moreText.show {
max-height: 1500px;
padding-top: 30px; }
.moreBlock .moreBut {
padding-top: 30px;
cursor: pointer;
font-size: 0.875rem;
line-height: 120%;
text-transform: uppercase;
text-decoration: underline;
color: #fff; }
@media screen and (min-width: 660px) {
.moreBlock .moreBut {
font-size: 1.125rem; } }
.moreBlock .moreBut:hover {
opacity: 0.7; }
.moreBlock .moreBut span {
display: none;
margin: 0 0 0 5px; }
.moreBlock .moreBut span.show {
display: inline-block; } .loadmoreBlock {
margin-bottom: 60px; }
.loadmoreBlock .loadmoreBut {
padding-top: 30px;
cursor: pointer;
font-size: 0.875rem;
line-height: 120%;
text-transform: uppercase;
text-decoration: underline;
color: #fff; }
@media screen and (min-width: 660px) {
.loadmoreBlock .loadmoreBut {
font-size: 1.125rem; } }
.loadmoreBlock .loadmoreBut.hide {
display: none; }
.loadmoreBlock .loadmoreBut:hover {
opacity: 0.7; }
.loadmoreBlock .loadmoreBut span {
display: inline-block;
margin: 0 0 0 5px; } .galerie .picWrapper2p,
.galerie .picWrapper2auto,
.galerie .picWrapper3p {
margin: 0; }
.galerie .pic3pContBig,
.galerie .pic3pContSmall,
.galerie .picCont2,
.galerie .picCont3,
.galerie .picCont4 {
display: block;
width: 100%;
height: auto;
overflow: visible; }
@media screen and (min-width: 1020px) {
.galerie .pic3pContBig,
.galerie .pic3pContSmall,
.galerie .picCont2,
.galerie .picCont3,
.galerie .picCont4 {
overflow: hidden; } }
.galerie .pic3pContBig,
.galerie .picCont2,
.galerie .picCont4 {
margin-bottom: 40px;
height: 40vh; }
.galerie .picCont3 {
margin-bottom: 40px; }
.galerie .picWrapper2p img,
.galerie .picWrapper3p img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
@media screen and (min-width: 1020px) {
.galerie .picWrapper2p img,
.galerie .picWrapper3p img {
height: 100%; } }
.galerie .picWrapper2auto img {
display: block;
position: relative;
width: 100%;
height: auto; }
@media screen and (min-width: 600px) {
.galerie .cont {
padding: 30px 0 50px; } }
@media screen and (orientation: landscape) {
.galerie .pic3pContBig,
.galerie .picCont2,
.galerie .picCont4 {
height: 70vh;
min-height: 300px;
margin-bottom: 40px; }
.galerie .picCont3 {
margin-bottom: 40px; } }
@media screen and (min-width: 1020px) {
.galerie .cont {
padding: 40px 0 85px; }
.galerie .picWrapper2p,
.galerie .picWrapper3p {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
width: 100%; }
.galerie .picWrapper2auto {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
width: 100%; }
.galerie .picWrapper3p.reverse {
flex-direction: row-reverse; }
.galerie .pic3pContBig {
width: calc(66.66% - 30px);
min-height: 400px; }
.galerie .pic3pContSmall {
display: flex;
justify-content: space-between;
align-content: space-between;
flex-wrap: wrap;
width: calc(33.34% - 30px); }
.galerie .picCont2 {
width: 100%;
height: calc(20vh - 30px);
min-height: 170px; }
.galerie .picCont3 {
width: 33%; }
.galerie .picWrapper2auto .picCont3:first-of-type {
padding-right: 32px; }
.galerie .picWrapper2auto .picCont3:last-of-type {
padding-left: 32px; }
.galerie .picCont4 {
width: calc(50% - 30px);
height: 50vh;
min-height: 250px; }
.galerie .pic3pContBig,
.galerie .picCont2,
.galerie .picCont3,
.galerie .picCont4 {
margin-bottom: 60px; } }
@media screen and (min-width: 1020px) and (orientation: landscape) {
.galerie .pic3pContBig {
height: 60vh; }
.galerie .picCont2 {
height: calc(30vh - 30px); }
.galerie .picCont4 {
height: 40vh; } } #cookiebanner {
position: fixed;
bottom: 0;
width: 100%;
padding: 10px 0;
background: #f5f5f5;
z-index: 10000; }
#cookiebanner .wrapper_full {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 0 40px; }
@media screen and (min-width: 1200px) {
#cookiebanner .wrapper_full {
padding: 0 69px; } }
#cookiebanner .text {
margin-right: 10px; }
#cookiebanner a {
color: #000C06;
text-decoration: underline; }
#cookiebanner a:hover {
opacity: 0.7; }
#cookiebanner p {
margin: 12px 0;
color: #000C06;
font-size: 1.0rem;
line-height: 140%;
text-align: left; }
#cookiebanner .imp {
text-align: right; }
#cookiebannerCloser {
position: relative;
display: inline-block;
padding: 8px 15px;
border: 0;
font-size: 0.9rem;
line-height: 100%;
font-weight: 400;
letter-spacing: 0.02em;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
color: #fff;
background: #007c3a;
cursor: pointer; }
#cookiebannerCloser:hover {
opacity: 0.7; } .swipe-detector {
width: 350px;
height: 200px;
background-color: #52a9e8;
margin: 65px auto 0;
text-align: center;
overflow: hidden;
position: relative;
-webkit-box-shadow: 5px 5px 15px rgba(101, 166, 201, 0.34);
box-shadow: 5px 5px 15px rgba(101, 166, 201, 0.34);
display: flex;
flex-direction: column;
justify-content: center;
align-content: center; }
.message {
display: inline-block;
color: #ffffff; } @media screen and (max-width: 1020px) and (orientation: portrait) {
#startpic .stoerer_wrapper > img {
width: 45%; } }
#home-starttext .outer_wrapper > .title,
#kaufen-starttext .outer_wrapper > .title,
#verkaufen-starttext .outer_wrapper > .title,
#ueberuns-starttext .outer_wrapper > .title,
#ratgeber-starttext .outer_wrapper > .title,
#partner-starttext .outer_wrapper > .title,
#kontakt-starttext .outer_wrapper > .title,
#referenzen-starttext .outer_wrapper > .title,
#aktprojekt-starttext .outer_wrapper > .title {
padding-top: clamp(2rem, 1.1666666666666665rem + 2.777777777777778vw, 4.5rem);
padding-bottom: clamp(3.75rem, -1.875rem + 18.75vw, 20.625rem);
margin: 0 auto; }
#home-starttext .outer_wrapper > .title > *,
#kaufen-starttext .outer_wrapper > .title > *,
#verkaufen-starttext .outer_wrapper > .title > *,
#ueberuns-starttext .outer_wrapper > .title > *,
#ratgeber-starttext .outer_wrapper > .title > *,
#partner-starttext .outer_wrapper > .title > *,
#kontakt-starttext .outer_wrapper > .title > *,
#referenzen-starttext .outer_wrapper > .title > *,
#aktprojekt-starttext .outer_wrapper > .title > * {
font-family: "Portrait", serif;
font-size: 3.125rem;
font-size: clamp(3.125rem, 1.0416666666666665rem + 6.944444444444445vw, 9.375rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: uppercase;
text-align: center; }
#home-starttext .outer_wrapper > .txt_copy,
#kaufen-starttext .outer_wrapper > .txt_copy,
#verkaufen-starttext .outer_wrapper > .txt_copy,
#ueberuns-starttext .outer_wrapper > .txt_copy,
#ratgeber-starttext .outer_wrapper > .txt_copy,
#partner-starttext .outer_wrapper > .txt_copy,
#kontakt-starttext .outer_wrapper > .txt_copy,
#referenzen-starttext .outer_wrapper > .txt_copy,
#aktprojekt-starttext .outer_wrapper > .txt_copy {
width: 100%; }
#home-starttext .outer_wrapper > .txt_copy > *,
#kaufen-starttext .outer_wrapper > .txt_copy > *,
#verkaufen-starttext .outer_wrapper > .txt_copy > *,
#ueberuns-starttext .outer_wrapper > .txt_copy > *,
#ratgeber-starttext .outer_wrapper > .txt_copy > *,
#partner-starttext .outer_wrapper > .txt_copy > *,
#kontakt-starttext .outer_wrapper > .txt_copy > *,
#referenzen-starttext .outer_wrapper > .txt_copy > *,
#aktprojekt-starttext .outer_wrapper > .txt_copy > * {
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: none;
text-align: center; }
#home-starttext .outer_wrapper:last-of-type,
#kaufen-starttext .outer_wrapper:last-of-type,
#verkaufen-starttext .outer_wrapper:last-of-type,
#ueberuns-starttext .outer_wrapper:last-of-type,
#ratgeber-starttext .outer_wrapper:last-of-type,
#partner-starttext .outer_wrapper:last-of-type,
#kontakt-starttext .outer_wrapper:last-of-type,
#referenzen-starttext .outer_wrapper:last-of-type,
#aktprojekt-starttext .outer_wrapper:last-of-type {
padding-bottom: 40px; }
#ratgeber-starttext .outer_wrapper > .title {
padding-bottom: clamp(2.5rem, 0.8333333333333333rem + 5.555555555555556vw, 7.5rem); }
#ratgeber-starttext .outer_wrapper > .txt_copy {
width: 100%; }
#ratgeber-starttext .outer_wrapper > .txt_copy > * {
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none;
text-align: left; }
#ratgeber-starttext .outer_wrapper > .txt_copy > p.ratgebertext {
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: none;
text-align: center; }
#ratgeber-scripts .outer_wrapper > .txt_copy {
width: 100%;
padding-bottom: clamp(2.5rem, 0.8333333333333333rem + 5.555555555555556vw, 7.5rem);
--radius-2: 50px; }
@media screen and (min-width: 1020px) {
#home-starttext .outer_wrapper > .txt_copy,
#kaufen-starttext .outer_wrapper > .txt_copy,
#verkaufen-starttext .outer_wrapper > .txt_copy,
#ueberuns-starttext .outer_wrapper > .txt_copy,
#ratgeber-starttext .outer_wrapper > .txt_copy,
#partner-starttext .outer_wrapper > .txt_copy,
#kontakt-starttext .outer_wrapper > .txt_copy,
#referenzen-starttext .outer_wrapper > .txt_copy,
#aktprojekt-starttext .outer_wrapper > .txt_copy {
width: 68%;
max-width: 1220px; }
#home-starttext .outer_wrapper:last-of-type,
#kaufen-starttext .outer_wrapper:last-of-type,
#verkaufen-starttext .outer_wrapper:last-of-type,
#ueberuns-starttext .outer_wrapper:last-of-type,
#ratgeber-starttext .outer_wrapper:last-of-type,
#partner-starttext .outer_wrapper:last-of-type,
#kontakt-starttext .outer_wrapper:last-of-type,
#referenzen-starttext .outer_wrapper:last-of-type,
#aktprojekt-starttext .outer_wrapper:last-of-type {
padding-bottom: clamp(8rem, 6.083333333333333rem + 6.38888888888889vw, 13.75rem); }
#ratgeber-starttext .outer_wrapper:last-of-type {
padding-bottom: clamp(2.5rem, 0.8333333333333333rem + 5.555555555555556vw, 7.5rem);
padding-bottom: 0; } }
#home-starttext .outer_wrapper > .title {
padding-top: clamp(3.75rem, 0.8333333333333335rem + 9.722222222222223vw, 12.5rem);
padding-bottom: clamp(1.875rem, -0.41666666666666696rem + 7.638888888888889vw, 8.75rem);
margin: 0 auto; }
#ratgeber-startpic picture {
filter: grayscale(0.6); }
#home-text1 .cont_wrapper {
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding-left: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem);
padding-right: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem);
padding-top: clamp(1.875rem, 0.24038461538461542rem + 2.564102564102564vw, 3.125rem);
padding-bottom: clamp(1.875rem, 0.24038461538461542rem + 2.564102564102564vw, 3.125rem); }
#home-text1 .cont_wrapper .contBox,
#home-text1 .cont_wrapper .linkBox {
width: 100%;
margin: 0 auto;
text-align: center; }
#home-text1 .cont_wrapper .contBox > .title,
#home-text1 .cont_wrapper .linkBox > .title {
padding-bottom: clamp(1.875rem, -0.41666666666666696rem + 7.638888888888889vw, 8.75rem);
margin: 0 auto;
font-family: "Portrait", serif;
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.15rem + 3.6666666666666665vw, 5rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.025em;
text-transform: uppercase; }
#home-text1 .cont_wrapper .contBox > .cont,
#home-text1 .cont_wrapper .linkBox > .cont {
margin: 0 auto; }
#home-text1 .cont_wrapper .contBox > .cont p, #home-text1 .cont_wrapper .contBox > .cont li, #home-text1 .cont_wrapper .contBox > .cont a,
#home-text1 .cont_wrapper .linkBox > .cont p,
#home-text1 .cont_wrapper .linkBox > .cont li,
#home-text1 .cont_wrapper .linkBox > .cont a {
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none; }
#home-text1 .cont_wrapper .contBox > .link,
#home-text1 .cont_wrapper .linkBox > .link {
display: block;
width: max-content;
padding-right: clamp(1.5rem, 1.25rem + 0.8333333333333334vw, 2.25rem);
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_right_light.svg);
background-repeat: no-repeat;
background-size: clamp(1rem, 0.9166666666666666rem + 0.2777777777777778vw, 1.25rem) auto;
background-position: right center; }
#home-text1 .cont_wrapper .contBox > .link > span,
#home-text1 .cont_wrapper .linkBox > .link > span {
display: inline-block;
padding-bottom: 8px;
border-bottom: 1px solid #EAEFEF;
color: #EAEFEF;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase; }
#home-text1 .cont_wrapper .contBox > *,
#home-text1 .cont_wrapper .linkBox > * {
color: #EAEFEF;
text-align: left; }
#home-text1 .cont_wrapper .linkBox {
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem); }
@media screen and (min-width: 600px) {
#home-text1 .picBox .cont_wrapper {
display: flex;
flex-direction: column;
justify-content: center;
width: 70%;
height: 50%; }
#home-text1 .picBox .cont_wrapper .contBox > .title,
#home-text1 .picBox .cont_wrapper .linkBox > .title {
display: block;
padding-bottom: clamp(1.875rem, 0.24038461538461542rem + 2.564102564102564vw, 3.125rem); } }
@media screen and (min-width: 800px) {
#home-text1 .picBox {
height: 33vh;
min-height: 340px; }
#home-text1 .picBox picture {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#home-text1 .picBox picture > img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: left; }
#home-text1 .picBox .cont_wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%; }
#home-text1 .picBox .cont_wrapper .contBox > .title,
#home-text1 .picBox .cont_wrapper .linkBox > .title {
display: block;
padding-bottom: clamp(1.875rem, 0.24038461538461542rem + 2.564102564102564vw, 3.125rem); }
#home-text1 .picBox .cont_wrapper .contBox > .cont,
#home-text1 .picBox .cont_wrapper .linkBox > .cont {
margin: 0;
width: 50%; } }
@media screen and (min-width: 1020px) {
#home-text1 .picBox {
height: auto;
min-height: 0; }
#home-text1 .picBox picture {
display: block;
position: relative;
top: 0;
left: 0;
width: auto;
height: auto; }
#home-text1 .picBox picture > img {
display: block;
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
object-fit: unset;
object-position: unset; }
#home-text1 .picBox .cont_wrapper {
position: absolute;
display: flex;
flex-direction: column;
justify-content: space-between;
left: 0;
top: 0;
width: 40%;
max-width: 600px;
height: 100%;
margin: 0;
padding-left: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem);
padding-right: 0;
padding-top: clamp(1.875rem, 0.24038461538461542rem + 2.564102564102564vw, 3.125rem);
padding-bottom: clamp(1.25rem, -0.05769230769230771rem + 2.051282051282051vw, 2.25rem); }
#home-text1 .picBox .cont_wrapper .contBox,
#home-text1 .picBox .cont_wrapper .linkBox {
width: 100%;
margin: 0 auto;
text-align: left; }
#home-text1 .picBox .cont_wrapper .contBox > .title,
#home-text1 .picBox .cont_wrapper .linkBox > .title {
display: block;
padding-bottom: clamp(1.875rem, 0.24038461538461542rem + 2.564102564102564vw, 3.125rem); }
#home-text1 .picBox .cont_wrapper .contBox > .link,
#home-text1 .picBox .cont_wrapper .linkBox > .link {
display: block;
width: max-content;
padding-right: clamp(1.5rem, 1.25rem + 0.8333333333333334vw, 2.25rem);
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_right_light.svg);
background-repeat: no-repeat;
background-size: clamp(1rem, 0.9166666666666666rem + 0.2777777777777778vw, 1.25rem) auto;
background-position: right center; }
#home-text1 .picBox .cont_wrapper .contBox > .link > span,
#home-text1 .picBox .cont_wrapper .linkBox > .link > span {
display: inline-block;
padding-bottom: 8px;
border-bottom: 1px solid #EAEFEF;
color: #EAEFEF;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase; }
#home-text1 .picBox .cont_wrapper .contBox > .cont,
#home-text1 .picBox .cont_wrapper .linkBox > .cont {
width: 100%; }
#home-text1 .picBox .cont_wrapper .contBox *,
#home-text1 .picBox .cont_wrapper .linkBox * {
display: block;
margin: 0;
text-align: left; }
#home-text1 .picBox .cont_wrapper .linkBox {
padding-top: 0; } }
#home-text2 .outer_wrapper > .title {
padding-top: clamp(5.625rem, 3.333333333333333rem + 7.638888888888889vw, 12.5rem);
padding-bottom: clamp(1.875rem, 0.48611111111111116rem + 3.7037037037037033vw, 4.375rem);
margin: 0 auto; }
#home-text2 .outer_wrapper > .title > * {
font-family: "Portrait", serif;
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.15rem + 3.6666666666666665vw, 5rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.025em;
text-transform: uppercase;
text-align: center; }
#home-text2 .outer_wrapper > .txt_copy {
width: 100%; }
#home-text2 .outer_wrapper > .txt_copy > * {
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: none;
text-align: center; }
#home-text2 .outer_wrapper .linkBox {
width: 100%;
margin: 0 auto;
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem);
text-align: center; }
#home-text2 .outer_wrapper .linkBox > .link {
display: inline-block;
width: max-content;
padding-right: clamp(1.5rem, 1.25rem + 0.8333333333333334vw, 2.25rem);
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_right_light.svg);
background-repeat: no-repeat;
background-size: clamp(1rem, 0.9166666666666666rem + 0.2777777777777778vw, 1.25rem) auto;
background-position: right center; }
#home-text2 .outer_wrapper .linkBox > .link > span {
display: inline-block;
padding-bottom: 8px;
border-bottom: 1px solid #EAEFEF;
color: #EAEFEF;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase; }
#home-text2 .outer_wrapper .linkBox * {
display: block;
margin: 0 auto;
color: #3B3A39;
text-align: center; }
#home-text2 .outer_wrapper:last-of-type {
padding-bottom: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem); }
@media screen and (min-width: 1020px) {
#home-text2 .outer_wrapper > .title {
width: 60%;
max-width: 960px; }
#home-text2 .outer_wrapper > .txt_copy {
width: 60%;
max-width: 1080px; } }
#kaufenverkaufen .wrapper .box:hover {
background-color: #B4B0AC; }
#kaufenverkaufen .wrapper .box:hover .button {
background-color: #F0EFEE; }
#home-instagram .outer_wrapper:last-of-type {
margin-bottom: 0; }
#home-instagram .slideshow {
padding-bottom: clamp(2rem, 1.0833333333333333rem + 3.055555555555556vw, 4.75rem); }
#kaufen-starttext .outer_wrapper > .title {
max-width: 1780px; }
#kaufen-nichtdabei .picBox img {
display: block;
width: 100%;
height: 40vh;
min-height: 300px;
object-fit: cover; }
#kaufen-nichtdabei .picBox .cont_wrapper {
position: absolute;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: clamp(1.25rem, -0.5517241379310345rem + 3.793103448275862vw, 4rem) clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem); }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox {
width: 100%;
max-width: 800px;
margin: 0 auto;
text-align: center; }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox > .title,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox > .title {
padding-bottom: clamp(1.875rem, -0.41666666666666696rem + 7.638888888888889vw, 8.75rem);
margin: 0 auto;
font-family: "Portrait", serif;
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.15rem + 3.6666666666666665vw, 5rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.025em;
text-transform: uppercase; }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox > .cont,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox > .cont {
margin: 0 auto; }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox > .cont p, #kaufen-nichtdabei .picBox .cont_wrapper .contBox > .cont li, #kaufen-nichtdabei .picBox .cont_wrapper .contBox > .cont a,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox > .cont p,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox > .cont li,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox > .cont a {
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none; }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox > .link,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox > .link {
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #EAEFEF; }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox > .link > span,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox > *,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox > * {
text-align: center;
color: #EAEFEF; }
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox {
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem); }
@media screen and (min-width: 1020px) {
#kaufen-nichtdabei .picBox img {
display: block;
width: 100%;
height: 100%;
min-height: unset;
object-fit: unset; }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox {
width: 58%; }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox > .title,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox > .title {
padding-bottom: clamp(1.25rem, -0.05769230769230771rem + 2.051282051282051vw, 2.25rem); }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox > .cont,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox > .cont {
max-width: 600px; }
#kaufen-nichtdabei .picBox .cont_wrapper .contBox *,
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox * {
display: block;
margin: 0; }
#kaufen-nichtdabei .picBox .cont_wrapper .linkBox {
padding-top: 0; } }
@media screen and (min-width: 1020px) {
#verkaufen-starttext .outer_wrapper > .title {
max-width: 1420px; } }
#verkaufen-slider .outer_wrapper .swiperBox .swiper-button-prev,
#verkaufen-slider .outer_wrapper .swiperBox .swiper-button-next {
display: none; }
#verkaufen-slider .outer_wrapper .swiperBox .swiper-pagination {
top: auto;
bottom: -20px; }
#verkaufen-slider .outer_wrapper .swiperBox .swiper-pagination .swiper-pagination-bullet-active {
background: #3B3A39; }
#verkaufen-slider .outer_wrapper .txt_copy {
width: 70%;
max-width: clamp(27.5rem, 18.509615384615387rem + 14.102564102564102vw, 34.375rem);
padding-top: clamp(3.125rem, -1.7887931034482758rem + 10.344827586206897vw, 10.625rem); }
#verkaufen-slider .outer_wrapper .txt_copy > * {
font-family: "Untitled", sans-serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 700;
letter-spacing: -0.025em;
text-transform: uppercase; }
#verkauf-schlagworte .outer_wrapper {
max-width: 2560px;
padding-left: 0;
padding-right: 0; }
#verkauf-schlagworte .outer_wrapper .txt_copy {
width: 100%;
max-width: 2560px;
margin: 0 auto; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox {
width: 100%;
max-width: 2560px;
margin: 0 auto; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox {
display: flex;
justify-content: center;
width: 100%;
max-width: 2560px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: 96% top;
background-size: 28% auto; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div {
width: 100%;
max-width: 1920px;
padding: 0 clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem); }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div .ze {
justify-content: flex-start;
width: 100%;
max-width: 1920px;
margin: 0 auto clamp(1.5rem, 0.5416666666666665rem + 3.194444444444445vw, 4.375rem);
padding-bottom: clamp(1.5rem, 0.5416666666666665rem + 3.194444444444445vw, 4.375rem);
border-bottom: 1px solid #3B3A39; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div .ze .info {
width: 100%;
flex-basis: unset;
flex-grow: unset; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div .ze .info > h2 {
font-family: "Portrait", serif;
font-size: 3.125rem;
font-size: clamp(3.125rem, 1.0416666666666665rem + 6.944444444444445vw, 9.375rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: uppercase;
margin-bottom: clamp(1.5rem, 0.5416666666666665rem + 3.194444444444445vw, 4.375rem); }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div .ze .info > p {
width: 100%;
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div .ze .info > p strong {
font-family: "Untitled", sans-serif;
font-size: 1.125rem;
font-size: clamp(1.125rem, 1.0833333333333333rem + 0.1388888888888889vw, 1.25rem);
line-height: 110%;
font-weight: 700;
letter-spacing: -0.0125em;
text-transform: none; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.zl > div .ze {
justify-content: flex-end; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.zl > div .info {
width: 50%; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.o1 {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_dig01.svg); }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.o2 {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_dig02.svg); }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.o3 {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_dig03.svg); }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.o4 {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_dig04.svg); }
@media screen and (min-width: 781px) {
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div .ze .info {
width: 60%;
flex-basis: 100%; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div .ze .info > p {
max-width: 500px; } }
@media screen and (min-width: 1020px) {
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox {
background-position: 104% top;
background-size: auto clamp(11.5625rem, -3.666666666666668rem + 23.88888888888889vw, 25rem); }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div .ze {
justify-content: flex-start; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div .ze .info {
width: 60%;
flex-basis: unset; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox > div .ze .info > p {
width: 60%; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.zl {
background-position: -4% top; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.zl > div .info {
width: 58%; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.zl > div .info > h2 {
padding-left: 0; }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.o1 {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_dig01.svg); }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.o2 {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_dig02.svg); }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.o3 {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_dig03.svg); }
#verkauf-schlagworte .outer_wrapper .txt_copy .schlagwortBox .zeBox.o4 {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_dig04.svg); } }
#verkaufen-bewertung .outer_wrapper > .title {
padding-top: clamp(1.25rem, 0.3977272727272727rem + 2.272727272727273vw, 3.125rem);
padding-bottom: clamp(1.875rem, 0.48611111111111116rem + 3.7037037037037033vw, 4.375rem);
margin: 0 auto; }
#verkaufen-bewertung .outer_wrapper > .title > * {
font-family: "Untitled", sans-serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 700;
letter-spacing: -0.025em;
text-transform: uppercase;
text-align: center; }
#verkaufen-bewertung .outer_wrapper > .txt_copy {
width: 100%;
max-width: 1020px; }
#verkaufen-bewertung .outer_wrapper > .txt_copy .bewertungtext {
padding-bottom: 40px; }
#verkaufen-bewertung .outer_wrapper > .txt_copy > * {
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: none;
text-align: center; }
#verkaufen-bewertung .outer_wrapper .linkBox {
width: 100%;
margin: 0 auto;
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem);
text-align: center; }
#verkaufen-bewertung .outer_wrapper .linkBox > .link {
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #EAEFEF; }
#verkaufen-bewertung .outer_wrapper .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#verkaufen-bewertung .outer_wrapper .linkBox * {
display: block;
margin: 0 auto;
color: #3B3A39;
text-align: center; }
#verkaufen-bewertung .outer_wrapper:last-of-type {
padding-bottom: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem); }
#verkaufen-bildtext-2sp {
max-width: 1236px;
align-items: center; }
#verkaufen-bildtext-2sp .pic {
padding-left: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem);
padding-right: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem);
margin-bottom: 40px; }
#verkaufen-bildtext-2sp .outer_wrapper {
padding-bottom: 20px; }
#verkaufen-bildtext-2sp .outer_wrapper .txt_copy {
text-align: center; }
#verkaufen-bildtext-2sp .outer_wrapper .txt_copy .linkBox {
width: 100%;
margin: 0 auto;
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem);
text-align: center; }
#verkaufen-bildtext-2sp .outer_wrapper .txt_copy .linkBox > .link {
display: block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC; }
#verkaufen-bildtext-2sp .outer_wrapper .txt_copy .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#verkaufen-bildtext-2sp .outer_wrapper .txt_copy .linkBox * {
display: block;
margin: 0 auto;
color: #3B3A39;
text-align: center; }
@media screen and (min-width: 760px) {
#verkaufen-bildtext-2sp {
display: flex;
margin: 0 auto;
max-width: 1236px;
padding-bottom: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem);
margin-bottom: 60px;
align-items: center; }
#verkaufen-bildtext-2sp .pic {
margin-bottom: 0; }
#verkaufen-bildtext-2sp .outer_wrapper {
margin-bottom: 0;
padding-bottom: 0; }
#verkaufen-bildtext-2sp .outer_wrapper .txt_copy {
text-align: left; }
#verkaufen-bildtext-2sp .outer_wrapper .txt_copy .linkBox {
width: 100%;
margin: 0 auto;
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem);
text-align: left; }
#verkaufen-bildtext-2sp .outer_wrapper .txt_copy .linkBox > .link {
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC; }
#verkaufen-bildtext-2sp .outer_wrapper .txt_copy .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#verkaufen-bildtext-2sp .outer_wrapper .txt_copy .linkBox * {
display: block;
margin: 0 auto;
color: #3B3A39;
text-align: left; } }
#verkaufen-ansprechen .picBox img {
display: block;
width: 100%;
height: 40vh;
min-height: 300px;
object-fit: cover; }
#verkaufen-ansprechen .picBox .cont_wrapper {
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0; }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox {
width: 86%;
max-width: 500px;
margin: 0 auto;
text-align: center; }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox > .title,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .title {
padding-bottom: clamp(1.875rem, -0.41666666666666696rem + 7.638888888888889vw, 8.75rem);
margin: 0 auto;
font-family: "Portrait", serif;
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.15rem + 3.6666666666666665vw, 5rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.025em;
text-transform: uppercase; }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox > .cont,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .cont {
margin: 0 auto; }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox > .cont h3, #verkaufen-ansprechen .picBox .cont_wrapper .contBox > .cont p, #verkaufen-ansprechen .picBox .cont_wrapper .contBox > .cont li, #verkaufen-ansprechen .picBox .cont_wrapper .contBox > .cont a,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .cont h3,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .cont p,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .cont li,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .cont a {
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: none; }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox > .link,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .link {
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #EAEFEF; }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox > .link > span,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox > *,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > * {
text-align: center;
color: #EAEFEF; }
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox {
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem); }
@media screen and (min-width: 1020px) {
#verkaufen-ansprechen .picBox img {
width: 100%;
height: auto;
min-height: unset;
object-fit: unset; }
#verkaufen-ansprechen .picBox .cont_wrapper {
padding: clamp(1.25rem, -0.5517241379310345rem + 3.793103448275862vw, 4rem) clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem) 60px; }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox {
width: 100%;
max-width: clamp(31.25rem, 10rem + 33.33333333333333vw, 45rem); }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox > .title,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .title {
padding-bottom: clamp(1.25rem, -0.05769230769230771rem + 2.051282051282051vw, 2.25rem); }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox > .link,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .link {
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #EAEFEF; }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox > .link > span,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#verkaufen-ansprechen .picBox .cont_wrapper .contBox *,
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox * {
display: block;
margin: 0;
color: #EAEFEF; }
#verkaufen-ansprechen .picBox .cont_wrapper .linkBox {
margin-top: 40px;
padding-top: 0; } }
#ueberuns-starttext .outer_wrapper > .txt_copy > h3,
#referenzen-starttext .outer_wrapper > .txt_copy > h3,
#aktprojekt-starttext .outer_wrapper > .txt_copy > h3 {
padding-bottom: clamp(2.5rem, 1.5rem + 3.3333333333333335vw, 5rem);
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: none;
text-align: center; }
#ueberuns-starttext .outer_wrapper > .txt_copy > p,
#referenzen-starttext .outer_wrapper > .txt_copy > p,
#aktprojekt-starttext .outer_wrapper > .txt_copy > p {
margin: 0 auto;
width: 98%;
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none;
text-align: center; }
#ueberuns-starttext .outer_wrapper:last-of-type,
#referenzen-starttext .outer_wrapper:last-of-type,
#aktprojekt-starttext .outer_wrapper:last-of-type {
padding-bottom: clamp(0.375rem, -0.15000000000000002rem + 2.625vw, 3rem); }
@media screen and (min-width: 1020px) {
#ueberuns-starttext .outer_wrapper > .txt_copy > p,
#referenzen-starttext .outer_wrapper > .txt_copy > p,
#aktprojekt-starttext .outer_wrapper > .txt_copy > p {
width: 76%; } }
#aktprojekt-flatfinder {
margin-top: calc( -1 * clamp(0.375rem, -0.15000000000000002rem + 2.625vw, 3rem) ); }
#ueberuns-slider .outer_wrapper .swiperBox .swiper-button-prev,
#ueberuns-slider .outer_wrapper .swiperBox .swiper-button-next {
display: none; }
#ueberuns-slider .outer_wrapper .swiperBox .swiper-pagination {
top: auto;
bottom: -20px; }
#ueberuns-slider .outer_wrapper .swiperBox .swiper-pagination .swiper-pagination-bullet-active {
background: #3B3A39; }
#ueberuns-christianandresen,
#ueberuns-christianvonjaerten {
max-width: 1236px;
padding-top: 40px; }
#ueberuns-christianandresen .pic,
#ueberuns-christianvonjaerten .pic {
padding-left: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem);
padding-right: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem);
margin-bottom: 40px; }
#ueberuns-christianandresen .outer_wrapper,
#ueberuns-christianvonjaerten .outer_wrapper {
padding-bottom: 20px; }
#ueberuns-christianandresen .outer_wrapper .txt_copy,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy {
text-align: left; }
#ueberuns-christianandresen .outer_wrapper .txt_copy h3,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy h3 {
padding-top: clamp(1.5rem, 0.27155172413793105rem + 2.586206896551724vw, 3.375rem);
margin-bottom: 10px;
font-family: "Portrait", serif;
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.15rem + 3.6666666666666665vw, 5rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.025em;
text-transform: uppercase; }
#ueberuns-christianandresen .outer_wrapper .txt_copy h5,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy h5 {
margin-bottom: clamp(1.5rem, 0.6000000000000001rem + 4.5vw, 6rem);
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.6rem + 0.5vw, 1.125rem);
line-height: 110%;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase; }
#ueberuns-christianandresen .outer_wrapper .txt_copy p,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy p {
font-family: "Untitled", sans-serif;
font-size: 0.875rem;
font-size: clamp(0.875rem, 0.725rem + 0.5vw, 1.25rem);
line-height: 125%;
font-weight: 400;
letter-spacing: 0;
text-transform: none; }
#ueberuns-christianandresen .outer_wrapper .txt_copy .linkBox,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy .linkBox {
width: 100%;
margin: 0;
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem);
text-align: left; }
#ueberuns-christianandresen .outer_wrapper .txt_copy .linkBox > .link,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy .linkBox > .link {
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC; }
#ueberuns-christianandresen .outer_wrapper .txt_copy .linkBox > .link > span,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#ueberuns-christianandresen .outer_wrapper .txt_copy .linkBox *,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy .linkBox * {
display: block;
margin: 0 auto;
color: #3B3A39;
text-align: left; }
@media screen and (min-width: 760px) {
#ueberuns-christianandresen,
#ueberuns-christianvonjaerten {
display: flex;
margin: 0 auto;
max-width: 1920px;
padding-top: clamp(2.5rem, -0.8333333333333335rem + 11.111111111111112vw, 12.5rem);
padding-bottom: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem);
margin-bottom: 60px; }
#ueberuns-christianandresen .pic,
#ueberuns-christianvonjaerten .pic {
margin-bottom: 0; }
#ueberuns-christianandresen .outer_wrapper,
#ueberuns-christianvonjaerten .outer_wrapper {
margin-bottom: 0;
padding-bottom: 0; }
#ueberuns-christianandresen .outer_wrapper .txt_copy,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy {
text-align: left; }
#ueberuns-christianandresen .outer_wrapper .txt_copy .linkBox,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy .linkBox {
text-align: left; }
#ueberuns-christianandresen .outer_wrapper .txt_copy .linkBox > .link,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy .linkBox > .link {
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC; }
#ueberuns-christianandresen .outer_wrapper .txt_copy .linkBox > .link > span,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#ueberuns-christianandresen .outer_wrapper .txt_copy .linkBox *,
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy .linkBox * {
text-align: left; }
#ueberuns-christianvonjaerten {
flex-direction: row-reverse;
padding-top: 0; }
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy {
text-align: right; }
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy .linkBox {
text-align: right; }
#ueberuns-christianvonjaerten .outer_wrapper .txt_copy .linkBox * {
text-align: right; } }
#ueberuns-werte .outer_wrapper .txt_copy {
max-width: 1920px; }
#ueberuns-werte .outer_wrapper .txt_copy > h2 {
margin-bottom: clamp(1.875rem, 0.6249999999999998rem + 4.166666666666667vw, 5.625rem);
font-family: "Untitled", sans-serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 700;
letter-spacing: -0.025em;
text-transform: uppercase;
text-align: center; }
#ueberuns-werte .outer_wrapper .txt_copy .akkordeon {
border-bottom: 1px solid #3B3A39; }
#ueberuns-werte .outer_wrapper .txt_copy .akkordeon .accordionButton {
align-items: center;
border-top: 1px solid #3B3A39;
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arr_pure_down_gray.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 30px auto;
cursor: pointer; }
#ueberuns-werte .outer_wrapper .txt_copy .akkordeon .accordionButton > h3 {
padding: clamp(1.875rem, 0.6249999999999998rem + 4.166666666666667vw, 5.625rem) 0;
font-family: "Portrait", serif;
font-size: 3.125rem;
font-size: clamp(3.125rem, 0.4166666666666665rem + 9.027777777777777vw, 11.25rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: uppercase;
text-align: center; }
#ueberuns-werte .outer_wrapper .txt_copy .akkordeon .accordionButton.on {
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arr_pure_up_gray.svg); }
#ueberuns-werte .outer_wrapper .txt_copy .akkordeon .accordionContent {
align-items: center;
margin-top: calc( clamp(1.125rem, 0rem + 3.75vw, 4.5rem) * -1 );
padding: 0 10% 40px; }
#ueberuns-werte .outer_wrapper .txt_copy .akkordeon .accordionContent > * {
font-family: "Untitled", sans-serif;
font-size: 0.875rem;
font-size: clamp(0.875rem, 0.725rem + 0.5vw, 1.25rem);
line-height: 125%;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
text-align: center; }
@media screen and (min-width: 1020px) {
#ueberuns-werte .outer_wrapper .txt_copy .akkordeon .accordionContent {
padding: 0 20% 40px; } }
#ueberuns-werttext .outer_wrapper {
padding-bottom: 80px; }
#ueberuns-werttext .outer_wrapper .txt_copy {
max-width: 800px;
padding-top: clamp(1.5rem, 0.27155172413793105rem + 2.586206896551724vw, 3.375rem);
text-align: center; }
#ueberuns-werttext .outer_wrapper .txt_copy h3 {
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: none; }
#ueberuns-werttext .outer_wrapper .txt_copy .linkBox {
width: 100%;
margin: 0 auto;
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem);
text-align: center; }
#ueberuns-werttext .outer_wrapper .txt_copy .linkBox > .link {
display: block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC; }
#ueberuns-werttext .outer_wrapper .txt_copy .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#ueberuns-werttext .outer_wrapper .txt_copy .linkBox * {
display: block;
margin: 0 auto;
color: #3B3A39;
text-align: center; }
#ueberuns-karte .outer_wrapper {
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem); }
#ueberuns-karte .outer_wrapper .title > * {
font-family: "Untitled", sans-serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 700;
letter-spacing: -0.025em;
text-transform: uppercase; }
#partner-liste .outer_wrapper > .txt_copy {
width: 90%; }
#partner-liste .outer_wrapper > .txt_copy > * {
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: none; }
#partner-liste .outer_wrapper > .txt_copy .partner_box {
display: flex;
flex-wrap: wrap !important;
width: 100%;
max-width: 1020px;
margin: 0 auto; }
#partner-liste .outer_wrapper > .txt_copy .partner_box .partner_col {
width: 100%;
flex-basis: auto;
flex-grow: unset; }
@media screen and (min-width: 1030px) {
#partner-liste .outer_wrapper > .txt_copy .partner_box .partner_col {
width: 45%; } }
#partner-liste .outer_wrapper > .txt_copy .partner_box .partner_col .partner_col_hl {
margin-bottom: 12px;
font-family: "Untitled", sans-serif;
font-size: 0.625rem;
font-size: clamp(0.625rem, 0.525rem + 0.33333333333333337vw, 0.875rem);
line-height: 120%;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase; }
#partner-liste .outer_wrapper > .txt_copy .partner_box .partner_col .partner_col_one {
display: flex;
justify-content: space-between;
gap: 0;
width: 100%;
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: uppercase;
word-wrap: break-word; }
#partner-liste .outer_wrapper > .txt_copy .partner_box .partner_col .partner_col_one > * {
flex-basis: auto;
flex-grow: unset; }
#partner-liste .outer_wrapper > .txt_copy .partner_box .partner_col .partner_col_one .partner_col_one_logo {
width: 20%; }
#partner-liste .outer_wrapper > .txt_copy .partner_box .partner_col .partner_col_one .partner_col_one_contbox {
width: 75%; }
#partner-liste .outer_wrapper:last-of-type {
padding-bottom: clamp(8rem, 6.083333333333333rem + 6.38888888888889vw, 13.75rem); }
#kontakt-starttext .outer_wrapper > .title {
max-width: 1600px; }
#kontakt-starttext .outer_wrapper .txt_copy {
width: 100%;
max-width: 1080px; }
#impressumstext .outer_wrapper,
#datenschutztext .outer_wrapper,
#agbtext .outer_wrapper {
padding-top: 140px;
padding-bottom: clamp(1.875rem, -1.9444444444444446rem + 10.185185185185187vw, 8.75rem); }
#impressumstext .outer_wrapper .title > *,
#datenschutztext .outer_wrapper .title > *,
#agbtext .outer_wrapper .title > * {
font-family: "Portrait", serif;
font-size: 3.125rem;
font-size: clamp(3.125rem, 1.0416666666666665rem + 6.944444444444445vw, 9.375rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: uppercase; }
#impressumstext .outer_wrapper:last-of-type,
#datenschutztext .outer_wrapper:last-of-type,
#agbtext .outer_wrapper:last-of-type {
padding-top: 0;
padding-bottom: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem); }
#impressumstext .outer_wrapper:last-of-type h1, #impressumstext .outer_wrapper:last-of-type h2, #impressumstext .outer_wrapper:last-of-type h3, #impressumstext .outer_wrapper:last-of-type h4,
#datenschutztext .outer_wrapper:last-of-type h1,
#datenschutztext .outer_wrapper:last-of-type h2,
#datenschutztext .outer_wrapper:last-of-type h3,
#datenschutztext .outer_wrapper:last-of-type h4,
#agbtext .outer_wrapper:last-of-type h1,
#agbtext .outer_wrapper:last-of-type h2,
#agbtext .outer_wrapper:last-of-type h3,
#agbtext .outer_wrapper:last-of-type h4 {
margin-top: 24px;
margin-bottom: 16px;
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: none; }
#impressumstext .outer_wrapper:last-of-type h5, #impressumstext .outer_wrapper:last-of-type h6,
#datenschutztext .outer_wrapper:last-of-type h5,
#datenschutztext .outer_wrapper:last-of-type h6,
#agbtext .outer_wrapper:last-of-type h5,
#agbtext .outer_wrapper:last-of-type h6 {
margin-top: 24px;
margin-bottom: 0;
font-family: "Portrait", serif;
font-size: 1.125rem;
font-size: clamp(1.125rem, 0.975rem + 0.5vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: uppercase; }
#impressumstext .outer_wrapper:last-of-type p, #impressumstext .outer_wrapper:last-of-type li,
#datenschutztext .outer_wrapper:last-of-type p,
#datenschutztext .outer_wrapper:last-of-type li,
#agbtext .outer_wrapper:last-of-type p,
#agbtext .outer_wrapper:last-of-type li {
margin-bottom: 16px;
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none; }
#immodetail-botpic .picBox img {
display: block;
width: 100%;
height: 40vh;
min-height: 300px;
object-fit: cover; }
#immodetail-botpic .picBox .cont_wrapper {
margin: 16px auto;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: clamp(1.25rem, -0.5517241379310345rem + 3.793103448275862vw, 4rem) clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem); }
#immodetail-botpic .picBox .cont_wrapper .contBox,
#immodetail-botpic .picBox .cont_wrapper .linkBox {
width: 86%;
max-width: 500px;
margin: 0 auto;
text-align: center; }
#immodetail-botpic .picBox .cont_wrapper .contBox > .title,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .title {
padding-bottom: clamp(1.875rem, -0.41666666666666696rem + 7.638888888888889vw, 8.75rem);
margin: 0 auto;
font-family: "Portrait", serif;
font-size: 2.25rem;
font-size: clamp(2.25rem, 1.15rem + 3.6666666666666665vw, 5rem);
line-height: 90%;
font-weight: 300;
letter-spacing: -0.025em;
text-transform: uppercase; }
#immodetail-botpic .picBox .cont_wrapper .contBox > .cont,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .cont {
margin: 0 auto; }
#immodetail-botpic .picBox .cont_wrapper .contBox > .cont p, #immodetail-botpic .picBox .cont_wrapper .contBox > .cont li, #immodetail-botpic .picBox .cont_wrapper .contBox > .cont a,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .cont p,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .cont li,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .cont a {
font-family: "Portrait", serif;
font-size: 1rem;
font-size: clamp(1rem, 0.6346153846153846rem + 0.7692307692307693vw, 1.5rem);
line-height: 120%;
font-weight: 400;
letter-spacing: -0.015em;
text-transform: none; }
#immodetail-botpic .picBox .cont_wrapper .contBox > .link,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .link {
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #EAEFEF; }
#immodetail-botpic .picBox .cont_wrapper .contBox > .link > span,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#immodetail-botpic .picBox .cont_wrapper .contBox > *,
#immodetail-botpic .picBox .cont_wrapper .linkBox > * {
text-align: center;
color: #EAEFEF; }
#immodetail-botpic .picBox .cont_wrapper .linkBox {
padding-top: clamp(1.875rem, -0.5555555555555554rem + 6.481481481481481vw, 6.25rem); }
@media screen and (min-width: 1020px) {
#immodetail-botpic .picBox img {
display: block;
width: 100%;
height: auto;
min-height: unset;
object-fit: unset; }
#immodetail-botpic .picBox .cont_wrapper {
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0; }
#immodetail-botpic .picBox .cont_wrapper .contBox,
#immodetail-botpic .picBox .cont_wrapper .linkBox {
width: 100%;
max-width: clamp(31.25rem, 10rem + 33.33333333333333vw, 45rem); }
#immodetail-botpic .picBox .cont_wrapper .contBox > .title,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .title {
padding-bottom: clamp(1.25rem, -0.05769230769230771rem + 2.051282051282051vw, 2.25rem); }
#immodetail-botpic .picBox .cont_wrapper .contBox > .cont,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .cont {
max-width: 550px; }
#immodetail-botpic .picBox .cont_wrapper .contBox > .link,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .link {
display: inline-block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #EAEFEF; }
#immodetail-botpic .picBox .cont_wrapper .contBox > .link > span,
#immodetail-botpic .picBox .cont_wrapper .linkBox > .link > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#immodetail-botpic .picBox .cont_wrapper .contBox *,
#immodetail-botpic .picBox .cont_wrapper .linkBox * {
display: block;
margin: 0;
color: #EAEFEF; }
#immodetail-botpic .picBox .cont_wrapper .linkBox {
padding-top: 40px; } }
#kaufen-immosuche .inx-property-search.inx-dynamic-update.inx-container .inx-property-search__element.inx-property-search__element--is-full-width {
display: none; }
#kaufen-immosuche .inx-cq-xs .inx-property-list:not(.inx-property-list--is-empty):not(.inx-property-list--is-slider) {
display: block; }
#kaufen-immosuche :not(.inx-cq-xxs) .inx-property-list .inx-property-list__item-wrap > .inx-property-list-item {
max-width: 1920px; }
#kaufen-immosuche .inx-range-slider .inx-range-slider__nouislider .noUi-connect {
background-color: #3B3A39; }
#kaufen-immosuche .inx-property-search .inx-search-submit-button > button {
min-width: 250px;
display: block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC;
display: flex !important; }
#kaufen-immosuche .inx-property-search .inx-search-submit-button > button > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#kaufen-immosuche .inx-property-search .inx-search-submit-button > button .inx-number-of-matches {
line-height: 20px; }
#kaufen-immosuche .inx-property-search .inx-search-submit-button > button .inx-icon.uk-icon {
width: 20px;
height: 20px; }
#kaufen-immosuche .inx-container.inx-property-list {
display: block;
border-bottom: 1px solid #3B3A39; }
#kaufen-immosuche .inx-container.inx-property-list > div {
width: 100%;
margin-bottom: 0; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property {
width: 100%; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper {
display: flex;
flex-direction: column-reverse;
justify-content: flex-start;
width: 100%;
padding: clamp(2.5rem, 2rem + 1.6666666666666667vw, 3.75rem) 0;
border-top: 1px solid #3B3A39; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper > .desc {
width: 100%; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper > .desc .location {
margin-bottom: 12px;
font-family: "Untitled", sans-serif;
font-size: 0.625rem;
font-size: clamp(0.625rem, 0.525rem + 0.33333333333333337vw, 0.875rem);
line-height: 120%;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper > .desc .title {
display: block;
margin-bottom: 40px;
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: uppercase;
word-wrap: break-word; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper > .desc .center {
width: 60%;
min-width: 280px;
max-width: 480px;
margin-bottom: 40px; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper > .desc .center .item {
display: flex; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper > .desc .center .item > .desc {
padding-right: 10px; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper > .desc .center .item > div {
margin-bottom: 2px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.6363636363636364rem + 0.30303030303030304vw, 1rem);
line-height: 100%;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
line-height: 150%; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper > .desc .linkBox > .link {
display: block;
width: max-content;
padding-right: clamp(1.5rem, 1.25rem + 0.8333333333333334vw, 2.25rem);
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_right_dark.svg);
background-repeat: no-repeat;
background-size: clamp(1rem, 0.9166666666666666rem + 0.2777777777777778vw, 1.25rem) auto;
background-position: right center; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper > .desc .linkBox > .link > span {
display: inline-block;
padding-bottom: 8px;
border-bottom: 1px solid #3B3A39;
color: #3B3A39;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper .pic {
display: block;
width: 100%;
aspect-ratio: 3 / 2;
margin-bottom: 40px; }
@media screen and (min-width: 960px) {
#kaufen-immosuche :not(.inx-cq-xxs) .inx-property-list .inx-property-list__item-wrap > .inx-property-list-item {
max-width: 1920px; }
#kaufen-immosuche .inx-property-search .inx-search-submit-button > button {
width: 100%;
min-width: unset; } }
@media screen and (min-width: 1020px) {
#kaufen-immosuche .inx-container.inx-property-list > div .one-property {
width: 100%; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper .desc {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 48%; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper .desc .center {
width: 100%;
min-width: unset;
max-width: unset; }
#kaufen-immosuche .inx-container.inx-property-list > div .one-property .wrapper .pic {
width: 50%;
margin-bottom: 0; } }
#referenzen-liste .inx-property-search.inx-dynamic-update.inx-container .inx-property-search__element.inx-property-search__element--is-full-width {
display: none; }
#referenzen-liste .inx-cq-xs .inx-property-list:not(.inx-property-list--is-empty):not(.inx-property-list--is-slider) {
display: block; }
#referenzen-liste :not(.inx-cq-xxs) .inx-property-list .inx-property-list__item-wrap > .inx-property-list-item {
max-width: 1920px; }
#referenzen-liste .inx-range-slider .inx-range-slider__nouislider .noUi-connect {
background-color: #3B3A39; }
#referenzen-liste .inx-property-search .inx-search-submit-button > button {
min-width: 250px;
display: block;
width: max-content;
padding: clamp(0.5rem, -0.19326923076923075rem + 1.0769230769230769vw, 0.9375rem) clamp(1.25rem, 0.20833333333333326rem + 2.777777777777778vw, 3.125rem);
border-radius: 30px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase;
background-color: #B4B0AC;
display: flex !important; }
#referenzen-liste .inx-property-search .inx-search-submit-button > button > span {
display: inline-block;
padding-top: 1px;
color: #3B3A39; }
#referenzen-liste .inx-property-search .inx-search-submit-button > button .inx-number-of-matches {
line-height: 20px; }
#referenzen-liste .inx-property-search .inx-search-submit-button > button .inx-icon.uk-icon {
width: 20px;
height: 20px; }
#referenzen-liste .inx-container.inx-property-list {
display: block;
border-bottom: 1px solid #3B3A39; }
#referenzen-liste .inx-container.inx-property-list > div {
width: 100%;
margin-bottom: 0; }
#referenzen-liste .inx-container.inx-property-list > div .one-property {
width: 100%; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper {
display: flex;
flex-direction: column-reverse;
justify-content: flex-start;
width: 100%;
padding: clamp(2.5rem, 2rem + 1.6666666666666667vw, 3.75rem) 0;
border-top: 1px solid #3B3A39; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper > .desc {
width: 100%; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper > .desc .location {
margin-bottom: 12px;
font-family: "Untitled", sans-serif;
font-size: 0.625rem;
font-size: clamp(0.625rem, 0.525rem + 0.33333333333333337vw, 0.875rem);
line-height: 120%;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper > .desc .title {
display: block;
margin-bottom: 40px;
font-family: "Portrait", serif;
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.1rem + 1.3333333333333335vw, 2.5rem);
line-height: 110%;
font-weight: 300;
letter-spacing: -0.01em;
text-transform: uppercase;
word-wrap: break-word; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper > .desc .center {
width: 60%;
min-width: 280px;
max-width: 480px;
margin-bottom: 40px; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper > .desc .center .item {
display: flex; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper > .desc .center .item > .desc {
padding-right: 10px; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper > .desc .center .item > div {
margin-bottom: 2px;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.6363636363636364rem + 0.30303030303030304vw, 1rem);
line-height: 100%;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
line-height: 150%; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper > .desc .linkBox > .link {
display: block;
width: max-content;
padding-right: clamp(1.5rem, 1.25rem + 0.8333333333333334vw, 2.25rem);
background-image: url(//andresen-immobilien.de/wp-content/themes/mytheme_big/assets/ico_arrow_right_dark.svg);
background-repeat: no-repeat;
background-size: clamp(1rem, 0.9166666666666666rem + 0.2777777777777778vw, 1.25rem) auto;
background-position: right center; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper > .desc .linkBox > .link > span {
display: inline-block;
padding-bottom: 8px;
border-bottom: 1px solid #3B3A39;
color: #3B3A39;
font-family: "Untitled", sans-serif;
font-size: 0.75rem;
font-size: clamp(0.75rem, 0.65rem + 0.33333333333333337vw, 1rem);
line-height: 90%;
font-weight: 700;
letter-spacing: -0.015em;
text-transform: uppercase; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper .pic {
display: block;
width: 100%;
aspect-ratio: 3 / 2;
margin-bottom: 40px; }
@media screen and (min-width: 960px) {
#referenzen-liste :not(.inx-cq-xxs) .inx-property-list .inx-property-list__item-wrap > .inx-property-list-item {
max-width: 1920px; }
#referenzen-liste .inx-property-search .inx-search-submit-button > button {
width: 100%;
min-width: unset; } }
@media screen and (min-width: 1020px) {
#referenzen-liste .inx-container.inx-property-list > div .one-property {
width: 100%; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper .desc {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 48%; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper .desc .center {
width: 100%;
min-width: unset;
max-width: unset; }
#referenzen-liste .inx-container.inx-property-list > div .one-property .wrapper .pic {
width: 50%;
margin-bottom: 0; } }