/*
Theme Name: besdtheme
Theme URI: n.a.
Author: Lucien Lafayette
Author URI: https://www.lucienlafayette.top/
Description: Der WP-theme des BesD
Version: 0.9
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: besdtheme
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: BesdCD
*/


.entry-footer{display:none;}
.entry-meta{display:none;}
/* ================= VABZZZZZZ ============ */
:root{
	
/* #### standarttext ####*/
--fontsize1: 16px;
--lineheight1: 1.3;	
	
/* #### schadowzz #### */
--boyshadow1:0 0 4px 0px rgba(0, 0, 0, 0.35) ;
--textshadow1: 0 0 10px rgba(0,0,0,0.25);
	
	--utubeshadow: inset 0 0 8vw rgba(0, 0, 0, 0.3);
	
	--cardshadow: inset -9px 46px 53px rgba(0, 0, 0, 0.4), inset 41px -30px 72px rgba(0, 0, 0, 0.3);
	
--shadowoben: linear-gradient(175deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 50%);
--shadowunten: linear-gradient(4deg,rgba(0,0,0,0.3), rgba(0,0,0,0) 40%);
	
	--shadowcardtext: 0 0 13px rgba(0, 0, 0, 1.0);
	--shadowkalendartext: 0 0 5px rgba(0, 0, 0, 1.0);
	
	  --bildshadow:  0 0 4px 1px rgba(0, 0, 0, 0.9);

	
/* #### layouts #### */
--besd-radius: 10px;
--besd-radius2: 20px;   	
--gap:20px;
	
--fontw:#fff;
--fontb:#000;
--fontb2:#444;
	
	
	
/* ######### h2 #########*/
--fontr:rgb(255, 00, 88);

/* #### Farben für editor ####*/
	--besd-color-1:rgb(229, 0, 153);
	--besd-color-2:rgb(255, 0, 88);
	--besd-color-3:rgb(247, 82, 0);
	--besd-color-4:#000;

	
  /* Akzentfarben  */
  --rot1:  rgb(255, 45, 55);
  --rot2:  rgb(255, 67, 51);
  --rot3:  rgb(255, 27, 95);
  --pink1: rgb(255, 15, 95);
  --orange1: rgb(255, 65, 25);	
	
	
  --color-link: rgb(225, 00, 000);
  --color-link-hover: rgb(222, 000, 222);
  --color-link-visited: rgb(222, 66, 0);

	
--lineheighth: 1.0;

	
/* Gradients  */
--gradientmenu:    linear-gradient(to top, rgba(255, 00, 99, 0.9), rgba(255, 33, 66, 0.9), rgba(255, 44, 00, 0.9));
	--gradientmenu2:    linear-gradient(to bottom, rgba(255, 00, 99, 0.9), rgba(255, 33, 66, 0.9), rgba(255, 44, 00, 0.9));
	
	
--gradienttextbox: linear-gradient(to top left , rgba(255, 00, 99, 1), rgba(255, 33, 66, 1), rgba(255, 44, 00, 1));
--gradienth1: linear-gradient(to right, rgba(255, 00, 99, 1), rgba(255, 33, 66, 1), rgba(255, 44, 00, 1));
	
	
	
	
	
--gradientfooter:  linear-gradient(to bottom,       var(--rot1), var(--rot3), rgb(245, 47, 41));
--gradientbutton:  linear-gradient(to right, rgba(255, 00, 99, 1), rgba(255, 33, 66, 1), rgba(255, 44, 00, 1));
	
	
	--gradientmember:  linear-gradient(to top right, rgba(255, 00, 99, 1), rgba(255, 33, 66, 1), rgba(255, 44, 00, 1));
	

--gradient2: linear-gradient(to top left, rgba(255, 00, 99, 1), rgba(255, 33, 66, 1), rgba(255, 44, 00, 1));
	
	
	--gradient3: linear-gradient(to top left, rgba(255, 00, 99, 1), rgba(255, 33, 66, 1), rgba(255, 44, 00, 1));
	
	
--gradient3-bg:     radial-gradient(at top left, #ff0000 0px, transparent 50%),    radial-gradient(at top right, #ff0099 0px, transparent 50%),    radial-gradient(at bottom left, #dd00cc 0px, transparent 50%),    radial-gradient(at bottom right, #ff3300 0px, transparent 50%);
	
--gradient3-bgc: #ff3366; 
	
	
	--gradient3-bgfot:    radial-gradient(at top left, #ff0000 0px, transparent 50%),
    radial-gradient(at top right, #ff0055 0px, transparent 50%),
    radial-gradient(at bottom left, #ff0077 0px, transparent 50%),
    radial-gradient(at bottom right, #ff3300 0px, transparent 50%);
--gradient3-bgcfot: #ff3366; 
	
	

	--gradient3-bgfot: linear-gradient(to top, rgba(255, 00, 99, 1), rgba(255, 33, 66, 1), rgba(255, 44, 00, 1));
	
	
	
	
	
	/*X*/
--gradient3b: linear-gradient(to top left, rgba(255, 00, 99, 1), rgba(255, 33, 66, 1), rgba(255, 44, 00, 1));
	
	
	
	
--gradient4: linear-gradient(to right, rgba(255, 32, 90, 0.9), rgba(255, 35, 85, 0.9));
	
	
  /* Footer */
  --footer-fg: #fff;
  --footer-border: color-mix(in srgb, #fff 24%, transparent);
  --footer-max: min(1200px, 94vw);
  --space-2:.45rem; 
  --space-4:1.8rem;
	
	
  /* Spacing-Scale */
  --space-1:.5rem; --space-3:1rem;  --space-5:2rem;
	

  /* Banner / Headerhöhen (Headerhöhe beeinflusst Sticky/Overlap) */
  --besd-banner-height: 128px;
  --aa: 64px;               /* Headerhöhe klein */
  --bb: calc(100svh - var(--aa));
  --aa2: 106px;             /* Headerhöhe groß */
  --bb2: calc(100svh - var(--aa2));

  /* UI-Grundwerte */
  --besd-gap: 8px;            
 
  --besd-shadow: 0 8px 20px rgba(0,0,0,.08);

  /* Lightbox */
  --besd-lb-bg: rgba(0,0,0,.92);
  --besd-lb-nav-size: 56px;

  /* Markenfarben (Primär, Links, Hover) */
  --fontr2: rgb(235, 25, 95);

  /* Grundfarben Text/Hintergrund */
  --w:#fff;


  /* Abstände global */
  --marginb:22px;

  /* Containerbreiten / Radien / Easing */
  --container-max: 100vw;
  --radius: 12px;
  --e-fast: 1s ease;
  --e-med: .35s ease;

  /* Fonts  */
  --fontblack: rgb(0,0,0);
  --font-mono: "Roboto Mono", monospace;   

  /* Links */
  --hover: rgb(255, 0, 125);

  --color-border: #fff;

  /* Akzentfarben  */
  --rot1:  rgb(255, 45, 55);
  --rot2:  rgb(255, 67, 51);
  --rot3:  rgb(255, 27, 95);
  --pink1: rgb(255, 15, 95);
  --orange1: rgb(255, 65, 25);



  /* Header-Overlay-Gradients */
  --menuw: var(--rot2);


  /* Seiten- / Hero-Defaults */
  --header-height: 65px;          /* Headerhöhe hier anpassen */
  --pagebg: #fff;                 /* Seitenhintergrund */
  --entry: #fff;                  /* Entry-Hintergrund */
  --hero-min: 100svh;              /* Höhe Hero-Section */
  --hero-pad: min(6vw, 48px);     /* Innenabstand im Hero */

  /* Basisfarben Text/Hintergrund */
  --color-bg: #ffffff;
  --color-fg: #111111;
  --color-muted: #666666;

  /* Layout-Container + Gutter */
  --container: 72rem;
  --gutter: 1rem;
  --flow-space: 1rem;
}

/* Dark-Mode-Hooks  */
@media (prefers-color-scheme: dark) {
  :root {
    /* Farben für Dark-Mode definieren */
  }
}










/* ======================================================================
   Grundtypografie / Rendering
   – Fontfamilien hier ändern
   ====================================================================== */
html, body{
font-family: "Roboto Flex", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
	font-family: "Roboto Flex", sans-serif;
    color: var(--fontb);
	font-size: var(--fontsize1);
	line-height: var(--lineheight1);
}

/* Fließtext STANDER:  font-family: "Roboto Flex", serif;*/
p{
	hyphens: auto;
    font-family: "Roboto Flex", sans-serif;
    color: var(--fontb);
	margin:0;
	font-size: var(--fontsize1);
	line-height: var(--lineheight1);
}

span{
	hyphens: auto;
}


a{hyphens: auto;word-break: break-word;}
a{font-weight:600; color: var(--color-link); transition: color 500ms ease;}
a:hover{color: var(--color-link-hover);transition: color 500ms ease;}
a:hover{color: var(--color-link-visited);transition: color 500ms ease;}

	

/* ======#####################################################################=== EDITOR =========================================== */
.wp-block-post-content p {
	font-family: "Roboto Flex", sans-serif;
    color: var(--fontb);
	margin:0;
	font-size: var(--fontsize1);
	line-height: var(--lineheight1);
}

.wp-block {    margin: 0 auto 0 auto;}

.components-notice{display:none;}

.wp-block-post-content{
	font-family: "Roboto Flex", sans-serif;
    color: var(--fontb);
	margin:0;
	font-size: var(--fontsize1);
	line-height: var(--lineheight1);
}


.components-popover{  top:0px !important;}*/
.block-editor-block-popover{  top:-0px !important;}*/
.wp-block .besd-kalendar-event-image, .wp-block .besd-kalendar-add-to-calendar-button, .wp-block .besd-kalendar-day-event a{color:#fff;}


/*################# im stinky sidebart ########################*/

.besd-sidebar ul{
	line-height: 1.1;
	margin:0;
    list-style:none;
	padding:0;
	color: #000;
	text-decoration:none!important;
}
.besd-sidebar li{
	text-decoration:none!important;
}



.besd-sidebar > ul > li{
		 font-family: "Roboto Condensed", sans-serif;
	font-weight:600;
	font-size: 19px;
 margin: 0 0 22px 0;
}		

.besd-sidebar > ul > li > a{
 	 font-family: "Roboto Condensed", sans-serif;
	font-weight:600;
	font-size: 19px;
	padding-left:0;
	color: #000;
	border-bottom: 2px solid #000;
		text-decoration:none!important;
}

.besd-sidebar > ul > li > ul{
	margin: 16px 0 0px 0px;

}
.besd-sidebar > ul > li > ul > li{
    font-family: "Roboto Condensed", sans-serif;
	font-weight:400;
	font-size: 18px;
	margin: 0px 0 9px 0px;

}



.besd-sidebar > ul > li > ul > li > ul > li{
    font-family: "Roboto Condensed", sans-serif;
	font-weight:400;
	font-size: 15px;
	margin: 0px 0 2px 0px;
	padding-left:9px;
}
















/* ========= stellung =========================================== */

#stellung  h4{   
	font-family: "Roboto Flex", sans-serif;
    color: var(--fontb);
	margin:10px 0 20px 0;
	font-size: 18px;
	line-height: 1.3;
}

italic{  font-style: italic;}

#stellung h2{
 font-family: "Roboto Slab", serif;
 font-size: 25px;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
 color:var(--fontr);
text-align: left;
	margin: 100px 0 -30px 0;
	border-bottom: 3px solid var(--fontr);    display: block;
	word-break: break-word;
	hyphens: auto;
}

@media (max-width: 800px){
#stellung h2{ 
font-family: "Roboto Slab", serif;
    font-size: calc(14px + 2.5vw);
    font-weight: 600;
    text-align: left;
    color: var(--fontr);
    text-align: left;
    width: 100%;
    height: auto;
	border-bottom: 2px solid rgb(255, 27, 95);
}}

#stellung h3{ 
	font-family: "Roboto Slab", serif;
 font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
 color:var(--fontb);
text-align: left;
	margin: 4px 0 6px 0;
	border-bottom:2px solid var(--fontb2);
}

#stellung .h3b{ 
	font-family: "Roboto Slab", serif;
 font-size: 19px !important;
  font-weight: 800;
  line-height: 1.4;
  text-align: left;
 color:var(--fontb);
text-align: left;
	margin: 4px 0 6px 0;
	border-bottom:2px solid var(--fontb2);
	margin-top:20px;
	margin-bottom:2px;
}

#stellung .h3c{ 
	font-family: "Roboto Slab", serif;
	margin-top:80px;
	margin-bottom:-4px;
}

h4 strong italic{font-weight: 600; font-size: 17px; line-height:1.2;}
#stellung p{ word-break:break-word; margin: 4px 0 6px 0;}
#stellung li{ word-break:break-word;}
#stellung p, #stellung h4{ word-break:break-word;	width:100%;}
#stellung a{hyphens: none; }
#stellung ul{ 	margin: -3px 0 20px 0;}
#stellung u{ text-decoration: none !important;	margin: 4px 0 6px 0;}
#stellung u::before{ 	  display: inline-block;content:"\2193" !important;	margin-right:4px;}
#stellung ul{  list-style: none;  padding-left: 0;  font-family: "Roboto Flex", sans-serif;}
.stellung2 p a{		font-family: "Roboto condensed", sans-serif;		font-size: 14px;		line-height: 1.00;	font-weight: 400;}
@media (max-width: 1000px) {	.stellung2 p a{			font-size: 1.5vw;	}}


/* ========= stellung2 =========================================== */

.stellung2 p{	
	font-weight: 600;
	font-family: "Roboto condensed", sans-serif;
		font-size: 18px;
		line-height: 1.1;
	margin: 2px 0 2px 0 !important;
	word-break:break-word;
}

#stellung .besdh1{ 
	font-family: "Roboto Slab", serif;
	text-align:left;
	color:var(--fontw);
	width:100%;
	background-image: var(--gradient);
	display:block;
		font-size: 6vw;
		font-weight: 600;
		line-height: 6vw;
		height:auto;
		padding:1vw 1vw 1.5vw 2.5vw;
	margin: 10px 0 10px 0;
}

@media (min-width: 1000px) {
	#stellung .besdh1{ 
		font-size: 42px;
		line-height: 64px;
		text-align: left;
		height:64px;
		padding:0 10px 0 20px;
	}
}

















/* ======================================================================
   Minimal Reset
   ====================================================================== */
*,
*::before,
*::after { box-sizing: border-box; }
html:focus-within { scroll-behavior: smooth; }
html, body { height: 100%; }
body { margin: 0; }
img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; }
input, button, textarea, select { font: inherit; color: inherit; }
a { color: var(--color-link); text-decoration: none; }
a:hover { text-decoration: underline !important; }
a:hover, a:focus { text-decoration: underline !important; }
hr { border: 0; border-top: 1px solid var(--color-border); margin: 2rem 0; }

/* ======================================================================
   Layout-Helfer
   ====================================================================== */
.container { max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); }
.flow > * + * { margin-block-start: var(--flow-space); }

/* ======================================================================
   Typografie-Extras
   ====================================================================== */
code, pre, kbd, samp { font-family: var(--font-mono); font-size: 0.95em; }
pre { overflow: auto; padding: .75rem 1rem; border: 1px solid var(--color-border); border-radius: .5rem; }

/* ======================================================================
   Barrierefreiheit
   ====================================================================== */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  position: static !important;
  width: auto; height: auto;
  margin: 0; clip: auto;
  background: #fffbcc;
  color: #333;
  padding: .5rem;
  border-radius: .25rem;
}

/* Skip-Link: Ziel-ID im Markup (#content) beibehalten */
.skip-link {
  position: absolute; left: -9999px; top: 0;
  background: #000; color: #fff; padding: .5rem .75rem; z-index: 1000;
}
.skip-link:focus { left: .5rem; top: .5rem; }

/* ======================================================================
   WordPress Core Klassen
   ====================================================================== */
.alignnone { margin: .5rem 0; }
.alignleft { float: left; margin: .5rem 1rem .5rem 0; }
.alignright { float: right; margin: .5rem 0 .5rem 1rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }

.wp-caption { max-width: 100%; text-align: center; margin: 1rem 0; }
.wp-caption img { margin: 0 auto; }
.wp-caption .wp-caption-text { font-size: .9em; color: var(--color-muted); margin-top: .25rem; }

.sticky {}
.bypostauthor {}
.gallery-caption {}
.wp-smiley { border: 0 !important; box-shadow: none !important; }

/* ======================================================================
   Block Editor / FSE Defaults
   ====================================================================== */
.wp-site-blocks { min-height: 100%; }
.wp-site-blocks > * { margin-block: 0; }
.wp-site-blocks > * + * { margin-block-start: 1.25rem; }

.wp-block-image figcaption,
.wp-block-gallery figcaption { color: var(--color-muted); font-size: .9em; }

.alignwide { max-width: min(90rem, 100%); margin-inline: auto; }

/* ===========   Formulare   ============================= */
fieldset { border: 1px solid var(--color-border); border-radius: var(--besd-radius2); padding: 1rem; }
label { display: block; font-weight: 600; margin-bottom: .25rem; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="number"],
textarea,
select {
  width: 100%;
  padding: .625rem .75rem;
  border: 1px solid var(--color-border);
  border-radius: .5rem;
  background: var(--color-bg);
}
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  display: inline-flex; align-items: center; justify-content: center;
  gap: .5rem;
  padding: .625rem .9rem;
  border: none;
  border-radius: .5rem;
  background: var(--gradientbutton);
  cursor: pointer;
	color: #fff;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover { filter: brightness(0.97); }

/* Medien */
figure { margin: 0 0 1rem; }
iframe { max-width: 100%; }

/* Tabellen */
table { width: 100%; border-collapse: collapse; }
th, td { padding: .5rem .75rem; border: 1px solid var(--color-border); }
th { text-align: left; }

/* Utilities */
.hidden { display: none !important; }
.visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.center { text-align: center; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }

/* Druck */
@media print {
  a { text-decoration: underline; }
  nav, .no-print { display: none !important; }
}


/* ============================================================
   Entry-Content mindestens so hoch wie die Sidebar
   - JS schreibt die gemessene Sidebar-Höhe in --besd-sidebar-height
   - wirkt nur, wenn die Variable gesetzt wurde
   - sichtbares Design bleibt unverändert
   ============================================================ */

.single .entry-content,
.page .entry-content{
  min-height: var(--besd-sidebar-height, auto);
}







/* ======================================================================
   Inhaltshülle / Seitenhintergrund
   ====================================================================== */
#content{
  max-width:1200px;                
  margin-left:auto;
  margin-right:auto;
  background:var(--pagebg);
}
#bg{

  max-width:100vw;
  width:100vw;
  background-color:var(--pagebg);
  display:block;
  padding-left:5vw;                 
  padding-right:6vw;
box-shadow: inset 0vw -8vw 3vw 1.5vw rgba(0, 0, 0, 0.2);
}
.post{margin-top:40px;}




@media (max-width: 767px) {#bg{      padding-right:5vw;}}





/* Breite ab 1400px */
@media (min-width: 1400px){
  #content{
    width:1200px;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    background:var(--pagebg);
    padding-left:0;
    padding-right:0;
  }
}

/* =================  Seitentitel im Farbbalken ============================================= */


/* Wrapper des Balkens mit Verlauf */
#entry-wrapper{
  display:block;
  z-index: 8000;
  position: absolute;
  text-decoration:none;
  width:100vw;
  background-image: var(--gradientmenu2); 
  height:fit-content;                        
  left:0;
 bottom:-2px
	
	
	
	
	
	
}
#entry-wrapper a{ text-decoration:none; }


.entry-title{
  font-family: "Roboto Slab", serif;
  text-decoration:none !important;
  color: var(--fontw);
  text-align: left;
padding: 9px 0 17px 0;
  font-size: 40px;            
  font-weight: 600;	
  line-height: 48px;
  width:1180px;
  margin-left:auto;
  margin-right:auto;
	text-shadow:var(--textshadow1);
}


#primary{margin:0; padding:0;}

@media (max-width: 1400px){
  .entry-title{
    text-align: left;
    width:auto;
    margin-left:5vw;                   
  }
  #entry-wrapper{
    width:100vw;
    display:flex;
    flex-direction: row;
    align-items: center;
	
  }
}


@media (min-width: 1300px){.besd-kalendar-nav {     width: 100%;}}






@media (max-width: 660px){
.entry-title{ 
        font-size: 5vw;
        line-height: 6.7vw;
        padding-top: 2.3vw;
        padding-bottom: 3vw;
}
#entry-wrapper { margin-top:-12vw;}
}

h1.entry-title{display:none;}



















/* Optionaler H2-Stil, falls Titel in Listenansichten überschrieben wird */
h2.entry-title{
  font-size: 26px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  width: auto;
  margin-bottom: 11px;
  padding: 0;
  margin-top: 64px;   
  height:22px;
}

/* Aktiver Menüpunkt */
.current-menu-item{ color:#fff; }

/* lange Menütitel nicht umbrechen */
.menu-item {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

/* Standard-Seitentitel (Fallback) */
.page-title{
  font-family: "Roboto Slab", serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 59px;
  text-align: left;
  border-bottom: 3px solid #000;  
}

/* =============================================================== Footer ====================================================================== */


.site-footer{
  background: var(--gradient3-bgfot);
	background-color: var(--gradient3-bgcfot);
  color: var(--fontw);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);               
  width: 101vw;
	margin-top:40px;
}

@media (min-width: 767px){ }
.site-footer a{
  color: var(--fontw);
  text-decoration-thickness:.08em;
  text-underline-offset:.2em;
}
.site-footer a:hover,
.site-footer a:focus-visible{ text-decoration: none; color: var(--fontw);}

.footer-inner{
  box-sizing: border-box;
  margin-inline: auto;
  max-width: var(--footer-max);
  padding: var(--space-5) var(--space-3) var(--space-3);
  display: grid;
  gap: var(--space-5);
  grid-template-columns: 1fr;
  grid-template-areas:
    "logos"
    "newsletter"
    "search"
    "legal"
    "bottom";
}
.footer-logo{ }
.footer-logo-link{ display:inline-flex; align-items:center; }
.footer-logo-img{ max-height:100px; height:auto; width:auto; }
.footer-newsletter{ grid-area: newsletter; }
#logos{ grid-area: logos; }
.footer-search{ grid-area: search; }
.footer-legal{
  grid-area: legal;
  text-align: center;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 12px;
}
.footer-bottom{ grid-area: bottom; }

@media (min-width: 900px){
  .footer-inner{
    grid-template-columns: 1fr 1fr;
    align-items: start;
    grid-template-areas:
      "logos      logos"       
      "newsletter search"
      "legal      legal"
      "bottom     bottom";
  }
	
}

#logos{width:100%; gap:5vw; display:flex; flex-direction:row; align-items:center; justify-content:space-between; justify-items:center;}


.footer-heading{
  margin: 0 0 var(--space-2);
  font-size: clamp(1.05rem, 1rem + .3vw, 1.25rem);
  line-height: 1.2;
  font-weight: 600;
}

.footer-links{
  list-style: none; padding: 0; margin: 0;
  display: inline-flex; flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
}





/* Inputs im Footer */
.newsletter-form input[type="email"],
.search-form input[type="search"]{
  width: 100%;
  padding: .72rem .9rem;
  border: 1px solid var(--footer-border);
  border-radius: 6px;
  background: #fff;
  color: #000;
  font: inherit;
}
.newsletter-form input::placeholder,
.search-form input::placeholder{ color:#111; opacity:.7; }

/* Button + Input-Gruppe */
.input-row{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-2);
}

#footer-legal-title{display:none;}

.btn.submit{
  padding: .72rem 1rem;
  border-radius: 6px;
  border: 1px solid var(--footer-border);
  background: #fff;
  color: var(--fontb);
  font: inherit; cursor: pointer;
}
.btn.submit:hover, .btn.submit:focus-visible{
  border-color: #fff;
  background: color-mix(in srgb, #fff 18%, transparent);
}

/* Hinweistexte */
.footer-block .note{ color:#fff; opacity:.95; margin-top: var(--space-2); }

/* Footer-Bottom */
.footer-bottom{
  padding-top: var(--space-3);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  font-size: .94rem;
}
.footer-bottom .footer-copy,
.footer-bottom .footer-ssl{ color: #fff; margin:0; }
.footer-bottom .ssl-link{ white-space: nowrap; }

@media (min-width: 600px){
  .footer-bottom{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}




/* Mobile Feinheiten */
.footer-links, .footer-heading{text-shadow:var(--textshadow1);}
@media (max-width: 640px) {
	
.footer-links{
     display: flex;
    flex-direction: column;
text-align:left;
margin-top:22px;
margin-bottom:22px;
	font-size:20px;
	font-weight:600;
 }
	
.footer-heading{	font-size:20px;	font-weight:600; margin-bottom:8px;}

	.site-footer{	margin-top:4vw;}
}




.newsletter-form > p{word-break:keep-all; hyphens:none; line-height:1.3 !important; margin-top:10px!important; color:var(--fontw);  font-size:16px; }
.newsletter-form > p > a{word-break:keep-all; hyphens:none;}








































/* A11y-Helfer */
.sr-only{
  position: absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* ======================================================================
   Diverse Fixes / Helfer
   ====================================================================== */
body{ height:auto; top:0 !important; overflow-x:hidden; }
bg{ overflow-x:hidden; }            /* Custom-Element <bg> im Markup */
html{ height: auto; }
.post-edit-link{ display:none; }


























/* ################################## UTUBE #########################################*/


.epyt-gallery-subscribe {
    padding: var(--gap) 0 var(--gap) 0 !important;
}

.epyt-gallery-subbutton{
	background: var(--gradient3) !important;
	padding: 12px 10px !important;
	  font-size: 17px !important;
	  border-radius: var(--besd-radius2) !important;
}


.epyt-gallery .epyt-figure {
border-radius: var(--besd-radius2) !important;
  box-shadow: var(--boyshadow1) !important;
  border: 5px solid red !important;
	overflow:hidden !important;
}

.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
  border-radius: var(--besd-radius2) !important;
}


.epyt-gallery-title {
  font-family: "Roboto Condensed", sans-serif !important;
  text-decoration: none !important;
  color: var(--fontw) !important;
  text-align: left !important;
  font-size: 21px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  padding: 8px 11px 0 11px !important;
}

.epyt-facade img.epyt-facade-poster {
  border-radius: 17px !important;
  background: var(--gradient3) !important;
  width: 100% !important;

}
.epyt-video-wrapper{	box-shadow:var(--utubeshadow);}

.epyt-pagination {
  font-family: "Roboto", sans-serif !important;
	margin-bottom:var(--gap);
  text-decoration: none !important;
  color: var(--fontw) !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  background: var(--gradient3) !important;
  box-shadow: var(--boyshadow1) !important;
  border-radius: 20px !important;
  display: flex !important;
  justify-content: space-around !important;
}

.epyt-gallery-subscribe a.epyt-gallery-subbutton,
.epyt-gallery-subscribe a.epyt-gallery-subbutton:hover {
  box-shadow: var(--boyshadow1) !important;
  border-radius: 20px !important;
  width: 100% !important;
}



.epyt-gallery-playhover{ 
	box-shadow:var(--utubeshadow);
}




.epyt-cols-3 {
  column-gap:   var(--gap) !important;
  column-count: 2 !important;
  width: 100% !important;
}


.epyt-gallery-allthumbs.epyt-cols-2 .epyt-gallery-thumb, .epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb {
  width: 100% !important;
  border: 3px solid red !important;
  border-radius: var(--besd-radius2) !important;
  margin: 0 0px 0 0 !important;
  padding: 0 0 7px 0 !important;
  background: var(--gradient3) !important;
  box-shadow: var(--boyshadow1) !important;
  height: auto !important;
}

.epyt-gallery-thumb {
    width: 100%;
}


.epyt-gallery-allthumbs {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* gap: 20px; */
    gap: var(--gap);
}



@media (max-width: 767px) {

.epyt-gallery-allthumbs {
    grid-template-columns: repeat(2, 1fr);
	
	
	
}

}


 @media (max-width: 640px) {

.epyt-gallery-title {
        line-height: 20px !important;
        height: 45px !important;
        font-size: 18px !important;
}
}














.epyt-gallery-img {
  box-shadow: inset 0 0 20px 0px rgba(0, 0, 0, 0.6) !important;
}

.epyt-gallery-list {
  margin: 0 !important;
}

.epyt-gallery-title {
  font-size: 14px !important;
  -webkit-line-clamp: 1 !important;
}

.epyt-gallery-title {
  line-height: 20px !important;
	height: 27px;
}

@media (max-width: 1000px) {
  .epyt-gallery-title {
    font-size: 14px !important;
    -webkit-line-clamp: 2 !important;
  }
  .epyt-gallery-title {
    line-height: 20px !important;
    height: 50px !important;
  }
}

@media (max-width: 600px) {
  .epyt-gallery-title {
    font-size: 13px !important;
    -webkit-line-clamp: 3 !important;
  }
  .epyt-gallery-title {
    line-height: 18px !important;
    height: 46px !important;
	  
  }
}


.epyt-gallery-thumb {
    box-sizing: border-box;
    cursor: pointer;
    display: block !important;
    float: left;
    height: auto;
    opacity: 1;
    overflow-y: hidden;
    padding: 5px 10px 5px 5px;
    /* width: 74%; */
    position: relative;
    background: var(--gradient3);
    border-radius: var(--besd-radius2);
    border: 4px solid var(--rot2);



}

.epyt-gallery-rowbreak{display:none!important;}




























/* ======================================================================
   BESD-Mitgliedsantrag 
   ====================================================================== */
.avia_ajax_form.besd-avia-form {
  font-size: 16px;
  line-height: 1.45;
  background:none;
  color: #fff;
  border-radius: 8px;
}

/* Fieldsets */
.avia_ajax_form.besd-avia-form fieldset.besd-section {
  border: 1px solid rgba(255,255,255,0.25);
  padding: 1.25rem;
  margin: 0 0 0 0;
  border-radius: var(--besd-radius2);
  background: var(--gradientmember);
  color: #fff;
  position: relative;
}

/* Legend */
.avia_ajax_form.besd-avia-form fieldset.besd-section legend {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  border-radius: 6px;
  position: relative;
  top: 1.2rem;        
  margin: -21px 0 22px 0;
  padding-top: 17px;
  line-height: 23px;
  font-size: 19px;
}

/* Form-Row / Labels */
.avia_ajax_form.besd-avia-form .form-row { display: block; margin-bottom: 1rem; }
.avia_ajax_form.besd-avia-form .form-row .label,
.avia_ajax_form.besd-avia-form .form-row > label {
  display: block; font-weight: 600; color: #fff; 
}

/* Inputs */
.avia_ajax_form.besd-avia-form input[type="text"],
.avia_ajax_form.besd-avia-form input[type="email"],
.avia_ajax_form.besd-avia-form input[type="tel"],
.avia_ajax_form.besd-avia-form input[type="number"],
.avia_ajax_form.besd-avia-form input[type="url"],
.avia_ajax_form.besd-avia-form textarea,
.avia_ajax_form.besd-avia-form select {
  width: 100%;
  padding: .65rem .75rem;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  background: #fff;
  color: #000;
  font-family: var(--font-mono);   
}
.avia_ajax_form.besd-avia-form textarea { resize: vertical; }

/* Checkbox/Radio-Reihen */
.avia_ajax_form.besd-avia-form .chk {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: .25rem 1rem .25rem 0;
  font-weight: 400;
  color: #fff;
}

/* Pflichtfeldmarkierung  content: "*"; */
.avia_ajax_form.besd-avia-form .form-row.required > label::after{

  color: #ffb3b3;
  font-weight: 700;
}

/* Datenschutz-Feldset */
.avia_ajax_form.besd-avia-form fieldset.besd-section.datenschutz {
  background: var(--gradient3) !important;
  color: #fff !important;
}
.avia_ajax_form.besd-avia-form fieldset.besd-section.datenschutz p {
  color: #fff !important;
}

/* Meldungen (Fehler/Erfolg) */
.avia_ajax_form.besd-avia-form .notice {
  border-radius: 6px;
  padding: .9rem 1rem;
  margin: 0 0 1rem 0;
}
.avia_ajax_form.besd-avia-form .notice.error {
  background: rgba(255, 0, 0, 0.2);
  border: 1px solid rgba(255,0,0,0.4);
}
.avia_ajax_form.besd-avia-form .notice.success {
  background: rgba(0, 255, 0, 0.2);
  border: 1px solid rgba(0,255,0,0.4);
}
.avia_ajax_form.besd-avia-form .hint { font-size: 0.92em; color: #eee; }

/* Formular-Button */
.avia_ajax_form.besd-avia-form .form-actions { margin-top: 1.25rem; }
.avia_ajax_form.besd-avia-form .form-actions .button {
  display: block;
  width: 100%;
  padding: 1rem 1.2rem;
  border: none;
  border-radius: var(--besd-radius2);
  background: var(--gradientbutton);
  cursor: pointer;
	color: #fff;
  font-weight: 800;
  cursor: pointer;
  font-family: "Roboto Flex", serif;  
  text-align: center;
	font-size:18px;
line-height:18px;
margin-top: var(--gap);
}
.avia_ajax_form.besd-avia-form .form-actions .button:hover { opacity: .9; }

/* Radio & Checkbox Farbakzent */
.avia_ajax_form.besd-avia-form input[type="radio"],
.avia_ajax_form.besd-avia-form input[type="checkbox"] {
  accent-color: #000; 
}

/* BESD-Formular: Fehlerliste – Bullet + Abstand */
.avia_ajax_form.besd-avia-form #besd-supporter-form-errors ul {
  list-style: disc;
  padding-left: 0; /* Platz für Aufzählungspunkt */
  margin: .25rem 0 0 0;
}

.avia_ajax_form.besd-avia-form #besd-supporter-form-errors li {
  margin-top: 8px;
}

/* Honeypot unsichtbar */
.avia_ajax_form.besd-avia-form .hidden { position: absolute !important; left: -9999px; }


/* respsonsive formulare */

.flex{display:flex;	flex-direction:row;width:100%; justify-content:space-between; gap:19px;	}
	.flex1{width:50%;}
	.flex2{width:50%;}

@media (max-width: 959px){
	.flex{	flex-direction:column; }
	.flex1{width:100%;}
	.flex2{width:100%; margin-top:-22px;}
}


#besd-membership-form-messages, #besd-membership-form-errors > ul > li{color:var(--fontw);}





















/* ################################ twitterfeed ######################################### */



div#ctf[data-feedid="3"]{
    font-family: "Roboto Flex", serif !important;
	 color: var(--fontw)!important;
	font-size: var(--fontsize1)!important;
	line-height: var(--lineheight1)!important;
height: fit-content !important;
}

div#ctf[data-feedid="3"] .ctf-corner-logo svg path {
    fill: var(--fontw) !important;
}

div#ctf[data-feedid="3"] .ctf-author-box-link {
    font-family: "Roboto Slab", serif !important;
    font-size: 18px!important;
}

div#ctf[data-feedid="3"] .ctf-author-box {
   float: none;
    display: flex;
	justify-content: space-between;
	border-bottom: 1.5px solid var(--fontw)!important;
	align-items: end;
}

div#ctf[data-feedid="3"] .ctf-tweet-meta{ 
    color: var(--fontw)!important;
    font-size: 18px;
    font-family: 'Roboto Slab';
    font-weight: 600;
    line-height: 1.1;
	margin: 0;
}

div#ctf[data-feedid="3"] .ctf-retweet-text::after {
    content: ":"; /* Der Text, der angehängt wird */
}

div#ctf[data-feedid="3"] .ctf-author-name{	line-height: var(--lineheight1)!important;}
div#ctf[data-feedid="3"] .ctf-corner-logo {    flex-shrink: 0;}
div#ctf[data-feedid="3"] .ctf-tweet-text a{   text-decoration: underline !important;}
div#ctf[data-feedid="3"] .ctf-item {
padding: 7px 10px 6px 17px!important;
	background:var(--gradient3b)!important;    
	margin: 0 0 var(--gap) 0;
}

div#ctf[data-feedid="3"] .ctf-tweet-text{
    font-family: "Roboto Flex", sans-serif !important;
    color: var(--fontw)!important;
	font-size: 16px;
	line-height: var(--lineheight1)!important;
}

div#ctf[data-feedid="3"] .ctf-feed-3.ctf-fixed-height{height: fit-content !important;}
div#ctf[data-feedid="3"] .ctf-screenreader{  color: var(--fontw)!important;}
div#ctf[data-feedid="3"] a{  color: var(--fontw)!important;}

div#ctf[data-feedid="3"] .ctf-context {
     margin-top: 2px;
    font-size: 15px;
    font-family: 'Roboto Serif';
    font-weight: 400;
    line-height: 1.1;
    font-style: italic;
	display: flex;
    align-items: center;
}

div#ctf[data-feedid="3"] .ctf-item {
	display:flex;
flex-direction: column;
}

div#ctf[data-feedid="3"] .ctf-context {order: 2;}
div#ctf[data-feedid="3"] .ctf-author-box {order: 1;}
div#ctf[data-feedid="3"] .ctf-tweet-content {order: 3;}
div#ctf[data-feedid="3"] .ctf-tweet-actions {order: 4;}

div#ctf[data-feedid="3"] .ctf-tweet-actions {
    font-size: 17px;
    line-height: 28px;
    font-weight: 700;
    /* display: flex; */
    /* align-items: center; */
    font-family: 'Roboto Flex';
    stroke: var(--fontw);
    color: var(--fontw);
    border-top: 1.5px solid var(--fontw);
    padding: 3px 0 0 0;
}

div#ctf[data-feedid="3"] .ctf-tweet-text-media-wrap{display:none; }
div#ctf[data-feedid="3"] .ctf-tweet-date{ display:block; width:100%;}
div#ctf[data-feedid="3"] .ctf-author-box-link{width:100%;}
div#ctf[data-feedid="3"] .ctf-tweet-meta{width:100%;}
div#ctf[data-feedid="3"] .ctf-twitterlink span{font-size:17px;}















/* ################################## FB FEED #########################################*/

.sidebarfb .besd-sidebar-post__date{
	  font-family: "Roboto Slab", serif ;
	color: var(--fontw);
	font-size: 18px;
	font-weight:600;
	line-height: 1.1;
	text-decoration: none !important;
	margin-bottom:4px !important;
}

.sidebarfb a, .sidebarfb a:hover, .sidebarfb a:visited{	text-decoration: none !important;}
.sidebarfb a:hover{	text-decoration: none !important;}
.sidebarfb a:visited{	text-decoration: none !important;}
.besd-sidebar-post, .besd-sidebar-post:visited, .besd-sidebar-post:hover {	text-decoration: none !important;}
.sidebarfb .besd-sidebar-post__top{ border-bottom: 1.5px solid var(--fontw);}

.sidebarfb .besd-sidebar-post__text{
	font-family: "Roboto Flex", sans-serif !important;
    color: var(--fontw) !important;
    font-size: 16px;
	font-weight:400;
    line-height: var(--lineheight1) !important;
	margin-top:10px;
	margin-bottom:1px;
}

.sidebarfb .besd-sidebar-post{background: var(--gradient3b);  color: var(--fontw) !important;border-radius: 20px; box-shadow: var(--boyshadow1) !important;}    
.besd-sidebar-post__fb-link {    background: none;}
.besd-sidebar-post__img {border-radius:0 !important;}
.besd-sidebar-post__img-link{
width:100% !important;
height:auto !important;	
border-radius:13px;
	    border: 2.5px solid var(--fontw);
	overflow:hidden;
}

.besd-sidebar-post__img-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Der eigentliche Innenschatten */
    box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.5);
    pointer-events: none; /* Klicks gehen durch auf das Bild/Link */
}

.besd-sidebar-post__img{margin:0 !important;}
.besd-sidebar-post__top {    align-items: end!important;}









/* ########################## DONORDIV ################################# */

#donordiv{    
	display:flex;
	justify-content:center;
}

#donordiv1, #donordiv2{    
	overflow:hidden;
	position: relative;
    display: inline-block;
	border:10px solid #D3091F; 
	border-radius:20px; 
	width:auto;
}

#donordiv1:after, #donordiv2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px #D3091F;
    pointer-events: none; 
}

@media (max-width: 410px) {	#donordiv1, #donordiv2:after {        box-shadow: inset 0 0 0 1px #D3091D;	}}
@media (max-width: 500px) {	#donordiv1, #donordiv2 {    width:100%; 	}}


#donordiv2{    width:100%}











/* ################################## cookiepage theme fix #########################################*/

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {    font-family: 'Roboto Flex';}

#cmplz-document h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h2, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
font-family: "Roboto Slab", serif;
 font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  text-align: left;
 color:var(--fontb2);
text-align: left;
	margin: 22px 0 8px 0;
	border-bottom:2px solid var(--fontb2);
padding:0;
}

.cmplz-service-header h3 {
font-family: "Roboto Slab", serif;
 font-size: 16px;
  font-weight: 600;
}


/* ################################## utube complienz theme fix #########################################*/


.__youtube_prefs__{
	width:100%;
margin-left:auto;
	margin-right:auto;
	border-radius:20px!important;
}

button.__youtube_prefs_gdpr__{
	width:100%;
margin-left:auto;
	margin-right:auto;
		border-radius:20px !important;
	margin-top:40px!important;
	padding:16px!important;
	font-size:20px;
	font-family: "Roboto Slab", serif;
  font-weight: 600;
}


/* 16:9 responsive, stabil auch wenn Complianz das iframe erst nach Consent einsetzt */
.video-container{
  width: 100%;
  aspect-ratio: 16 / 9;
}

.video-container iframe{
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}






.wp-block-columns{gap:5%; margin:0;}


#post-17 .wp-block-columns{gap:var(--gap); margin:0;}









/*
.besd-banner-link > picture {height:100% !important; }
*/
.besd-banner-img, .besd-banner-link{border-radius:var(--besd-radius2); !important; box-shadow: var(--boyshadow1);}














/* ########################## WELCOMICON ################################# */

#welcomicon{
background-image:url("/wp-content/themes/BesDThemebyLucien/pix/BesD-web-welcomicon.png");
background-size:100% auto;
background-position:center center;
background-repeat:no-repeat no-repeat;
width:100%; height:24vw;
}
@media (min-width: 768px) {#welcomicon{	width:100%; height:5vw;	background-image:url("/wp-content/themes/BesDThemebyLucien/pix/BesD-web-welcomicon-dd.png");	}        }


/* ################################ SIDEBAR ######################################### */

.pagecontent, .site-main .container{
	display:flex;
	flex-direction: row;
	gap:4%;
	max-width:1200px;
	width:100%;
	align-items: flex-start;
}

.besd-sidebar {	display:none;}
.entry-content, .post{	width:100%; flex: 1;min-width: 0;	display: flex;
    flex-direction: column;
    justify-content: space-between;}

@media (min-width: 767px) {
	.besd-sidebar {	flex: 0 0 30%; width:50%; min-width:200px;	max-width: 360px; display:block;}
}

.besd-sidebar > p{
	font-size:var(--fontsize1);
	line-height: 21px;
	word-break:break-word;
}






/* ============================================================
   Social-Leiste am Ende des entry-content
   ============================================================ */

    .loreley-social-bar{
       margin-top: 20px;
      width: 100%;

    }

    .loreley-social-bar__list{
      list-style: none;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      align-items: center;
		justify-content:center;
		padding:0;
    }



    .loreley-social-bar__item{
      margin: 0;
      padding: 0;
    }

    .loreley-social-bar__link{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      border-radius: 999px;
      text-decoration: none;
      color: var(--fontw, #fff);
      background: var(--gradient3, linear-gradient(135deg, #8f1336 0%, #d14537 100%));
      box-shadow: var(--boyshadow1, 0 0 4px 0 rgba(0,0,0,.35));
      transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
    }

    .loreley-social-bar__link:hover{
      transform: translateY(-1px);
    }

    .loreley-social-bar__link:focus,
    .loreley-social-bar__link:focus-visible{
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }

    .loreley-social-bar__link svg{
      width: 30px;
      height: 30px;
      display: block;
      fill: currentColor;
    } 



    .screen-reader-text{
      position: absolute !important;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      white-space: nowrap;
      border: 0;
    }

    .loreley-social-debug{
      margin-top: 24px;
      padding: 14px 16px;
      border-radius: 12px;
      background: #fff3cd;
      color: #000;
      border: 1px solid #ffda6a;
      font: 600 15px/1.35 sans-serif;
    }


 .loreley-social-bar__list{
      list-style: none;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      align-items: center;
		justify-content:center;
		padding:0;
    }



    .loreley-social-bar__item{
      margin: 0;
      padding: 0;
    }

@media (max-width: 767px){
      
  .loreley-social-bar{       margin-top: 120px;    }

     .loreley-social-bar__list{
     		gap: 0px;
		 	justify-content:space-between;
		    padding: 0 3vw 0 3vw;
      }
	.loreley-social-bar__link svg{      width: 5vw;      height: 5vw;       }
	.loreley-social-bar__link{       width: 8vw;      height: 8vw;    }
}














































/* ################################ STINKYYYYY SIDEBAR ######################################### */


/* Sidebar-Element hat BEIDE Klassen (kein Descendant-Selector) */
.besd-sidebar.besd-sidebar-auto-cut{
  height: auto !important;
  align-self: flex-start;
}

.besd-sidebar-sticky-placeholder{
  height: auto !important;
  align-self: flex-start;
}









/* ################################ LIST ######################################### */

.site-header ul, .site-header {  list-style: none;  padding-left: 0;  }



.wp-block-list { font-size: var(--fontsize1);	line-height: var(--lineheight1); font-family: "Roboto Flex", sans-serif; padding-left: 28px;  list-style: disc; margin: 11px 0 15px 0; } 
.wp-block-list > li{ margin-top:0px; margin-bottom:7px; max-width: 800px;}


@media (max-width: 920px) {
    #post-17 .wp-block-columns{
        flex-wrap: wrap !important; display:grid; 
    }
}


/* ###################################################################### */


@media (max-width: 768px) {.wp-block-list {padding-left:5vw; }}

.epyt-gallery-img-box{
	border-radius:var(--besd-radius2) var(--besd-radius2) 0 0;
	box-shadow:var(--boyshadow1);
	overflow: hidden;
}

.video-container{
	border-radius:var(--besd-radius2);
	box-shadow:var(--boyshadow1);
	overflow: hidden;
	height: fit-content;
}

.cmplz-placeholder-element{
	height: auto;
	width:100%
}



/* Sidebar-Fallback zeigt ja schon Content – daher Consent-Placeholder hier verstecken */
#sidebarfb .cmplz-blocked-content-container{  display:none !important;}



.wp-block-video{margin:0 0 5px 0; border-radius: var(--besd-radius2);overflow: hidden;}



.navigation{display:none;}

.besd-ij-offer-desc{line-height:1.1!important; margin-top:5px!important;}








































.besd-card-media {
    position: relative;
z-index:199;
}

.besd-card-media::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: var(--cardshadow);
    pointer-events: none; /* Klicks gehen durch auf das Bild/Links */
	z-index:200;
}





    .besd-sexworklawmap__legend{
hyphens:none;
        word-break: keep-all;
    }







.acch2 .besdh2 {border:none !important;}















.entry-content { container-type: inline-size; }
@container (max-width: 900px) {
	.besd-grid {        grid-template-columns: repeat(2, 1fr) !important;    }
    .besd-kalendar-upcoming-list {        grid-template-columns: repeat(2, 1fr) !important;    }
}

@container (max-width: 767px) {
      .besd-grid {        grid-template-columns: repeat(1, 1fr) !important;    }	
    .besd-kalendar-upcoming-list{        grid-template-columns: repeat(1, 1fr) !important;    }
}


   




#press_worum {    height: 13.8em; /* Festgelegte Höhe */    overflow-y: auto; /* Scrollen nur, wenn nötig */}
#press_einstellung{    height: 8.3em; /* Festgelegte Höhe */    overflow-y: auto; /* Scrollen nur, wenn nötig */}
#press_konditionen{ height: 14em; /* Festgelegte Höhe */    overflow-y: auto; /* Scrollen nur, wenn nötig */}




.mail-link > img{display:inline-table !important;}





.searchsite{flex-direction:column !important;}


.searchsite h2.entry-title{margin: 0;}