/*
Projekt       : AccoReal
Komponente    : Wordpress
Datei         : style.css
Beschreibung  : Spezielle Anpassungen des Themes "twentytwentyfour" für die Website "accoreal.de"
Author:         Datenwege Informatik
Author URI:     http://Datenwege-Informatik.de
Template:       twentytwentyfour
Version:        1.0
Historie
   02.12.24  Gernot Daum  Beginn der Implementierung
*/


/* Fonts */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  src: url('assets/fonts/OpenSans-Regular.woff2') format('woff2'),
       url('assets/fonts/OpenSans-Regular.woff') format('woff'),
       url('assets/fonts/OpenSans-Regular.ttf') format('truetype'),
       url('assets/fonts/OpenSans-Regular.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'Open Sans SemiBold';
  font-style: normal;
  src: url('assets/fonts/OpenSans-SemiBold.woff2') format('woff2'),
       url('assets/fonts/OpenSans-SemiBold.woff') format('woff'),
       url('assets/fonts/OpenSans-SemiBold.ttf') format('truetype'),
       url('assets/fonts/OpenSans-SemiBold.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'Open Sans Bold';
  font-style: normal;
  src: url('assets/fonts/OpenSans-Bold.woff2') format('woff2'),
       url('assets/fonts/OpenSans-Bold.woff') format('woff'),
       url('assets/fonts/OpenSans-Bold.ttf') format('truetype'),
       url('assets/fonts/OpenSans-Bold.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  src: url('assets/fonts/CormorantGaramondVar.woff2') format('woff2'),
       url('assets/fonts/CormorantGaramondVar.woff') format('woff'),
       url('assets/fonts/CormorantGaramondVar.ttf') format('truetype'),
       url('assets/fonts/CormorantGaramondVar.eot') format('embedded-opentype');
}

/* Eigene Konstanten body */
body {
	/*   Farben */
	--wp--custom--color--background: #c0c7ce;
	--wp--custom--color--transparency01: rgba(45, 70, 93, 0.4);

	/*   Schriften */
	--wp--preset--font-family--heading: 'Cormorant Garamond', -apple-system, BlinkMacSystemFont, sans-serif;
	--wp--preset--font-family--body: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --wp--preset--font-size--x-small: 0.75rem;
  --wp--preset--font-size--small: 0.875rem;
  --wp--preset--font-size--regular: 1rem;
  --wp--preset--font-size--medium: clamp(1.125rem, 1.077rem + 0.19vw, 1.25rem);
  --wp--preset--font-size--large: clamp(1.25rem, 1.155rem + 0.38vw, 1.5rem);
  --wp--preset--font-siz--x-large: clamp(1.75rem, 1.559rem + 0.76vw, 2.25rem);
  --wp--preset--font-size--huge: clamp(2.5rem, 2.119rem + 1.52vw, 3.5rem);


  /*   Breiten und Abstände */
  --global--spacing-unit: 15px;
  --global--spacing-small: var(--global--spacing-unit);
  --global--spacing-medium: calc(2 * var(--global--spacing-unit));
  --global--spacing-large: calc(3 * var(--global--spacing-unit));
  --global--spacing-x-large: calc(4 * var(--global--spacing-unit));
  --global--spacing-huge: calc(6 * var(--global--spacing-unit));
  --global--spacing-horizontal: var(--global--spacing-unit);
  --global--spacing-vertical: calc(2 * var(--global--spacing-unit));
  --global--spacing-section: calc(3 * var(--global--spacing-vertical));
  --default-outer-margin-mult: 4;
	--default-outer-margin: calc(var(--default-outer-margin-mult) * var(--global--spacing-horizontal));
	--default-outer-spacing: calc(2 * var(--default-outer-margin));

  --street-width: 1440px;
  --responsive--street-width: min(calc(100vw - var(--default-outer-spacing)), var(--street-width));
  --responsive--content-width: var(--responsive--street-width);
  --constriction-width: 1120px;
  --responsive--constriction-width: min(calc(100vw - var(--default-outer-spacing)), var(--constriction-width));
  --single-track-width: 880px;
  --responsive--single-track-width: min(calc(100vw - var(--default-outer-spacing)), var(--single-track-width));
  --path-width: 640px;
  --responsive--path-width: min(calc(100vw - var(--default-outer-spacing)), var(--path-width));
  --margin-street: max(var(--default-outer-margin), calc((100vw - var(--street-width)) / 2));
  --margin-constriction: max(var(--default-outer-margin), calc((100vw - var(--constriction-width)) / 2));

  --wp--custom--spacing--small: max(12pt, 1vw);
  --wp--custom--slick-dot-size: 24px;
  --wp--custom--navigation-icon-size: 36px;


  /*   Acco Real Design */
  --acr-spacing-seam: 6px;
	--acr--icon-size: var(--wp--preset--font-size--large);
  --acr--border-radius: 8px;
  --acr--border-radius-buttons: 0.33rem;
  --acr--shadow-hover-small: 2px 2px 4px var(--wp--preset--color--custom-hover);
  --acr--shadow-pressed-small: 2px 2px 4px var(--wp--preset--color--custom-pressed);
  --acr--shadow-hover-medium: 4px 2px 20px var(--wp--preset--color--custom-hover);
  --acr--shadow-pressed-medium: 4px 2px 20px var(--wp--preset--color--custom-pressed);
  --acr-layer-1: 1;
  --acr-layer-2: 5;
  --acr-layer-3: 10;
  --acr-layer-4: 15;
	--acr-form-input-height: 38px;
  --acr--color-taupe-light: var(--wp--preset--color--custom-taupe-light);
}


/* Allgemein */

/* Theme Reset */
.has-global-padding {padding-right: 0; padding-left: 0}
.has-global-padding > .alignfull {margin-right: 0; margin-left: 0}
main {margin: 0}
.is-layout-constrained > .alignwide {max-width: var(--responsive--content-width);}
#content .entry-content > *:not(.alignfull) {
	max-width: var(--responsive--content-width);
	margin-left: auto;
	margin-right: auto
}
:where(.wp-site-blocks :focus) {outline-width: 0}
.wp-block-post-featured-image img,
.wp-block-post-featured-image .block-editor-media-placeholder,
.wp-block-post-featured-image .wp-block-post-featured-image__overlay {border-radius: 0}

/*   Diverse Standards */
body {font-size: var(--wp--preset--font-size--regular)}
small1, small2 {display: none}
strong {font-family:'Open Sans Bold', sans; font-weight: normal}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	text-align: center
}
#content h1 {
 font-size: var(--wp--preset--font-size--huge);
 margin-bottom: var(--global--spacing-unit)
}
#content h1, #content h2, #content h3, #content h4 {
  color: var(--wp--preset--color--contrast-3)
}  
.pre-header {
	margin-bottom: 0; 
	color: var(--wp--preset--color--accent);
	text-align: center; 
	text-transform: uppercase
}
.pre-header + h2, .pre-header + h3 {margin-top: var(--acr-spacing-seam)}
h2 {font-size: var(--wp--preset--font-size--x-large)}
h3 {font-size: var(--wp--preset--font-size--large)}
h3.secondary {font-family: 'Open Sans SemiBold'}
#content .entry-content ul:not(.alignfull):not(.sort-grid), #content .entry-content ol:not(.alignfull) {
	max-width: var(--responsive--single-track-width);
	margin-left: 0 !important
}
a {
	color: var(--wp--preset--color--contrast-2);
	text-decoration: none
}
a:hover {text-decoration: underline}
header, .entry-content, footer  {
  box-sizing: border-box;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
  padding: var(--global--spacing-vertical) 0;
  background: var(--wp--preset--color--base)
}
p.centred, .centred p {text-align: center}
.listcaption {margin-bottom: var(--acr-spacing-seam)}
.listcaption + * {margin-top: 4px; margin-block-start: var(--acr-spacing-seam)}
.caption-decoration {max-width: 150px}

/* Kopf */
header {padding: 0}
#masthead {
	margin-top: var(--global--spacing-unit);
	background-color: var(--wp--preset--color--base) !important
}
#masthead .languages {margin-top: 0}
#masthead .search-container {
	padding-top: var(--global--spacing-unit);
	padding-bottom: var(--global--spacing-unit);
	background: var(--wp--preset--color--contrast)
}
#masthead .search {
	column-gap: var(--global--spacing-unit);
	border-radius: var(--acr--border-radius);
	max-width: var(--responsive--content-width);
	padding: var(--acr--border-radius);
	background: var(--wp--preset--color--custom-taupe-light)
}
#masthead .search-form {width: 66.66%}

/* Fuß */
footer {background: var(--wp--preset--color--custom-taupe-dark)}
#footer {
	--js-logo-width: 120px;
  max-width: var(--responsive--content-width);
  margin-left: auto;
  margin-right: auto
}
.footer-logo {max-width: var(--js-logo-width)}
#footer nav {margin-left: auto; margin-right: auto}
#footer nav ul {row-gap: 6px}
#footer a {color: var(--wp--preset--color--base)}
#footer a:hover {text-decoration: none}
#footer .current-menu-item, #footer li:hover {background: var(--wp--preset--color--custom-hover)}
#footer .site-info a {
	display: block;
	text-align: center;
}

/* Navigation */
.dyn-header-mnu, .dyn-header-mnu nav {margin-top: 0}
.dyn-header-mnu nav.is-not-visible {display: none}
#masthead .nav-container {background: var(--wp--preset--color--contrast-3)}
#masthead .nav-container > * {max-width: var(--street-width)}
#masthead .mnu-tabs {gap: var(--acr-spacing-seam)}
#masthead .mnu-tabs li {
	padding: var(--acr-spacing-seam) calc(4 * var(--global--spacing-unit));
	color: var(--wp--preset--color--accent-3);
	background: var(--wp--preset--color--accent-2)
}
#masthead .mnu-tabs .current-menu-item, #masthead .mnu-tabs .current-menu-ancestor {
	color: var(--wp--preset--color--base-2);
  background-color: var(--wp--preset--color--accent)
}
.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container
{min-width: 280px}
.wp-block-navigation .contact:hover a {text-decoration: none}

/* Inhalt */

/*   Abschnitte */
#content .street, #content .constriction, #content .single-track {
	margin-left: auto !important;
	margin-right: auto !important;
}
#content .street.left, #content .constriction.left, #content .single-track.left
{margin-left: 0 !important}
#content .street.right, #content .constriction.right, #content .single-track.right
{margin-right: 0 !important}
#content .street {max-width: var(--responsive--street-width)}
#content .constriction {max-width: var(--responsive--constriction-width)}
#content .entry-content .single-track {max-width: var(--responsive--single-track-width)}
#content .entry-content .path {max-width: var(--responsive--path-width)}
#content .path.left {margin-left: 0 !important}
#content section {
	margin-top: calc(3 *var(--global--spacing-vertical));
	margin-bottom: calc(3 *var(--global--spacing-vertical))
}
#content article {
	margin-top: calc(2 *var(--global--spacing-vertical));
	margin-bottom: calc(2 *var(--global--spacing-vertical))
}
#content section:first-child, #content article:first-child {margin-top: 0}
#content section:last-child, #content article:last-child {margin-bottom: 0}
#content section.alternating-background {
	--acr-outer-spacing: calc(2 *var(--global--spacing-vertical)); 
	padding-top: var(--acr-outer-spacing);
	padding-bottom: var(--acr-outer-spacing);
	background: var(--wp--preset--color--custom-primary-light)
}
#content .alternating-background > *, #header > * {
	box-sizing: border-box;
	padding-left: var(--acr-outer-spacing);
	padding-right: var(--acr-outer-spacing);
  width: var(--responsive--content-width)
}
#content .alternating-background > .wp-block-getwid-content-slider {padding-left: 0; padding-right: 0}
#content section.alternating-background.taupe {
	background: var(--wp--preset--color--custom-taupe-light)
}

/*   Seitenkopf */
.home .entry-content {padding-top: 0}
#header {
  background-image: linear-gradient(90deg,var(--wp--preset--color--base) 0%,rgba(255,255,255,0) 100%),
                    url('/wp-content/uploads/2025/01/Background-Wohnzimmer.jpg');
   background-size: cover;
   background-position: center
}
.page-header .content {
	display: flex;
  flex-direction: column;
  justify-content: center;
	min-height: 320px;
}
.page-header h1 {text-align: left}

/*   Überlagerungen */
.overlay-anchor {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0
}
.overlay-anchor .content {
  display: flex;
	z-index: var(--acr-layer-1);
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
	padding-left: calc(2 *var(--global--spacing-vertical));
}
.overlay-anchor .background {
	position: absolute;
	width: 100%;
  height: 100%;
	max-width: none;
	top: 0;
	left: 0;
  margin: 0 !important;
  pointer-events: none;
}
.overlay-anchor .background img {
	height: 100%;
  object-fit: cover
}

/*   Buttons */
#masthead .search-button .wp-block-button__link, #content .gform_button[type='submit'],
.inquiry .wp-block-button__link,
.wp-block-navigation .contact {
	padding: 0 var(--global--spacing-medium);
  background: linear-gradient(to right,
              var(--wp--preset--color--accent-3), var(--wp--preset--color--accent));
  border: 2px solid var(--wp--preset--color--accent);
  border-radius: var(--acr--border-radius-buttons);
  background-clip: padding-box; /* Firefox Bugfix, verhindert "Durchbluten" unter border */
}
.wp-block-buttons.command {
	margin-top: var(--global--spacing-large);
	justify-content: center
}
.wp-block-buttons.command .wp-block-button__link {
	color: var(--wp--preset--color--accent);
	background: transparent;
	border: 2px solid;
	border-radius: 0
}
.wp-block-buttons.command .wp-block-button__link:hover {
	background: var(--wp--preset--color--custom-hover);
	text-decoration: none;
}
.wp-block-navigation .contact {
	height: var(--acr-form-input-height);
	padding: 0 var(--global--spacing-unit);
	color: var(--wp--preset--color--base);
}
#masthead .search-button .wp-block-button__link:hover, #content .gform_button[type='submit']:hover,
.inquiry .wp-block-button__link:hover,
.wp-block-navigation .contact:hover {
	text-decoration: none;
  background: linear-gradient(to right,
              var(--wp--preset--color--accent), var(--wp--preset--color--accent-3));
}
.search-button {width: calc(33.33% - var(--global--spacing-unit))}
.search-button .wp-block-button, .inquire .wp-block-button {
	width: 100%;
	height: var(--acr-form-input-height);
	margin-left: auto;
	margin-right: auto
}

/*   Profilübersicht */
.acr-profiles {
	--js-min-tile-height: 240px;
	display: flow-root
}
.acr-profiles > .profile-summary {
	float: left;
	width: 50%;
	min-height: var(--js-min-tile-height);
	margin-bottom: 0;
	padding: 15px
}
.acr-profiles > .profile-summary:hover, .acr-profiles .profile-summary:hover a.wp-block-column {
	color: var(--wp--preset--color--base-2);
  background: var(--wp--preset--color--accent)
}
.profile-summary .wp-block-column:nth-child(1) {flex-grow: 4}
.profile-summary .wp-block-column:nth-child(2) {flex-grow: 3}
.profile-summary h2 {margin-top: 0}
.acr-profiles a.wp-block-column {
	display: block;
	color: var(--wp--preset--color--contrast)
}
.acr-profiles a.wp-block-column:hover {
	text-decoration: none
}
.acr-profiles > .profile-summary:hover h2 {color: var(--wp--preset--color--base-2)}
.profile-summary img {
	--js-width: 280px;
	--js-height: 210px;
	object-fit: cover;
  width: 100%;
  max-width: var(--js-width);
  height: var(--js-height)
}
.select-district {
	position: relative;
	background: white;
	padding-top: var(--global--spacing-unit)
}
.select-district legend {
	position: absolute;
	top: 0;
	z-index: var(--acr-layer-1)
}
.select-district label {padding-right: var(--acr-spacing-seam)}

/*   Einzelprofil */
.profile-details table {font-size: 80%}
.profile-details .address-header {
	margin-bottom:  var(--global--spacing-vertical);
	padding-bottom: var(--global--spacing-unit);
	border-bottom: 1px solid  var(--wp--preset--color--accent-2);
}
.profile-details .address-header > * {padding-left: var(--acr-spacing-seam)}
.profile-details h3, .profile-details p {margin-top: 0}
.profile-details h3 {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
	font-size: 133.33%
}
.profile-details p.minor {margin-bottom: var(--acr-spacing-seam)}
.profile-details .table-caption {margin: 0}
.profile-details {display: flow-root}
.profile-details figcaption {font-size: 80%; text-align:center}
.profile-details .wp-block-columns {column-gap: 15px}
.profile-details .wp-block-column {width: 50%}
.profile-details .wp-block-column > .wp-block-group {
	padding: var(--global--spacing-unit);
	margin-top: var(--global--spacing-unit);
	border: 1px solid var(--wp--preset--color--accent-2);
	background: white
}
.profile-details .wp-block-column > .wp-block-group:first-child {
	margin-top: 0
}
.profile-details table {border-collapse: collapse}
.profile-details table, .profile-details thead, .profile-details tr, .profile-details th {width: 100%}
.profile-details th {
	padding: var(--acr-spacing-seam);
	text-align: left;
	color: white;
	background: var(--wp--preset--color--accent);
}
.profile-details td {padding-right: var(--global--spacing-unit)}
.profile-details td:first-child {padding-left: var(--acr-spacing-seam)}
.profile-details td:last-child {padding-right: 0}
.profile-details .CTA td {width: 10%; text-align: right}
.profile-details .CTA td:first-child {width: 70%; text-align: left}
.profile-details .CTA td:nth-child(2) {width: 20%; text-align: left}
.profile-details tr:nth-child(even) {background: var(--wp--preset--color--custom-taupe-light)}
.profile-details .watchobject {cursor: pointer}
.profile-details .search {
	background: white;
	margin-top: var(--global--spacing-vertical);
	padding: var(--global--spacing-unit)
}
.profile-details h3 {margin-top: 0}
.profile-details .search a {
	margin: var(--global--spacing-unit);
	padding: var(--acr-spacing-seam);
	color: white;
	background: var(--wp--preset--color--accent)
}

/*   		neues Design 2026 */

/*        Objektkarte */
.card .acr-icon.heart:not(.is-active):hover:before, .card .acr-icon.heart.is-active::before {
	background: var(--wp--preset--color--custom-alarm);
}
.card .acr-icon.heart.is-deactivated:hover:before {
	background: var(--wp--preset--color--custom-cool-grey);
}


.hero-gallery {
	--acr-gap: calc(2 * var(--acr-spacing-seam));
	display: flex;
	gap: var(--acr-gap)
}
.hero-gallery .hero {flex: 2}
.hero-gallery .sub-heros {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: var(--acr-gap)
}
.hero-gallery img {
	width: 100%;
	aspect-ratio: 3/2;
  object-fit: cover;
}
.acr-highlights {display: flex}
.acr-highlights > * {padding-right: var(--global--spacing-large)}
.acr-highlights .caption {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.acr-highlights .caption h2 {
	margin-top: 0;
	margin-bottom: var(--global--spacing-unit);
	text-align: left
}
.acr-highlights .caption p {margin: 0}
.acr-highlights .content {flex: 2}
.acr-highlights .card {
	font-family: 'Open Sans Bold';
	font-size: var(--wp--preset--font-size--medium);
	border: none
}
/*       Scrollzeile */
.scroll-container {
	--js-size: var(--wp--preset--font-size--large);
	display: flex;
	position: relative;
	padding-bottom: var(--global--spacing-large)
}
.scroll-container .lbx-row.slider {
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth
}
.lbx-row.slider .lbx-column  {
  flex: 0 0 auto;
  width: calc(25% - 3 * var(--global-seam) / 4);
  scroll-snap-align: start;
}
.lbx-row.slider .lbx-column img {
	aspect-ratio: 4/3;
  object-fit: cover
}
/*       Steuerung der Scrollzeile */
.scroll-container .controls {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}
.acr-icon.scroll {padding: 0}
.acr-icon.scroll:before {
	--acr--icon-size: var(--wp--preset--font-size--medium);
	z-index: var(--acr-layer-1);
	display: inline-block;
  color: var(--wp--preset--color--accent-3);
  line-height: 1;
  cursor: pointer
}
.acr-icon.scroll.left::before {
	left: calc(-1 * (var(--acr--icon-size) + var(--acr-spacing-seam)));
	--acr-icon-url: url('assets/icons/arrow_left.svg');
}
.acr-icon.scroll.right::before {
	--acr-icon-url: url('assets/icons/arrow_right.svg');
  left: var(--acr-spacing-seam)
}

/*       Informationstabelle */
.acr-info-table {
	display: flex;
  flex-wrap: wrap;
}
.acr-info-table > * {padding-bottom: var(--global--spacing-medium)}
.acr-info-table .caption {
	box-sizing: border-box;
	width: 25%;
	padding-right: var(--global--spacing-medium);
	font-family: 'Open Sans SemiBold'
}
.acr-info-table .content {width: 75%}

/*       Anfragekasten */
.inquiry {
	color: var(--wp--preset--color--contrast-3);
  position: fixed;
  top: 50%;
  right: 5%;
  width: 20%;
  min-width: 300px;
	padding: var(--global--spacing-small);
  z-index: var(--acr-layer-3);
  background: white
}
.inquiry > * {margin-bottom: var(--global--spacing-small)}
.inquiry > *:last-child {margin-bottom: 0}
.inquiry p {margin: 0}
.inquiry .infos {text-align: right}
.inquiry .price {
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1;
}
.inquiry .heart  {--acr--icon-size: 36px}
.inquiry .heart, .inquiry .pin {margin-left: auto}
.inquire {
	width: 50%;
	min-width: 220px;
  margin-left: auto;
	margin-right: auto
}

/*   Gravity Form Formulare */
.gform_title {display: none}
#content .gform_next_button, #content .gf_step_completed .gf_step_number::after
{background: var(--wp--preset--color--accent)}
#content .gf_step_completed .gf_step_number::after {border: none}
#content .gform_page_footer {
	margin-top: calc(2 * var(--global--spacing-vertical));
	margin-bottom: var(--global--spacing-vertical)
}
.entry-content .gfield--type-address .gfield_label_before_complex {font-weight: 700}
#masthead .ginput_container input, #content .ginput_container input {
	font-size: var(--wp--preset--font-size--regular);
	color: var(--wp--preset--color--contrast)
}
#content .ginput_container_date {inline-size: 33.33%}
#content .ginput_container_date select {padding: 0 0 0 var(--acr-spacing-seam)}
#content .gfield.wide select,
#content .gfield.quarter input.small {
  inline-size: calc(90% - var(--gf-form-gap-x) * 3 / 4);
}
#content .gfield_checkbox, #content .gfield_radio {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  inline-size: 100%;
  column-gap: 0;
  row-gap: var(--acr-spacing-seam);
}
.gform_confirmation_wrapper {
	padding: var(--global--spacing-unit);
	background: var(--wp--preset--color--custom-hover);
}

/*     Wohnung suchen */
#gform_fields_5, #gform_fields_6 {display: flex; gap: 2px}
#gform_fields_6 {
	flex-wrap: wrap;
	padding: var(--acr-spacing-seam);
	row-gap: var(--acr-spacing-seam);
	background: var(--wp--preset--color--custom-basis-light);
}
#gform_5 .gfield, #gform_6 .gfield {width: calc(25% - 1.5px)}
#gform_6 #field_6_6 {width: 100%}
#gform_6 .ginput_container {max-width: 280px}
#gform_6 #field_6_6 .ginput_container {width: 100%}
#gform_5 .ginput_container, #gform_6 .ginput_container {position: relative; cursor: pointer}
#content #gform_6 .ginput_container_date {inline-size: 100%}
#gform_6 .gform-footer, .submit-caption {margin-top: var(--acr-spacing-seam)}
.submit-caption {font-size: var(--wp--preset--font-size--small)}
#gform_5 .gform_footer {display: none}
#gform_5 .gfield_select, #gform_5 .ginput_container_date, #gform_5 .datepicker
{height: var(--acr-form-input-height)}
#masthead .datepicker, #content .datepicker, .gform-body input[type='email'] {
	width: 100%;
	box-sizing: border-box;
	background: var(--wp--preset--color--base);
	border: none;
	box-shadow: none;
	border-radius: 0
}
#masthead .datepicker:focus, #content .datepicker:focus, .gform-body input[type='email']:focus {
	outline: 1px solid var(--wp--preset--color--accent);;
}
#gform_5 .datepicker:focus {outline: none}
#gform_submit_button_5 {display: none}
.gform-theme--framework .gform-datepicker-calendar table.calendar td.dayMarked span {
	background: var(--wp--preset--color--contrast);
	border: 1px solid var(--wp--preset--color--contrast)
}
.gform-theme--framework .gform-datepicker-calendar table.calendar td[aria-current="date"] span,
.gform-theme--framework .gform-datepicker-calendar table.calendar td.day:where(:not(.selected, .dayMarked, .disabled)) span:hover {
	color: var(--wp--preset--color--contrast) !important;
	background: var(--wp--preset--color--base)
}
form .gform-body .gform-datepicker-calendar {background: var(--wp--preset--color--custom-taupe-light)}
form .gform-body .gform-datepicker-calendar td.day[aria-disabled="true"] span {
  color: var(--wp--preset--color--base);
}
form .gform-body .gform-datepicker-calendar td.day:not([aria-disabled="true"]):not(.selected):hover {
  background: var(--wp--preset--color--base)
}
.gform-theme--framework .gform-datepicker-calendar table.calendar td.selected span {
  --gf-local-color: var(--wp--preset--color--base)
}
.gform-datepicker-calendar td.day.selected {background: var(--wp--preset--color--contrast)}
.gform-datepicker-calendar td.day.selected span {color: #fff}
.gform-theme--framework .gform-datepicker-calendar .monthMessage {display: none}
input.gform-datepicker {
  padding-left: calc(var(--acr--icon-size) + var(--global--spacing-unit)) !important;
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--small);
  cursor: pointer;
}
.ginput_container_date button.gform-datepicker-toggle {
  position: absolute !important;
}
.ginput_container_date button.gform-datepicker-toggle .gform-calendar-icon,
.ginput_container_date button.gform-datepicker-toggle .dashicons {display: none !important}

/*     Legacy: Eigene Platzgestaltungen */
.entry-content .acr-half {grid-column: span 6}
.entry-content .acr-third {grid-column: span 4}
.entry-content .acr-two-thirds {grid-column: span 8}
.entry-content .acr-quarter {grid-column: span 3}
.entry-content .acr-grid-new-line.acr-third {grid-column: 1 / span 4}
.entry-content .acr-grid-new-line.acr-half {grid-column: 1 / span 6}
.entry-content .acr-no-vertical-spacing + * {margin-bottom: -20px}
.entry-content .acr-check-right {--js-label-width: 120px;	position: relative}
.entry-content .acr-check-right.wide {--js-label-width: 240px}
.entry-content .acr-check-right > * {position: absolute}
.entry-content .acr-check-right .ginput_container_checkbox {left: var(--js-label-width)}

/*   Icons */
.connections {--acr--icon-size: 50px}
.connections p {min-height: var(--acr--icon-size)}
.simple-icon::before {
  display: inline;
  position: absolute;
  top: calc(50%);
  transform: translateY(-50%);
  left: calc(var(--global--spacing-unit) - var(--acr-spacing-seam));
  width: var(--acr--icon-size);
  height: var(--acr--icon-size);
  content: var(--acr-icon-url);
}
.simple-icon, .acr-icon, .acr-select-icon .acr-select-trigger span, .acr-input-icon .ginput_container {
	position: relative;
	padding-left: calc(var(--acr--icon-size) + var(--global--spacing-unit))
}
.acr-input-icon .ginput_container {background: var(--wp--preset--color--base)}
.acr-icon::before, .acr-select-icon .acr-select-trigger span:before, .acr-input-icon .ginput_container:before,
.ginput_container_date::before,
.slick-prev::before, .slick-next::before {
  display: inline;
  position: absolute;
  top: calc(50%);
  transform: translateY(-50%);
  left: calc(var(--global--spacing-unit) - var(--acr-spacing-seam));
  width: var(--acr--icon-size);
  height: var(--acr--icon-size);
  content: "";
  background-color: var(--wp--preset--color--contrast-3);
  -webkit-mask-image: var(--acr-icon-url);
  mask-image: var(--acr-icon-url);
  -webkit-mask-size: contain;
  mask-size: contain;
}
div.acr-icon {
	width: var(--acr--icon-size); height: var(--acr--icon-size);
	padding-left: 0
}

div.acr-icon::before {left: 0}
.acr-icon.bag::before {--acr-icon-url: url('assets/icons/bag.svg')}
.acr-icon.calendar, .ginput_container_date{--acr-icon-url: url('assets/icons/calendar.svg')}
.acr-icon.car::before {--acr-icon-url: url('assets/icons/car.svg')}
.acr-icon.chart::before {--acr-icon-url: url('assets/icons/chart.svg')}
.acr-input-icon.email .ginput_container {--acr-icon-url: url('assets/icons/letter.svg')}
.acr-icon.heart::before {--acr-icon-url: url('assets/icons/heart.svg')}
.acr-icon.inner-space::before {--acr-icon-url: url('assets/icons/inner_space.svg')}
.acr-icon.money::before, .acr-select-icon.money .acr-select-trigger span:before
{--acr-icon-url: url('assets/icons/money.svg')}
.acr-icon.outer-space::before {--acr-icon-url: url('assets/icons/outer_space.svg')}
.acr-icon.persons::before, .acr-select-icon.persons .acr-select-trigger span:before
{--acr-icon-url: url('assets/icons/persons.svg')}
.acr-icon.pin::before, .acr-select-icon.pin .acr-select-trigger span:before
{--acr-icon-url: url('assets/icons/pin.svg')}

.simple-icon.bus::before {--acr-icon-url: url('assets/icons/bus.svg')}
.simple-icon.motorway::before {--acr-icon-url: url('assets/icons/motorway.svg')}
.simple-icon.railway::before {--acr-icon-url: url('assets/icons/railway.svg')}
.simple-icon.tram::before {--acr-icon-url: url('assets/icons/tram.svg')}
.simple-icon.tube::before {--acr-icon-url: url('assets/icons/tube.svg')}
.simple-icon.urban-railway::before {--acr-icon-url: url('assets/icons/urban-railway.svg')}

/* Pfeil nach unten */
.ginput_container_select::after, .ginput_container_date::after {
  --acr-arrow-size: 8px;
  position: absolute;
  content: '';
  right: calc(var(--acr-arrow-size) + var(--global--spacing-unit));
  top: 50%;
  transform: translateY(-70%) rotate(45deg);
  width: var(--acr-arrow-size);
  height: var(--acr-arrow-size);
  border-right: 2px solid var(--wp--preset--color--contrast);
  border-bottom: 2px solid var(--wp--preset--color--contrast);
  pointer-events: none !important
}
.acr-custom-select {
	height: var(--acr-form-input-height);
	display: flex;
  align-items: center;
  background: var(--wp--preset--color--base)
}
.acr-select-trigger {
  display: flex;
  width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-right: 35px;
}
.acr-custom-options {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--wp--preset--color--custom-taupe-light);
  z-index: var(--acr-layer-2);
}
.acr-custom-option {padding: var(--acr-spacing-seam) var(--global--spacing-unit);}
.acr-custom-option:hover {background-color: var(--wp--preset--color--base)}

/*   Kacheln / Karten */
.card-list {
	--acr-spacing-card: var(--acr-spacing-seam);
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: var(--acr-spacing-card)
}
.card {
  margin: 0;
  padding: var(--acr-spacing-card);
  width: calc(25% - 3 * var(--global-seam));
  border: 1px solid var(--wp--preset--color--accent-2)
}

.quick-search {--acr--icon-size: 48px}
.quick-search .card {
	padding: var(--global--spacing-unit) var(--global-seam);
  background: var(--acr--color-taupe-light);
  border: none;
  border-radius: 8px
 }
.quick-search .card:hover {box-shadow: var(--acr--shadow-hover-small)}
.quick-search .card:active {box-shadow: var(--acr--shadow-pressed-small)}
.quick-search p {
	color: var(--wp--preset--color--contrast-3);
	font-size: var(--wp--preset--font-size--medium);
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase
}

.card-list.objects  {--acr-spacing-card: var(--global--spacing-unit)}
.objects .card {
	width: calc(33.33% - 2 * var(--acr-spacing-card));
	background: var(--wp--preset--color--base);
	padding: 0;
	border: none;
	display: flex;
	flex-direction: column;
	border-bottom-left-radius: var(--acr--border-radius);
	border-bottom-right-radius: var(--acr--border-radius)
}
.objects .card > * {
	box-sizing: border-box;
	width: 100%;
	padding-left: var(--acr-spacing-card);
	padding-right: var(--acr-spacing-card)
}
.objects .card:hover {box-shadow: var(--acr--shadow-hover-medium)}
.objects .card:active {box-shadow: var(--acr--shadow-pressed-medium)}
.objects .card > .content-header {padding-top: var(--acr-spacing-card)}
.objects .card > .content-footer {padding-bottom: var(--acr-spacing-card)}
.objects .card > figure {padding: 0}
.objects .card .wp-block-group {column-gap: var(--acr-spacing-seam)}
.objects .card .bottom {
	align-items: flex-start;
	margin-top: auto;
  padding-top: var(--global--spacing-large)
 }
.objects .card h3, .objects .card p {color: var(--wp--preset--color--contrast-3)}
.objects .card .details p {color: var(--wp--preset--color--custom-cool-grey)}
.objects .card .details .acr-icon::before {background: var(--wp--preset--color--custom-cool-grey)}
.objects .card .capability {
	padding: 2px var(--acr-spacing-seam);
	border-radius: 12px;
	color: white;
	background: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--x-small)
}
.objects .card div, .objects .card h3, .objects .card p {
	margin-top: var(--acr-spacing-seam); 
	text-align: left
}
.objects .card figure {
	background: var(--wp--preset--color--custom-primary-light);
}
.objects .card img {
	max-height: 200px;
  object-fit: cover;
	border-top-left-radius: var(--acr--border-radius);
	border-top-right-radius: var(--acr--border-radius)
}
.objects .card h3 {
	font-family: 'Open Sans SemiBold';
	font-size: var(--wp--preset--font-size--medium);
	text-align: left
}
.objects .card .heart, .objects .card .inner-space, .objects .card .pin {margin-left: auto}
.objects .card .heart {--acr--icon-size: 36px}
.objects .card .heart:before {background-color: var(--wp--preset--color--custom-cool-grey)}
.objects .card .cost {
	margin-top: 0;
	font-family: 'Open Sans SemiBold';
	font-size: var(--wp--preset--font-size--medium)
}
.objects .card .price .description {font-size: var(--wp--preset--font-size--x-small)}
.objects .card .acr-icon.pin {margin-top: 0}

/*   Getwid */
#content .wp-block-getwid-accordion {
	--acr-spacing--accordion: calc(2 * var(--acr-spacing-seam));
	background: var(--wp--preset--color--custom-basis-light);
	padding: var(--acr-spacing--accordion) 0;
}
#content .wp-block-getwid-accordion__header-wrapper {
  margin: var(--acr-spacing--accordion);
  margin-bottom: 0;
  border: 0;
}
#content .wp-block-getwid-accordion__header-title {
	font-family: 'Open Sans Bold';
	color: var(--wp--preset--color--contrast-3)
}
#content .wp-block-getwid-accordion__header-wrapper:first-child {margin-top: 0}
#content .wp-block-getwid-accordion__header {
  box-sizing: border-box;
  background: var(--wp--preset--color--base-2)
}


/*   Kundenstimmen */
.testimonials {
	--acr-spacing: 24px; 
  box-shadow: var(--acr--shadow-hover-medium)
 }
.testimonials .slick-track {display: flex}
.testimonials .slick-slide {display: flex; height: auto}
.testimonials .wp-block-getwid-content-slider-slide__wrapper {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin-right: var(--acr-spacing);
  padding: var(--acr-spacing);
  color: var(--wp--preset--color--contrast-3);
  background: var(--wp--preset--color--base-2);
  text-align: center;
}
.testimonials p, .testimonials h4 {margin-top: 0; margin-bottom: var(--acr-spacing)}
.testimonials p:last-child, .testimonials h4:last-child {margin-bottom: 0}
.testimonials h4 {font-family: 'Open Sans'}
.slick-prev::before, .slick-next::before {
	content: '';
	left: 0;
	--acr--icon-size: var(--wp--preset--font-size--large);
	background: var(--wp--preset--color--contrast-3)
}
.slick-prev::before {--acr-icon-url: url('assets/icons/arrow_left.svg')}
.slick-next::before {--acr-icon-url: url('assets/icons/arrow_right.svg')}
.proxy-portrait {
	--acr--item-size: calc(1.6 * var(--wp--preset--font-siz--x-large));
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: var(--acr--item-size);
	height: var(--acr--item-size);
	border-radius: var(--acr--item-size);
	text-align: center;
  color: var(--wp--preset--color--base);
  background: var(--wp--preset--color--accent);
  font-size: var(--wp--preset--font-siz--x-large)
}

/*   Suchanfrage */
.acco-query {
	color: var(--wp--preset--color--contrast-3);
}

/*   Translate Press */
.acr-language-container {
	--acr-item-width: 88px;
	position: relative;
	min-width: var(--acr-item-width) 
}
.acr-language-switcher {
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	left: 0;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  min-width: var(--acr-item-width);
  box-sizing: border-box;
}
.acr-language-switcher .lang {
  display: none;
  align-items: center;
  gap: var(--acr-spacing-seam);
  padding: var(--acr-spacing-seam) calc(2 *var(--acr-spacing-seam));
  white-space: nowrap;
}
.acr-language-switcher .lang.active {display: flex}
.acr-language-switcher .flag-crop {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  flex-shrink: 0;
}
.acr-language-switcher .flag-crop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.acr-language-switcher .lang-text {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.acr-language-switcher .arrow-down {
  width: 6px;
  height: 6px;
  border-top: 2px solid var(--wp--preset--color--contrast);
  border-right: 2px solid var(--wp--preset--color--contrast);
  display: inline-block;
  margin-left: 4px;
  margin-top: -3px;
  transform: rotate(135deg);
  transition: transform 0.2s ease-in-out;
}
.acr-language-switcher.open {
  box-shadow: 0px 4px 12px rgba(0,0,0,0.15);
  border-radius: var(--acr--border-radius-buttons);
  z-index: var(--acr-layer-3)
}
.acr-language-switcher.open .lang {display: flex}
.acr-language-switcher.open .lang:hover {background-color: var(--acr--color-taupe-light)}
.acr-language-switcher.open .lang.active .arrow-down {
  transform: rotate(-45deg);
  margin-top: 3px; /* Gleicht den optischen Schwerpunkt beim Umdrehen aus */
}
.acr-language-switcher.open .lang:not(.active) .arrow-down {visibility: hidden;}



/*   Google Maps Karten */
div#googleMap {
	width: 100%; height: 30em;
	margin-top: var(--global--spacing-vertical)
}

/*   Bildbearbeitung */
#content .sort-grid {max-width: none}

/* Lightbox */
.lbx {/* Hintergrund der Lightbox */
  display: none;
  position: fixed;
  z-index: var(--acr-layer-4);
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
}
.lbx-content { /* Lightbox Inhalt */
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 800px;
}

/* Bildbereiche der Lightbox */
.lbx-row {display: flex; flex-wrap: wrap}
.lbx-row {column-gap: var(--acr-spacing-seam)}
.lbx-row.gallery div {
	width: calc(50% - var(--acr-spacing-seam) / 2);
	height: 100%;
	margin-bottom: var(--global--spacing-unit)
}
.lbx-row.count4 div {width: calc(25% - 3/4 * var(--acr-spacing-seam))}
.lbx-row.gallery.lbx-thumbnails {
	--js-seam: 2px;
	flex-wrap: nowrap;
	column-gap: var(--js-seam);
	padding-left: var(--js-seam);
	padding-right: var(--js-seam);
	background: var(--wp--preset--color--accent)
}
.lbx-row.gallery.lbx-thumbnails div {width: auto}
.lbx-column img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.lbx-thumbnails .lbx-column {max-height: 120px}
.lbx-close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}
.lbx-close:hover,
.lbx-close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Lightbox = "große Bilddarstellung" */
.lbx-box {display: none}
.lbx-box img {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}
.lbx-box img {
	--js-height: 520px;
	display: block;
	object-fit: cover;
	max-height: var(--js-height)
}

/* Blättersteuerung */
.lbx-prev, .lbx-next {
  cursor: pointer;
  position: absolute;
  top: 35%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
.lbx-next {right: 0; border-radius: 3px 0 0 3px}
.lbx-prev:hover,.lbx-next:hover {background-color: rgba(0, 0, 0, 0.8)}

.numbertext { /* Bildnummerierung */
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.lbx-caption-container {/* Bildbeschriftung */
  text-align: center;
  background-color: var(--wp--preset--color--accent);
  padding: 2px 16px;
  color: white;
}
img.lbx-thumbnail {opacity: 0.6}
.lbx-thumbnail.active, .lbx-thumbnail:hover {opacity: 1}
img.hover-shadow {transition: 0.3s}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*   Werkstatt */
.whitestamp, .blackstamp {padding: 30px}
.whitestamp, .whitestamp h2 {color: white; background: black !important}
.blackstamp, .blackstamp h2 {color: black; background: white !important}


/* Responsive */
/* seihe style-mobile.css */