.portfolio_nav { display:none; }
#wrapper
{
	overflow-x: hidden;
}
.mobile_menu_wrapper
{
    overflow: auto;
}
body.js_nav .mobile_menu_wrapper 
{
    display: block;
}
.gallery_type, .portfolio_type
{
	opacity: 1;
}
#searchform input[type=text]
{
	width: 75%;
}
.woocommerce .logo_wrapper img
{
	max-width: 50%;
}

#mobile_nav_icon
{
    display: none !important;
}


@media only screen and (max-width: 768px) {
	html[data-menu=leftmenu] .mobile_menu_wrapper
	{
		right: 0;
		left: initial;
		
		-webkit-transform: translate(360px, 0px);
		-ms-transform: translate(360px, 0px);
		transform: translate(360px, 0px);
		-o-transform: translate(360px, 0px);
	}
}


.two_cols.gallery .element:hover img, .three_cols.gallery .element:hover img, .four_cols.gallery .element:hover img, .five_cols.gallery .element:hover img, .one_half.gallery2.classic a:hover img, .one_third.gallery3.classic a:hover img, .one_fourth.gallery4.classic a:hover img
{
	-ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}



#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle
{
	padding: 0;
	border: 0;
}

#page_caption.hasbg .page_title_wrapper
{
	background: rgba(0,0,0,0);
}

html[data-style=fullscreen] .top_bar.hasbg, .top_bar.hasbg
{
	border: 0;
}

html[data-style=fullscreen] .top_bar.hasbg, .top_bar.hasbg
{
	background: rgba(0,0,0,0);
}



.bg_gradient::after
{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    background: transparent;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(60%,transparent),color-stop(66%,rgba(0,0,0,0.1)),color-stop(93%,rgba(0,0,0,0.95)),to(rgba(0,0,0,1)));
    background-image: -webkit-linear-gradient(transparent 0%,transparent 60%,rgba(0,0,0,0.1) 66%,rgba(0,0,0,0.95) 93%,rgba(0,0,0,1) 100%);
    background-image: linear-gradient(transparent 0%,transparent 60%,rgba(0,0,0,0.1) 66%,rgba(0,0,0,0.95) 93%,rgba(0,0,0,1) 100%)
}


@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
@-ms-keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
 
.fade-in {
    animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
	-ms-animation-name: fadeIn;	

	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;
	-ms-animation-duration: 0.7s;	

	-webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    
    visibility: visible !important;
}


/**************************************************************
 * Sandra Mannigel Photography – Unified Responsive Custom CSS
 *
 * Sections
 *  1)   Page captions & buttons
 *  2)   Gravity Forms (IDs 1, 6, 7)
 *  3)   Reusable "gray box" for PPB columns
 *  3.5) Fix: prevent unintended italics inside PPB gray boxes
 *  4)   Referenzen "Fotoreportagen" boxes (gallery-link scoped)
 *  4.5) Eventfotografie page – center all content boxes (page-id-15002)
 *  5)   Destination page layout (page-id-15257)
 *  6)   Responsive tweaks
 *  7)   Pricing cards (scoped: fixed min-height + bottom-aligned CTA)
 *  8)   Miscellaneous / utility
 **************************************************************/


/* =========================
   1) PAGE CAPTIONS & BUTTONS
   ========================= */

#page_caption.single_gallery {
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

#page_caption.ppb_enable {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Theme button baseline */
.button {
  background: #e0e0e0 !important;
  color: #000 !important;
}

/* Keyboard focus clarity (accessibility) */
.button:focus-visible,
a:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}


/* =========================
   2) GRAVITY FORMS (IDs 1, 6, 7)
   ========================= */

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
  background-color: #F5F5F5 !important;
  padding: 30px !important;
  border-radius: 12px !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(input[type="text"],
      input[type="email"],
      input[type="tel"],
      input[type="url"],
      input[type="number"],
      input[type="password"],
      input[type="search"],
      textarea,
      select) {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  padding: 12px !important;
  border-radius: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(.gform_footer, .gform_page_footer) input[type="submit"] {
  background-color: #4A4A4A !important;
  color: #fff !important;
  padding: 12px 24px !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(.gform_footer, .gform_page_footer) input[type="submit"]:hover {
  background-color: #2F2F2F !important;
}

/* GF typography */
.gform_wrapper {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  letter-spacing: 0.5px;
  color: #000;
}

.gform_wrapper :is(.gfield_label, legend, .gchoice_label) {
  font-family: inherit !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  letter-spacing: 0.5px;
  color: inherit;
}

.gform_wrapper .gfield_description {
  font-family: inherit !important;
  font-weight: normal !important;
  font-size: 11px !important;
  text-transform: none !important;
  color: #555;
}

.gform_wrapper .gfield_html {
  font-size: 12px;
  font-weight: normal;
  color: #555;
  text-transform: none;
  line-height: 1.5;
}


/* =========================
   3) REUSABLE "GRAY BOX" FOR PPB COLUMNS
   (applies to 1/2 and 1/3 width)
   ========================= */

.ppb_header.withsmallpadding:is(.one_third, .one_half) {
  background-color: #F5F5F5 !important;
  padding: 30px !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}


/* =========================
   3.5) FIX: Prevent unintended italics in PPB gray boxes
   ========================= */

.ppb_header.withsmallpadding .ppb_header_content,
.ppb_header.withsmallpadding .ppb_header_content * {
  font-style: normal !important;
}

/* Preserve intentional emphasis */
.ppb_header.withsmallpadding .ppb_header_content em,
.ppb_header.withsmallpadding .ppb_header_content i {
  font-style: italic !important;
}


/* =========================
   4) REFERENZEN "FOTOREPORTAGEN" BOXES
   (safe-scoped to PPB blocks containing gallery links)
   Merged: centering + wrapping rules in one block per selector.
   ========================= */

.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]),
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) {
  background-color: #f5f5f5;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.06);
  width: 100% !important;
  max-width: 600px;
  margin: 0 auto 40px !important;
  text-align: center;
  float: none !important;
  clear: both;
  display: block !important;
  box-sizing: border-box;
  white-space: normal !important;
  overflow: auto;
}

/* Prevent inner wrappers from re-adding spacing */
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]) .inner,
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) .inner {
  padding: 0 !important;
}

/* Allow long link text to wrap cleanly */
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]) a,
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) a {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  display: inline-block;
  max-width: 100%;
}


/* =========================
   4.5) EVENTFOTOGRAFIE PAGE – CENTER ALL CONTENT BOXES
   (page-id-15002)
   Catches both "Foto Dokumentation" and "Referenzen Portfolio"
   regardless of whether they contain gallery links.
   ========================= */

.page-id-15002 .standard_wrapper > .one_third.withsmallpadding.ppb_header {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 600px;
  margin: 0 auto 40px !important;
  text-align: center;
  clear: both;
}


/* =========================
   5) DESTINATION PAGE SPECIAL LAYOUT (page-id-15257)
   ========================= */

.page-id-15257 .one.withsmallpadding.ppb_header {
  background-color: #F5F5F5;
  padding: 30px;
  border-radius: 12px;
  max-width: 600px;
  margin: 0 auto;
  width: 90%;
  box-sizing: border-box;
}

/* Center stubborn 1/3 block */
.page-id-15257 .one_third.withsmallpadding.ppb_header {
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 600px;
  text-align: center;
}

/* Safety: undo any unintended page-wide boxing */
.page-id-15257 .page_content_wrapper {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}


/* =========================
   6) RESPONSIVE TWEAKS
   ========================= */

@media (max-width: 1024px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 26px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 26px !important;
  }
}

@media (max-width: 812px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 24px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 24px !important;
  }

  /* Tighten bottom margin on gallery-link boxes */
  .ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]),
  .ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) {
    margin: 0 auto 32px !important;
  }

  /* Match for Eventfotografie page boxes */
  .page-id-15002 .standard_wrapper > .one_third.withsmallpadding.ppb_header {
    margin: 0 auto 32px !important;
  }
}

@media (max-width: 430px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 20px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 20px !important;
  }

  /* Destination page: tighter on small screens */
  .page-id-15257 .one.withsmallpadding.ppb_header {
    padding: 20px;
    width: 95%;
    max-width: 95%;
  }
  .page-id-15257 .one_third.withsmallpadding.ppb_header {
    max-width: 95%;
  }
}


/* =========================
   7) PRICING CARDS (SCOPED)
   Fix heights + bottom-align CTA button.
   IMPORTANT: applies ONLY to pricing boxes, scoped via mailto
   subject strings in the CTA button's onclick attribute.
   The long selector is repeated because CSS has no way to
   assign a selector to a variable — this is intentional.
   ========================= */

/* Fixed min-height per viewport width */
@media (min-width: 1421px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 825px !important;
  }
}

@media (max-width: 1420px) and (min-width: 1342px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 860px !important;
  }
}

@media (max-width: 1341px) and (min-width: 961px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 900px !important;
  }
}

@media (max-width: 960px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: auto !important;
  }
}

/* Bottom-align the CTA button inside pricing cards (3-up layout only) */
@media (min-width: 961px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    display: flex !important;
    flex-direction: column !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) > .page_content_wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  /* Push the CTA paragraph to the bottom */
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content p:has(> a.button.small) {
    margin-top: auto !important;
    margin-bottom: 0 !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content p:has(> a.button.small) .button.small {
    display: inline-block !important;
  }
}

/* When stacked, let pricing cards flow naturally */
@media (max-width: 960px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ),
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) > .page_content_wrapper,
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content {
    display: block !important;
  }
}


/* =========================
   8) MISCELLANEOUS / UTILITY
   ========================= */

/* Hide share bar site-wide */
#page_share {
  visibility: hidden !important;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
/**************************************************************
 * Sandra Mannigel Photography – Unified Responsive Custom CSS
 *
 * Sections
 *  1)   Page captions & buttons
 *  2)   Gravity Forms (IDs 1, 6, 7)
 *  3)   Reusable "gray box" for PPB columns
 *  3.5) Fix: prevent unintended italics inside PPB gray boxes
 *  4)   Referenzen "Fotoreportagen" boxes (gallery-link scoped)
 *  4.5) Eventfotografie page – center all content boxes (page-id-15002)
 *  5)   Destination page layout (page-id-15257)
 *  6)   Responsive tweaks
 *  7)   Pricing cards (scoped: fixed min-height + bottom-aligned CTA)
 *  8)   Miscellaneous / utility
 **************************************************************/


/* =========================
   1) PAGE CAPTIONS & BUTTONS
   ========================= */

#page_caption.single_gallery {
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

#page_caption.ppb_enable {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Theme button baseline */
.button {
  background: #e0e0e0 !important;
  color: #000 !important;
}

/* Keyboard focus clarity (accessibility) */
.button:focus-visible,
a:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}


/* =========================
   2) GRAVITY FORMS (IDs 1, 6, 7)
   ========================= */

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
  background-color: #F5F5F5 !important;
  padding: 30px !important;
  border-radius: 12px !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(input[type="text"],
      input[type="email"],
      input[type="tel"],
      input[type="url"],
      input[type="number"],
      input[type="password"],
      input[type="search"],
      textarea,
      select) {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  padding: 12px !important;
  border-radius: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(.gform_footer, .gform_page_footer) input[type="submit"] {
  background-color: #4A4A4A !important;
  color: #fff !important;
  padding: 12px 24px !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(.gform_footer, .gform_page_footer) input[type="submit"]:hover {
  background-color: #2F2F2F !important;
}

/* GF typography */
.gform_wrapper {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  letter-spacing: 0.5px;
  color: #000;
}

.gform_wrapper :is(.gfield_label, legend, .gchoice_label) {
  font-family: inherit !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  letter-spacing: 0.5px;
  color: inherit;
}

.gform_wrapper .gfield_description {
  font-family: inherit !important;
  font-weight: normal !important;
  font-size: 11px !important;
  text-transform: none !important;
  color: #555;
}

.gform_wrapper .gfield_html {
  font-size: 12px;
  font-weight: normal;
  color: #555;
  text-transform: none;
  line-height: 1.5;
}


/* =========================
   3) REUSABLE "GRAY BOX" FOR PPB COLUMNS
   (applies to 1/2 and 1/3 width)
   ========================= */

.ppb_header.withsmallpadding:is(.one_third, .one_half) {
  background-color: #F5F5F5 !important;
  padding: 30px !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}


/* =========================
   3.5) FIX: Prevent unintended italics in PPB gray boxes
   ========================= */

.ppb_header.withsmallpadding .ppb_header_content,
.ppb_header.withsmallpadding .ppb_header_content * {
  font-style: normal !important;
}

/* Preserve intentional emphasis */
.ppb_header.withsmallpadding .ppb_header_content em,
.ppb_header.withsmallpadding .ppb_header_content i {
  font-style: italic !important;
}


/* =========================
   4) REFERENZEN "FOTOREPORTAGEN" BOXES
   (safe-scoped to PPB blocks containing gallery links)
   Merged: centering + wrapping rules in one block per selector.
   ========================= */

.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]),
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) {
  background-color: #f5f5f5;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.06);
  width: 100% !important;
  max-width: 600px;
  margin: 0 auto 40px !important;
  text-align: center;
  float: none !important;
  clear: both;
  display: block !important;
  box-sizing: border-box;
  white-space: normal !important;
  overflow: auto;
}

/* Prevent inner wrappers from re-adding spacing */
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]) .inner,
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) .inner {
  padding: 0 !important;
}

/* Allow long link text to wrap cleanly */
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]) a,
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) a {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  display: inline-block;
  max-width: 100%;
}


/* =========================
   4.5) EVENTFOTOGRAFIE PAGE – CENTER ALL CONTENT BOXES
   (page-id-15002)
   Catches both "Foto Dokumentation" and "Referenzen Portfolio"
   regardless of whether they contain gallery links.
   ========================= */

.page-id-15002 .standard_wrapper > .one_third.withsmallpadding.ppb_header {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 600px;
  margin: 0 auto 40px !important;
  text-align: center;
  clear: both;
}


/* =========================
   5) DESTINATION PAGE SPECIAL LAYOUT (page-id-15257)
   ========================= */

.page-id-15257 .one.withsmallpadding.ppb_header {
  background-color: #F5F5F5;
  padding: 30px;
  border-radius: 12px;
  max-width: 600px;
  margin: 0 auto;
  width: 90%;
  box-sizing: border-box;
}

/* Center stubborn 1/3 block */
.page-id-15257 .one_third.withsmallpadding.ppb_header {
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 600px;
  text-align: center;
}

/* Safety: undo any unintended page-wide boxing */
.page-id-15257 .page_content_wrapper {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}


/* =========================
   6) RESPONSIVE TWEAKS
   ========================= */

@media (max-width: 1024px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 26px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 26px !important;
  }
}

@media (max-width: 812px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 24px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 24px !important;
  }

  /* Tighten bottom margin on gallery-link boxes */
  .ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]),
  .ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) {
    margin: 0 auto 32px !important;
  }

  /* Match for Eventfotografie page boxes */
  .page-id-15002 .standard_wrapper > .one_third.withsmallpadding.ppb_header {
    margin: 0 auto 32px !important;
  }
}

@media (max-width: 430px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 20px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 20px !important;
  }

  /* Destination page: tighter on small screens */
  .page-id-15257 .one.withsmallpadding.ppb_header {
    padding: 20px;
    width: 95%;
    max-width: 95%;
  }
  .page-id-15257 .one_third.withsmallpadding.ppb_header {
    max-width: 95%;
  }
}


/* =========================
   7) PRICING CARDS (SCOPED)
   Fix heights + bottom-align CTA button.
   IMPORTANT: applies ONLY to pricing boxes, scoped via mailto
   subject strings in the CTA button's onclick attribute.
   The long selector is repeated because CSS has no way to
   assign a selector to a variable — this is intentional.
   ========================= */

/* Fixed min-height per viewport width */
@media (min-width: 1421px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 825px !important;
  }
}

@media (max-width: 1420px) and (min-width: 1342px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 860px !important;
  }
}

@media (max-width: 1341px) and (min-width: 961px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 900px !important;
  }
}

@media (max-width: 960px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: auto !important;
  }
}

/* Bottom-align the CTA button inside pricing cards (3-up layout only) */
@media (min-width: 961px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    display: flex !important;
    flex-direction: column !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) > .page_content_wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  /* Push the CTA paragraph to the bottom */
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content p:has(> a.button.small) {
    margin-top: auto !important;
    margin-bottom: 0 !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content p:has(> a.button.small) .button.small {
    display: inline-block !important;
  }
}

/* When stacked, let pricing cards flow naturally */
@media (max-width: 960px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ),
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) > .page_content_wrapper,
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content {
    display: block !important;
  }
}


/* =========================
   8) MISCELLANEOUS / UTILITY
   ========================= */

/* Hide share bar site-wide */
#page_share {
  visibility: hidden !important;
}}

@media only screen and (max-width: 767px) {
/**************************************************************
 * Sandra Mannigel Photography – Unified Responsive Custom CSS
 *
 * Sections
 *  1)   Page captions & buttons
 *  2)   Gravity Forms (IDs 1, 6, 7)
 *  3)   Reusable "gray box" for PPB columns
 *  3.5) Fix: prevent unintended italics inside PPB gray boxes
 *  4)   Referenzen "Fotoreportagen" boxes (gallery-link scoped)
 *  4.5) Eventfotografie page – center all content boxes (page-id-15002)
 *  5)   Destination page layout (page-id-15257)
 *  6)   Responsive tweaks
 *  7)   Pricing cards (scoped: fixed min-height + bottom-aligned CTA)
 *  8)   Miscellaneous / utility
 **************************************************************/


/* =========================
   1) PAGE CAPTIONS & BUTTONS
   ========================= */

#page_caption.single_gallery {
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

#page_caption.ppb_enable {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Theme button baseline */
.button {
  background: #e0e0e0 !important;
  color: #000 !important;
}

/* Keyboard focus clarity (accessibility) */
.button:focus-visible,
a:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}


/* =========================
   2) GRAVITY FORMS (IDs 1, 6, 7)
   ========================= */

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
  background-color: #F5F5F5 !important;
  padding: 30px !important;
  border-radius: 12px !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(input[type="text"],
      input[type="email"],
      input[type="tel"],
      input[type="url"],
      input[type="number"],
      input[type="password"],
      input[type="search"],
      textarea,
      select) {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  padding: 12px !important;
  border-radius: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(.gform_footer, .gform_page_footer) input[type="submit"] {
  background-color: #4A4A4A !important;
  color: #fff !important;
  padding: 12px 24px !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(.gform_footer, .gform_page_footer) input[type="submit"]:hover {
  background-color: #2F2F2F !important;
}

/* GF typography */
.gform_wrapper {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  letter-spacing: 0.5px;
  color: #000;
}

.gform_wrapper :is(.gfield_label, legend, .gchoice_label) {
  font-family: inherit !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  letter-spacing: 0.5px;
  color: inherit;
}

.gform_wrapper .gfield_description {
  font-family: inherit !important;
  font-weight: normal !important;
  font-size: 11px !important;
  text-transform: none !important;
  color: #555;
}

.gform_wrapper .gfield_html {
  font-size: 12px;
  font-weight: normal;
  color: #555;
  text-transform: none;
  line-height: 1.5;
}


/* =========================
   3) REUSABLE "GRAY BOX" FOR PPB COLUMNS
   (applies to 1/2 and 1/3 width)
   ========================= */

.ppb_header.withsmallpadding:is(.one_third, .one_half) {
  background-color: #F5F5F5 !important;
  padding: 30px !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}


/* =========================
   3.5) FIX: Prevent unintended italics in PPB gray boxes
   ========================= */

.ppb_header.withsmallpadding .ppb_header_content,
.ppb_header.withsmallpadding .ppb_header_content * {
  font-style: normal !important;
}

/* Preserve intentional emphasis */
.ppb_header.withsmallpadding .ppb_header_content em,
.ppb_header.withsmallpadding .ppb_header_content i {
  font-style: italic !important;
}


/* =========================
   4) REFERENZEN "FOTOREPORTAGEN" BOXES
   (safe-scoped to PPB blocks containing gallery links)
   Merged: centering + wrapping rules in one block per selector.
   ========================= */

.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]),
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) {
  background-color: #f5f5f5;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.06);
  width: 100% !important;
  max-width: 600px;
  margin: 0 auto 40px !important;
  text-align: center;
  float: none !important;
  clear: both;
  display: block !important;
  box-sizing: border-box;
  white-space: normal !important;
  overflow: auto;
}

/* Prevent inner wrappers from re-adding spacing */
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]) .inner,
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) .inner {
  padding: 0 !important;
}

/* Allow long link text to wrap cleanly */
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]) a,
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) a {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  display: inline-block;
  max-width: 100%;
}


/* =========================
   4.5) EVENTFOTOGRAFIE PAGE – CENTER ALL CONTENT BOXES
   (page-id-15002)
   Catches both "Foto Dokumentation" and "Referenzen Portfolio"
   regardless of whether they contain gallery links.
   ========================= */

.page-id-15002 .standard_wrapper > .one_third.withsmallpadding.ppb_header {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 600px;
  margin: 0 auto 40px !important;
  text-align: center;
  clear: both;
}


/* =========================
   5) DESTINATION PAGE SPECIAL LAYOUT (page-id-15257)
   ========================= */

.page-id-15257 .one.withsmallpadding.ppb_header {
  background-color: #F5F5F5;
  padding: 30px;
  border-radius: 12px;
  max-width: 600px;
  margin: 0 auto;
  width: 90%;
  box-sizing: border-box;
}

/* Center stubborn 1/3 block */
.page-id-15257 .one_third.withsmallpadding.ppb_header {
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 600px;
  text-align: center;
}

/* Safety: undo any unintended page-wide boxing */
.page-id-15257 .page_content_wrapper {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}


/* =========================
   6) RESPONSIVE TWEAKS
   ========================= */

@media (max-width: 1024px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 26px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 26px !important;
  }
}

@media (max-width: 812px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 24px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 24px !important;
  }

  /* Tighten bottom margin on gallery-link boxes */
  .ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]),
  .ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) {
    margin: 0 auto 32px !important;
  }

  /* Match for Eventfotografie page boxes */
  .page-id-15002 .standard_wrapper > .one_third.withsmallpadding.ppb_header {
    margin: 0 auto 32px !important;
  }
}

@media (max-width: 430px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 20px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 20px !important;
  }

  /* Destination page: tighter on small screens */
  .page-id-15257 .one.withsmallpadding.ppb_header {
    padding: 20px;
    width: 95%;
    max-width: 95%;
  }
  .page-id-15257 .one_third.withsmallpadding.ppb_header {
    max-width: 95%;
  }
}


/* =========================
   7) PRICING CARDS (SCOPED)
   Fix heights + bottom-align CTA button.
   IMPORTANT: applies ONLY to pricing boxes, scoped via mailto
   subject strings in the CTA button's onclick attribute.
   The long selector is repeated because CSS has no way to
   assign a selector to a variable — this is intentional.
   ========================= */

/* Fixed min-height per viewport width */
@media (min-width: 1421px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 825px !important;
  }
}

@media (max-width: 1420px) and (min-width: 1342px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 860px !important;
  }
}

@media (max-width: 1341px) and (min-width: 961px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 900px !important;
  }
}

@media (max-width: 960px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: auto !important;
  }
}

/* Bottom-align the CTA button inside pricing cards (3-up layout only) */
@media (min-width: 961px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    display: flex !important;
    flex-direction: column !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) > .page_content_wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  /* Push the CTA paragraph to the bottom */
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content p:has(> a.button.small) {
    margin-top: auto !important;
    margin-bottom: 0 !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content p:has(> a.button.small) .button.small {
    display: inline-block !important;
  }
}

/* When stacked, let pricing cards flow naturally */
@media (max-width: 960px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ),
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) > .page_content_wrapper,
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content {
    display: block !important;
  }
}


/* =========================
   8) MISCELLANEOUS / UTILITY
   ========================= */

/* Hide share bar site-wide */
#page_share {
  visibility: hidden !important;
}}

@media only screen and (min-width: 480px) and (max-width: 767px) {
/**************************************************************
 * Sandra Mannigel Photography – Unified Responsive Custom CSS
 *
 * Sections
 *  1)   Page captions & buttons
 *  2)   Gravity Forms (IDs 1, 6, 7)
 *  3)   Reusable "gray box" for PPB columns
 *  3.5) Fix: prevent unintended italics inside PPB gray boxes
 *  4)   Referenzen "Fotoreportagen" boxes (gallery-link scoped)
 *  4.5) Eventfotografie page – center all content boxes (page-id-15002)
 *  5)   Destination page layout (page-id-15257)
 *  6)   Responsive tweaks
 *  7)   Pricing cards (scoped: fixed min-height + bottom-aligned CTA)
 *  8)   Miscellaneous / utility
 **************************************************************/


/* =========================
   1) PAGE CAPTIONS & BUTTONS
   ========================= */

#page_caption.single_gallery {
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

#page_caption.ppb_enable {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Theme button baseline */
.button {
  background: #e0e0e0 !important;
  color: #000 !important;
}

/* Keyboard focus clarity (accessibility) */
.button:focus-visible,
a:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}


/* =========================
   2) GRAVITY FORMS (IDs 1, 6, 7)
   ========================= */

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
  background-color: #F5F5F5 !important;
  padding: 30px !important;
  border-radius: 12px !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(input[type="text"],
      input[type="email"],
      input[type="tel"],
      input[type="url"],
      input[type="number"],
      input[type="password"],
      input[type="search"],
      textarea,
      select) {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  padding: 12px !important;
  border-radius: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(.gform_footer, .gform_page_footer) input[type="submit"] {
  background-color: #4A4A4A !important;
  color: #fff !important;
  padding: 12px 24px !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

:is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7)
  :is(.gform_footer, .gform_page_footer) input[type="submit"]:hover {
  background-color: #2F2F2F !important;
}

/* GF typography */
.gform_wrapper {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  letter-spacing: 0.5px;
  color: #000;
}

.gform_wrapper :is(.gfield_label, legend, .gchoice_label) {
  font-family: inherit !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  letter-spacing: 0.5px;
  color: inherit;
}

.gform_wrapper .gfield_description {
  font-family: inherit !important;
  font-weight: normal !important;
  font-size: 11px !important;
  text-transform: none !important;
  color: #555;
}

.gform_wrapper .gfield_html {
  font-size: 12px;
  font-weight: normal;
  color: #555;
  text-transform: none;
  line-height: 1.5;
}


/* =========================
   3) REUSABLE "GRAY BOX" FOR PPB COLUMNS
   (applies to 1/2 and 1/3 width)
   ========================= */

.ppb_header.withsmallpadding:is(.one_third, .one_half) {
  background-color: #F5F5F5 !important;
  padding: 30px !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}


/* =========================
   3.5) FIX: Prevent unintended italics in PPB gray boxes
   ========================= */

.ppb_header.withsmallpadding .ppb_header_content,
.ppb_header.withsmallpadding .ppb_header_content * {
  font-style: normal !important;
}

/* Preserve intentional emphasis */
.ppb_header.withsmallpadding .ppb_header_content em,
.ppb_header.withsmallpadding .ppb_header_content i {
  font-style: italic !important;
}


/* =========================
   4) REFERENZEN "FOTOREPORTAGEN" BOXES
   (safe-scoped to PPB blocks containing gallery links)
   Merged: centering + wrapping rules in one block per selector.
   ========================= */

.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]),
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) {
  background-color: #f5f5f5;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.06);
  width: 100% !important;
  max-width: 600px;
  margin: 0 auto 40px !important;
  text-align: center;
  float: none !important;
  clear: both;
  display: block !important;
  box-sizing: border-box;
  white-space: normal !important;
  overflow: auto;
}

/* Prevent inner wrappers from re-adding spacing */
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]) .inner,
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) .inner {
  padding: 0 !important;
}

/* Allow long link text to wrap cleanly */
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]) a,
.ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) a {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  display: inline-block;
  max-width: 100%;
}


/* =========================
   4.5) EVENTFOTOGRAFIE PAGE – CENTER ALL CONTENT BOXES
   (page-id-15002)
   Catches both "Foto Dokumentation" and "Referenzen Portfolio"
   regardless of whether they contain gallery links.
   ========================= */

.page-id-15002 .standard_wrapper > .one_third.withsmallpadding.ppb_header {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 600px;
  margin: 0 auto 40px !important;
  text-align: center;
  clear: both;
}


/* =========================
   5) DESTINATION PAGE SPECIAL LAYOUT (page-id-15257)
   ========================= */

.page-id-15257 .one.withsmallpadding.ppb_header {
  background-color: #F5F5F5;
  padding: 30px;
  border-radius: 12px;
  max-width: 600px;
  margin: 0 auto;
  width: 90%;
  box-sizing: border-box;
}

/* Center stubborn 1/3 block */
.page-id-15257 .one_third.withsmallpadding.ppb_header {
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 600px;
  text-align: center;
}

/* Safety: undo any unintended page-wide boxing */
.page-id-15257 .page_content_wrapper {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}


/* =========================
   6) RESPONSIVE TWEAKS
   ========================= */

@media (max-width: 1024px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 26px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 26px !important;
  }
}

@media (max-width: 812px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 24px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 24px !important;
  }

  /* Tighten bottom margin on gallery-link boxes */
  .ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="galerie.mannigel.photo"]),
  .ppb_header.withsmallpadding:is(.one, .one_half, .one_third):has(a[href*="smp.kundengalerien.de"]) {
    margin: 0 auto 32px !important;
  }

  /* Match for Eventfotografie page boxes */
  .page-id-15002 .standard_wrapper > .one_third.withsmallpadding.ppb_header {
    margin: 0 auto 32px !important;
  }
}

@media (max-width: 430px) {
  :is(#gform_wrapper_1, #gform_wrapper_6, #gform_wrapper_7) {
    padding: 20px !important;
  }
  .ppb_header.withsmallpadding:is(.one_third, .one_half) {
    padding: 20px !important;
  }

  /* Destination page: tighter on small screens */
  .page-id-15257 .one.withsmallpadding.ppb_header {
    padding: 20px;
    width: 95%;
    max-width: 95%;
  }
  .page-id-15257 .one_third.withsmallpadding.ppb_header {
    max-width: 95%;
  }
}


/* =========================
   7) PRICING CARDS (SCOPED)
   Fix heights + bottom-align CTA button.
   IMPORTANT: applies ONLY to pricing boxes, scoped via mailto
   subject strings in the CTA button's onclick attribute.
   The long selector is repeated because CSS has no way to
   assign a selector to a variable — this is intentional.
   ========================= */

/* Fixed min-height per viewport width */
@media (min-width: 1421px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 825px !important;
  }
}

@media (max-width: 1420px) and (min-width: 1342px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 860px !important;
  }
}

@media (max-width: 1341px) and (min-width: 961px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: 900px !important;
  }
}

@media (max-width: 960px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    min-height: auto !important;
  }
}

/* Bottom-align the CTA button inside pricing cards (3-up layout only) */
@media (min-width: 961px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) {
    display: flex !important;
    flex-direction: column !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) > .page_content_wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  /* Push the CTA paragraph to the bottom */
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content p:has(> a.button.small) {
    margin-top: auto !important;
    margin-bottom: 0 !important;
  }

  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content p:has(> a.button.small) .button.small {
    display: inline-block !important;
  }
}

/* When stacked, let pricing cards flow naturally */
@media (max-width: 960px) {
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ),
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) > .page_content_wrapper,
  :is(
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=MINI"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="subject=BASIC"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESBEGLEITUNG"]),
    .standard_wrapper > .one_third.withsmallpadding.ppb_header:has(a.button.small[onclick*="TAGESREPORTAGE"])
  ) .ppb_header_content {
    display: block !important;
  }
}


/* =========================
   8) MISCELLANEOUS / UTILITY
   ========================= */

/* Hide share bar site-wide */
#page_share {
  visibility: hidden !important;
}}