/* -----------------------------
   FONTS
----------------------------- */

@font-face { font-family: "Nexa Bold"; src: url("/sites/default/files/fonts/nexa-bold-latin-bold.woff") format("woff"); font-style: normal; font-weight: 700; font-display: auto; }
@font-face { font-family: "Nexa Light"; src: url("/sites/default/files/fonts/nexa-light.woff") format("woff"); font-style: normal; font-weight: 700; font-display: auto; }
@font-face { font-family: "PT Sans"; src: url("/sites/default/files/fonts/pt-sans-v12-latin-regular.woff") format("woff"); font-style: normal; font-weight: normal; font-display: auto; }

/* -----------------------------
   GIN | THEME
----------------------------- */

[data-toolbar-menu=""] .stickynav-active {
    padding-left: 66px;
    left: 0px;
}
[data-toolbar-menu="open"] .stickynav-active {
    padding-left: 0px;
}

.gin--vertical-toolbar {
    z-index: 99999;
}

body.toolbar-horizontal #navbar-main.fixed-top {
    top: 60px !important;
}

body.gin--vertical-toolbar {
  padding: 0px;
}
.gin-secondary-toolbar.gin-secondary-toolbar--frontend {
  position: fixed;
  right: 0px;
  left: 0px;
  padding-left: 65px;
  width: 100%
}
.toolbar-menu__trigger.trigger {
  display: none !important;
}

/* -----------------------------
   RESET & BASICS
----------------------------- */

:focus {
    outline: 0px;
}

* {
    min-width: 0px;
}

html {
    overflow-x: hidden;
   scroll-behavior: smooth;
}

.row {
    --bs-gutter-x: 0px;
    margin: 0px;
}

.row > * {
    padding: 0px;
}

a, .link {
  color: #000;
} 
a:hover {
    color: rgb(227, 194, 99);
}
a.default {
    border: none;
    font-size: inherit;
}
a.default:hover {
    color: rgb(0, 0, 0);
}
a.link {
    border-bottom: 3px solid rgb(227, 194, 99);
    font-size: 14px;
    font-family: "PT Sans";
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-decoration: none;
}
a.link:hover {
    border-bottom: 3px solid rgb(0, 0, 0);
    color: rgb(0, 0, 0);
}

[data-drupal-button-link="link"] { 
    border-bottom: 3px solid rgb(227, 194, 99);
  font-size: 15px;
  font-family: "PT Sans";
  font-weight: bold;
  text-decoration: none;
    color: #fff !important;
}

.node--type-referenzen .node-content .text-formatted a,
.node--type-blog .node-content .text-formatted a {
    border-bottom: 3px solid rgb(227, 194, 99);
    font-size: 15px;
    font-family: "PT Sans";
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.015em;
    text-decoration: none;
    color: #000;
}
a.marked:hover {
    border-bottom: 3px solid rgb(0, 0, 0);
    color: rgb(0, 0, 0);
}

/* -----------------------------
   TYPOGRAPHY
----------------------------- */

p,
li {
    font-family: "PT Sans";
    font-size: 16px;
    color: #000;
}

.node__content .text-formatted ul {
    padding-left: 21px;
}

.node__content .text-formatted li {
    position: relative;
    list-style: none;
}

.node__content .text-formatted ul li:before{
    content: "";
    width: 10px;
    height: 10px;
    background: #e3c263;
    display: block;
    position: absolute;
    left: -20px;
    top: 7.5px;
}
.node__content .text-formatted ul ul li:before {
    background: none;
    border: 2px solid #e3c263;
}

nav.tabs {
    margin-bottom: 0px !important;
}

/* -----------------------------
   IMAGES
----------------------------- */

.node .field--type-image {
    float: none;
}

.field--name-field-imagestyle {
    font-size: 0px;
  }

img {
    max-width: 100%;
    height: auto;
}

/* -----------------------------
   IMAGES
----------------------------- */


  h2:empty, li:empty {
    display: none !important;
    background: none !important;
    border: none !important;
  }
  

/* -----------------------------
   SCROLL UP
----------------------------- */


.scroll-up-image:before {
    content: "\f077";
    font-family: "Font Awesome 5 Free", FontAwesome;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    position: absolute;
    font-size: 24px;
    color: #e3c263;
      font-weight: 900;
}

.scroll-up-image {
    background-image: none;
    bottom: 30px;
    right: 10px;
    width: 38px;
    height: 40px;
}

/* -----------------------------
   HEADER
----------------------------- */

header div {
   height: 0px !important;
}

/* -----------------------------
   FOOTER
----------------------------- */

footer {
    min-height: auto;
    min-width: auto;
}
footer {
    background: rgb(0, 0, 0) !important;
    color: rgb(255, 255, 255);
    position: relative;
}
footer i {
    font-size: 20px;
}
footer td a {
    padding: 0px 5px;
}
footer a:hover {
    text-decoration: none !important;
}
footer table {
    max-width: 1200px;
    margin: auto;
}
footer td {
    text-transform: uppercase;
    font-size: 13px;
    font-family: "PT Sans";
    letter-spacing: 1px;
    line-height: 100%;
    border: none;
}

footer a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
footer h2 {
    color: rgb(227, 194, 99);
    font-size: 20px;
    text-transform: none;
}
footer .text-align-right {
    text-align: right;
}
footer .text-formatted {
    max-width: none;
}
footer .facebook {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 15px;
    font-size: 18px;
    text-decoration: none;
}
footer .instagram {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 50px;
    font-size: 21px;
    text-decoration: none;
    margin-top: -4px;
}
footer p {
    margin: 0px;
}

footer h3 {
    margin-top: 0px !important;
    float: right;
}

.site-footer tr, .site-footer td {
    border: none;
}

.site-footer__bottom {
    margin: 0px;
    border: none;
}

.site-footer__bottom .region {
    margin: 0px;
}



.site-footer {
    padding: 12px 0px
}

/* -----------------------------
   NAVIGATION
----------------------------- */

.menu-item.menu-item__menu_link_content\:56442023-41f5-47b0-978f-91401365fb05::before {
    content: "+";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    z-index: 1;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: rgb(136, 136, 136);
    pointer-events: none;
}
.menu-item.menu-item__menu_link_content\:56442023-41f5-47b0-978f-91401365fb05 {
    position: relative;
}
.menu-item.menu-item__menu_link_content\:56442023-41f5-47b0-978f-91401365fb05:hover::before {
    color: rgb(227, 194, 99);
}
#CollapsingNavbar {
    justify-content: center !important;
}

#block-dwi-mainnavigation {
  width: 100%;
}

#block-dwi-buttons {
    display: none;
}

.navbar.affix.bg-primary {
    background: transparent !important;
}

.scrolled .navbar.affix.bg-primary {
    background: #000 !important;
}


#CollapsingNavbar {
  height: 125px !important;
  max-width: 1200px;
  margin: auto;
}

.navbar-expand-lg .navbar-nav {
    justify-content: flex-end;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0; 
}

.navbar.affix {
    position: fixed;
    top: 0px;
    z-index: 100;
}

.navbar .container-fluid {
    width: 100%;
    max-width: 1200px;
}
.navbar .nav-link {
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 20px !important;
    color: rgb(255, 255, 255) !important;
}
.kontakt.nav-item.nav-link {
    margin-left: 30px;
    border: 2px solid rgb(255, 255, 255) !important;
}
.navbar .nav-link.active {
    position: relative;
    color: rgb(227, 194, 99) !important;
}
.navbar .nav-link:hover {
    position: relative;
    color: rgb(227, 194, 99) !important;
}
.navbar .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: 0px;
    border-bottom: 2px solid;
    left: 0px;
    right: 0px;
    margin: 0px 25px;
}
.navbar .kontakt.nav-link.active::after {
    border-bottom: 0px;
}
.navbar .kontakt.nav-link.active {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0) !important;
}
.navbar-dark .navbar-brand img,
.footer-dark .navbar-brand img {
    filter: invert(0);
    margin-top: 8px;
}
.navbar-brand img {
    height: 95px;
}
.nav-link.active {
    padding: 0px;
}
.nav-tabs,
.nav-link {
    border: 0px !important;
}

.page-node-8 .navbar.affix {
    position: relative;
  }
  
  .page-node-8 .navbar.affix.bg-primary {
    background: #000 !important;
  }

.kontakt.nav-link {
    border: 2px solid #fff !important;
}


/* -----------------------------
   CONTAINER / CONTENT
----------------------------- */ 

.container-fluid {
    --bs-gutter-x: 0px;
}
.node__content {
    margin: 0px;
}

.text-formatted {
    max-width: 960px;
    margin: auto;
}
.fixed {
    max-width: 1200px;
    margin: auto !important;
    position: relative !important;
}
.fullwidth {
    max-width: 100%;
    width: 100%;
}

.fullwidth .paragraph--type--bp-simple {
    max-width: 100%;
    margin: auto;
}

.fixed .paragraph__column {
    padding-left: 0px;
    padding-right: 0px;
}
.layout--threecol-33-34-33 > .layout__region--first,
.layout--threecol-33-34-33 > .layout__region--third,
.layout--threecol-33-34-33 > .layout__region--second {
    flex: 0 1 33%;
}
.layout__region--first {
    padding-right: 16px;
}
.layout__region--second {
    padding-right: 8px;
    padding-left: 8px;
}
.layout__region--third {
    padding-left: 16px;
}

/* -----------------------------
   HEADLINES
----------------------------- */

h1,h2,h3,h4,h5,h6 {
    font-family: "Nexa Bold";
}
h2,.h2 {
    font-size: 24px;
    line-height: 120%;
}

.intro h2 {
    font-family: "Nexa Light";
}

.intro h2 strong {
    font-family: "Nexa Bold";
}

.intro .text-formatted {
    max-width: 1200px;
}

.media-library-item__name {
    display: none;
}


/* -----------------------------
   MEDIA
----------------------------- */

.media {
    position: relative;
}

.swiper-container {
    margin-top: 0px;
}

.plyr-player {
    max-height: 1080px;
  }

.fullwidth .paragraph__column {
    padding: 0px;
}
.fullwidth .media--type-slider img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.paragraph--type--bp-background-image .media {
    display: block;
    position: relative;
}

.paragraph--type--bp-background-image .media img {
    width: 100%;
    max-width: 100%;
}

.paragraph > .paragraph__column {
  padding-bottom: 12px;
  padding-top: 12px;
  /*! padding-right: 12px !important; */
  /*! padding-left: 12px !important; */
}


/* -----------------------------
   HERO / SLIDER
----------------------------- */

.path-frontpage .slider {
    margin-bottom: 0;
}
.fullwidth.slider img, .fullwidth.slider picture {
    width: 100% !important;
    height: 100vh !important;
    object-fit: cover;
    object-position: center;
}
.fullwidth.slider .paragraph--type--bp-background-image {
    overflow: hidden;
}
.slider {
    position: relative;
}
.slider .extra-field--anchor p {
    visibility: hidden;
    z-index: 999;
    position: absolute;
    margin-top: -50px;
    height: 0px;
}
.slider .anchor a {
    bottom: 50px;
    position: absolute;
    z-index: 999;
    font-size: 36px;
    color: rgb(255, 255, 255);
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    height: 50px;
    width: 50px;
    overflow: hidden;
    opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;

}
.slider .anchor a:hover {
    color: rgb(227, 194, 99);
}

.slider .anchor .fa-chevron-down path {
    height: 50px;
    width: 50px;
}

.slider #scroll {
    visibility: hidden;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.paragraph--type--bp-background-image {
    position: relative;
}
.paragraph--type--bp-background-image .field--name-bp-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    display: block;
    margin: auto;
    left: 0px;
    right: 0px;
    max-width: 1400px !important;
}

.paragraph--type--bp-background-image .field--name-bp-text p {
    padding: 0px 15%;
    color: #fff;
}


.bottom .field--name-bp-text {
    transform: translateY(0%);
    display: table;
    top: auto;
    bottom: 0px;
}
.center {
    justify-content: center;
    align-items: center;
    position: relative;
    flex-basis: 100%;
    max-width: 960px;
    height: 100%;
    display: flex;
    float: right;
    text-align: center;
}





.slider .text-formatted {
    width: 100%;
    max-width: 100%;
    pointer-events: none;
}

.path-frontpage .slider img {
    width: 110%;
    height: auto;
    max-width: 110%;

}

.path-frontpage .fullwidth.slider h2 {
    font-size: 30px;
    color: #e3c263;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-top: 36px;
}

.path-frontpage .slider img {
    opacity: 0.75
}

.path-frontpage .fullwidth.slider {
    background: #202425;
    margin-bottom: 0px;
    z-index: 1;
}

.slider img {
    width: 100%;
    height: 100vh;;
    max-width: 100%;
    object-fit: cover;
}
.slider img:hover {
    transform: scale(1.1);
    transition: all 0.7s ease-in-out 0s;
}
.slider img {
    transition: transform 0.7s ease 0s, visibility 0.7s ease-in-out 0s;
    transform-origin: 50% 50%;
}
.slider:hover img {
    transform: scale(1.05);
}
.slider .layout__region--second .text-formatted {
    max-width: 960px;
    width: 100%;
}
.slider h2 {
    font-size: 18px;
    line-height: 140%;
    color: rgb(255, 255, 255);
    margin: 0px;
}
.slider .white {
    color: rgb(255, 255, 255);
}
.slider {
    transform: scale(1);
}
.slider.multiply {
    background: rgb(0, 0, 0);
    background-blend-mode: multiply;
}
.slider.multiply img {
    opacity: 0.72;
}

.slider {
    overflow: hidden;
}

.highlighted h1 {
    line-height: 82%;
}

.highlighted strong {
    color: rgb(255, 255, 255);
    font-size: 30px;
    margin: 0px;
}

.highlighted strong {
    padding: 0px;
    margin: 0px;
}

.yellow {
    color: rgb(227, 194, 99);
}

.yellow h2 {
    font-size: 30px;
    line-height: 125%;
   color: rgb(227, 194, 99);

}
.color_field__swatch {
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 0;
    height: 100% !important;
    left: 0px;
    right: 0px;
}



.layout--twocol .paragraph__column {
    padding-bottom: 0px;
}
.layout__region--first .paragraph--type--bp-simple {
    padding-right: 75px;
    padding-left: 75px;
}
.path-frontpage .layout__region--first .paragraph--type--bp-simple {
    padding-right: 0px;
    padding-left: 0px;
}
.fixed.kontakt .layout--twocol {
    margin-top: 80px;
    margin-bottom: -25px;
}
.map .layout__region--first .paragraph--type--bp-simple {
    padding-right: 50px;
    padding-left: 0px;
    margin-bottom: 25px;
}
.map .paragraph--type--bp-simple {
    padding-top: 0px;
}
.map .layout__region--second .paragraph--type--bp-simple,
.kontakt .layout__region--second .paragraph--type--bp-simple {
    padding-left: 50px;
}
.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
    padding: 0px;
}
.kontakt h3 {
    color: rgb(255, 255, 255);
    background-color: rgb(227, 194, 99);
    padding: 0.1rem 0px;
    box-shadow: rgb(227, 194, 99) 1rem 0px 0px, rgb(227, 194, 99) -1rem 0px 0px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    display: inline;
    line-height: 160%;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    bottom: 15px;
    right: -100px;
    z-index: 10;
}
.kontakt .layout__region--first {
    position: relative;
    padding-right: 50px;
}
.kontakt .paragraph--type--bp-simple {
    padding: 0px;
}


.paragraph {
    position: relative;
}
.fixed .layout--twocol {
    margin-top: 100px;
    align-items: flex-start;
    flex-basis: 100%;
    height: 100%;
    display: flex;
}

.fixed.lexikon .layout--twocol {
    margin-top: 25px;
}

.fixed.pager {
    max-width: 100%;
}

.fixed.pager .layout--twocol {
    margin: auto;
    max-width: 1200px;
}

.fixed.pager .paragraph--type--link a {
    color: #fff;
    border-color: #fff;
}

.fixed.pager .paragraph--type--link a {
    color: #fff;
    border-color: #fff;
}

.fixed.pager.blog .paragraph--type--link a {
    color: #000;
    border-color: #000;
}

.fixed.pager.blog .paragraph--type--link a:hover {
    color: #fff;
}

.lexikon .paragraph--type--bp-simple {
    padding-left: 0px;
    padding-right: 0px;
}

.lexikon .layout__region--second {
    padding: 0px;
}

.fixed.immobilienwerbung .layout__region--first .paragraph--type--bp-simple {
    padding-left: 0px;
}

.fixed.immobilienmarketing .paragraph--type--link,
.fixed.wer .paragraph--type--link{
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}


    .sliderbottom .extra-field--anchor {
        display: none;
    }

.sliderbottom img {
    opacity: 0.4;
}
.sliderbottom {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 36px;
    background: rgb(0, 0, 0);
    overflow: hidden;
}
.sliderbottom table {
    max-width: 1200px;
    margin: auto;
    color: rgb(255, 255, 255);
}
.sliderbottom .text-formatted {
    text-align: left;
    font-family: "PT Sans";
}
.sliderbottom .text-formatted strong {
    color: rgb(227, 194, 99);
    font-family: "PT Sans";
    font-weight: bold;
}
.sliderbottom li {
    margin-bottom: 5px;
}
.sliderbottom h2 {
    text-align: right;
    color: rgb(255, 255, 255);
    line-height: 140%;
    font-size: 24px;
    font-weight: bold;
}

.sliderbottom td {
    border: none;
}

.sliderbottom li {
    color: #fff;
}

.sliderbottom .paragraph__column {
    padding: 0px;
}

/* SLICK */ 


.slide__content {
    padding: 0px 15px;
  }
  
  .slick-list {
    margin-left: -15px;
    margin-right: -15px;
  }

  .fixed .slick-list {
    max-width: 1200px;
    margin: auto;
  }

.slick-prev::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free", FontAwesome;
    font-weight: 900;
}
.slick-next::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free", FontAwesome;
    font-weight: 900;
}
.slick-arrow::before {
    color: rgb(227, 194, 99);
    font-size: 2.25rem;
}
.slick-arrow:hover::before {
    color: rgb(51, 51, 51);
}

.slick .item-list li {
    border: none;
    background: none;
}




#edit-save-order.button {
    background: #000;
    border: 0;
}
.draggable .views-field-title, .draggable .views-field-title a {
    background: none !important;
    box-shadow: none !important;
    position: relative !important;
    text-align: left !important;
    pointer-events: visible !important;
    height: 35px;

}
#views-form-logos-page-1{
  max-width: 1200px;
  margin: 0px auto 75px auto;
}

/* STARTSEITE */ 

.uebersicht.fixed {
    height: 1000px;
    position: relative !important;
    display: flex;
    width: 1200px;
    padding-top:0px;
    padding-bottom: 75px;
}

.uebersicht .exklusiv {
    position: absolute;
    top: 0;
    bottom: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
    max-width: 520px;
    left: 33%;
    margin: auto;
    z-index: 10;
    color: #fff;
    hyphens: auto;
    text-align: justify;
    pointer-events: none;
}

.uebersicht .exklusiv p {
    color: #fff;
}

.uebersicht .paragraph--type--flipcard {
    position: absolute !important;
}



.uebersicht .paragraph--type--flipcard:nth-child(1) {
    right: 0px;
}
.paragraph--type--flipcard:nth-child:hover { z-index: 10; }
.paragraph--type--flipcard img { height: 100%; width: 100%; object-fit: cover;}


.paragraph.paragraph--type--flipcard {
  width: 225px;
  height: 225px;
}

.paragraph.paragraph--type--flipcard .card {
    height: 225px;
}

.uebersicht .paragraph__column {
    width: 100% !important;
}

.uebersicht .paragraph--type--flipcard:hover { z-index: 50 !important }
.leistungen img { height: 100%; width: 100%; object-fit: cover;}

.uebersicht .paragraph--type--flipcard:nth-child(8) .front h3 {
    top: auto;
    bottom: 0px;
}

.uebersicht .paragraph--type--flipcard:nth-child(11) .front h3 {
    top: auto;
    bottom: 0px;
}

.uebersicht-bg  {
    margin-bottom: -15px
}

.uebersicht-bg .layout__region .paragraph--type--link {
    text-align: center;
}

.uebersicht-bg .layout__region .paragraph--type--link a {
    color: #fff;
    border-color: #fff;
}

.ueberuns .layout__region--first {
       flex: 0 1 68%;
    }

.ueberuns .layout__region--second {
       flex: 0 1 32%;
    }

.ueberuns .layout__region--second .paragraph--type--link {
    text-align: left;
    color: #000;
}

/* -----------------------------
   LOGOS
----------------------------- */

.view-logos .view-content {
  position: relative;
  overflow: hidden;
  background-color: #4c4c4c;
  padding: 10px 0;
}

.logo-marquee-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  margin-bottom: 25px;
}

.logo-marquee-row {
  overflow: hidden;
  position: relative;
  height: 125px;
}

.logo-marquee-track {
  display: flex;
  width: max-content;
  animation: scroll-left 180s linear infinite;
  will-change: transform;
}

.logo-marquee-row.reverse .logo-marquee-track {
  animation-direction: reverse;
}

.logo-marquee-row.third .logo-marquee-track {
  animation-duration: 180s; /* langsamer */
}

.logo-marquee-wrapper.paused .logo-marquee-track {
  animation-play-state: paused !important;
}

.logo-marquee-track .views-row {
  flex: 0 0 auto;
  margin: 0 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-marquee-track .views-row img {
  object-fit: contain;
  width: auto;
  max-height: 110px;
}

/* Sanfter Verlauf links/rechts */
.logo-marquee-wrapper::before,
.logo-marquee-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  pointer-events: none;
  z-index: 10;
  background: linear-gradient(to right, #4c4c4c 0%, transparent 100%);
}

.logo-marquee-wrapper::after {
  right: 0;
  background: linear-gradient(to left, #4c4c4c 0%, transparent 100%);
}

.logo-marquee-wrapper::before {
  left: 0;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


/* -----------------------------
   LEISTUNGEN / Node
----------------------------- */

.leistungen .text-formatted {
    max-width: 100%;
}
.leistungen.intro {
    padding: 0px 12px;
     position: relative;
}

.leistungen .paragraph--type--embed {
    margin-top: 50px;
}

.paragraph--type--grid .row .field__item {
    /*! padding: 0px 6px !important; */
}

.leistungen.intro .field--name-field-media img {
  width: 90% !important;
  height: auto;
  position: absolute;
  top: -90px !important;
}

.leistungen.intro .field--name-field-media .field__item:nth-child(1) img {
  position: absolute;
  top: 0;
  margin-left: -20%;
}

.leistungen.intro .field--name-field-media .field__item:nth-child(2) img  {
  position: absolute;
  margin-top: 82%;
  margin-left:6%;
}

.leistungen.intro .field--name-field-media .field__item:nth-child(3) img  {
  position: absolute;
  margin-top: 165%;
  margin-left:-23%;
}

.node--type-leistungen #main .node__content {
    margin-top: 100px;
}
.node--type-leistungen #main .layout {
    max-width: 1200px;
    margin: auto;
}
.node--type-leistungen .field--name-field-icon {
    margin: 50px auto 0px;
    display: inline-block;
}
.node--type-leistungen .field--name-field-icon img {
    max-height: 100px;
    width: auto;
}
.node--type-leistungen .tabs-primary {
    position: relative;
    top: 15px;
}
.node--type-leistungen .layout .node--type-leistungen {
    position: relative;
}

.node--type-leistungen .field--name-field-service a {
    pointer-events: none;
}

.node--type-leistungen .field--name-field-service {
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Nexa Bold";
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
}
.node--type-leistungen h1 {
    line-height: 32px;
    font-size: 30px;
    letter-spacing: 0.01em;
    color: rgb(227, 194, 99) !important;
}
.node--type-leistungen .layout__region--first {
    text-align: center;
    margin-bottom:25px;
    
    padding-right: 25px;
}

.node--type-leistungen .layout__region--second h1 {
    margin-top: -3px;
}

.node--type-leistungen .field--name-field-display-title {
    max-width: 300px;
    margin: auto;
}

.node--type-leistungen .extra-field--linkedin {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.node--type-leistungen .layout__region--first {
  position: relative;
}


.node--type-leistungen .entity-pager-item-all a {
    border: 3px solid #000;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    text-transform: none;
    letter-spacing: 0.015em;
    padding: 8px 18px;
    text-decoration: none !important;
    position: absolute;
    left: 0px;
    top: 0px;
}

.node--type-leistungen .entity-pager-item-next a {
    border: 3px solid #000;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    text-transform: none;
    letter-spacing: 0.015em;
    padding: 8px 18px;
    text-decoration: none !important;
    position: absolute;
    right: 0px;
    top: 0px;
}

.node--type-leistungen .entity-pager a:hover {
    background: #000;
    color: #fff;
}

.node--type-leistungen .entity-pager {
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative;
}

/* -----------------------------
   LEISTUNGEN / Zweispaltig
----------------------------- */

.node--type-leistungen.toolbar-horizontal .node--view-mode-full{
    margin-top: 150px;
}


.node--type-leistungen.toolbar-horizontal .node--view-mode-two-column{
    margin-top: 175px;
}


.node--type-leistungen.toolbar-horizontal .node--view-mode-full h1{
    margin-top: -2px;
}


.node--type-leistungen .node--view-mode-two-column h1 {
    line-height: 32px;
    font-size: 30px;
    letter-spacing: 0.01em;
    color: rgb(227, 194, 99) !important;
    margin-top: -45px;
    margin-bottom: 15px;
}


.node--type-leistungen .node--view-mode-two-column .layout.layout--twocol {
    margin-top: 175px;
}


.node--type-leistungen .node--view-mode-two-column .text-formatted {
  max-width: 100%;
  column-count: 2;
  column-gap: 36px;
}

.node--type-leistungen .node--view-mode-two-column .text-formatted p,
.node--type-leistungen .node--view-mode-two-column .text-formatted ul,
.node--type-leistungen .node--view-mode-two-column .text-formatted ol {
  break-inside: avoid;           /* Absätze/Listen nicht splitten */
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

.node--type-leistungen .node--view-mode-two-column .text-formatted hr {
  border: none;                  /* optional: kein Strich */
  height: 1px;                    /* muss >0 sein für Browser */
  margin: 0;
}

.node--type-leistungen .node--view-mode-two-column .field--name-field-media {
    display: flex;
    margin-top: 50px;
    gap: 36px;
} 

.node--type-leistungen .node--view-mode-two-column .swiper-container.leistungen {
    margin-left: -9px;
    margin-right: -9px;
}

.node--type-leistungen .node--view-mode-two-column .swiper-container.leistungen .field--name-field-media-image {
    margin-left: 9px;
    margin-right: 9px;
}

.node--type-leistungen .field--name-field-caption {
    margin-left: 7px;
    margin-bottom: 75px;
    position: absolute;
    top: -90px;
}

.node--type-leistungen .swiper-wrapper {
    padding-top: 36px;
    padding-bottom: 10px;
    position: relative;
}

.node--type-leistungen .video .swiper-wrapper {
    padding-bottom: 25px;
}

/* -----------------------------
   LEISTUNGEN / Views
----------------------------- */

.view-leistungen .col-12.col-sm-6.col-md-6.col-lg-6.col-xl-4 {
  padding: 0px 15px;
}

.view-leistungen .row {
  margin-left:-7px;
  margin-right:-7x
}

.view-leistungen #views-bootstrap-leistungen-block-1 {
    border: 2px solid rgb(227, 194, 99);
    width: 75%;
    margin: auto;
    text-align: center;
    padding: 0px 25px;
    min-height: 345px;
}
.view-leistungen #views-bootstrap-leistungen-block-2 {
    border: 2px solid rgb(227, 194, 99);
    width: 75%;
    margin: auto;
    text-align: center;
    padding: 0px 25px;
    min-height: 345px;
}
.view-leistungen a {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
.view-leistungen h3 {
    font-size: 24px;
    margin-bottom: 0px;
    left: 0px;
    right: 0px;
    height: 65px;
    padding: 0px 10%;
    text-align: center;
}
.view-leistungen .more {
    text-align: center;
}

.view-leistungen p {
    text-align: center;
}

.view-leistungen .more a {
    text-transform: uppercase;
    font-family: "PT Sans";
    font-size: 14px;
    font-weight: bold;
    margin: 0px auto;
    border-bottom: 2px solid rgb(227, 194, 99);
    display: inline-block;
}
.view-leistungen img {
    max-height: 100px;
    width: auto;
    margin-top: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.view-leistungen .carousel-control-prev-icon {
    background: none;

}
.view-leistungen .carousel-control-next-icon,
.view-leistungen .carousel-control-prev-icon{
    background: none;

}

.view-leistungen .carousel-control-prev-icon:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free", FontAwesome; 
    font-size: 2.25rem;
    color: #e3c263;
    font-weight: 900;

}
.view-leistungen .carousel-control-next-icon:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free", FontAwesome;
    font-size: 2.25rem;
    color: #e3c263;
      font-weight: 900;

}

.carousel-control-prev, .carousel-control-next {
    opacity: 1;
}

.view-leistungen #views-bootstrap-leistungen-block-1,
.view-leistungen #views-bootstrap-leistungen-block-2 {
    margin-bottom: 75px;
}

.view-leistungen #views-bootstrap-leistungen-block-1 .carousel-indicators {
    background: rgb(227, 194, 99);
    position: absolute;
    margin: 0px;
    left: 15%;
    right: 15%;
    bottom: -21px;
}
.view-leistungen #views-bootstrap-leistungen-block-2 .carousel-indicators {
    background: rgb(227, 194, 99);
    position: absolute;
    margin: 0px;
    left: 15%;
    right: 15%;
    bottom: -21px;
}
.view-leistungen .carousel-indicators li {
    width: 7px;
    height: 7px;
    border-radius: 90%;
    background: none;
    border: 1px solid rgb(255, 255, 255);
    margin: 6px 3px;
}
.view-leistungen .carousel-indicators li.active {
    background: rgb(255, 255, 255);
}
.view-leistungen.view-display-id-block_3 {
    text-align: center;
}
.view-leistungen .view-filters {
    margin-top: 0px;
    margin-bottom: 25px;
}
.view-leistungen .view-filters label {
    margin-right: 15px;
    text-transform: uppercase;
    font-family: "Nexa Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.03em;
    cursor: pointer;
}
.view-leistungen .view-filters input {
    display: none;
}
input:checked ~ label {
    border-bottom: 2px solid rgb(227, 194, 99);
    color: rgb(227, 194, 99);
}

.view-leistungen .Immobilienwerbung {
    border: 2px solid rgb(227, 194, 99);
    margin-bottom: 50px;
    position: relative;
    padding: 25px;
}
.view-leistungen .Immobilienwerbung::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 20px;
    left: 0px;
    right: 0px;
    margin: auto;
    background: rgb(227, 194, 99);
    display: none;
}
.view-leistungen .Immobilienmarketing {
    border: 2px solid rgb(227, 194, 99);
    margin-bottom: 50px;
    position: relative;
    padding: 25px;
}
.view-leistungen .Immobilienmarketing::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 20px;
    left: 0px;
    right: 0px;
    margin: auto;
    background: rgb(227, 194, 99);
    display: none;
}
.view-leistungen.view-display-id-gesamt p,
.view-leistungen.view-display-id-marketing p,
.view-leistungen.view-display-id-werbung p{
    padding: 0px 10%;
    height: 50px;
}

.view-leistungen.view-display-id-marketing,
.view-leistungen.view-display-id-werbung {
    height: auto;
}

.view-leistungen {
    margin-bottom: 75px;
    margin-top: -25px;
}

.view-leistungen .views-view-entity-pager {
    margin-bottom: 150px;
    margin-top: 50px;
}

#views-form-leistungen-page-1{
  max-width: 1200px;
  margin: 0px auto 150px auto;
}

#views-form-referenzen-page-2 {
    margin-top: 75px;
}
#views-form-logos-page-1 img{
  filter: invert(1);
  max-height: 60px;
  width: auto;
}

.view-filters {
    margin: auto;
    max-width: 1200px;
}

/* -----------------------------
   REFERENZEN / Node
----------------------------- */

.node--type-referenzen .layout__region--top {
    position: relative;
}
.node--type-referenzen .layout__region--top .extra-field--anchor p {
    visibility: hidden;
    z-index: 999;
    position: absolute;
    margin-top: -50px;
    height: 0px;
}
.node--type-referenzen .layout__region--top .anchor a {
    bottom: 50px;
    position: absolute;
    z-index: 999;
    font-size: 48px;
    color: rgb(255, 255, 255);
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    height: 50px;
    width: 50px;
}
.node--type-referenzen .text-formatted {
    margin: 0px;
}

.node--type-referenzen .layout__region--top .anchor a:hover {
    color: rgb(227, 194, 99);
}

.node--type-referenzen .layout__region--top #scroll {
    visibility: hidden;
}


.node--type-referenzen .layout__region--first  .slick {
    margin-top: 0px !important;
  }

  .node--type-referenzen .layout__region--first {
    padding-right: 0px;
  }
.node--type-referenzen .layout__region--first .slick-prev {
    left: 50px;
}
 
.node--type-referenzen .layout__region--first .slick-next {
    right: 34px;
}

.node--type-referenzen .layout__region--first .swiper-slide {
  max-width: 100% !important;
  width: 100% !important;
}
  
.node--type-referenzen .layout.layout--twocol {
  display: flex;
  justify-content: center;   /* zentriert das Paar horizontal */
  gap: 20px;                 /* Abstand zwischen first & second */
  flex-wrap: wrap;           /* bei kleinen Bildschirmen umbrechen */
  width: 100%;
}

.node--type-referenzen .layout__region--first,
.node--type-referenzen .layout__region--second {
  flex: 1 1 600px;   /* wachsen/kleiner werden, aber max 600px */
  max-width: 600px;
}

.node--type-referenzen .layout__region--bottom {
  max-width: 1200px;
  margin-bottom: 125px !important;
}

.node--type-referenzen .layout__region--bottom .swiper-container {
    padding-bottom: 12px;
}

.node--type-referenzen .paragraph--type--bp-background-image {
    background: rgb(0, 0, 0);
    background-blend-mode: multiply;
}
.node--type-referenzen .paragraph--type--bp-background-image img {
    opacity: 0.7;
    position: relative;
}
.node--type-referenzen .image-style-slider {
    margin-top: -90px;
}

.node--type-referenzen .slides-multiple {
    margin-right: -18px;
}

.paragraph--type--bp-background-image .paragraph__column {
    padding-left: 0px;
    padding-right: 0px;
}

.node--type-referenzen .paragraph--type--bp-background-image {
    margin-bottom: 50px;
}

.node--type-referenzen .onlydesc {
  margin-top: -75px !important;
}


.node--type-referenzen .extra-field--pager {
    position: relative;
    max-width: 1200px;
    margin: 0px auto 50px auto;
}

.node--type-referenzen .extra-field--pager li {
    list-style: none;
}

.node--type-referenzen .extra-field--pager a:hover {
    background: #000;
    color: #fff;
}

.node--type-referenzen .extra-field--pager .uebersicht a {
 border: 3px solid #000;
 border-radius: 0px;
 font-size: 16px;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 font-weight: bold;
 text-transform: none;
 letter-spacing: 0.015em;
 padding: 8px 18px;
 text-decoration: none !important;
 position: absolute;
 left: 0px;
 top: 0px;
}

.node--type-referenzen .extra-field--pager .aktuell a {
 border: 3px solid #000;
 border-radius: 0px;
 font-size: 16px;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 font-weight: bold;
 text-transform: none;
 letter-spacing: 0.015em;
 padding: 8px 18px;
 text-decoration: none !important;
 position: absolute;
 right: 0px;
 top: 0px;
}

.node--type-referenzen h2 {
    margin-bottom: 50px;
}

.node--type-referenzen .paragraph__column {
    padding-left: 0px;
    padding-right: 0px;
}

.node--type-referenzen .layout__region--bottom {
    margin-bottom: 75px;
    margin-top: 50px;
}
.node--type-referenzen .layout__region--top {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
}
.node--type-referenzen .field--name-field-display-title h1  {
    position: absolute;
    z-index: 1;
    transform: translateY(-50%);
    top: 50%;
    background-color: rgb(227, 194, 99);
    padding: 0.1rem 0px;
    box-shadow: rgb(227, 194, 99) 1rem 0px 0px, rgb(227, 194, 99) -1rem 0px 0px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    font-family: "Nexa Bold";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    color: rgb(255, 255, 255);
    line-height: 160%;
    margin-top: -70px;
}

.node--type-referenzen .field--name-field-display-title {
    justify-content: center;
    display: flex;
    position: absolute;
    left: 0px;
    right: 0px;
}
.node--type-referenzen .field--name-field-client  {
    position: absolute;
    z-index: 5;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: bold;
    margin-top: -120px;
    font-family: "PT Sans";
}
.node--type-referenzen .layout__region--first .media {
    max-width: 600px;
    float: right;
    width: 100%;
}
.node--type-referenzen .layout__region--second .text-formatted {
    max-width: 600px;
    float: left;
}
.node--type-referenzen .slick.slick--field {
    max-width: 1200px;
    width: 100%;
}
.node--type-referenzen .slick {
    margin: 25px auto 25px auto;
}

/* -----------------------------
   REFERENZEN / Views
----------------------------- */

.view-referenzen {
    max-width: 1200px;
    margin: auto;
}

.referenzteaser {
    position: relative;
    z-index: 10;
}

.referenzteaser .slide__caption, 
.referenzteaser .slide__description,
.referenzteaser .slide__link {
    pointer-events: none;
}

.referenzteaser .slick .slide__link a {
    position: absolute;
    top: 0px;
    right: 0px;
}

.referenzteaser .view-referenzen .view-header {
    font-size: 26px;
    margin-bottom: 25px;
    font-family: "Nexa Bold";
    text-align: center;
}

.referenzteaser .view-referenzen .view-header a.button {
    color: #000;
    font-size: 16px;
    border: 1px solid;
    padding: 3px 12px;
    text-decoration: none;
    background: #fff;
}

.referenzteaser .view-referenzen .view-footer a {
   color: #fff;
   border: 2px solid #fff;
   padding: 8px 18px;
   display: inline-block;
   text-decoration: none;
   top: 0px;
   font-weight: bold;
    margin: auto;
    text-align: center;
    z-index: 100;
    position: relative;
}

.referenzteaser .view-referenzen .view-footer a:hover {
    background: #000;
    color: #fff;
}

.referenzteaser .view-referenzen .view-footer {
    text-align: center;
    margin-top: 25px;
}


.referenzen .view-referenzen {
    padding-top: 100px;
}

.view-referenzen .view-content {
    margin-left: -15px;
    margin-right: -15px;
}

.view-referenzen .col-12.col-sm-6.col-md-4.col-lg-4.col-xl-4 {
    position: relative;
    margin-bottom: 30px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.view-referenzen .views-field-title {
    position: absolute;
    z-index: 1;
    bottom: 60px;
    left: 50px;
    right: 50px;
    margin: auto;
    text-align: center;
    pointer-events: none;
}
.view-referenzen .views-field-title a {
    text-align: center;
    background-color: rgb(227, 194, 99);
    box-shadow: rgb(227, 194, 99) 1rem 0px 0px, rgb(227, 194, 99) -1rem 0px 0px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    font-family: "Nexa Bold";
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 45px;
    color: rgb(255, 255, 255);
    margin: auto;
    display: inline;
    pointer-events: none;
    padding: 0px !important;
    text-decoration: none;
}
.view-referenzen .views-field-views-conditional-field {
    font-family: "PT Sans";
    margin: auto;
    text-align: center;
    display: inline;
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    pointer-events: none;
}
.view-referenzen .views-field-views-conditional-field a {
    font-weight: 600;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    display: table;
    border-bottom: 2px solid rgb(227, 194, 99);
    font-family: "PT Sans";
    margin: auto;
    left: 0px;
    right: 0px;
    text-decoration: none;
}

/* -----------------------------
   PROJEKTSEITE / Node
----------------------------- */

.field--name-field-projects .field--name-field-display-title h2 {
    display: inline;
    background-color: rgb(227, 194, 99);
    padding: 10px 0px 6px;
    box-shadow: rgb(227, 194, 99) 1rem 0px 0px, rgb(227, 194, 99) -1rem 0px 0px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}


.field--name-field-projects .field--name-extra-field-readmore-extrafield {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    pointer-events: none;
}
.view-referenzen .views-field-views-conditional-field .invert a {
    color: rgb(255, 255, 255);
}
.view-referenzen .views-field-view-node {
    text-align: center;
}
.paragraph--view-mode--offset {
    margin-top: 175px;
    margin-bottom: 75px;
    text-align: center;
}
.paragraph--view-mode--offset img {
    margin: -175px auto 25px;
    max-width: 1200px;
}
.paragraph--type--youtube.paragraph--view-mode--column {
    max-width: 1200px;
    margin: auto;
}
.paragraph--type--youtube.paragraph--view-mode--column .layout__region--first {
    margin-top: -50px;
}
.paragraph--type--youtube.paragraph--view-mode--slick .field--name-field-body {
    max-width: 1200px;
    margin: auto;
    padding: 0px 50px;
}
.paragraph--type--youtube.paragraph--view-mode--slick h2 {
    margin-top: 50px;
    margin-bottom: 25px;
}
.node--type-client .field--name-field-logo {
    margin-left: 0px;
    max-width: 200px;
}
.node--type-client #main .content {
    background: rgba(0,0,0,0.7);
}

.node--type-client .layout--twocol {
    padding-top: 75px !important;
}

.node--view-mode-moreprojects .layout--twocol {
    max-width: 1200px;
    margin: auto;
    color: rgb(255, 255, 255);

}


.node--view-mode-moreprojects .layout--twocol h1 {
    visibility: hidden;
}

.node--type-client .node--view-mode-moreprojects {
    padding-top: 50px;
}

.node--type-client .node--view-mode-moreprojects p {
    color: #fff;
}

.node--type-client .node--view-mode-moreprojects .node--view-mode-teaser .node__content {
    padding-top: 0px;
}

.page-node-type-client .text-formatted {
    margin-bottom: 0px;
}

.page-node-type-client .node--view-mode-moreprojects .text-formatted {
    margin-bottom: 25px;
    padding-left: 5px;
}

.node--type-client .entity-pager,
.node--type-blog  .entity-pager{
    position: relative;
    margin-bottom: 75px;
    margin-top: 75px;
}

.node--type-client .entity-pager-item-all a {
    position: absolute;
    left: 0px;
    color: #fff;
    border: 2px solid #fff;
    display: block;
   padding: 8px 18px;
   text-decoration: none;
   top: 0px;
    font-weight: bold;
}

.node--type-client .entity-pager-item-next a {
    position: absolute;
    right: 0px;
    color: #fff;
    border: 2px solid #fff;
    display: block;
   padding: 8px 18px;
   text-decoration: none;
   top: 0px;
        font-weight: bold;

}

.node--type-client .entity-pager a:hover {
    background: #000;
    color: #fff;
}

.node.node--type-client p {
    color: #fff;
}

.node.node--type-client.node--view-mode-singleproject {
    margin-top: 0px;
    margin-bottom: 0px;
}
.node.node--type-client.node--view-mode-singleproject .layout__region--first {
    padding-right: 0px;
}
.node.node--type-client.node--view-mode-singleproject .layout__region--second img {
    padding: 0px 15%;
    width: 100%;
}
.node.node--type-client.node--view-mode-singleproject h1 {
    font-size: 30px;
    color: rgb(255, 255, 255);
    margin-top: 0px;
    margin-bottom: 36px;
}
.node.node--type-client.node a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.field--name-field-projects {
    position: relative;
}
.field--name-field-projects .field--name-field-client {
    position: absolute;
    bottom: 125px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-weight: 600;
    font-family: "PT Sans";
    font-size: 15px;
    pointer-events: none;
}
.field--name-field-projects .field--name-extra-field-readmore-extrafield a {
    font-weight: 600;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    display: inline-block;
    border-bottom: 2px solid rgb(227, 194, 99);
    font-family: "PT Sans";
}
.field--name-field-projects .field--name-field-display-title {
    position: absolute;
    z-index: 1;
    bottom: 60px;
    left: 0px;
    right: 0px;
    font-family: "PT Sans";
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 56px;
    color: rgb(255, 255, 255);
    display: table;
    pointer-events: none;
    text-align: center;
    width: 100%;
    max-width: 200px;
    margin: auto !important;
}
.field--name-field-projects .field--name-field-display-title h2 {
    display: inline;
    background-color: rgb(227, 194, 99);
    padding: 10px 0px 6px;
    box-shadow: rgb(227, 194, 99) 1rem 0px 0px, rgb(227, 194, 99) -1rem 0px 0px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: #fff;
}
.field--name-field-projects .field--name-extra-field-readmore-extrafield {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    pointer-events: none;
}
.node--view-mode-moreprojects .layout__region--bottom {
    margin: 25px auto 0px;
}

.node--view-mode-moreprojects .field--name-field-projects .layout__region--content {
    position: relative;
}

.node--view-mode-moreprojects .field--name-field-projects{
 display:flex;
 flex-flow:row wrap;
 justify-content: center;
 margin:auto;
 gap:25px;
 row-gap: 0px;
}

.node--view-mode-moreprojects .field--name-field-projects article {
    max-width: 380px;
    margin: auto;
    padding:0px 25px 0px 0px;
    border: none;
} 

.node--type-client .layout--twocol {
    padding-top:75px;
}

.node--type-client .node--view-mode-teaser {
    border: none;
    margin: 0px;
    padding: 0px;
}

.node--type-client .node__content {
    max-width: 1200px;
    margin: auto;
    padding-top: 75px;
}

.node--type-client header h2 {
    display: none;
}

.node--view-mode-moreprojects 

.node--type-client .node__content p {
    color: #fff;
}

.paragraph--type--bp-simple {
    max-width: 1200px;
    margin: auto;
    padding: 12px 0px 0px 0px;
}
.paragraph--type--bp-simple h2 {
    margin-bottom: 15px;
}

/* -----------------------------
   TEAM
----------------------------- */

.gf .text-formatted p {
    color: #fff;
}

.gf .layout__region--first {
    width: 100%;
    position: relative;
    margin-bottom: -24px;
}

.gf .layout__region--first h3 {
    color: rgb(255, 255, 255);
    padding: 0.1rem 0px;
    line-height: 160%;
    font-size: 21px;
    font-weight: bold;
    position: absolute;
    top: 28px;
    left: 0px;
    right: 0px;
    z-index: 10;
    text-align: center;
   
}

.gf .layout__region--top h3 {
    font-size: 26px;
    margin-bottom: 6px;
    color: rgb(227, 194, 99);
}


.team .paragraph > .paragraph__column {
    padding-bottom: 25px;
}
.team .paragraph__column {
    padding-left: 0px;
    padding-right: 0px;
}

.fixed .layout--twocol {
    margin-top: 0px;
}

.gf .paragraph__column {
    padding-left: 0px;
    padding-right: 0px;
}
.gf .layout__region--first-above img {
    max-width: 75%;
    float: left;
    margin-top: 15px;
}
.gf .layout__region--second-below img {
    max-width: 75%;
    float: right;
}
.gf .layout__region--first-above,
.gf .layout__region--second-below {
    margin-bottom: 0px;
}
.gf .layout__region--second-above {
    padding-left: 80px;
}
.gf .layout__region--second-above .paragraph__column {
    padding-bottom: 0px;
}
.gf .paragraph--type--bp-simple {
    padding: 0px 5px 0px 0px;
}
.gf .layout__region--middle .paragraph--type--bp-simple {
    padding: 0px;
}
.gf .layout__region--first-below {
    padding-right: 80px;
}
.field--name-field-overlay {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: multiply;
    opacity: 0;
}
.field--name-field-overlay:hover {
    opacity: 1;
    overflow: hidden;
}
.field--name-field-overlay p {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 50px;
    z-index: 10;
    pointer-events: none;
    width: 60%;
}
.field--name-field-overlay strong {
    position: relative;
    color: rgb(255, 255, 255);
    background-color: rgb(227, 194, 99);
    padding: 0.1rem 0px;
    box-shadow: rgb(227, 194, 99) 1rem 0px 0px, rgb(227, 194, 99) -1rem 0px 0px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    display: inline;
    line-height: 165%;
    font-size: 24px;
    font-weight: bold;
}

.team {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  position: relative;
  height:725px;
  display: flex;
}

.paragraph--type--team .card {
    height: 360px;
    width: 360px;
}

.paragraph--type--team:nth-child(1) {
  position: absolute;
  top: 0px;
  left: 0%;
  z-index: 10;
}
.paragraph--type--team:nth-child(2) {
  position: absolute;
  top: -25%;
  right: 0px;
  z-index: 20;

}

.paragraph--type--team:nth-child(3) {
  position: absolute;
  bottom: 0px;
  left: 12%;
  z-index: 15;
}

.paragraph--type--team:nth-child(4) {
   position: absolute;
   left:40%;
   top: 10%;
   z-index: 15;
}

.paragraph--type--team:nth-child(5) {
   position: absolute;
   bottom: 0%;
  right: 0%;
  z-index: 10;
}

.paragraph--type--team:nth-child(1) .slogan {
    bottom: auto;
    top: 15px;
}

.paragraph--type--team:hover {
  z-index: 100;
}

/* -----------------------------
   NEWS
----------------------------- */

.node--type-blog{
    padding-top: 50px;
  }

.node--view-mode-one-column {
  max-width: 1200px;
  margin: auto;
}

.node--view-mode-one-column img {
    margin-bottom: 25px;
}

.node--view-mode-one-column h2 {
  max-width: 1200px;
  margin: 75px auto 25px auto;
  pointer-events: none;
}

.node--view-mode-one-column h2 a {
    text-decoration: none;
}

.node--type-blog  .layout--twocol {
    max-width: 1200px;
    margin: 75px auto 0px auto;
}

.node--type-blog  .image-style-blog {
    margin-bottom: 25px;
}
.node--type-blog  .layout__region--first {
    padding-left: 0px;
    padding-right: 50px;
}
.node--type-blog  .layout__region--second {
    padding-right: 50px;
}

.node--type-blog  .entity-pager {
    max-width: 1200px;
    margin: 50px auto 75px auto;
}

.node--type-blog  .entity-pager-item-all a {
    position: absolute;
    left: 0px;
    color: #000;
    border: 3px solid #000;
    display: block;
   padding: 8px 18px;
   text-decoration: none;
   top: 0px;
    font-weight: bold;
}

.node--type-blog  .entity-pager-item-next a {
    position: absolute;
    right: 0px;
    color: #000;
    border: 3px solid #000;
    display: block;
   padding: 8px 18px;
   text-decoration: none;
   top: 0px;
        font-weight: bold;

}

.node--type-blog  .entity-pager a:hover {
    background: #000;
    color: #fff;
}

.node--type-blog .swiper-container {
    margin-top: 0px;
}

.swiper-button-prev,
 .swiper-button-next {
    color: #e3c263;
    transform: scale(0.85);
    transform-origin: center;
     background: rgba(0,0,0,0.75);
     width: 42px;
     height: 42px;
     border-radius: 90%;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 21px
}

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

.swiper-button-prev {
    left:25px;
}

.swiper-pagination {
    bottom: 0px !important;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

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

.node--type-blog  h1 {
    font-family: "Nexa Bold";
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 25px;
}

.node--type-blog  h2 {
    font-family: "Nexa Bold";
    font-size: 21px;
    margin-bottom: 25px;
}

.node--type-blog  h3 {
    font-family: "Nexa Bold";
    font-size: 18px;
    margin-top: 25px;
}


.node--type-blog  .ui-accordion-header {
    border: 0px;
    background: none;
    padding: 0px;
    margin-top: 15px;
}
.node--type-blog  .ui-accordion-header.ui-state-active a {
    color: rgb(0, 0, 0);
}
.node--type-blog  .ui-accordion-content {
    padding: 0px;
    border: 0px;
}
.node--type-blog  .ui-accordion-header .ui-icon {
    display: none;
}



.view-blog .view-content {
    margin-left: -15px;
    margin-right: -15px;  
    margin-top: -25px;
}

.view-blog .view-content .col-auto {
    padding-left: 15px;
    padding-right: 15px;
}


.view-blog .title {
    height: 150px;
}
.view-blog .title h2 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 0px;
    display: inline-block;
    font-family: "Nexa Bold";
    width: 100%;
}
.view-blog .title h2 a {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
.view-blog .image-style-blog {
    box-shadow: rgb(85, 85, 85) 1px 0px 1px -3px;
    border: 1px solid rgb(221, 221, 221);
}

.addtoany_list {
    margin-left: -3px;
}
.view-blog .js-pager__items.pager {
    text-align: center;
    margin: 0px;
}
.view-blog .js-pager__items.pager li {
    list-style: none;
}
.view-blog .js-pager__items.pager .button {
    border: 3px solid rgb(0, 0, 0);
    border-radius: 0px;
    text-transform: uppercase;
    font-family: "Nexa Bold";
    padding: 8px 18px;
    position: relative;
    z-index: 20;
    text-decoration: none;
}
.field--name-field-comments {
    border-top: 4px solid rgb(0, 0, 0);
    margin-top: 25px;
}
.field--name-field-comments h2 {
    margin-top: 25px;
    font-size: 24px;
}
.field--name-field-comments h3 {
    margin: 15px 0px 0px;
    font-size: 18px;
}
.title.comment-form__title {
    font-size: 18px;
}
.field--name-field-comments a {
    color: rgb(0, 0, 0);
}
.field--name-field-comments .links.inline {
    font-size: 13px;
}
.field--name-field-comments ul.inline li {
    padding-left: 0px;
    padding-right: 12px;
}
.field--name-field-comments label {
    font-family: "PT Sans";
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}
.field--name-field-comments .form-control {
    border: 2px solid rgb(0, 0, 0);
    border-radius: 0px;
}
.field--name-field-comments .title.comment-form__title {
    display: none;
}
.field--name-field-comments footer {
    background: none;
    color: rgb(0, 0, 0);
    padding: 0px;
}
.field--name-field-comments footer p,
.field--name-field-comments footer a,
.field--name-field-comments footer .form-item,
.form-actions {
    margin: 0px;
    font-size: 13px;
}
.field--name-field-comments footer .form-item,
.form-actions {
    font-size: 14px;
}
.field--name-field-comments .content p {
    margin-bottom: 10px;
}
.field--name-field-comments #edit-comment-body-0-format {
    display: none;
}
.field--name-field-comments .btn {
    background: rgb(255, 255, 255);
    border: 3px solid rgb(0, 0, 0);
    border-radius: 0px;
    margin-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}
.field--name-field-comments .form-type-textarea label {
    font-size: 0px;
}
.field--name-field-comments .form-type-textarea label::before {
    font-size: 15px;
    content: "Kommentar";
}

/* ERFOLGSREZEPTE */ 

/* IMMOBILIENMARKETING */ 


/* -----------------------------
   LEXIKON
----------------------------- */

.page-node-type-lexikon .tabs-primary {
    position: relative;
    top: 10px;
}
.page-node-type-lexikon .row .text-formatted{
    margin: auto;
    max-width: 480px;
}

.node--type-lexikon h1 {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  
  .node--type-lexikon .extra-field--glossar {
    margin-top: 25px;
  }

.page-node-type-lexikon .region-content {
    max-width: 1200px;
    margin: auto;
}
.page-node-type-lexikon #block-views-block-lexikon-block-3 h2 {
    font-size: 18px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 12px;
}
.path-lexikon .view-display-id-page_2 {
    max-width: 1200px;
    margin: auto;
}
.path-lexikon .view-display-id-page_2 .view-footer {
    margin-top: 25px;
    padding-left: 2px;
}
.path-lexikon  .view-display-id-page_2 .view-display-id-attachment_1 {
    margin-left: -2px;
}
.path-lexikon .view-display-id-page_2{
    margin-top: 60px !important;
}
.path-lexikon .view-display-id-page_2 h1 strong,
.path-lexikon .view-display-id-page_2 h2 strong{
    text-transform: uppercase;
}
.page-node-type-lexikon .view-display-id-block_3 .view-footer a,
.view-display-id-page_2 .view-footer a{
    color: #000;
    border: 3px solid #000;
    padding: 8px 18px;
    display: inline-block;
    text-decoration: none;
    top: 0px;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 75px;
}
.page-node-type-lexikon .view-display-id-block_3 .view-footer a:first-child,
.view-display-id-page_2 .view-footer a:first-child{
     float: left;
}
.page-node-type-lexikon .view-display-id-block_3 .view-footer a:last-child,
.view-display-id-page_2  .view-footer a:last-child {
     float: right;
}
.page-node-type-lexikon .view-display-id-block_3 .view-footer {
    margin: auto;
    text-align: center;
}
.view-lexikon .views-row {
    margin-bottom: 15px;
}
.view-lexikon .ui-accordion-header {
    font-size: 20px;
    font-family: "Nexa Bold";
    padding-left: 20px !important;
}
.view-lexikon .ui-state-default {
    background: rgb(255, 255, 255);
    border-width: 2px;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    color: rgb(0, 0, 0);
    padding: 8px 10px;
}
.view-lexikon .ui-widget-content {
    border-color: rgb(0, 0, 0);
    border-width: 2px;
    padding: 0px 20px 20px;
    font-family: "PT Sans";
}
.view-lexikon [aria-expanded="true"] {
    border-width: 2px 2px 0px;
}
.view-lexikon [aria-expanded="true"]::after {
    content: "\f077";
    font-family: "Font Awesome 5 Free", FontAwesome;
    position: absolute;
    color: rgb(0, 0, 0);
    font-size: 36px;
    right: 20px;
    top: -2px;
    pointer-events: none;
    font-weight: 900;
}
.view-lexikon [aria-expanded="false"]::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free", FontAwesome;
    position: absolute;
    color: rgb(0, 0, 0);
    font-size: 36px;
    right: 20px;
    top: -2px;
    pointer-events: none;
    font-weight: 900;
}
.view-lexikon .attachment .view-content,
.view-display-id-block_3 .view-content {
    color: rgb(255, 255, 255);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25px, 1fr));
    width: 100%;
}
.view-lexikon .attachment .view-content a,
.view-display-id-block_3 .view-content a{
    background: rgb(0, 0, 0);
    margin: 3px;
    padding: 8px;
    display: grid;
    text-align: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

[data-once="ajax-pager"] .view-footer {
    display: none;
  }
  
  .node--type-lexikon #navbar-main,
  .page-view-lexikon #navbar-main{
    position: fixed;
  }
  
  .node--type-lexikon .node--type-lexikon {
    padding-top: 165px !important;
  }
  
  .node--type-lexikon .navbar.affix,
  .page-view-lexikon .navbar.affix{
    background: #000 !important;
  }
  
  .page-view-lexikon #block-dwi-mainpagecontent {
    margin-top: 180px;
  }
  
  .node--type-lexikon .view-footer {
    position: relative;
    padding: 25px 25px;
    display: flex;
    gap: 25px;
    justify-content: center;
    
  }
  
  .node--type-lexikon .view-footer a {
    border: 3px solid #000;
    padding: 8px 18px;
    text-decoration: none;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    color: #000 !important;
  }
  
  .node--type-lexikon .view-display-id-block_3 {
    padding: 25px 25px 25px 25px;
  }
  
    .node--type-lexikon .view-lexikon .view-content {
      margin-bottom: 25px;
    }

.page-node-10 #navbar-main, .page-node-9 #navbar-main  {
    background: #000 !important;
}

.page-node-10 #main, .page-node-9 #main {
    padding-top: 225px;
    padding-bottom: 50px;
}
  

/* -----------------------------
   MEDIA QUERIES
----------------------------- */
  
  @media (max-width: 991px) {
    
    .page-view-lexikon #block-dwi-mainpagecontent {
    margin-top: 150px !important;
  }
    
  .node--type-lexikon .node--type-lexikon {
    padding: 25px 25px 25px 25px !important;
   
  }
    
    .node--type-lexikon .view-footer {
      padding-left: 0px;
      padding-right: 0px;
    }
    
    .node--type-lexikon .view-lexikon .view-content {
      margin-bottom: 0px;
    }
    
  }
  
  
  @media (max-width: 480px) { 
    .node--type-lexikon .view-footer,
    .page-view-lexikon .view-footer{
      flex-direction: column;
      margin-top: 25px;
    }
    
    .node--type-lexikon .view-display-id-block_3 {
      padding: 0px;
    }
    
  }

/* LEISTUNGEN */ 

.view-leistungen.view-display-id-block_3 .view-content a {
    background: none !important;
    color: #000;
}
.view-leistungen.view-display-id-block_3 .view-content  {
    color: #000;
}
.view-leistungen.view-display-id-block_3  img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: -25px;
}
.view-lexikon .attachment {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* JOBS */ 

.jobs .layout__region--first .paragraph--type--bp-simple {
    padding: 0px;
}
.jobs .paragraph--type--bp-simple {
    padding-top: 0px;
}
.jobs .layout--twocol {
    align-items: flex-start;
    margin-top: 0px !important;
}
.node--type-jobs [data-drupal-button-link="link"] {
    color: #000 !important;
}

.node--type-jobs .layout__region.layout__region--top {
    position: relative;
}
.node--type-jobs .layout__region--first {
    flex: 0 1 100%;
    max-width: 960px;
    margin: 75px auto;
}
.node--type-jobs .layout__region--first-above {
    flex: 0 1 50%;
    margin: 75px auto 0px;
}
.node--type-jobs .layout__region--second-above {
    flex: 0 1 50%;
    margin: 75px auto 0px;
}
.node--type-jobs .layout__region--first-above .field__item {
    max-width: 600px;
    float: right;
    padding-right: 50px;
}
.node--type-jobs .layout__region--second-above .field__item {
    max-width: 600px;
    padding-left: 50px;
    float: left;
}
.node--type-jobs .layout__region--middle {
    max-width: 100%;
    margin: 25px auto 0px;
    flex: 0 1 100%;
    background: rgb(50, 50, 50);
}
.node--type-jobs .layout__region--bottom {
    max-width: 1200px;
    margin: 75px auto 0px;
}
.node--type-jobs .ui-accordion .ui-accordion-header {
    margin: auto;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    border: 0px;
    text-align: center;
}
.node--type-jobs .ui-accordion .ui-accordion-header a {
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    text-align: center;
    border: 3px solid;
    display: inline-block;
    padding: 8px 10px;
    margin-bottom: 50px;
}
.node--type-jobs .ui-accordion .ui-accordion-header .ui-icon {
    display: none;
}
.node--type-jobs .ui-widget-content {
    max-width: 1200px;
    background: none;
    border: 0px;
    margin: auto;
    color: rgb(255, 255, 255);
}

.node--type-jobs ul {
    padding: 0px;
    list-style: none;
}


.node--type-jobs .layout__region--top h1 {
    background-color: rgb(227, 194, 99);
    padding: 4px 0px 0px;
    box-shadow: rgb(227, 194, 99) 1rem 0px 0px, rgb(227, 194, 99) -1rem 0px 0px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: rgb(255, 255, 255);
    display: inline-block;
}

.node--type-jobs .field--name-field-display-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    margin: 0px auto auto;
    left: 0px;
    right: 0px;
}


.node--type-jobs .layout__region--top h2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    margin: -25px auto auto;
    left: 0px;
    right: 0px;
}
.node--type-jobs .field--name-field-media {
    background: rgb(0, 0, 0);
    background-blend-mode: multiply;
}
.node--type-jobs .field--name-field-media img {
    opacity: 0.85;
}
.view-jobs .slide__title {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 0px;
    letter-spacing: 0.02em;
}
.view-jobs .slide__title em h2 {
    font-size: 16px;
    line-height: 18px;
    font-family: "PT Sans";
}
.view-jobs .status {
    position: absolute;
    right: -20px;
    bottom: 100px;
    padding: 5px 10px;
    background-color: rgb(227, 194, 99);
    color: rgb(255, 255, 255);
}
.view-jobs .slide__caption {
    border: none;
    padding: 0px;
    background: none;
    position: relative !important;
}
.view-jobs .slick__arrow {
    margin-top: -50px !important;
}
.view-jobs img {
    filter: grayscale(1);
}
.view-jobs img:hover {
    filter: grayscale(0);
}



.bewerbung {
    margin-top: -75px;
}

/* WEBFORM */ 

.webform-submission-form .mb-3 {
    margin-bottom: 0px !important;
}

.webform-submission-bewerbung-form,
.webform-submission-initiativbewerbung-form{
    max-width: 1200px;
    margin: auto;
}
.webform-submission-bewerbung-form #edit-flexbox-left,
.webform-submission-initiativbewerbung-form #edit-flexbox-left {
    width: 50%;
    float: left;
    padding-right: 50px;
}
.webform-submission-bewerbung-form #edit-flexbox-right,
.webform-submission-initiativbewerbung-form #edit-flexbox-right {
    padding-top: 34px;
}
.webform-submission-bewerbung-form .file a,
.webform-submission-initiativbewerbung-form .file a{
    color: rgb(255, 255, 255);
}
.webform-submission-bewerbung-form .form-type-managed-file.js-form-item-lebenslauf .file,
.webform-submission-bewerbung-form .form-type-managed-file.js-form-item-anschreiben .file,
.webform-submission-initiativbewerbung-form .form-type-managed-file.js-form-item-lebenslauf .file,
.webform-submission-initiativbewerbung-form .form-type-managed-file.js-form-item-anschreiben .file {
    margin-top: 10px;
    display: inline-block;
}
.webform-submission-bewerbung-form .form-type-managed-file.js-form-item-lebenslauf,
.webform-submission-initiativbewerbung-form .form-type-managed-file.js-form-item-lebenslauf {
    height: 75px;
    padding-top: 0px;
}
.webform-submission-bewerbung-form .form-type-managed-file.js-form-item-anschreiben,
.webform-submission-initiativbewerbung-form .form-type-managed-file.js-form-item-anschreiben{
    height: 44px;
}
.webform-submission-bewerbung-form .form-type-managed-file.js-form-item-anschreiben .description,
.webform-submission-initiativbewerbung-form .form-type-managed-file.js-form-item-anschreiben .description{
    display: none;
}
.webform-submission-bewerbung-form .form-item-dsgvo,
.webform-submission-initiativbewerbung-form .form-item-dsgvo{
    padding-top: 25px;
    display: block;
}
.webform-submission-bewerbung-form .form-type-webform-markup,
.webform-submission-initiativbewerbung-form .form-type-webform-markup{
    font-size: 12px;
    margin-top: -15px;
}
.webform-submission-bewerbung-form #edit-actions-submit.btn,
.webform-submission-initiativbewerbung-form #edit-actions-submit.btn{
    background: none;
    border: 3px solid rgb(255, 255, 255);
    border-radius: 0px;
    padding: 10px 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 50px;
    width: 100%;
    color: #fff
}
.webform-submission-bewerbung-form .webform-flex--2,
.webform-submission-initiativbewerbung-form .webform-flex--2{
    flex: 1 1 0%;
}
.webform-submission-bewerbung-form .form-control,
.webform-submission-initiativbewerbung-form .form-control{
    border-radius: 0px;
    box-shadow: none;
    border: none;
    height: auto;
    padding: 10px !important;
}
.webform-submission-bewerbung-form label,
.webform-submission-initiativbewerbung-form label {
    color: rgb(255, 255, 255);
    font-family: "PT Sans";
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}
.webform-submission-bewerbung-form .webform-file-button,
.webform-submission-initiativbewerbung-form .webform-file-button {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    text-align: center;
    border: 3px solid;
    display: inline-block;
    padding: 10px 20px;
}
.webform-submission-bewerbung-form .anschreiben,
.webform-submission-initiativbewerbung-form .anschreiben {
    margin-top: 0px;
    margin-bottom: 0px;
}
.webform-submission-bewerbung-form .description, 
.webform-submission-initiativbewerbung-form .description {
    font-size: 12px;
    padding-top: 3px;
    color: #fff;
}
.webform-submission-bewerbung-form #edit-anschreiben--description,
.webform-submission-initiativbewerbung-form #edit-anschreiben--description{
    display: none;
}
.webform-submission-bewerbung-form fieldset.webform-composite-hidden-title,
.webform-submission-initiativbewerbung-form fieldset.webform-composite-hidden-title{
    margin-bottom: 0px;
    margin-top: 0px;
}
.webform-submission-bewerbung-form .webform-flexbox,
.webform-submission-initiativbewerbung-form .webform-flexbox{
    display: flex;
    margin: 0em -0.5em 0px;
}
.webform-submission-bewerbung-form .form-required::after,
.webform-submission-initiativbewerbung-form .form-required::after{
    content: "*";
    background: none;
    font-weight: normal;
    font-size: 14px;
    position: absolute;
    color: rgb(227, 194, 99);
}

.webform-submission-bewerbung-form #edit-markup {
    color: #fff;
}

.webform-submission-form .form-type-textarea {
    margin-top: 15px;
}

.webform-submission-form textarea {
    height: 174px !important;
    margin-bottom: 15px;
}

.webform-submission-form .form-check-input {
    border: 1px solid #73716e;
    border-radius: 0px;
}

.webform-submission-form .form-check-input:checked {
    background-color: #73716e;
    border-radius: 0px;
}

.webform-confirmation {
  margin: auto;
  max-width: 900px;
  padding: 75px 25px;
}


.webform-confirmation td:nth-child(1) {
  width: 150px;
}

.webform-confirmation__back a {
    border: 3px solid #000;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    text-transform: none;
    letter-spacing: 0.015em;
    padding: 8px 18px;
    text-decoration: none !important;
    margin-top: 50px;
    display: inline-block;
}

.webform-confirmation__back a:hover {
    background: #000;
    color: #fff;
}


.layout__region--first .paragraph--type--link {
  text-align: left;
}

.layout__region--second .paragraph--type--link {
  text-align: right;
}

.paragraph--type--link {
  margin-bottom: 50px;
  margin-top: 50px;
  padding-bottom: 50px;
}

.paragraph--type--link a {
   color: #000;
   border: 3px solid #000;
   padding: 8px 18px;
   display: inline-block;
   text-decoration: none;
   top: 0px;
   font-weight: bold;
}

.paragraph--type--link a:hover {
    color: #fff;
    background: #000;
}


.wer .layout__region--first .paragraph--type--bp-simple {
    padding-left: 0px;
}
.was .paragraph--type--bp-simple {
    padding-right: 0px;
    padding-left: 75px;
}
.immobilienmarketing .paragraph--type--bp-simple {
    padding-right: 75px;
    padding-left: 75px;
}

.referenzteaser  {
    margin-top: -25px !important;
    position: relative;
}

.referenzteaser .paragraph__column {
    padding-bottom: 0px;
}

.referenzteaser .slide__caption {
    position: absolute;
    bottom: 0px;
}


.referenzteaser h3 {
    color: rgb(227, 194, 99);
}

.gefunden {
    padding-top: 275px;
    padding-bottom: 25px;
}

.gefunden .text-formatted {
    margin: auto;
    color: #fff;
}

.logos {
    margin-top: -200px;
}

.logos h2 {
    color: #fff;
}

.logos .paragraph--type--bp-simple {
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

.logos .view-logos {
    margin-bottom: 0px;
}

.logos .view-logos .hide {
    pointer-events: none;
}

.logos .view-footer a.button {
    color: #000;
    font-size: 15px;
    border: 1px solid;
    padding: 3px 12px;
    text-decoration: none;
    color: #fff !important;
    font-weight: bold;
    position: relative;
    z-index: 10;
}

.webform {
    padding: 0px 0px;
}
.webform .form-required::after {
    content: "*";
    background: none;
    font-weight: normal;
    font-size: 14px;
    position: absolute;
    color: rgb(227, 194, 99);
}
.webform label {
    color: rgb(255, 255, 255);
    font-family: "PT Sans";
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}
.webform #edit-flexbox-left {
    width: 50%;
    float: left;
    padding-right: 50px;
}
.webform #edit-flexbox-right {
    width: 50%;
    float: right;
    padding-left: 50px;
    padding-top: 8px;
}
.webform fieldset.webform-composite-hidden-title {
    margin: 0px;
}
.webform input,
.webform .form-control {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    height: auto;
    padding: 10px !important;
}
.webform-flexbox {
    display: flex;
    margin: 0em -0.5em 10px;
}
.webform .webform-name .webform-flex--2 {
    flex: 1 1 0%;
}
.webform .form-item {
    margin-top: 0px;
}
.webform #edit-subject {
    margin-bottom: -6px;
}
.webform #edit-name--wrapper {
    margin-bottom: 0px;
}
.webform #edit-markup {
    text-align: right;
    margin-top: 15px;
    font-size: 12px;
    color: rgb(255, 255, 255);
}
.webform .btn {
    background: none;
    border: 3px solid rgb(255, 255, 255);
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    border-radius: 0px;
    color: #fff;
}

.webform .btn:hover {
    background: #fff;
    color: #000;
}

.webform-container {
    margin-top: 50px;
    margin-bottom: 75px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.views-field-edit-node a {
    font-size: 0px;
    color: rgb(255, 255, 255);
    font-weight: normal;
    opacity: 0.25;
    position: absolute;
    top: 25px;
    right: 25px;
}
.views-field-edit-node a::before {
    content: "\f044";
    font-family: "Font Awesome 5 Free", FontAwesome;
    font-size: 15px;
      font-weight: 900;

}


/* FLIP */ 


.cardBox {
    float: left;
    font-size: 1.2em;
    margin: 1% 0px 0px 1%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    width: 100%;
    cursor: pointer;
    /* overflow: hidden; */
}

.team .cardBox {
    padding: 0px;
}

.cardBox:hover .card {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.card {
    cursor: default;
    height: 360px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: transform 1s ease 0s;
    -webkit-transition: transform 1s ease 0s;
    width: 100%;
    animation: 1.5s ease 0s 1 normal none running giro;
    -webkit-animation: 1.5s ease 0s 1 normal none running giro;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    border: none;

}
.card .back h3 {
    font-size: 26px;
    margin-top: 15px;
    margin-bottom: 0px;
    color: rgb(227, 194, 99);
    z-index: 9999;
}



.card .back h4 {
    font-size: 1rem;
    margin-top: 6px;
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 24px;
    font-family: "PT Sans";
    font-style: oblique;
}
.card .back h4::after {
    content: "";
    display: inline-block;
    height: 2px;
    width: 48px;
    position: absolute;
    bottom: 0px;
    background: rgb(227, 194, 99);
    left: 0px;
    right: 0px;
    margin: auto;
}
.card .back .text {
    font-size: 15px;
    line-height: 125%;
    padding: 0px 6%;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.card .back .text p {
    font-size: 14px;
    font-family: "PT Sans";
    color: #111;
    line-height: 140%;
    margin-bottom: 0px;
}


.card .front,
.card .back {
 backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: white;
    display: block;
    font-size: 1.2em;
    height: 100%;
    padding: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    cursor: pointer !important;
      box-shadow: 0px 0px 15px -5px #555;
}
.card .front {
    position: relative;
}

.card .front img {
     filter: grayscale(1);
}

.card .front:after{
    content: "";
    top: 0px;
    bottom: 0px;
    position: absolute;
    left: 0px;
    right: 0px;
}

.card .front.topdark:after {
    background: linear-gradient(0deg, rgba(255,255,255,0) 60%, rgba(0,0,0,0.85) 90%); 
}

.card .front.toplight:after {
    background: linear-gradient(0deg, rgba(255,255,255,0)50%, rgba(255,255,255,1) 82%); 
}

.card .front.bottomdark:after {
    background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(0,0,0,0.85) 90%); 
}

.card .front.bottomlight:after {
    background: linear-gradient(180deg, rgba(255,255,255,0) 65%, rgba(255,255,255,1) 90%); 
}

.card .front.bottomdark h3 {
    top: auto;
    bottom: 3px;
}

.card .front.toplight h3,
.card .front.topdark h3 {
    bottom: auto;
    top: 12px !important;
}


.cardBox:hover .card .front h3 {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.card .front h3 {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.cardBox:hover .card .front h3 {
    opacity: 0;
    visibility: hidden;
}



.card .front h3 {
    position: absolute;
    top: 12px;
    z-index: 99;
    left: 0px;
    right: 0px;
    padding: 0px 20px;
    color: #e3c263;
    font-size: 18px;
    line-height: 110%
}

.card .back {
    z-index: 10;
}

.card .back:after {
    content: "";
    top: 0px;
    bottom: 0px;
    position: absolute;
    background: rgba(227, 194, 99,0.3);
    left: 0px;
    right: 0px;
}


.team .card img {
    width: 360px;
    height: 360px;
    object-fit: cover;
}

.team .card .back {
    background: #333 !important;
}

.team .card .back p {
    position: relative;
    color: #fff !important;
    z-index: 10;
   font-size: 15px;
   line-height: 140%;
   padding: 0px 6%;
}

.team .card .back:after {
    content: "";
    top: 0px;
    bottom: 0px;
    position: absolute;
    background: #333 !important;
    left: 0px;
    right: 0px;
}

.team .card h3, .team .card h4 {
    z-index: 10;
    position: relative;
}
.paragraph--type--team:nth-child(1):hover,
.paragraph--type--team:nth-child(4):hover,
    .paragraph--type--team:nth-child(5):hover {
        z-index: 25;
    }

.card .front strong {
    background: none;
    border-radius: 0px;
    color: rgb(0, 0, 0);
    font-size: 0.7em;
    position: absolute;
    inset: auto 0px 12px;
    z-index: 999 !important;
    color: rgb(227, 194, 99);
    text-align: right;
    right: 12px;
    bottom: 4px;
}

.card .slogan {
    position: absolute;
    z-index: 10;
    left: 0px;
    right: 0px;
    width: 72%;
    bottom: 0px;
    margin: auto;
    
}

.card .slogan p {
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0px;
    font-family: "PT Sans";
    line-height: 24px;
}

.card .back {
    transform: rotateY(180deg);
    /*! -webkit-transform: rotateY(180deg); */
}
.card  a {
    text-decoration: none;
    font-size: 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 99999;
    cursor: pointer;
  }

.cardBox:nth-child(1) .card .back {
}

.cardBox:nth-child(1) .card .back h3 {
    display: none;
}

.team .cardBox:nth-child(1) .card .back h3 {
    display: block;
}

.cardBox:nth-child(1) .card .back:after {
    content: "";
    background: rgba(227, 194, 99, 0.9);  
}

.cardBox:nth-child(1) .card .back img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    filter: contrast(1.5);
}



.exklusiv p {
    color: 
}

@-webkit-keyframes giro {
    0% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);


    }
}
@keyframes giro {
    0% {
        transform: rotateY(180deg);
        -webkit-transform: 
    }
    100% {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
    }
}


@media screen and (max-width: 767px) {
    .cardBox {
        margin-left: 2.8%;
        margin-top: 3%;
        width: 100%;
    }
    .card {
        height: 285px;
    }
    .cardBox:last-child {
        margin-bottom: 3%;
    }
}
@media screen and (max-width: 480px) {
    .cardBox {
        width: 94.5%;
    }
    .card {
        height: 260px;
    }
}