a {
  color: #0071EB;
}
body:not(.theme-preset-active) footer#colophon {
  color: #707075;
}
#text-5 {
  margin-top: 35px;
}
 #page-sub-header { background: #fff; }
.broken_link, a.broken_link {
	text-decoration: line-through;
	}
.site-title,
	.site-description {
		position: absolute;
		clip: rect(1px, 1px, 1px, 1px);
	}
		<style type="text/css" id="wp-custom-css">
			h1, h2, h3, h4, h5, h6, p, ul li {
     -webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 6 3 3;
     -webkit-hyphenate-limit-lines: 2;
     -webkit-hyphenate-limit-last: always;
     -webkit-hyphenate-limit-zone: 8%;
     -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 6 3 3;
     -moz-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-last: always;
     -moz-hyphenate-limit-zone: 8%;
     -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: 6 3 3;
     -ms-hyphenate-limit-lines: 2;
     -ms-hyphenate-limit-last: always;
     -ms-hyphenate-limit-zone: 8%;
     hyphens: auto;
     hyphenate-limit-chars: 6 3 3;
     hyphenate-limit-lines: 2;
     hyphenate-limit-last: always;
     hyphenate-limit-zone: 8%;
}

.funk {
	display:inline-block;
	font-size:0.85rem;
	line-height:0.9rem;
	margin:0.3em 0 0.5em 0;
	color:#777;
}

@keyframes jubas_buttons {
	from { background-position: 0px 0px }
	to { background-position: 300px 0px }
}

.fourcards .card i {
	color:black;
}

.card .card-img-overlay i {
  font-size: 3vw;
  transition: 0.5s;
  background-color: white;
  padding: 15px;
  border: 1px solid black;
}

.card .card-img-overlay:hover i {
	font-size:4.0vw;
}

.easingslider-container .easingslider-wrapper-outer {
    width: 100% !important;
}
.slider {
	margin: 0 auto;
	display: table;
}
.slider-nav {
  bottom: 71px;
  position: relative;
  left: 0;
  background: rgba(0,0,0,0.7);
  padding: 2px;
  text-align: center;
  z-index: 3;
}
.slider-nav button {
  height: 50px;
}
.slider-nav button:focus {
    outline: 3px solid #005a9c; /* Ein kontrastreiches Blau */
    outline-offset: 2px;
}
#masthead {
	width:100%;
	z-index:100;
	background-color:rgba(52,58,64,0.95) !important;
}

#desktoplogo {
  margin-top: -309px;
  z-index: 3;
  position: relative;
}

.desktoplogo {
	height: 100%;
	display: inline-block;
}

#footer-widget p {
	font-size:1rem;
}

#page-sub-header {
	padding-top:20vw;
}

.navbar {
	padding-top:0;
	padding-bottom:0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	padding:1.5em 1em;
}

#content.site-content {
	padding-top:1rem
}

h1.entry-title {
	font-size:2.5rem;
	border-bottom:0;
	margin-bottom:1em;
	font-weight:400;
}

.newscard figure {
	margin:0;
}

.newscard h3 {
	margin-top:-3px;
}

.entry-content .newscard .display-posts-listing li {
	border-bottom:0;
}

.card.icard .row {
	margin:0;
}

.card h3 {
  color: black;
  font-weight: 500;
  margin-top: 0;
  font-size: 24px;
}

.cardstart {
  color: #fff;
  font-weight: 500;
  margin-top: 0;
  font-size: 24px;
  background-color: white;
  text-align: center;
  padding: 5px;
  border: 1px solid black;
}

.card.d-block{
	border: 0px;	
}

.cardlayer .alert-dark h3 {
	margin-top:0;
}

.card-img-overlay a:hover {
	text-decoration:none;
}

.card-img-overlay {
	bottom:200px;
	text-decoration:none;
}

.card-img-overlay p {
	margin-top:2em;
	text-align:center;
}

img.card-img-top + p {
	display:none;
}

.list-unstyled {
	list-style-type:none;
	margin-bottom:0;
}

.linklist li a:hover {
	text-decoration:underline;
}

header#masthead {
	padding:0;background-color:#444;
}

.dropdown-menu {
	margin-top:-0.5em;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	font-weight:400;
	color:#ccc;
	font-size:1em;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover {
	font-weight:400;
	color:#fff;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
	font-weight:400;
}

.newsliste .display-posts-listing {
	padding-inline-start:0;
}

.newsliste .display-posts-listing li {
	list-style-type:none;
	border-bottom: 1px solid #ddd;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}

.newsliste .display-posts-listing li.listing-item .title {
	display:block;
	font-weight:bold;
	margin-bottom:0.5em;
} 

.newsliste .display-posts-listing li.listing-item .excerpt-dash {
	display:none;
}

.entry-content .display-posts-listing {
	padding-inline-start:0;
}

.entry-content .display-posts-listing li {
	list-style-type:none;
	border-bottom: 1px solid #ddd;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}

.entry-content .display-posts-listing li.listing-item .title {
	display:block;
	font-weight:bold;
	margin-bottom:0.5em;
} 

.entry-content .display-posts-listing li.listing-item .excerpt-dash {
	display:none;
}

.cardlayer {
	margin-top:4.7em;
}

aside ul {
	padding-inline-start:0;
}

aside .pagenav .page_item, aside .catnav.page_item {
display:block;
padding:1em;
margin-bottom:1em;
}

aside .pagenav .page_item a, aside .catnav.page_item a {
	color:#fff;
}

aside .pagenav, aside .catnav.page_item  {
	list-style-type:none;
}

aside .pagenav .page_item:hover, aside .catnav.page_item:hover {
	animation: jubas_buttons 0.5s ease;
	animation-fill-mode:forwards;
}

aside .pagenav .mg + ul .page_item {
	background-image:url("../medien/bilder/kachel-mag.jpg");
	background-position:center bottom;
	background-color: #e2007a;
}

aside .pagenav .gb + ul .page_item, aside .gb.catnav.page_item {
	background-image:url("../medien/bilder/kachel-gelb.jpg");
	background-color: #ffed00;
}

aside .pagenav .gn + ul  .page_item {
	background-image:url("../medien/bilder/kachel-gn.jpg");
	background-color: #008a2e;
}

aside .pagenav .bl + ul .page_item, aside .bl.catnav.page_item {
	background-image:url("../medien/bilder/kachel-bl.jpg");
	background-color: #00b9e0;
}

p.caption {
	margin-top:0.5em;
	font-size:0.8em;
	color:#777;
}
p.captionn {
	margin-top:0.5em;
	font-size:0.8em;
	color:#777;
}

#footer-widget {
	background-color:#fff;
	border-top: #ddd solid 1px;
}

.postausgabe {
	margin-bottom:2em;
}

.postausgabe h2 {
	margin-top:0;
}

.infoblock {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top:1em;
	margin-bottom:2em;
}

/*  .post p,*/ .newscard p {
	margin-bottom:0.3em;
}

@media (max-width: 991px) {
	
.newscard {
	padding-bottom:0.5em;
	border-bottom:1px solid #ddd;
}
	
.postpic {
	margin-bottom:1em;
}

.postausgabe .col-md-9 h2, .postausgabe .col-md-9 h3 {
	margin-top:1em;
}

.card .card-img-overlay i {
	font-size:2vw;
}
		
.infoblock {
	margin:1.5em 0 1em 0;
	padding-top:1em;
}

.linkslider {
	font-size: 18px;
}

}


@media (max-width:1199px) {
	
#masthead {
	position:fixed;
	width:100%;
	z-index:10000;
	background-color:rgba(52,58,64,0.9) !important;
}
	
#page-sub-header {
	background-position:center center;	
}
	
.navbar-nav .dropdown-menu  {
	margin-top:0.8rem;
	margin-left:1rem;
	padding:1em;
	background: #fff;
}
	
.navbar-nav .dropdown-menu li {
	margin:0.5em 0 0.5em 0;
}
	
html, body, p, .widget {
	font-size:1em;
} 
	
h1.entry-title {
	font-size:2.2em;
	margin:0.5em 0 0.5em 0;
}
	
.navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-light .navbar-toggler {
	color: rgba(255,255,255,1);
	border-color: rgb(75, 255, 0);
}

.navbar-toggler:focus {
	outline-color: rgb(75, 255, 0);
}
	
}
#cookie {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0.5em 1em;
	text-align: center;
	background: white;
}

#cookie #acceptCookies {
	display: inline-block;
	padding: 0.25em 1em;
	border-radius: 5px;
	border: 1px solid black;
}

#cookie #acceptCookies:hover {
	color: white;
	background: black;
}		
.mr-3, .mx-3 {
  width: 10%;
}
.package-title {
  font-size: 22px !important;
  color: black !important;
}
.btn-primary {
  color: #fff !important;
}
#accordion h2 {
  font-size: 22px;
}
#accordion h3 {
  font-size: 18px;
}

.divbuendnis {
  background-image: url('../medien/bilder/kachel-gn.jpg');
  background-position: center bottom;
  background-size: cover; /* Sorgt dafür, dass das Grün die Fläche füllt */
  color: black;
  /* Das Padding bestimmt nun die Dicke deines "Randes" */
  padding: 20px; 
  margin: -8px;
  min-height: 152px;
  display: flex;
  align-items: stretch; /* Dehnt den Inhalt vertikal aus */
  justify-content: center;
  background-size: cover;
  transition: background 0.5s ease; /* Ermöglicht weiche Übergänge */
}
.divbuendnis2 {
  background-image: url('../medien/bilder/buendnisse/1.png');
  background-position: center bottom;
  color: white;
  padding: 35px;
  margin: -8px;
  min-height: 142px;
}
.kachelh a{
  color: white;
}
.kachelh a:hover{
  border-color: white;
}

@keyframes jubas_buttons {
  from {
    background-position: center bottom;
    background-size: 100%;
  }
  to {
    background-position: center 20%; /* Bewegt das Bild leicht nach oben */
    background-size: 110%;           /* Sanfter Zoom-Effekt */
  }
}

.divbuendnis:hover {
  animation: jubas_buttons 0.5s ease forwards;
}
.kachelh {
  min-height: 142px;
  margin-bottom: 20px;
}
@media (max-width:1199px) {
  .site-content {
    margin-top: -60px;
  }
}

.kachelh a {
  text-decoration: none;
  display: block; /* Macht den gesamten Bereich klickbar */
}

.texthinter {
  background-color: white;
  margin: 0;
  padding: 10px;
  width: 100%;
  min-height: 100%; /* Füllt die Kachel vertikal aus */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  font-size: 20px;
  color: black; 
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 4px; /* Etwas Abstand zum Text für bessere Lesbarkeit */
  transition: all 0.2s ease;
  box-shadow: 0 4px 10px rgb(0, 0, 0);
  z-index: 1;
}

/* --- Der Hover-Effekt --- */
/* Wenn man über die Kachel oder den Link fährt */
.kachelh a:hover .texthinter {
  text-decoration-style: solid; /* Wechselt von gepunktet zu durchgezogen */
  color: #000; /* Optional: Textfarbe leicht intensivieren */
  box-shadow: 0 4px 20px rgb(0,0,0); /* Schatten wird beim Hover etwas stärker */
}

.h3 {
  font-size: 1.5rem;
}
.h4 {
font-size: 1.4rem;
}
#primary {
  max-width: 100%;
}
.zentr {
  display: block;
  margin: 0 auto;
  width: fit-content;
}
.tagstyle {
  color:white;
  width:fit-content;
  padding:8px;
  margin:0.2em;
  float:left;
  height:46px
}
.startabstand {
  padding: 0;
}
.ohnem {
  max-width: 75% !important;
  margin: 0 auto;
}
.collapsible-item-title {
  background-color: #f6f6f6;
  width: 100%;
  display: block;
  border: 1px solid gray;
  border-radius: 3px;
}
.collapsible-item-title-link-icon.pull-right.collapsed {
  float: left;
  top: 19px;
  width: 16px;
  position: relative;
  margin: 0 9px;
}
.collapsible-item-title-link-icon.pull-right {
  float: left;
  width: 16px;
  top: 19px;
  position: relative;
  margin: 0 9px;
}
.collapsed.collapsible-item-title-link {
  color: black;
  line-height: 1em;
  font-size: 22px;
  width: 100%;
  display: block;
  padding: 16px;
}
.collapsed.collapsible-item-title-link:hover {
  background-color: lightgray;
}

.collapsible-item-title-link {
  color: black;
  line-height: 1em;
  font-size: 22px;
  width: 100%;
  display: block;
  padding: 16px;
}
.collapsible-item-collapse {
  width: 100%;
  display: block;
  padding: 9px 0 0 30px;	
  border: 1px solid gray;
  margin-top: -9px; 
  margin-bottom: 9px;  
}
.abstand {
  margin-bottom: 20px;
  display: block;	
}
/* Container-Styling */
#accordion ul {
    list-style: none; /* Standard-Punkte entfernen */
    padding-left: 10px;
}

#accordion li {
    margin-bottom: 8px; /* Abstand zwischen den Links */
}

/* Der Pfeil vor dem Link */
#accordion li a::before {
    content: "\279C"; /* Ein einfacher Pfeil-Charakter */
    margin-right: 8px;
    color: #0056b3; /* Deine Linkfarbe */
    font-weight: bold;
    display: inline-block;
    transition: transform 0.2s ease; /* Animation beim Hover */
}

/* Kleiner Effekt beim Drüberfahren */
#accordion li a:hover::before {
    transform: translateX(3px); /* Pfeil rückt ein Stück nach rechts */
}

#accordion li a {
    text-decoration: none;
    color: #333;
}

#accordion li a:hover {
    text-decoration: underline;
}
#desktoplogo {
    pointer-events: none;
}

#desktoplogo a, #desktoplogo img {
    pointer-events: auto; 
}
.linkslider {
    text-decoration: none;
	border-bottom: 1px dotted #979797;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: white;
    font-weight: bold;
    transition: gap 0.3s ease; /* Animation für den Pfeil */
	font-size: clamp(0.8rem, 2vw, 1.5rem)
	/*font-size: 25px;*/
}


/* Der Pfeil (Icon) */
.linkslider::after {
    content: "→"; /* Klassischer Pfeil */
    font-size: 25px;
	display: inline-block;
    transition: transform 0.3s ease;
}

/* Hover-Effekt: Pfeil bewegt sich leicht nach rechts */
.linkslider:hover {
    color: white;
	text-decoration: none;
	border-bottom: 1px solid #979797;
}

.linkslider:hover::after {
    transform: translateX(5px);
}
img[data-widget="ImagePreview2"] {
  padding-bottom: 4px;
}

/* 1. Den Link-Container vorbereiten */
.collapsible-item-title-link {
    display: block;
    position: relative;
    padding-left: 35px !important; /* Platz für den dicken Pfeil */
    color: black; /* Dein Grün */
    text-decoration: none !important;
}

/* 2. Der dicke Pfeil (Standard: OFFEN = nach unten) */
.collapsible-item-title-link::before {
    content: "▼";
    position: absolute;
    left: 19px;
    top: 50%;
    transform: translateY(-50%); 
    transition: transform 0.3s ease; /* Animation beim Drehen */
    font-size: 13px; /* Dicke/Größe des Pfeils */
    line-height: 1;
    display: inline-block;
}

/* 3. Zustand GESCHLOSSEN (Pfeil nach RECHTS drehen) */
.collapsible-item-title-link.collapsed::before {
    transform: translateY(-50%) rotate(-90deg); /* Dreht von unten nach rechts */
}

/* 4. Hover-Effekt */
.collapsible-item-title-link:hover {
    color: black;
}
.wpdm-download-link.download-on-click.btn.btn-primary {
  background-color: #006FE6;
}
.wpdm-download-link.download-on-click.btn.btn-primary:hover {
  background-color: #004C9E;
}

aside .pagenav .page_itemm, aside .catnav.page_itemm {
  background-image: url("../medien/bilder/kachel-gelb.jpg");
  background-color: #ffed00;
  margin-bottom: 1em;
  list-style: none; /* Entfernt den Aufzählungspunkt */
  height: 56px;
}

aside .pagenav .page_itemg, aside .catnav.page_itemg {
  background-image: url("../medien/bilder/kachel-gn.jpg");
  background-color: #ffed00;
  margin-bottom: 1em;
  list-style: none; /* Entfernt den Aufzählungspunkt */
  height: 56px;
}

aside .pagenav .page_itemr, aside .catnav.page_itemr {
  background-image: url("../medien/bilder/kachel-mag.jpg");
  background-color: #ffed00;
  margin-bottom: 1em;
  list-style: none; /* Entfernt den Aufzählungspunkt */
  height: 56px;
}

aside .pagenav .page_itemm:hover, aside .catnav.page_itemm:hover, aside .pagenav .page_itemg:hover, aside .catnav.page_itemg:hover, aside .pagenav .page_itemr:hover, aside .catnav.page_itemr:hover {
  animation: jubas_buttons 0.5s ease;
  animation-fill-mode: none;
  animation-fill-mode: forwards;
}

.menuelink {
  display: block;    /* Macht den Link so groß wie das <li> */
  padding: 12px;     /* Bestimmt den Abstand vom Rand der Kachel zum Text */
  text-decoration: none;
  color: black !important;
}

.button-optik {
  background-color: white;
  padding: 2px 10px;
  display: inline-block; /* Damit das Padding oben/unten wirkt */
  width: 100%;
}
.menuelinknw {
  background-color: white;
  border: 1px solid black;
  padding: 2px 10px;
  color: black !important;
}
.navbar-brand a:focus {
    outline: 2px solid #ffed00; /* Deine Hausfarbe Gelb oder eine Kontrastfarbe */
    outline-offset: 2px;
    display: inline-block; /* Stellt sicher, dass die Outline den Link umschließt */
}
/* Container-Styling */
.formbox {
  max-width: 870px;
  background: #ffffff;
  padding: 20px;
  font-family: 'Segoe UI', Roboto, sans-serif;
  border: 1px solid;
}

/* Modernes E-Mail Input Feld */
.cr_form-input {
  width: 100%;
  padding: 12px 16px;
  margin: 8px 0 20px 0;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  transition: all 0.3s ease;
  box-sizing: border-box; /* Wichtig für die Breite */
  outline: none;
}

/* Fokus-Effekt (wenn man reinklickt) */
.cr_form-input:focus {
  border-color: #004C9E; /* Blau-Ton */
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
  background-color: #fcfcfc;
}

/* Styling für das Label */
label {
  font-weight: 600;
  color: #333;
  font-size: 19px;
}

.linkedIn {
  font-weight: 600;
  color: #333;
  font-size: 19px;
  margin-top: 10px;
}

.linkedinicon {
  color: #0e76a8;
  font-size: 138px;
  float: right;
}

.linkedinsize {
  max-height: 231px;
}

/* Der Button im Normalzustand */
.cr_button {
  width: 100%;
  padding: 14px;
  background-color: #004C9E;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s, transform 0.1s, opacity 0.3s;
}

/* Hover-Effekt für den aktiven Button */
.cr_button:not(:disabled):hover {
  background-color: #0056b3;
  transform: translateY(-1px);
}

/* Styling für den DEAKTIVIERTEN Button */
.cr_button:disabled {
  background-color: #ccc;
  color: #888;
  cursor: not-allowed;
  opacity: 0.6;
}

/* Checkbox-Bereich Styling */
.submit_container label {
  font-weight: normal;
  font-size: 13px;
  line-height: 1.5;
  color: #555;
  cursor: pointer;
}
/* Container für Label und Input in einer Zeile */
.cr_form-inputgroup {
    display: flex;
    align-items: center; /* Vertikal zentrieren */
    gap: 15px;           /* Abstand zwischen Wort und Feld */
    margin-bottom: 20px;
}

/* Das Wort "E-Mail" */
.cr_form-inputgroup label {
    flex: 0 0 80px;      /* Feste Breite für das Wort, damit alle Felder (falls mehr kommen) untereinander stehen */
    font-weight: 600;
    margin-bottom: 0;    /* Margin entfernen, da sie nun nebeneinander stehen */
}

/* Das Eingabefeld */
.cr_form-input {
    flex: 1;             /* Nimmt den restlichen Platz ein */
    margin: 0;           /* Standard-Abstände entfernen */
    /* ... deine restlichen Styles (Border, Radius etc.) bleiben gleich ... */
}

/* Für Mobilgeräte: Untereinander stapeln, wenn der Platz zu eng wird */
@media (max-width: 400px) {
    .cr_form-inputgroup {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .cr_form-inputgroup label {
        flex: none;
    }
	.linkslider {
	font-size: 16px;
	}
	
}
.cr_button[aria-disabled="true"] {
    background-color: #cccccc !important;
    color: #888888 !important;
}
.hoverbar:hover{
	background-color: lightgrey !important;
}
.hoverbar {
	min-height: 30px;
	padding: 5px;
}
.blink {
	border-bottom: 1px dotted;
}
.blink:hover {
	border-bottom: 1px solid;
	text-decoration: none;
}
.footerlogo {
	display:block;
}
@media (max-width: 600px) {
	.startabstand {
		padding-right: 15px;
		padding-left: 15px;
	}
	.linkedinsize {
	  max-height: 231px;
	  margin: 0 15px;
	}
}
@media (max-width: 767px) {
	.linkedinsize {
	  max-height: 231px;
	  margin: 0 15px;
	}
}

@media (max-width: 991px) {
	.linkedinsize {
	  max-height: 270px;
	}
}

@media (max-width: 1200px) {
	.ohnem {
	  max-width: 100% !important;
	  margin: 0 auto;
	}
}