@charset "UTF-8";
/*
Theme Name: MyTheme
Theme URI: http://josthannemann.de.de 
Description: Wordpress-Theme for the website
Version: 1.0.1
Author: Jost Hannemann
Author URI: http://josthannemann.de 

WordPress Theme 
	
// *******************************************************
// * 
// * Fonts Ostersr. 174 CSS
// * 
// ******************************************************* 

/* league-spartan-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 300;
  src: url("fonts/league-spartan-v11-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* league-spartan-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/league-spartan-v11-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* league-spartan-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/league-spartan-v11-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* instrument-serif-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/instrument-serif-v4-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* instrument-serif-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  src: url("fonts/instrument-serif-v4-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* ---------------- Textlink ------------------------------ */
/* ---------------- Buttonlink ------------------------------ */
/* ---------------- Button ------------------------------ */
/* ---------------- ScaleUp /Bild ------------------------------ */
@media screen and (max-width: 900px) and (orientation: portrait) {
  .fullpicSec .wrapper.videoBox.scaleup video {
    min-height: 80vh;
    object-fit: cover;
    margin-bottom: 50px; }
  .fullpicSec .wrapper.picBox.scaleup img {
    display: block;
    min-height: 50vh;
    object-fit: cover;
    margin-bottom: 50px; } }
/* ================== Abstände =================== */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #ffffff00;
  text-shadow: none;
  color: #000C06; }

::selection {
  background: #ffffff00;
  text-shadow: none;
  color: #000C06; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  display: block;
  width: 100%;
  height: auto; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
/* --------------------------------------------------------------------------
   RESET
   -------------------------------------------------------------------------- */
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; }

table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  -webkit-border-horizontal-spacing: 0 !important;
  -webkit-border-vertical-spacing: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100%;
  border: 0 !important;
  margin: 0 !important; }
  table, table thead, table tbody, table tfoot, table tr, table th, table td {
    border: 0 !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important; }
  table th, table td {
    background-clip: padding-box; }

/* --------------------------------------------------------------------------
   ALLGEMEINE DEFINITIONEN
   -------------------------------------------------------------------------- */
html, body {
  font-family: "League Spartan";
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  font-style: normal;
  text-decoration: none;
  color: #2D2D2D;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  scroll-behavior: smooth; }
  html.dark, body.dark {
    background-color: #D6D6C2; }

.scrollarea {
  width: 100%;
  margin: 0 auto; }
  .scrollarea .scrollcontent {
    width: 100%;
    max-width: 2560px;
    margin: 0 auto; }

section {
  display: block;
  max-width: 2560px;
  margin: 0 auto clamp(1rem, -0.1785714285714286rem + 3.9285714285714284vw, 3.75rem);
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8 {
  margin-bottom: 0; }

p, li {
  font-family: "League Spartan", sans-serif;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
  line-height: 115%;
  letter-spacing: -0.01em;
  font-weight: 300; }

p {
  font-family: "League Spartan", sans-serif;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
  line-height: 115%;
  letter-spacing: -0.01em;
  font-weight: 300;
  margin-bottom: clamp(0.875rem, 0.4115853658536585rem + 0.975609756097561vw, 1.375rem); }

p:last-of-type {
  margin-bottom: 0; }

a {
  text-decoration: none; }

a:link,
a:active,
a:focus,
a:visited {
  text-decoration: none;
  color: #2D2D2D; }

a:hover {
  text-decoration: none;
  opacity: 0.7; }

.cont p,
.cont ul,
.cont ol {
  margin-bottom: 24px; }

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

.text ul,
.lead ul {
  margin-left: 16px;
  list-style: disc; }

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 #D6D6C2;
  font-family: "League Spartan", sans-serif;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
  line-height: 115%;
  letter-spacing: -0.01em;
  font-weight: 300; }

input[type=range]::-ms-tooltip {
  display: none; }

select {
  margin: 5px 0;
  padding: 8px;
  background-color: #D6D6C2;
  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 {
	display: inline-block;
	width: fit-content;
	padding-top: 3px;
	border-top: 3px solid #144478;
	font-size: 1rem;
	line-height: 135%;
	font-weight: 600 !important;
	color: #144478 !important;
    background-color: transparent !important;
	text-decoration: none !important;
}
*/
.button:hover {
  opavity: 0.7;
  text-decoration: none; }

.nowrap {
  white-space: nowrap; }

.underline {
  text-decoration: underline !important; }

.thin {
  font-weight: 300 !important; }

.thick {
  font-weight: 600 !important; }

/* --------------------------------------------------------------------------
   HEADERBEREICH -> siehe stickyheader/fixedheader
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   CONTENTBEREICH
   -------------------------------------------------------------------------- */
.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_med,
.wrapper_hd,
.wrapper_wide,
.wrapper_full {
  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_small {
  max-width: 960px; }

.wrapper_cont {
  max-width: 1378px; }

.wrapper_med {
  max-width: 1680px; }

.wrapper_hd {
  max-width: 1920px; }

.wrapper_wide {
  max-width: 2560px; }

.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("assets/arr_right.svg"); }

.actionButton:hover {
  border-color: #19241F;
  color: #fff;
  background-color: #19241F;
  background-image: url("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; }

/* --------------------------------------------------------------------------
   FOOTERBEREICH  (clean SCSS)
   -------------------------------------------------------------------------- */
footer.lastfooter .outer_wrapper {
  padding: 30px clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem) 16px;
  background-color: #D6D6C2; }
  footer.lastfooter .outer_wrapper .content_wrapper .legalMenu {
    position: relative;
    margin-bottom: 0;
    list-style: none;
    text-align: left; }
    footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul {
      margin: 0;
      padding: 0 40px 0 0; }
      footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul li {
        display: inline-block;
        position: relative;
        margin-right: 12px;
        text-align: left; }
        footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul li a {
          display: inline-block;
          font-family: "League Spartan", sans-serif;
          font-size: 0.675rem;
          line-height: 120%;
          letter-spacing: 0.08em;
          font-weight: 500;
          text-transform: uppercase;
          text-decoration: none;
          color: #2D2D2D; }
        footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul li a:focus {
          text-decoration: underline; }
      footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul li.current-menu-item > a,
      footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul li.current-menu-ancestor > a,
      footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul li.current_page_item > a,
      footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul li.current_page_ancestor > a,
      footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul li:hover > a {
        text-decoration: underline; }

@media screen and (min-width: 500px) {
  footer.lastfooter .outer_wrapper .content_wrapper .legalMenu {
    text-align: center; }
    footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul {
      padding: 0 60px; }
      footer.lastfooter .outer_wrapper .content_wrapper .legalMenu ul li {
        text-align: center; } }
.to_top {
  display: block;
  position: fixed;
  right: 4px;
  bottom: 4px;
  width: 24px;
  border: 1px solid #2D2D2D;
  aspect-ratio: 1 / 1;
  background-image: url("assets/arrow_down.svg");
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: center;
  background-color: #ffffff33;
  transform: rotate(180deg);
  z-index: 1; }

@media screen and (min-width: 760px) {
  .to_top {
    width: 32px; } }
@media screen and (min-width: 1020px) {
  .to_top {
    width: 44px; } }
#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; }

/* --------------------------------------------------------------------------
   NAVIGATIONSBEREICHE
   -------------------------------------------------------------------------- */
/* ------------------- Hauptmenu (clean SCSS) ------------------------------------- */
.menu-main li {
  display: inline-block;
  margin-left: clamp(1rem, -0.41666666666666674rem + 2.2222222222222223vw, 2.25rem);
  text-align: left; }
  .menu-main li a {
    font-size: 0.875rem;
    font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
    line-height: 100%;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-family: "League Spartan", sans-serif;
    color: #FBFBCE;
    text-decoration: none; }
    .menu-main li a:hover {
      opacity: 0.7; }

/* ------------------- Mobilemenü (clean SCSS) ------------------------------------------------------- */
.mobmenu {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  right: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: left;
  background-color: #FFFF00;
  -webkit-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 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;
    height: 100%;
    padding: clamp(5rem, -8.881784197001252e-16rem + 16.666666666666668vw, 20rem) 30px 30px; }
    .mobmenu .outer_wrapper .mobillogo {
      top: -53px;
      max-width: 120px; }
    .mobmenu .outer_wrapper .mobMainMenu {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      color: #2D2D2D; }
      .mobmenu .outer_wrapper .mobMainMenu li {
        position: relative;
        width: max-content;
        max-width: 100%;
        margin-bottom: clamp(0.5rem, 0.2222222222222222rem + 0.7407407407407408vw, 1rem);
        text-align: left; }
      .mobmenu .outer_wrapper .mobMainMenu li.current_page_item > a {
        font-weight: 600 !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: "Instrument Serif", serif;
        font-size: 3.125rem;
        line-height: 130%;
        font-weight: 400;
        letter-spacing: -0.01em;
        color: #757532; }
      .mobmenu .outer_wrapper .mobMainMenu li a:hover {
        opacity: 0.7;
        text-decoration: none; }
    .mobmenu .outer_wrapper .mobLegalMenu {
      margin-top: 24px; }
      .mobmenu .outer_wrapper .mobLegalMenu .legalMenu {
        display: flex; }
        .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: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          color: #2D2D2D;
          text-decoration: none; }
    .mobmenu .outer_wrapper .close {
      position: absolute;
      right: 30px;
      top: 30px;
      width: 28px;
      height: 28px;
      background-image: url("assets/x.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: right center; }

.mobmenu.show {
  top: 0; }

/* ==========================================================================
    Zusammen genutzt
   ========================================================================== */
/* ------------------- Swiper - z.B. Datei inc_swiperslider.php ------------------------------------------------------- */
.swiper-button-prev,
.swiper-button-next,
.swiper-rtl .swiper-button-next {
  position: absolute;
  top: calc(50% - (36px / 2));
  width: 36px;
  height: auto;
  aspect-ratio: 1 / 1;
  margin-top: 0;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("assets/ico_arr_right_000.svg"); }

.swiper-button-prev {
  left: 30px;
  scale: -1 1; }

.swiper-button-next {
  right: 30px; }

.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; }

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 12px; }

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #000;
  opacity: 1; }

.swiper-pagination-bullet-active {
  background: #fff; }

/* ==========================================================================
    Templates
   ========================================================================== */
.singleSec {
  height: clamp(4rem, 1.166666666666667rem + 9.444444444444445vw, 12.5rem); }

/* -------------- Allgemein ---------------- */
.emptySec {
  height: 0;
  margin-top: 0;
  margin-bottom: 0; }

/* --------------------------------------------------------------------------
   Nur Text - onlytextSec 
   -------------------------------------------------------------------------- */
section.onlytextSec {
  padding-top: 0; }

.onlytextSec .wrapper h2 {
  padding-bottom: clamp(0.9375rem, 0.3124999999999999rem + 2.0833333333333335vw, 2.5rem); }

/* --------------------------------------------------------------------------
  Bild Hl Text - fullpicSec (SCSS)
   -------------------------------------------------------------------------- */
.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: "Instrument Serif";
      font-size: 2.25rem;
      font-size: clamp(2.25rem, 1.6124999999999998rem + 1vw, 2.8125rem);
      line-height: 110%;
      letter-spacing: 0.08em;
      font-weight: 600;
      text-transform: uppercase;
      text-align: center; }
  .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: #D6D6C2 !important; }
    .fullpicSec .outer_wrapper .buttonBox .button {
      display: block;
      padding: 0;
      line-height: 36px !important; }
.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 .scrollto_wrapper {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  left: 50%;
  bottom: 20px;
  width: 100px;
  margin-left: -50px; }
  .fullpicSec .scrollto_wrapper a {
    display: block;
    width: clamp(2.25rem, 1.125rem + 3.75vw, 5.625rem);
    aspect-ratio: 90 / 48;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("assets/arrow_down.svg"); }
  .fullpicSec .scrollto_wrapper a:hover {
    opacity: 0.3; }
.fullpicSec .map_container {
  height: 50vh;
  max-height: 450px;
  filter: grayscale(100%); }
  .fullpicSec .map_container .map {
    height: 100% !important; }
.fullpicSec.hasslide {
  padding-left: 0 !important;
  padding-right: 0 !important; }

@media screen and (max-width: 900px) and (orientation: portrait) {
  .fullpicSec .wrapper.videoBox.scaleup video {
    min-height: 80vh;
    object-fit: cover;
    margin-bottom: 50px; }
  .fullpicSec .wrapper.picBox.scaleup img {
    display: block;
    min-height: 50vh;
    object-fit: cover;
    margin-bottom: 50px; } }
/* --------------------------------------------------------------------------
  Headline mit Text, Link und Bild daneben auf Hintergrundbild (zweispaltig)
   -------------------------------------------------------------------------- */
.hlLinkBgpic .wrapper .bgimage {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }
.hlLinkBgpic .wrapper .content-wrapper {
  padding-top: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem);
  padding-bottom: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem); }
  .hlLinkBgpic .wrapper .content-wrapper .content-box {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-around;
    width: 100%;
    min-height: 10vh; }
    @media screen and (min-width: 760px) {
      .hlLinkBgpic .wrapper .content-wrapper .content-box {
        flex-direction: row;
        justify-content: space-between; } }
    @media screen and (min-width: 760px) {
      .hlLinkBgpic .wrapper .content-wrapper .content-box.bt {
        flex-direction: row-reverse; } }
    .hlLinkBgpic .wrapper .content-wrapper .content-box > .text-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      width: 100%;
      color: #FBFBCE; }
      @media screen and (min-width: 760px) {
        .hlLinkBgpic .wrapper .content-wrapper .content-box > .text-wrapper {
          width: 70%; } }
      .hlLinkBgpic .wrapper .content-wrapper .content-box > .text-wrapper .kapitel-box .kapitel {
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
        line-height: 100%;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: "League Spartan", sans-serif;
        color: #FFFF00; }
      .hlLinkBgpic .wrapper .content-wrapper .content-box > .text-wrapper .headline-box {
        padding-top: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
        .hlLinkBgpic .wrapper .content-wrapper .content-box > .text-wrapper .headline-box .headline {
          font-family: "Instrument Serif", serif;
          font-size: 3.125rem;
          font-size: clamp(2.25rem, 0.9166666666666665rem + 4.444444444444445vw, 6.25rem);
          font-weight: 400;
          line-height: 110%;
          letter-spacing: -0.01em;
          text-transform: none;
          color: #FFFF00;
          color: #FFFF00; }
      .hlLinkBgpic .wrapper .content-wrapper .content-box > .text-wrapper .text-box {
        padding-top: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
        .hlLinkBgpic .wrapper .content-wrapper .content-box > .text-wrapper .text-box .text {
          font-family: "League Spartan", sans-serif;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          color: #FFFF00; }
      .hlLinkBgpic .wrapper .content-wrapper .content-box > .text-wrapper .link-box {
        padding-top: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem); }
        .hlLinkBgpic .wrapper .content-wrapper .content-box > .text-wrapper .link-box a {
          display: block;
          width: max-content;
          margin-top: 24px;
          margin-bottom: 36px;
          padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
          border: 1px solid #FFFF00;
          border-radius: 9999px;
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          background-color: #FFFF00;
          color: #757532;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
          line-height: 100%;
          font-weight: 500;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          font-family: "League Spartan", sans-serif;
          text-transform: uppercase; }
        .hlLinkBgpic .wrapper .content-wrapper .content-box > .text-wrapper .link-box.reverse a {
          display: block;
          width: max-content;
          margin-top: 24px;
          margin-bottom: 36px;
          padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
          border: 1px solid #FFFF00;
          border-radius: 9999px;
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          background-color: transparent;
          color: #FFFF00;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
          line-height: 100%;
          font-weight: 500;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          font-family: "League Spartan", sans-serif;
          text-transform: uppercase; }
    .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper {
      width: 100%; }
      @media screen and (min-width: 760px) {
        .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper {
          width: 30%; } }
      .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper .image-subline-inner-wrapper {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        @media screen and (min-width: 760px) {
          .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper .image-subline-inner-wrapper.pos-x-center {
            justify-content: center; }
          .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper .image-subline-inner-wrapper.pos-x-right {
            justify-content: flex-end; } }
        .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper .image-subline-inner-wrapper.pos-y-center {
          align-items: center; }
        .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper .image-subline-inner-wrapper.pos-y-bottom {
          align-items: flex-end; }
        .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box img {
          width: 300px;
          max-width: clamp(5rem, 3.5rem + 4vw, 7.5rem); }
        .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .subline-box {
          display: flex;
          padding-top: 6px;
          font-family: "League Spartan", sans-serif;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          color: #FBFBCE; }
          .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .subline-box.center {
            justify-content: center; }
          .hlLinkBgpic .wrapper .content-wrapper .content-box > .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .subline-box.right {
            justify-content: flex-end; }
.hlLinkBgpic.site-startsection .wrapper .content-wrapper {
  padding-top: 20vh;
  padding-bottom: 20vh; }
  @media screen and (min-width: 760px) {
    .hlLinkBgpic.site-startsection .wrapper .content-wrapper {
      padding-top: 13vh;
      padding-bottom: 24vh; } }
  .hlLinkBgpic.site-startsection .wrapper .content-wrapper .content-box {
    min-height: 53vh; }

/* --------------------------------------------------------------------------
  Headline mit Text, Icon daneben auf Hintergrundbild (ein-zweispaltig)
   -------------------------------------------------------------------------- */
.hlTextIcoBgpic1o2sp .wrapper {
  padding-top: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem);
  padding-bottom: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem); }
  .hlTextIcoBgpic1o2sp .wrapper .bgimage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 10vh; }
    @media screen and (min-width: 760px) {
      .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box.flex-row {
        flex-direction: row;
        justify-content: space-between; }
      .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box.flex-row-rev {
        flex-direction: column-reverse;
        justify-content: space-between; } }
    .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .headline-lead-wrapper {
      width: 100%;
      padding-bottom: clamp(1rem, 0.43181818181818177rem + 1.5151515151515151vw, 2.25rem); }
      .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .headline-lead-wrapper .kapitel-box .kapitel {
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
        line-height: 100%;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: "League Spartan", sans-serif;
        color: #FFFF00; }
      .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .headline-lead-wrapper .headline-box .headline {
        font-family: "Instrument Serif", serif;
        font-size: 3.125rem;
        font-size: clamp(2.25rem, 0.9166666666666665rem + 4.444444444444445vw, 6.25rem);
        font-weight: 400;
        line-height: 110%;
        letter-spacing: -0.01em;
        text-transform: none;
        color: #FFFF00;
        color: #FFFF00; }
      .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .headline-lead-wrapper .text-box {
        padding-top: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
        .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .headline-lead-wrapper .text-box .text {
          font-family: "League Spartan", sans-serif;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          color: #FFFF00; }
      .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .headline-lead-wrapper .link-box {
        padding-top: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
        .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .headline-lead-wrapper .link-box a {
          display: block;
          width: max-content;
          margin-top: 24px;
          margin-bottom: 36px;
          padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
          border: 1px solid #FFFF00;
          border-radius: 9999px;
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          background-color: #FFFF00;
          color: #757532;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
          line-height: 100%;
          font-weight: 500;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          font-family: "League Spartan", sans-serif;
          text-transform: uppercase; }
        .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .headline-lead-wrapper .link-box.reverse a {
          display: block;
          width: max-content;
          margin-top: 24px;
          margin-bottom: 36px;
          padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
          border: 1px solid #FFFF00;
          border-radius: 9999px;
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          background-color: transparent;
          color: #FFFF00;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
          line-height: 100%;
          font-weight: 500;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          font-family: "League Spartan", sans-serif;
          text-transform: uppercase; }
    .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .maincontent-wrapper {
      width: 100%; }
      .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .maincontent-wrapper .text-box {
        padding-top: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
        .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .maincontent-wrapper .text-box .text {
          font-family: "League Spartan", sans-serif;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          color: #FFFF00; }
      .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .maincontent-wrapper .link-box {
        padding-top: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
        .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .maincontent-wrapper .link-box a {
          display: block;
          width: max-content;
          margin-top: 24px;
          margin-bottom: 36px;
          padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
          border: 1px solid #FFFF00;
          border-radius: 9999px;
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          background-color: #FFFF00;
          color: #757532;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
          line-height: 100%;
          font-weight: 500;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          font-family: "League Spartan", sans-serif;
          text-transform: uppercase; }
        .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .content-box .maincontent-wrapper .link-box.reverse a {
          display: block;
          width: max-content;
          margin-top: 24px;
          margin-bottom: 36px;
          padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
          border: 1px solid #FFFF00;
          border-radius: 9999px;
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          background-color: transparent;
          color: #FFFF00;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
          line-height: 100%;
          font-weight: 500;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          font-family: "League Spartan", sans-serif;
          text-transform: uppercase; }
  .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .image-content-box .image-subline-wrapper {
    display: flex;
    width: 100%; }
    .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .image-content-box .image-subline-wrapper.icon-left {
      justify-content: flex-start; }
    .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .image-content-box .image-subline-wrapper.icon-center {
      justify-content: center; }
    .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .image-content-box .image-subline-wrapper.icon-right {
      justify-content: flex-end; }
    .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .image-content-box .image-subline-wrapper .image-subline-box .image-box img {
      width: 300px;
      max-width: clamp(2.25rem, 0.5rem + 5.833333333333333vw, 7.5rem); }
    .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .image-content-box .image-subline-wrapper .image-subline-box .subline-box {
      display: flex;
      padding-top: 6px;
      font-family: "League Spartan", sans-serif;
      font-size: 0.875rem;
      font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
      line-height: 115%;
      letter-spacing: -0.01em;
      font-weight: 300;
      color: #FBFBCE; }
      .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .image-content-box .image-subline-wrapper .image-subline-box .subline-box.center {
        justify-content: center; }
      .hlTextIcoBgpic1o2sp .wrapper .content-wrapper .image-content-box .image-subline-wrapper .image-subline-box .subline-box.right {
        justify-content: flex-end; }
.hlTextIcoBgpic1o2sp.site-highlights-text .wrapper {
  padding-top: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem);
  padding-bottom: clamp(1.25rem, 0.6818181818181818rem + 1.5151515151515151vw, 2.5rem); }
  .hlTextIcoBgpic1o2sp.site-highlights-text .wrapper .content-wrapper .content-box .maincontent-wrapper .text-box {
    padding-top: clamp(1.25rem, 0.6818181818181818rem + 1.5151515151515151vw, 2.5rem); }
    @media screen and (min-width: 760px) {
      .hlTextIcoBgpic1o2sp.site-highlights-text .wrapper .content-wrapper .content-box .maincontent-wrapper .text-box {
        padding-top: 0; } }
    .hlTextIcoBgpic1o2sp.site-highlights-text .wrapper .content-wrapper .content-box .maincontent-wrapper .text-box .text li {
      padding-left: 12px;
      margin-bottom: clamp(1rem, 0.7727272727272727rem + 0.6060606060606061vw, 1.5rem); }
    .hlTextIcoBgpic1o2sp.site-highlights-text .wrapper .content-wrapper .content-box .maincontent-wrapper .text-box .text * {
      font-family: "League Spartan", sans-serif;
      font-size: 1.125rem;
      font-size: clamp(1.125rem, 0.6666666666666666rem + 1.527777777777778vw, 2.5rem);
      line-height: 110%;
      letter-spacing: -0.01em;
      font-weight: 300;
      color: #FFFF00; }
  .hlTextIcoBgpic1o2sp.site-highlights-text .wrapper .content-wrapper .image-content-box .image-subline-wrapper .image-subline-box .image-box {
    padding-top: 36px; }
    @media screen and (min-width: 760px) {
      .hlTextIcoBgpic1o2sp.site-highlights-text .wrapper .content-wrapper .image-content-box .image-subline-wrapper .image-subline-box .image-box {
        padding-top: 0; } }
.hlTextIcoBgpic1o2sp.site-wohnkonzept-text {
  margin-bottom: 0; }
  .hlTextIcoBgpic1o2sp.site-wohnkonzept-text .wrapper {
    padding-top: clamp(1.875rem, 1.0227272727272727rem + 2.272727272727273vw, 3.75rem);
    padding-bottom: clamp(1rem, 0.43181818181818177rem + 1.5151515151515151vw, 2.25rem); }
    @media screen and (min-width: 760px) {
      .hlTextIcoBgpic1o2sp.site-wohnkonzept-text .wrapper .content-wrapper .content-box .headline-lead-wrapper {
        width: 80%; } }
    .hlTextIcoBgpic1o2sp.site-wohnkonzept-text .wrapper .content-wrapper .content-box .headline-lead-wrapper .text-box {
      padding-top: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
      .hlTextIcoBgpic1o2sp.site-wohnkonzept-text .wrapper .content-wrapper .content-box .headline-lead-wrapper .text-box .text {
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        font-size: clamp(1.125rem, 0.6666666666666666rem + 1.527777777777778vw, 2.5rem);
        line-height: 110%;
        letter-spacing: -0.01em;
        font-weight: 300; }
        .hlTextIcoBgpic1o2sp.site-wohnkonzept-text .wrapper .content-wrapper .content-box .headline-lead-wrapper .text-box .text * {
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.6666666666666666rem + 1.527777777777778vw, 2.5rem);
          line-height: 110%;
          letter-spacing: -0.01em;
          font-weight: 300; }
    .hlTextIcoBgpic1o2sp.site-wohnkonzept-text .wrapper .content-wrapper .image-content-box {
      padding-top: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem); }

/* --------------------------------------------------------------------------
  Headline mit Text, Link, Teaser (Lead) und Bild einspaltig untereinander
   -------------------------------------------------------------------------- */
.pichltext1sp .wrapper .content-wrapper .content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%; }
  .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper {
    color: #FBFBCE; }
    .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .kapitel-box {
      padding-top: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem); }
      .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .kapitel-box .kapitel {
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
        line-height: 100%;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: "League Spartan", sans-serif;
        color: #FFFF00; }
    .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .headline-box {
      padding-top: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
      .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .headline-box .headline {
        font-family: "Instrument Serif", serif;
        font-size: 3.125rem;
        font-size: clamp(2.25rem, 0.9166666666666665rem + 4.444444444444445vw, 6.25rem);
        font-weight: 400;
        line-height: 110%;
        letter-spacing: -0.01em;
        text-transform: none;
        color: #FFFF00;
        color: #FFFF00; }
    .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .lead-box {
      padding-top: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
      .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .lead-box .lead {
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300;
        color: #2D2D2D; }
        .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .lead-box .lead > * {
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          color: #2D2D2D; }
    .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .text-box {
      padding-top: clamp(1.5rem, 0.33333333333333326rem + 3.888888888888889vw, 5rem); }
      .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .text-box .text {
        font-family: "League Spartan", sans-serif;
        font-size: 1.5rem;
        font-size: clamp(1.5rem, 1.1666666666666665rem + 1.1111111111111112vw, 2.5rem);
        line-height: 110%;
        letter-spacing: -0.01em;
        font-weight: 300;
        color: #757532; }
        .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .text-box .text > * {
          font-family: "League Spartan", sans-serif;
          font-size: 1.5rem;
          font-size: clamp(1.5rem, 1.1666666666666665rem + 1.1111111111111112vw, 2.5rem);
          line-height: 110%;
          letter-spacing: -0.01em;
          font-weight: 300;
          color: #757532; }
    .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .link-box {
      padding-top: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
      .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .link-box a {
        display: block;
        width: max-content;
        margin-top: 24px;
        margin-bottom: 36px;
        padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
        border: 1px solid #FFFF00;
        border-radius: 9999px;
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300;
        background-color: #FFFF00;
        color: #757532;
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
        line-height: 100%;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: "League Spartan", sans-serif;
        text-transform: uppercase; }
      .pichltext1sp .wrapper .content-wrapper .content-box .text-wrapper .link-box.reverse a {
        display: block;
        width: max-content;
        margin-top: 24px;
        margin-bottom: 36px;
        padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
        border: 1px solid #FFFF00;
        border-radius: 9999px;
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300;
        background-color: transparent;
        color: #FFFF00;
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
        line-height: 100%;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: "League Spartan", sans-serif;
        text-transform: uppercase; }
.pichltext1sp .wrapper .content-wrapper .image-subline-wrapper {
  width: 100%; }
  .pichltext1sp .wrapper .content-wrapper .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box img {
    display: block; }
  .pichltext1sp .wrapper .content-wrapper .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .subline-box {
    display: flex;
    padding-top: 6px;
    font-family: "League Spartan", sans-serif;
    font-size: 0.875rem;
    font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
    line-height: 115%;
    letter-spacing: -0.01em;
    font-weight: 300;
    color: #FBFBCE; }
    .pichltext1sp .wrapper .content-wrapper .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .subline-box.center {
      justify-content: center; }
    .pichltext1sp .wrapper .content-wrapper .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .subline-box.right {
      justify-content: flex-end; }
.pichltext1sp.site-startbild {
  margin-top: -17vh; }
  @media screen and (min-width: 900px) {
    .pichltext1sp.site-startbild {
      margin-top: -25vh;
      margin-bottom: 0; } }
  @media screen and (min-width: 560px) {
    .pichltext1sp.site-startbild .text-wrapper {
      width: 75%; } }
.pichltext1sp.site-wohnungen {
  margin-bottom: clamp(3rem, 0.6136363636363638rem + 6.363636363636363vw, 8.25rem); }
.pichltext1sp.site-objekt {
  margin-bottom: clamp(1.875rem, 1.0227272727272727rem + 2.272727272727273vw, 3.75rem); }
.pichltext1sp.site-lage {
  margin-bottom: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem); }
  .pichltext1sp.site-lage .wrapper .content-wrapper .content-box .text-wrapper .text-box {
    padding-top: 0 !important;
    font-family: "League Spartan", sans-serif;
    font-size: 0.875rem;
    font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
    line-height: 115%;
    letter-spacing: -0.01em;
    font-weight: 300;
    color: #2D2D2D; }
    @media screen and (min-width: 900px) {
      .pichltext1sp.site-lage .wrapper .content-wrapper .content-box .text-wrapper .text-box {
        width: 33.33%; } }
    .pichltext1sp.site-lage .wrapper .content-wrapper .content-box .text-wrapper .text-box * {
      font-family: "League Spartan", sans-serif;
      font-size: 0.875rem;
      font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
      line-height: 115%;
      letter-spacing: -0.01em;
      font-weight: 300;
      color: #2D2D2D; }
    .pichltext1sp.site-lage .wrapper .content-wrapper .content-box .text-wrapper .text-box strong {
      font-weight: 700; }
  .pichltext1sp.site-lage .wrapper .content-wrapper .content-box .text-wrapper .lead-box {
    padding-bottom: clamp(1.5rem, 0.875rem + 1.6666666666666667vw, 2.875rem);
    padding-top: clamp(1.5rem, 0.875rem + 1.6666666666666667vw, 2.875rem); }
    @media screen and (min-width: 660px) {
      .pichltext1sp.site-lage .wrapper .content-wrapper .content-box .text-wrapper .lead-box {
        width: 45%;
        padding-bottom: clamp(3rem, 0.6136363636363638rem + 6.363636363636363vw, 8.25rem); } }
  .pichltext1sp.site-lage .image-box {
    margin-bottom: clamp(0.75rem, 0.4090909090909091rem + 0.9090909090909091vw, 1.5rem); }
.pichltext1sp.site-dekobild-lage {
  margin-bottom: 0; }
  .pichltext1sp.site-dekobild-lage .wrapper .content-wrapper .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 33vh; }
.pichltext1sp.site-lage-karte {
  margin-bottom: clamp(3rem, 0.6136363636363638rem + 6.363636363636363vw, 8.25rem); }
  .pichltext1sp.site-lage-karte .wrapper .content-wrapper .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box {
    border: 1px solid #757532; }
.pichltext1sp.site-lage-illu-kanal {
  margin-bottom: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem); }
  .pichltext1sp.site-lage-illu-kanal .wrapper .wrapper_cont .content-box .text-wrapper .text-box {
    padding-top: clamp(1rem, 0.43181818181818177rem + 1.5151515151515151vw, 2.25rem);
    font-family: "League Spartan", sans-serif;
    font-size: 1.125rem;
    font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
    line-height: 115%;
    letter-spacing: -0.01em;
    font-weight: 300;
    color: #2D2D2D; }
    @media screen and (min-width: 900px) {
      .pichltext1sp.site-lage-illu-kanal .wrapper .wrapper_cont .content-box .text-wrapper .text-box {
        width: 50%; } }
    .pichltext1sp.site-lage-illu-kanal .wrapper .wrapper_cont .content-box .text-wrapper .text-box * {
      font-family: "League Spartan", sans-serif;
      font-size: 1.125rem;
      font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
      line-height: 115%;
      letter-spacing: -0.01em;
      font-weight: 300;
      color: #2D2D2D; }
    .pichltext1sp.site-lage-illu-kanal .wrapper .wrapper_cont .content-box .text-wrapper .text-box strong {
      font-weight: 700; }

/* --------------------------------------------------------------------------
  Zwei Images zweispaltig, eines mit TextHL/Link 
   -------------------------------------------------------------------------- */
.twopics1text2sp .wrapper .content-wrapper.__kap {
  padding-top: clamp(1.5rem, 0.33333333333333326rem + 3.888888888888889vw, 5rem); }
  .twopics1text2sp .wrapper .content-wrapper.__kap .content-box .text-wrapper {
    display: block; }
    .twopics1text2sp .wrapper .content-wrapper.__kap .content-box .text-wrapper .kapitel-box .kapitel {
      font-size: 0.875rem;
      font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
      line-height: 100%;
      font-weight: 500;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      font-family: "League Spartan", sans-serif;
      color: #FFFF00; }
.twopics1text2sp .wrapper .content-wrapper.__cont .content-box {
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media screen and (min-width: 760px) {
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box {
      justify-content: space-between;
      flex-direction: row; }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box.dir-rowreverse {
        flex-direction: row-reverse; }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box.just-start {
        justify-content: flex-start; }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box.just-center {
        justify-content: center; }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box.just-end {
        justify-content: flex-end; }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box.just-between {
        justify-content: space-between; }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box.just-around {
        justify-content: space-around; } }
  .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper.tb {
      flex-direction: column-reverse; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper.bt {
      flex-direction: column; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper.bildtext_pos_y_top.tb {
      justify-content: flex-end; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper.bildtext_pos_y_center {
      justify-content: center; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper.bildtext_pos_y_bottom.bt {
      justify-content: flex-end; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper.bildtext_pos_y_between {
      justify-content: space-between; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper.bildtext_pos_y_around {
      justify-content: space-around; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .kapitel-box.top {
      padding-bottom: clamp(1.5rem, 0.33333333333333326rem + 3.888888888888889vw, 5rem); }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .kapitel-box .kapitel {
      font-size: 0.875rem;
      font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
      line-height: 100%;
      font-weight: 500;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      font-family: "League Spartan", sans-serif;
      color: #FFFF00; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .headline-box {
      padding-bottom: clamp(0.75rem, -0.125rem + 2.3333333333333335vw, 2.5rem); }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .headline-box .headline {
        font-family: "Instrument Serif", serif;
        font-size: 3.125rem;
        font-size: clamp(2.25rem, 0.9166666666666665rem + 4.444444444444445vw, 6.25rem);
        font-weight: 400;
        line-height: 110%;
        letter-spacing: -0.01em;
        text-transform: none;
        color: #FFFF00;
        color: #FFFF00; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box {
      padding-bottom: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem); }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text {
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300;
        color: #2D2D2D; }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text h6, .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text .h6 {
          margin-bottom: clamp(1rem, 0.43181818181818177rem + 1.5151515151515151vw, 2.25rem);
          font-family: "League Spartan", sans-serif;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          color: #757532; }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text h5, .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text .h5 {
          margin-bottom: clamp(1rem, 0.43181818181818177rem + 1.5151515151515151vw, 2.25rem);
          font-family: "League Spartan", sans-serif;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          text-transform: uppercase;
          color: #757532; }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text h4, .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text .h4 {
          margin-bottom: clamp(1rem, 0.43181818181818177rem + 1.5151515151515151vw, 2.25rem);
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          color: #757532; }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text h3, .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text .h3 {
          margin-bottom: clamp(1.5rem, 0.875rem + 1.6666666666666667vw, 2.875rem);
          font-family: "League Spartan", sans-serif;
          font-size: 1.5rem;
          font-size: clamp(1.5rem, 1.1666666666666665rem + 1.1111111111111112vw, 2.5rem);
          line-height: 110%;
          letter-spacing: -0.01em;
          font-weight: 300; }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text h1, .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text h2, .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text .h1, .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text .h2 {
          margin-bottom: clamp(1.5rem, 0.875rem + 1.6666666666666667vw, 2.875rem);
          font-family: "Instrument Serif", serif;
          font-size: 2.25rem;
          font-size: clamp(2.25rem, 1.5681818181818183rem + 1.8181818181818181vw, 3.75rem);
          line-height: 110%;
          font-weight: 400;
          letter-spacing: 0.03em;
          text-transform: uppercase; }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .text-box .text strong {
          font-weight: 500; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .link-box {
      padding-bottom: clamp(1.5rem, 0.33333333333333326rem + 3.888888888888889vw, 5rem); }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .link-box a {
        display: block;
        width: max-content;
        margin-top: 24px;
        margin-bottom: 36px;
        padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
        border: 1px solid #FFFF00;
        border-radius: 9999px;
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300;
        background-color: #FFFF00;
        color: #757532;
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
        line-height: 100%;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: "League Spartan", sans-serif;
        text-transform: uppercase; }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .text-image-wrapper .link-box.reverse a {
        display: block;
        width: max-content;
        margin-top: 24px;
        margin-bottom: 36px;
        padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
        border: 1px solid #FFFF00;
        border-radius: 9999px;
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300;
        background-color: transparent;
        color: #FFFF00;
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
        line-height: 100%;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: "League Spartan", sans-serif;
        text-transform: uppercase; }
  .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper {
    width: 100%; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper {
      width: 100%; }
      @media screen and (min-width: 760px) {
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper.bild-pos-x-center {
          justify-content: center; }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper.bild-pos-x-right {
          justify-content: flex-end; } }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper.bild-pos-y-center {
        align-items: center; }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper.bild-pos-y-bottom {
        align-items: flex-end; }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box {
        padding-bottom: clamp(0.5rem, 0.39285714285714285rem + 0.35714285714285715vw, 0.75rem); }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box img {
          display: block;
          width: 100%; }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box.sub-hidden {
          padding-bottom: clamp(1.5rem, 0.875rem + 1.6666666666666667vw, 2.875rem); }
          @media screen and (min-width: 760px) {
            .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box.sub-hidden {
              padding-bottom: 0; } }
      .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .subline-box {
        display: flex;
        padding-top: 6px;
        font-family: "League Spartan", sans-serif;
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300;
        color: #FBFBCE; }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .subline-box.center {
          justify-content: center; }
        .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .subline-box.right {
          justify-content: flex-end; }
  @media screen and (min-width: 760px) {
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .w25p {
      width: 25%; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .w33p {
      width: 33.33%; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .w40p {
      width: 40%; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .w50p {
      width: 50%; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .w60p {
      width: 60%; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .w66p {
      width: 66.66%; }
    .twopics1text2sp .wrapper .content-wrapper.__cont .content-box .w75p {
      width: 75%; } }
.twopics1text2sp.site-infobilder2x-start {
  margin-bottom: clamp(0.75rem, 0.4090909090909091rem + 0.9090909090909091vw, 1.5rem); }
  .twopics1text2sp.site-infobilder2x-start .wrapper .content-wrapper.__kap {
    padding-top: clamp(1.5rem, 0.33333333333333326rem + 3.888888888888889vw, 5rem); }
    .twopics1text2sp.site-infobilder2x-start .wrapper .content-wrapper.__kap .content-box .text-wrapper {
      display: block; }
      .twopics1text2sp.site-infobilder2x-start .wrapper .content-wrapper.__kap .content-box .text-wrapper .kapitel-box .kapitel {
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
        line-height: 100%;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: "League Spartan", sans-serif;
        color: #FFFF00; }
  @media screen and (max-width: 759px) {
    .twopics1text2sp.site-infobilder2x-start .wrapper .content-wrapper.__cont .content-box .text-image-wrapper {
      display: none; } }
  @media screen and (max-width: 759px) {
    .twopics1text2sp.site-infobilder2x-start .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper {
      width: 75%; } }
.twopics1text2sp.site-infobilder2x-highlights {
  margin-bottom: clamp(0.75rem, 0.4090909090909091rem + 0.9090909090909091vw, 1.5rem); }
  .twopics1text2sp.site-infobilder2x-highlights .wrapper .content-wrapper.__kap {
    padding-top: clamp(1.5rem, 0.33333333333333326rem + 3.888888888888889vw, 5rem); }
    .twopics1text2sp.site-infobilder2x-highlights .wrapper .content-wrapper.__kap .content-box .text-wrapper {
      display: block; }
      .twopics1text2sp.site-infobilder2x-highlights .wrapper .content-wrapper.__kap .content-box .text-wrapper .kapitel-box .kapitel {
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
        line-height: 100%;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: "League Spartan", sans-serif;
        color: #FFFF00; }
  @media screen and (max-width: 759px) {
    .twopics1text2sp.site-infobilder2x-highlights .wrapper .content-wrapper.__cont .content-box .text-image-wrapper {
      display: none; } }
  @media screen and (max-width: 759px) {
    .twopics1text2sp.site-infobilder2x-highlights .wrapper .content-wrapper.__cont .content-box .image-subline-wrapper {
      width: 75%; } }
.twopics1text2sp.site-infobilder2x-objekt {
  margin-bottom: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem); }
  .twopics1text2sp.site-infobilder2x-objekt .wrapper .__cont .content-box .text-image-wrapper .text-box {
    padding-bottom: clamp(1rem, 0.43181818181818177rem + 1.5151515151515151vw, 2.25rem); }
  @media screen and (max-width: 759px) {
    .twopics1text2sp.site-infobilder2x-objekt .wrapper .__cont .content-box .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box {
      width: 75%; } }
@media screen and (max-width: 759px) {
  .twopics1text2sp.site-infobilder2x-lage .wrapper .__cont .content-box > .text-image-wrapper {
    width: 75%; } }
.twopics1text2sp.site-infobilder2x-lage .wrapper .__cont .content-box > .text-image-wrapper .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box {
  padding-bottom: clamp(0.5rem, 0.39285714285714285rem + 0.35714285714285715vw, 0.75rem); }
  .twopics1text2sp.site-infobilder2x-lage .wrapper .__cont .content-box > .text-image-wrapper .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box img {
    display: block;
    width: 100%; }
  .twopics1text2sp.site-infobilder2x-lage .wrapper .__cont .content-box > .text-image-wrapper .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box .image-box.sub-hidden {
    padding-bottom: clamp(0.75rem, 0.4090909090909091rem + 0.9090909090909091vw, 1.5rem); }
.twopics1text2sp.site-infobilder2x-lage .wrapper .__cont .content-box > .text-image-wrapper .text-wrapper .text-box {
  padding-bottom: 0; }
  .twopics1text2sp.site-infobilder2x-lage .wrapper .__cont .content-box > .text-image-wrapper .text-wrapper .text-box .text {
    padding-top: 0 !important;
    font-family: "League Spartan", sans-serif;
    font-size: 0.875rem;
    font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
    line-height: 115%;
    letter-spacing: -0.01em;
    font-weight: 300;
    color: #2D2D2D; }
    .twopics1text2sp.site-infobilder2x-lage .wrapper .__cont .content-box > .text-image-wrapper .text-wrapper .text-box .text * {
      font-family: "League Spartan", sans-serif;
      font-size: 0.875rem;
      font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
      line-height: 115%;
      letter-spacing: -0.01em;
      font-weight: 300;
      color: #2D2D2D; }
    .twopics1text2sp.site-infobilder2x-lage .wrapper .__cont .content-box > .text-image-wrapper .text-wrapper .text-box .text strong {
      font-weight: 700; }
.twopics1text2sp.site-lage-illu-bar {
  margin-bottom: clamp(3rem, 0.6136363636363638rem + 6.363636363636363vw, 8.25rem); }
  @media screen and (max-width: 759px) {
    .twopics1text2sp.site-lage-illu-bar .wrapper .__cont .content-box > .image-subline-wrapper .image-subline-inner-wrapper .image-subline-box {
      width: 75%; } }
  .twopics1text2sp.site-lage-illu-bar .wrapper .__cont .content-box .text-image-wrapper .text-wrapper .text-box {
    padding-bottom: 0; }
    .twopics1text2sp.site-lage-illu-bar .wrapper .__cont .content-box .text-image-wrapper .text-wrapper .text-box .text {
      width: 75%;
      padding-left: 0;
      padding-top: 0 !important;
      font-family: "League Spartan", sans-serif;
      font-size: 0.875rem;
      font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
      line-height: 115%;
      letter-spacing: -0.01em;
      font-weight: 300;
      color: #2D2D2D; }
      @media screen and (min-width: 660px) {
        .twopics1text2sp.site-lage-illu-bar .wrapper .__cont .content-box .text-image-wrapper .text-wrapper .text-box .text {
          width: 66.66%; } }
      @media screen and (min-width: 760px) {
        .twopics1text2sp.site-lage-illu-bar .wrapper .__cont .content-box .text-image-wrapper .text-wrapper .text-box .text {
          padding-left: clamp(0.75rem, 0.4090909090909091rem + 0.9090909090909091vw, 1.5rem); } }
      .twopics1text2sp.site-lage-illu-bar .wrapper .__cont .content-box .text-image-wrapper .text-wrapper .text-box .text * {
        font-family: "League Spartan", sans-serif;
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7613636363636364rem + 0.30303030303030304vw, 1.125rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300;
        color: #2D2D2D; }
      .twopics1text2sp.site-lage-illu-bar .wrapper .__cont .content-box .text-image-wrapper .text-wrapper .text-box .text strong {
        font-weight: 700; }

/* --------------------------------------------------------------------------
  Immobilienliste (desktop/mobile)
   -------------------------------------------------------------------------- */
.immolistResponsive .wrapper .content-wrapper .content-box .text-wrapper .headline-box {
  margin-top: clamp(1.5rem, 1.05rem + 1.2vw, 2.25rem);
  margin-bottom: clamp(1.5rem, 1.05rem + 1.2vw, 2.25rem); }
  .immolistResponsive .wrapper .content-wrapper .content-box .text-wrapper .headline-box > .headline {
    font-family: "Instrument Serif", serif;
    font-size: 2.25rem;
    font-size: clamp(2.25rem, 1.5681818181818183rem + 1.8181818181818181vw, 3.75rem);
    line-height: 110%;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #757532; }
.immolistResponsive .wrapper.desktop {
  display: none; }
  @media screen and (min-width: 760px) {
    .immolistResponsive .wrapper.desktop {
      display: block; } }
  .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re,
  .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto; }
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re th,
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re td,
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable th,
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable td {
      width: 16.666%;
      padding: 12px 0;
      border-top: none;
      border-bottom: 1px solid #75753244 !important;
      vertical-align: middle;
      white-space: nowrap;
      font-family: "League Spartan", sans-serif;
      font-size: 1.125rem;
      line-height: 100%;
      font-weight: 400;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #2D2D2D;
      text-align: left; }
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re th.data_price,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re td.data_price,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable th.data_price,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable td.data_price {
        width: 20%;
        padding-right: 5%;
        text-align: right; }
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re th.data_floorplan_pdf,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re td.data_floorplan_pdf,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable th.data_floorplan_pdf,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable td.data_floorplan_pdf {
        text-align: right; }
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re thead th,
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable thead th {
      border-bottom: 1px solid #757532 !important; }
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re thead th.data_size_sqm span,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable thead th.data_size_sqm span {
        text-transform: lowercase; }
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re thead th.data_price,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable thead th.data_price {
        padding-right: 5%;
        text-align: right; }
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re thead th.data_floorplan_pdf,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable thead th.data_floorplan_pdf {
        text-align: right; }
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re .btn-download,
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable .btn-download {
      display: inline-block;
      padding: 6px 16px 2px;
      font-size: 0.75rem;
      line-height: 100%;
      text-decoration: none;
      background: #FFFF00;
      color: #757532;
      border-radius: 999px; }
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re .btn-download:hover, .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re .btn-download:focus,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable .btn-download:hover,
      .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable .btn-download:focus {
        background: #FBFBCE; }
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re tr.status-reserved > td, .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .datatable-re tr.status-done > td,
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable tr.status-reserved > td,
    .immolistResponsive .wrapper.desktop .content-wrapper .content-box .immo-wrapper .immo-box .wp-datatable tr.status-done > td {
      color: #757532; }
.immolistResponsive .wrapper.mobile {
  display: block; }
  @media screen and (min-width: 760px) {
    .immolistResponsive .wrapper.mobile {
      display: none; } }
  .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile {
    width: 100%;
    /* === Grid-Animation mit Inner-Wrapper (wie abgemacht) === */ }
    .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-card {
      width: 100%;
      border: 0;
      margin: 0;
      overflow: hidden; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-card.status-reserved td, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-card.status-done td {
        color: #757532; }
    .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head {
      table-layout: fixed;
      width: 100%;
      border-bottom: 1px solid #757532 !important;
      border-collapse: separate;
      -webkit-border-horizontal-spacing: 0;
      -webkit-border-vertical-spacing: 0;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head:active {
        background-color: transparent !important; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head thead:active, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head tbody:active, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head tr:active, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head th:active, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head td:active {
        background-color: transparent !important; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head thead:focus, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head thead:focus-visible, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head tbody:focus, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head tbody:focus-visible, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head tr:focus, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head tr:focus-visible, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head th:focus, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head th:focus-visible, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head td:focus, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head td:focus-visible {
        outline: none !important;
        box-shadow: none !important;
        background-color: transparent !important; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head thead, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head tbody, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head tfoot, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head tr, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head th, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head td {
        outline: 0 !important;
        box-shadow: none !important; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head .dtm-actions {
        width: auto !important;
        white-space: nowrap;
        text-align: right;
        padding-left: 0;
        padding-right: 2px; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head th,
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head td {
        padding: 8px 3px;
        border-top: none;
        border-bottom: 0;
        font-size: 1.125rem;
        text-align: left;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        line-height: 100%;
        font-weight: 400;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #2D2D2D;
        background-clip: padding-box; }
        .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head th:first-of-type,
        .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head td:first-of-type {
          padding-left: 8px; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head thead th {
        border-bottom: 1px solid #757532 !important;
        font-size: 0.875rem; }
        .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-head thead th.data_size_sqm span {
          text-transform: lowercase; }
    .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-toggle {
      position: relative;
      border: 0;
      background: transparent; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-toggle::after {
        content: '+';
        display: inline-block;
        font-size: 1.85rem;
        line-height: 1;
        color: #20202077;
        transform: translateY(-1px); }
    .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-details {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows 0.5s ease, opacity 0.5s ease;
      opacity: 0;
      padding: 0; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-details .dtm-details-inner {
        overflow: hidden;
        min-height: 0;
        padding: 0;
        transition: padding-top 0.5s ease, padding-bottom 0.5s ease, opacity 0.5s ease;
        opacity: 0; }
    .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-card.open {
      background-color: #C8C8AD; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-card.open .dtm-head {
        border-bottom: 0; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-card.open .dtm-details {
        grid-template-rows: 1fr;
        opacity: 1; }
        .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-card.open .dtm-details .dtm-details-inner {
          opacity: 1; }
    .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-card.open .dtm-toggle::after {
      content: '−'; }
    .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 0; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-grid .dtm-row {
        display: contents; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-grid .dtm-label,
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-grid .dtm-value {
        padding: 16px 10px;
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        line-height: 100%;
        font-weight: 400;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #2D2D2D;
        text-align: left; }
        .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-grid .dtm-label.data_price,
        .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-grid .dtm-value.data_price {
          border-top: 1px solid #757532; }
    .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-files {
      text-align: center;
      margin-top: 8px;
      padding-bottom: 12px; }
      .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-files .btn-download {
        display: inline-block;
        width: calc(100% - 20px);
        padding: 10px 16px 6px;
        font-size: 1.125rem;
        line-height: 100%;
        text-decoration: none;
        background: #FFFF00;
        color: #757532;
        border-radius: 999px; }
        .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-files .btn-download:hover, .immolistResponsive .wrapper.mobile .content-wrapper .content-box .immo-wrapper .immo-box .datatable-mobile .dtm-files .btn-download:focus {
          background: #FBFBCE; }
.immolistResponsive.site-wohnungen-vorderhaus {
  margin-bottom: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem); }
.immolistResponsive.site-wohnungen-hinterhaus {
  margin-bottom: clamp(3rem, 0.6136363636363638rem + 6.363636363636363vw, 8.25rem); }

/* --------------------------------------------------------------------------
  Kontaktform
   -------------------------------------------------------------------------- */
.mailformResponsive {
  margin-top: 0; }
  .mailformResponsive .wrapper {
    padding-top: clamp(2.25rem, 1rem + 3.3333333333333335vw, 5rem);
    padding-bottom: clamp(3rem, 0.6136363636363638rem + 6.363636363636363vw, 8.25rem);
    background-color: #BABA98; }
    .mailformResponsive .wrapper .content-wrapper .content-box .text-wrapper .headline-box {
      margin-bottom: clamp(1.5rem, 1.05rem + 1.2vw, 2.25rem); }
      .mailformResponsive .wrapper .content-wrapper .content-box .text-wrapper .headline-box > .headline {
        font-family: "Instrument Serif", serif;
        font-size: 2.8125rem;
        font-size: clamp(2.8125rem, 2.5rem + 1.0416666666666667vw, 3.75rem);
        line-height: 110%;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: none;
        color: #757532; }
    .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm .notice {
      padding: 6px 8px; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm .notice.success {
        background: #FFFF00; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm .notice.error {
        background: #f00;
        color: #fff; }
    .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm .errors {
      margin: 0;
      padding: 0 8px 8px 20px; }
    .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom {
      color: #202020;
      box-sizing: border-box; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom *, .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom *::before, .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom *::after {
        box-sizing: inherit; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-fields {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-field {
        width: 100%;
        padding: 2px;
        display: flex;
        flex-direction: column;
        align-items: stretch; }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-field.w-1-2 {
          /* wird im BP auf 2 Spalten gesetzt */ }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-field.w-1-1 {
          /* volle Breite */ }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-field.type-consent {
          margin-top: clamp(0.5rem, 0.39285714285714285rem + 0.35714285714285715vw, 0.75rem);
          color: #757532; }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-field .mu-fm-label {
          display: flex;
          align-items: center;
          padding: 2px 0;
          margin-top: clamp(0.75rem, 0.4090909090909091rem + 0.9090909090909091vw, 1.5rem);
          color: #757532;
          height: 26px;
          line-height: 1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          line-height: 100%;
          font-weight: 400;
          letter-spacing: 0.03em;
          text-transform: uppercase; }
      @media (min-width: 768px) {
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-field.w-1-2 {
          width: calc(50% - 13px); }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-field.w-1-1 {
          width: 100%; } }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input, .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom select, .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom textarea, .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom button {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        margin: 0 !important;
        border: 0 !important;
        outline: 0;
        font: inherit !important;
        line-height: 1 !important;
        background: none;
        color: #202020; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="text"],
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="email"],
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="tel"],
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="number"],
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="url"],
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="date"],
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="datetime-local"],
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom select {
        display: block;
        width: 100%;
        height: 42px;
        padding: 2px 8px;
        border-radius: 6px;
        background: #E3E8D3;
        box-shadow: none;
        color: #757532;
        font-family: "League Spartan", sans-serif;
        font-size: 0.75rem;
        font-size: clamp(0.75rem, 0.4838709677419355rem + 0.6451612903225806vw, 1rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="checkbox"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        top: -3px;
        width: 16px !important;
        height: 16px !important;
        margin: 0;
        background: #E3E8D3;
        border: none;
        display: inline-grid;
        place-content: center;
        /*	-webkit-appearance: checkbox !important;
        	-moz-appearance: checkbox !important;
        	appearance: auto !important;
        	top: -2px;
        	width: 16px; 
        	height: 16px; 
        	margin: 0; 
        	background: transparent;
        	accent-color: $bg-field; */ }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="checkbox"]::after {
          content: "";
          width: 8px;
          height: 4px;
          border-left: 2px solid #202020;
          border-bottom: 2px solid #202020;
          transform: rotate(-45deg) scale(0);
          transition: transform .12s ease-in-out; }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="checkbox"]:checked::after {
          transform: rotate(-45deg) scale(1); }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom input[type="checkbox"]:focus-visible {
          outline: 2px solid rgba(0, 0, 0, 0.15);
          outline-offset: 2px; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-consent {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 2px; }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-consent input[type="checkbox"] {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          width: 16px;
          height: 16px;
          margin: 0;
          background: #E3E8D3;
          border: none;
          display: inline-grid;
          place-content: center; }
          .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-consent input[type="checkbox"]::after {
            content: "";
            width: 8px;
            height: 4px;
            border-left: 2px solid #202020;
            border-bottom: 2px solid #202020;
            transform: rotate(-45deg) scale(0);
            transition: transform .12s ease-in-out; }
          .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-consent input[type="checkbox"]:checked::after {
            transform: rotate(-45deg) scale(1); }
          .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-consent input[type="checkbox"]:focus-visible {
            outline: 2px solid rgba(0, 0, 0, 0.15);
            outline-offset: 2px; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom textarea {
        display: block;
        width: 100%;
        min-height: 140px;
        padding: 6px 8px;
        border-radius: 6px;
        background: #E3E8D3;
        box-shadow: none;
        color: #757532;
        font-family: "League Spartan", sans-serif;
        font-size: 0.75rem;
        font-size: clamp(0.75rem, 0.4838709677419355rem + 0.6451612903225806vw, 1rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-consent {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 2px;
        margin-bottom: 6px; }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-consent input[type="checkbox"] {
          width: auto;
          accent-color: #E3E8D3; }
      .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-actions {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        padding: 2px; }
        .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-actions .mu-fm-submit {
          display: block;
          width: max-content;
          margin-top: 24px;
          margin-bottom: 36px;
          padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
          border: 1px solid #FFFF00;
          border-radius: 9999px;
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
          line-height: 115%;
          letter-spacing: -0.01em;
          font-weight: 300;
          background-color: #FFFF00;
          color: #757532;
          font-size: 0.875rem;
          font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
          line-height: 100%;
          font-weight: 500;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          font-family: "League Spartan", sans-serif;
          text-transform: uppercase;
          cursor: pointer;
          font-weight: 500 !important; }
          .mailformResponsive .wrapper .content-wrapper .content-box .mailform-wrapper .mailform-box .mu-fm.mailform-bottom .mu-fm-actions .mu-fm-submit[disabled] {
            opacity: .6;
            cursor: not-allowed; }

/* ------------------------------ALTE TEMPLATES--------------------------------------------
   ------------------------------AB HIER--------------------------------------------------- */
/* --------------------------------------------------------------------------
  Zwei Textboxen nebeneinander - textbox2spSec
   -------------------------------------------------------------------------- */
.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 #202020;
    border-bottom: 1px solid #202020; }
    .textbox2spSec .wrapper .box .hl_small {
      padding-bottom: clamp(0.9375rem, 0.41666666666666663rem + 1.388888888888889vw, 1.875rem);
      font-family: "League Spartan", sans-serif;
      font-size: 1.125rem;
      font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
      line-height: 115%;
      letter-spacing: -0.01em;
      font-weight: 300;
      text-align: center; }
    .textbox2spSec .wrapper .box .cont {
      max-width: 630px; }
      .textbox2spSec .wrapper .box .cont > * {
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300;
        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: block;
        width: max-content;
        margin-top: 24px;
        margin-bottom: 36px;
        padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
        border: 1px solid #FFFF00;
        border-radius: 9999px;
        font-family: "League Spartan", sans-serif;
        font-size: 1.125rem;
        font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300;
        background-color: transparent;
        color: #FFFF00;
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
        line-height: 100%;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: "League Spartan", sans-serif;
        text-transform: uppercase;
        text-align: center; }
  .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 #202020;
    border-right: 1px solid #202020; } }
/* --------------------------------------------------------------------------
  Kontakt-Template
   -------------------------------------------------------------------------- */
.kontaktformSec .outer_wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1378px;
  padding-bottom: 80px; }
  .kontaktformSec .outer_wrapper .contBox {
    width: 100%; }
    .kontaktformSec .outer_wrapper .contBox .cont {
      font-family: "League Spartan", sans-serif;
      font-size: 1.125rem;
      font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
      line-height: 115%;
      letter-spacing: -0.01em;
      font-weight: 300;
      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: "League Spartan", sans-serif;
        font-size: 1.125rem;
        font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
        line-height: 115%;
        letter-spacing: -0.01em;
        font-weight: 300; }
      .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: "League Spartan", sans-serif;
            font-size: 1.125rem;
            font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
            line-height: 115%;
            letter-spacing: -0.01em;
            font-weight: 300; }
    .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;
      margin-top: 24px;
      margin-bottom: 36px;
      padding: clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) clamp(1.625rem, 1.3823529411764706rem + 0.5882352941176471vw, 2rem) calc(clamp(1rem, 0.8382352941176471rem + 0.39215686274509803vw, 1.25rem) - 4px);
      border: 1px solid #FFFF00;
      border-radius: 9999px;
      font-family: "League Spartan", sans-serif;
      font-size: 1.125rem;
      font-size: clamp(1.125rem, 0.9545454545454546rem + 0.45454545454545453vw, 1.5rem);
      line-height: 115%;
      letter-spacing: -0.01em;
      font-weight: 300;
      background-color: transparent;
      color: #FFFF00;
      font-size: 0.875rem;
      font-size: clamp(0.875rem, 0.7916666666666666rem + 0.2777777777777778vw, 1.125rem);
      line-height: 100%;
      font-weight: 500;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      font-family: "League Spartan", sans-serif;
      text-transform: uppercase; }
.kontaktformSec .titleBox {
  padding-bottom: clamp(0.9375rem, 0.41666666666666663rem + 1.388888888888889vw, 1.875rem); }
  .kontaktformSec .titleBox .title > * {
    font-family: "Instrument Serif";
    font-size: 2.25rem;
    font-size: clamp(2.25rem, 1.6124999999999998rem + 1vw, 2.8125rem);
    line-height: 110%;
    letter-spacing: 0.08em;
    font-weight: 600;
    text-transform: uppercase; }

@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%; } }
/* --------------------------------------------------------------------------
  halfPic-Template
   -------------------------------------------------------------------------- */
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: clamp(0.875rem, -0.6981707317073169rem + 5.2439024390243905vw, 6.25rem);
  padding-right: clamp(0.875rem, -0.6981707317073169rem + 5.2439024390243905vw, 6.25rem);*/
  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("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; }

/* Grundlayout: der eigentliche Header ist fixed */
.stickyheader > header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  /* Variablen: werden per JS gesetzt */
  --header-h: 0px;
  --header-hide-offset: -1px;
  /* Animiertes Ein-/Ausfahren über transform (performant) */
  transform: translateY(0);
  transition: transform 220ms ease;
  /* Dauer/Timing nach Geschmack */
  will-change: transform; }

/* Wenn eingefahren, nach oben außerhalb des Viewports schieben:
   exakt um Headerhöhe + 1px */
.stickyheader > header.up {
  transform: translateY(var(--header-hide-offset)); }

/* Optional: Verhindert Layout-Sprung darunterliegender Inhalte.
   Wenn dein Layout nicht ohnehin mit eigenem Offset arbeitet, kannst
   du den Body/Wrapper um die Headerhöhe „auffüttern“. */
body {
  /* Falls du schon eigenen Top-Padding nutzt, diesen Block weglassen
     oder kombinieren. */
  padding-top: var(--header-h); }

/* (Optional) Keine feste Höhe verwenden! Inhalte im Header bleiben flexibel. */
/* Beispiel: glatten Übergang bei Touch-Scroll */
@media (prefers-reduced-motion: reduce) {
  .stickyheader > header {
    transition: none; } }
/* --------------------------------------------------------------------------
  Section "fixedheader" (Header top fixed) - SCSS
   -------------------------------------------------------------------------- */
.fixedheader {
  margin-top: 0;
  margin-bottom: 0; }
  .fixedheader > header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 0;
    z-index: 1000;
    /* Variablen: werden per JS gesetzt */
    --header-h: 0px;
    --header-hide-offset: -1px;
    /* Animiertes Ein-/Ausfahren über transform (performant) */
    transform: translateY(0);
    transition: transform 400ms ease;
    /* Dauer/Timing nach Geschmack */
    will-change: transform; }
    @media (prefers-reduced-motion: reduce) {
      .fixedheader > header {
        transition: none; } }
    .fixedheader > header.up {
      transform: translateY(var(--header-hide-offset)); }
    .fixedheader > header .wrapper {
      backdrop-filter: blur(8px) brightness(0.9) contrast(1); }
      .fixedheader > header .wrapper .content-wrapper {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 16px;
        padding-bottom: 16px; }
        .fixedheader > header .wrapper .content-wrapper > .logo-wrapper {
          opacity: 0;
          font-family: "League Spartan", sans-serif;
          font-size: 1.125rem;
          font-size: clamp(1.125rem, 0.78125rem + 1.7187500000000002vw, 2.5rem);
          line-height: 100%;
          font-weight: 500;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          color: #FBFBCE; }
          @media screen and (min-width: 760px) {
            .fixedheader > header .wrapper .content-wrapper > .logo-wrapper {
              opacity: 1; } }
        .fixedheader > header .wrapper .content-wrapper > .main-menu-wrapper {
          display: none; }
          @media screen and (min-width: 1020px) {
            .fixedheader > header .wrapper .content-wrapper > .main-menu-wrapper {
              display: block; } }
        .fixedheader > header .wrapper .content-wrapper > .burger {
          width: 36px;
          aspect-ratio: 5 / 3;
          background-image: url("assets/burger.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: right center;
          cursor: pointer; }
          @media screen and (min-width: 1020px) {
            .fixedheader > header .wrapper .content-wrapper > .burger {
              display: none; } }
          .fixedheader > header .wrapper .content-wrapper > .burger.close, .fixedheader > header .wrapper .content-wrapper > .burger:hover {
            opacity: 0.7; }

/* --------------------------------------------------------------------------
  Section "stickyheader" (Header -mit Navi- Sticky) - SCSS
   -------------------------------------------------------------------------- */
.stickyheader_old header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
  z-index: 200;
  -webkit-transition: top 1000ms ease;
  -moz-transition: top 1000ms ease;
  -o-transition: top 1000ms ease;
  transition: top 1000ms ease; }
  .stickyheader_old header .outer_wrapper {
    position: relative;
    padding: 0 clamp(1rem, -0.1785714285714286rem + 3.9285714285714284vw, 3.75rem);
    background-color: #D6D6C2; }
    .stickyheader_old header .outer_wrapper .content_wrapper {
      position: relative;
      display: flex;
      justify-content: center;
      padding-top: clamp(0.75rem, 0.42857142857142855rem + 1.0714285714285714vw, 1.5rem);
      padding-bottom: clamp(0.625rem, -0.2678571428571429rem + 2.3809523809523814vw, 1.875rem);
      -webkit-transition: padding-top 800ms linear;
      -moz-transition: padding-top 800ms linear;
      -o-transition: padding-top 800ms linear;
      transition: padding-top 800ms linear; }
      .stickyheader_old header .outer_wrapper .content_wrapper nav ul > li > a {
        font-family: "League Spartan", sans-serif;
        font-size: 0.875rem;
        font-size: clamp(0.875rem, 0.6875rem + 0.390625vw, 1rem);
        line-height: 120%;
        letter-spacing: 0.08em;
        font-weight: 500;
        text-transform: uppercase;
        color: #FBFBCE; }
      .stickyheader_old header .outer_wrapper .content_wrapper .menu_left,
      .stickyheader_old header .outer_wrapper .content_wrapper .menu_right {
        display: none;
        align-items: center; }
      .stickyheader_old header .outer_wrapper .content_wrapper .logo_center {
        position: relative;
        display: flex;
        justify-content: center;
        width: 30%;
        max-width: 290px;
        padding: 3px;
        height: auto; }
        .stickyheader_old header .outer_wrapper .content_wrapper .logo_center .logo_full,
        .stickyheader_old header .outer_wrapper .content_wrapper .logo_center .logo_icon {
          display: block;
          width: 100%;
          opacity: 1;
          -webkit-transition: opacity 800ms linear;
          -moz-transition: opacity 800ms linear;
          -o-transition: opacity 800ms linear;
          transition: opacity 800ms linear; }
        .stickyheader_old header .outer_wrapper .content_wrapper .logo_center .logo_icon {
          display: none; }
        .stickyheader_old header .outer_wrapper .content_wrapper .logo_center .logo_text.up {
          opacity: 0; }
      .stickyheader_old header .outer_wrapper .content_wrapper .burger {
        position: absolute;
        display: block;
        bottom: clamp(0.625rem, -0.2678571428571429rem + 2.3809523809523814vw, 1.875rem);
        right: clamp(1rem, -0.1785714285714286rem + 3.9285714285714284vw, 3.75rem);
        width: clamp(2.5rem, 1.6666666666666665rem + 2.777777777777778vw, 5rem);
        aspect-ratio: 5 / 3;
        background-image: url("assets/burger.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center top;
        cursor: pointer;
        -webkit-transition: top 800ms linear;
        -moz-transition: top 800ms linear;
        -o-transition: top 800ms linear;
        transition: top 800ms linear; }
      .stickyheader_old header .outer_wrapper .content_wrapper .burger.close,
      .stickyheader_old header .outer_wrapper .content_wrapper .burger:hover {
        opacity: 0.7; }
    .stickyheader_old header .outer_wrapper .logo_left {
      display: none;
      position: absolute;
      top: clamp(0.75rem, 0.42857142857142855rem + 1.0714285714285714vw, 1.5rem);
      left: clamp(1rem, 0.375rem + 2.083333333333333vw, 2.25rem);
      width: clamp(2.5rem, 0.8333333333333333rem + 5.555555555555556vw, 7.5rem);
      aspect-ratio: 5 / 3;
      background-image: url("assets/fsg_icon.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center top;
      cursor: pointer;
      -webkit-transition: top 800ms linear;
      -moz-transition: top 800ms linear;
      -o-transition: top 800ms linear;
      transition: top 800ms linear; }
    .stickyheader_old header .outer_wrapper.start .wrapper_cont {
      padding-top: clamp(0.75rem, 0.42857142857142855rem + 1.0714285714285714vw, 1.5rem); }
    .stickyheader_old header .outer_wrapper.top .wrapper_cont {
      padding-top: clamp(0.75rem, 0.42857142857142855rem + 1.0714285714285714vw, 1.5rem); }
    .stickyheader_old header .outer_wrapper.icon .content_wrapper .logo_center {
      max-width: 70px; }
      .stickyheader_old header .outer_wrapper.icon .content_wrapper .logo_center .logo_full {
        display: none; }
      .stickyheader_old header .outer_wrapper.icon .content_wrapper .logo_center .logo_icon {
        display: block; }
  .stickyheader_old header.up {
    position: fixed;
    top: calc(clamp(9.6875rem, 6.25rem + 11.458333333333334vw, 20rem) * -1);
    left: 0;
    width: 100%;
    z-index: 1000; }
  .stickyheader_old header.small .outer_wrapper .wrapper_cont {
    justify-content: flex-start; }
    .stickyheader_old header.small .outer_wrapper .wrapper_cont .logo_center {
      display: none; }
  .stickyheader_old header.small .outer_wrapper .logo_left {
    display: block; }
  .stickyheader_old header.small .outer_wrapper.start .wrapper_cont {
    padding-top: clamp(0.75rem, 0.42857142857142855rem + 1.0714285714285714vw, 1.5rem); }

@media screen and (min-width: 1020px) {
  .stickyheader_old header .outer_wrapper .content_wrapper {
    justify-content: space-between; }
    .stickyheader_old header .outer_wrapper .content_wrapper .burger {
      display: none; }
    .stickyheader_old header .outer_wrapper .content_wrapper .menu_left,
    .stickyheader_old header .outer_wrapper .content_wrapper .menu_right {
      display: flex; } }
@media screen and (min-width: 1921px) {
  .stickyheader_old header .outer_wrapper .content_wrapper {
    padding-left: 60px;
    padding-right: 60px; } }
/* --------------------------------------------------------------------------
  Nur Logo - logoonlySec
   -------------------------------------------------------------------------- */
.footerSec {
  max-width: 2560px;
  padding-top: clamp(2.25rem, -0.8780487804878052rem + 6.585365853658537vw, 5.625rem);
  margin-bottom: 0;
  background-color: #D6D6C2; }
  .footerSec .textBox {
    padding: 0 0 clamp(1.25rem, 0.41666666666666663rem + 2.777777777777778vw, 3.75rem); }
    .footerSec .textBox .top {
      padding-bottom: clamp(2.25rem, -0.8780487804878052rem + 6.585365853658537vw, 5.625rem);
      border-bottom: 1px solid #FBFBCE;
      font-family: "League Spartan";
      font-size: 1.125rem;
      font-size: clamp(1.125rem, 0.8601694915254237rem + 0.847457627118644vw, 1.75rem);
      line-height: 150%;
      letter-spacing: 0.02em;
      font-weight: 300;
      text-transform: none !important;
      text-align: center;
      color: #FBFBCE; }
    .footerSec .textBox .mobile {
      padding-top: clamp(1.5rem, -0.5853658536585367rem + 4.390243902439024vw, 3.75rem); }
    .footerSec .textBox .kontaktdaten {
      display: block;
      padding-top: clamp(1.5rem, -0.5853658536585367rem + 4.390243902439024vw, 3.75rem);
      color: #FBFBCE; }
      .footerSec .textBox .kontaktdaten .kontakt_hl {
        margin-bottom: clamp(1rem, 0.5365853658536586rem + 0.975609756097561vw, 1.5rem);
        font-family: "Instrument Serif";
        font-size: 1rem;
        font-size: clamp(1rem, 0.6524390243902439rem + 0.7317073170731707vw, 1.375rem);
        line-height: 140%;
        letter-spacing: 0.08em;
        font-weight: 600;
        text-transform: uppercase;
        color: #202020; }
      .footerSec .textBox .kontaktdaten .col_center {
        display: none;
        align-items: center; }
        .footerSec .textBox .kontaktdaten .col_center .logo {
          max-width: 300px;
          margin: 0 auto; }
      .footerSec .textBox .kontaktdaten .col_left {
        text-align: left; }
      .footerSec .textBox .kontaktdaten .col_right {
        padding-top: 36px;
        text-align: left; }
      .footerSec .textBox .kontaktdaten p, .footerSec .textBox .kontaktdaten a {
        color: #FBFBCE; }
  .footerSec .map_container {
    height: 50vh;
    max-height: 450px;
    filter: grayscale(100%); }
    .footerSec .map_container .map {
      height: 100% !important; }
    .footerSec .map_container.ref {
      margin-bottom: clamp(0.875rem, 0.6rem + 1.375vw, 2.25rem); }

@media screen and (min-width: 500px) {
  .footerSec .textBox .kontaktdaten {
    display: flex; }
    .footerSec .textBox .kontaktdaten .col_right {
      padding-top: 0;
      text-align: right; }
  .footerSec.tight {
    padding-top: clamp(0.875rem, 0.6rem + 1.375vw, 2.25rem); } }
@media screen and (min-width: 760px) {
  .footerSec {
    padding-left: clamp(1.5rem, -0.08333333333333326rem + 5.277777777777778vw, 6.25rem);
    padding-right: clamp(1.5rem, -0.08333333333333326rem + 5.277777777777778vw, 6.25rem); }
    .footerSec .textBox {
      padding-left: 0;
      padding-right: 0; }
      .footerSec .textBox .mobile {
        display: none; }
      .footerSec .textBox .kontaktdaten .col_center {
        display: flex; }
    .footerSec.tight {
      padding-top: clamp(0.875rem, 0.6rem + 1.375vw, 2.25rem); } }
/* --------------------------------------------------------------------------
  Kontakt ohne Formular - showKontaktnoformSec
   -------------------------------------------------------------------------- */
.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%; } }
/* --------------------------------------------------------------------------
  single allgemein - singleSec
   -------------------------------------------------------------------------- */
.singleSec .contBox h2 span {
  font-size: smaller; }

.singleSec .buttonBox {
  display: block !important;
  width: 100%;
  text-align: right; }

/* -------- Nur Bild - onlypicSec ------------------------------- */
.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("assets/arr_right_white.svg"); }

/* -------- Objektliste - objektlisteSec  ------------------------------------------ */
.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; } }
/* ==========================================================================
    Post-Typ-Templates (single)
   ========================================================================== */
/* -------- single Objekt - singleProjektSec  --------------------------------- */
.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("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%; }

/* --------------------------------------------------------------------------
  Fullsize-Template
   -------------------------------------------------------------------------- */
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; }

/* --------------------------------------------------------------------------
  onePage-Template
   -------------------------------------------------------------------------- */
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("template/icon_weiter.png"); }

.backBut {
  left: 40px;
  background-image: url("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("template/icon_weiter_mo2.png"); }

.backBut:hover {
  background-image: url("template/icon_back_mo2.png"); }

/* --------------------------------------------------------------------------
   Immosuche über Karte
   -------------------------------------------------------------------------- */
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("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("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; }

/* --------------------------------------------------------------------------
   Single Projekt
   -------------------------------------------------------------------------- */
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 im Header ------------------------------- */
#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; }

/* --------------------------------------------------------------------------
   DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
/* ----------- "onepagerslide" -> Startseite mit Slideshow ------------ */
.wrapper.startsectSlide .content {
  position: relative;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 80px;
  text-align: center; }

.wrapper.startsectSlide .content h2 {
  /* fs06 */
  margin: 0;
  padding: 0;
  text-align: center; }

.wrapper.startsectSlide .content h6 {
  /* fs05 */
  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; }

/* ----------- "onepager" -> Startseite mit Bild ------------ */
section.startsectPic .content {
  margin-top: 80px; }

/* --------------------------------------------------------------------------
   BOXEN FÜR INFO-KONTAKTBOX
   -------------------------------------------------------------------------- */
.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; }

/* --------------------------------------------------------------------------
   SEKTION KONTAKTFORM
   -------------------------------------------------------------------------- */
.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; }

/* --------------------------------------------------------------------------
   Videos
   -------------------------------------------------------------------------- */
.videoBox {
  position: relative;
  width: 100%;
  max-width: 100%;
  background-color: #fff; }

.videoBox video {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0.2; }

.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; }

/* --------------------------------------------------------------------------
   Effekte
   -------------------------------------------------------------------------- */
.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); }

/* ------------------- Animate ----------------------------------*/
@-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; }

/* --------------------------------------------------------------------------
   ALLGEMEINE LAYOUT- UND SEITENDEFINITIONEN
   -------------------------------------------------------------------------- */
.img_left,
img.alignleft {
  margin: 5px 10px 0 0;
  float: left; }

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

.c_rot,
.err {
  color: red !important; }

.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; }

.hideme {
  display: none !important; }

.hidden {
  opacity: 0; }

.visible {
  opacity: 1; }

/* --------------------------------------------------------------------------
   Backgroundslider - jQuery PlugIn 
   -------------------------------------------------------------------------- */
.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; }

/* ==========================================================================
   ÜBERSCHREIBEN VON PLUGIN-DEFINITIONEN
   ========================================================================== */
/* ------------------- CycloneSlider II ----------------------------------*/
.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("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("template/sl_arrow_l.png"); }

.cycloneslider-template-standard .cycloneslider-next {
  right: -25px;
  background-image: url("template/sl_arrow_r.png"); }

/* ------------------- PlugIn WP-Post-Tabs 1.6. ----------------------------------*/
.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; }

/* --------------------------------------------------- */
.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;
  -webkit-user-select: none;
  user-select: none; }

/* --------------------------------------------------------------------------
   Inhaltsspezifische Inhalte nach ID
   -------------------------------------------------------------------------- */