/* bis ca. Zeile 235 noch durcheinander und kaum kommentiert */

/* Video-Knöpfe und -Knopfleiste in Widgets - angenehmeres Erscheinungsbild */
.et_pb_widget .wp-video div.mejs-overlay-button {
	display: none !important;
}
.et_pb_widget .wp-video div.mejs-controls {
	background-color: rgba(0,0,0,.4);
}
.et_pb_widget .wp-video div.mejs-button button:hover,
.et_pb_widget .wp-video div.mejs-button button:active {
	background-color: rgba(255,255,255,.4);
}
/* /Video-Knöpfe und -Knopfleiste in Widgets - angenehmeres Erscheinungsbild */

/* Fehlübersetzung "Aktie:" vor den Mail- & Druckicons am Post-Ende ausblenden */
p.share-title {
	display: none !important;
}
/* /Fehlübersetzung "Aktie:" vor den Mail- & Druckicons am Post-Ende ausblenden */

/* Link zum Mastodon-Account ganz oben im Header ausblenden */
a[rel="me"] {
	display: none !important;
}
/* Link zum Mastodon-Account ganz oben im Header ausblenden */

.lfdi-widgets {
	color: #404040 !important;
}
.lfdi-widgets a {
	color: #007193 !important;
}
.lfdi-widgets a:hover,
.lfdi-widgets a:active {
	color: #40b1d3 !important;
}

#ds-icons-form {
	box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
	border: 2px solid #000;
	background-color: #7cda24 !important;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: normal;
	color: #000;

}#ds-icons-form:hover {
	border: 2px solid #56b400;
	background-color: #56b400 !important;
}

#top-header div.container {
	margin-left: 40px !important;
}

a.logo {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}

#main-header div.container {
	border-bottom: 1px solid #a7a7a7;
	xbox-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.2);
}

ul#et-menu {
	max-height: 45px !important;
}

div.module,
div.et_pb_widget,
ul.sub-menu:first-child,
a.su-button {
	box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3) !important;
}

div.et_pb_widget {
	border-top: 6px solid #868682;
}

input.et-search-field {
	border: 1px solid #070703 !important;
	width: 25em !important;
	background-color: #ecece8 !important;
	color: #070703 !important;
}

/* Schatten für Hauptmenü-Ausklapplisten */
header.header li ul.sub-menu {
	box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.7);
}

/* Schatten für KULT-Blog-Kacheln und -Knöpfe */
.kult-archiv article.et_pb_post {
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.5) !important;
}

.kult-archiv .button {
	border: 2px solid rgba(0,0,0,.7) !important; /* im Bestand unten ersetzen */
	border-radius: 8px !important; /* im Bestand unten ersetzen */
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7) !important;
}

.kult-archiv p.post-meta {
	margin: 0 0 10px 0;
	padding: 5px;
	background-color: rgba(62,191,33,0.3) !important;
}

div#et-navigation {
	xheight: 20px;
}
ul#et-menu,
ul#et-menu:hover {
	xpadding-bottom: 0 !important;
}
div#container {
	border-bottom: 1px solid red !important;
}


a.post-thumbnail {
	width: 90px !important;
	height: 90px !important;
}

.mediathek div.et_pb_blurb {
	margin: 5px 5px 5px 5px !important;
	box-shadow:  0 2px 9px 0 #888888;
	background-color: #fff !important;
}
.mediathek div.et_pb_blurb:hover {
	opacity: .5;
}
.mediathek div.et_pb_main_blurb_image {
	border-bottom: 1px solid #d0d0d0;
}
.mediathek .media-slider h4.et_pb_module_header,
.mediathek .media-slider-topic h4.et_pb_module_header {
	letter-spacing: 0;
}
.mediathek .media-slider-topic h4.et_pb_module_header {
	font-size: 15px;
}
.mediathek.et_pb_section {
	padding: 0 !important;
}



table.rss-list {
	margin-left: 20px !important;
}
table.rss-list td,
table.rss-list th {
	padding: 5px !important;
}
ul.rss-list {
	list-style: none url('/wp-content/uploads/2021/04/rss_schrift-ul.png');
	padding: 0 !important;
}
ul.rss-list li {
	margin: 0;
}

/* Knöpfe */
/** zum LfDI-Shortcode [lfdi-button] **/ 
.lfdi-button {
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
	
	display: inline-block !important;
	vertical-align: baseline;
	margin: 0;
	padding: 4px 16px;
	text-align: center;
	line-height: 26px;
	font-size:13px;
	
	border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	border: none;
		
	color: #ffffff !important;
	text-decoration: none !important;
	
	word-break: break-word;
	word-wrap: break-word;
    overflow-wrap: break-word;
}

/** "Weiterlesen"-Knopf unter einem Widget **/
a.cat-post-footer-link {
	box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);	
}
/* /Knöpfe */




/* Kontaktdaten vor Bots verbergen (https://www.ionos.de/digitalguide/e-mail/e-mail-sicherheit/e-mail-adresse-schuetzen-so-wirds-gemacht/) */
div.bot,
p.bot,
span.bot {
  display: none;
}

/* Seitenleisten-Abschlusswidget mit "Ausdünnanweisung" ausblenden */
#custom_html-12 {
	display: none;
}

/* DS-GVO.clever-Widget */
#custom_html-11 h4.widgettitle {
	display: none !important;
}
#custom_html-11 h4.dsgvo-widgettitle {
	display: block !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.2px;
	padding: 10px 20px;
}
div.dsgvo-widget {
	margin: -20px -20px 20px -20px;
}

h4.widgettitle,
h4.dsgvo-widgettitle {
	background-color: #ecece8 !important;
	color: #404040 !important;
}

@media (prefers-reduced-motion: no-preference) {
  .dsgvoclever {
    animation: dsgvoclever-spin infinite 30s linear;
  }
}
@keyframes dsgvoclever-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* "Datenschutz - stabil?"- und FAQ-Widget */
#text-6 .textwidget,
#media_image-2 {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #ecece8;
}





/* TMP: gegen Bug vom 10.03.2021 */
p:empty::before { display: none !important; }

iframe.countbutton {
	display: none;
}




/* Tweaks für DIVI-Grundeinstellungen */
/** Text in DIVI-Baustein "Informationstext" ausrichten (zB https://www.baden-wuerttemberg.datenschutz.de/faqs/) - STA 03.11.2020 **/
.et_pb_main_blurb_image {
	margin-bottom: 0 !important;
}
.et_pb_blurb_container { 
	padding: 12px !important; }
/* /Tweaks für DIVI-Grundeinstellungen */

/* Kategorienblog "Veröffentlichungen/Veranstaltungen" in der Seitenleiste anpassen (zum Plugin Category Posts Widget) - STA 30.06.2020 */
div#category-posts-2 {
	margin-bottom: 70px;
}
#category-posts-2 {
	border-top: solid 6px #7ac8cc !important;
}
#category-posts-2 h4 {
	margin-bottom: -20px !important;
	background-color: #fff !important;
	line-height: 1.2 !important;
	color: #43acb1 !important;
}
a.cat-post-thumbnail {
	width: 50px !important;
	margin-bottom: 20px !important;
}
a.cat-post-thumbnail.cat-post-none {
	background-color: #7ac8cc !important;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	background-image: url("https://www.baden-wuerttemberg.datenschutz.de/wp-content/themes/Extra/images/post-format-icon-text.svg") !important;
}
li.cat-post-item:first-child {
	margin-top: 20px !important;
	border-top: solid 1px #ccc !important;
}
.cat-post-item div {
	padding: 10px 10px 15px 20px !important;
}
li.cat-post-item a {
	word-break: inherit;
	color: #007193 !important;
}
li.cat-post-item p {
	display: none !important;
	font-size: 14px !important;
	color: rgba(0,0,0,.6);
}
li.cat-post-item:first-child p {
	display: block !important;
	font-size: 14px !important;
	color: rgba(0,0,0,.6);
}
span.cat-post-date {
	display: table;
}
.cat-post-date {
	color: rgba(0,0,0,.5) !important;
}
a.cat-post-footer-link {
	position: absolute;
	right: 0;
	margin: 18px 0 !important;
	border-radius: 5px;
	background-color: #43acb1;
	padding: 4px 16px;
	font-size: 13px !important;
	font-weight: normal !important;
	color: #fff !important;
}
/* /Kategorienblog "Veröffentlichungen/Veranstaltungen" in der Seitenleiste anpassen (zum Plugin Category Posts Widget) */

/* Hinweis über dem Kommentarfeld anpassen - STA 22.06.2020 */
.comment-notes #email-notes {
	display: none; /* Default-Text "Deine E-Mail-Adresse wird nicht veröffentlicht." ausblenden */
}
.comment-notes::after {
	font-style: italic;
	content: 'Die Angabe eines Namens (gerne auch eines Pseudonyms) ist freiwillig.';
}
/* /Hinweis über dem Kommentarfeld anpassen */

/* (Mega-)Menüs formatieren - STA 19.06.2020 */
	/* Bilder & Spaltenüberschriften */
#et-navigation li.mega-link.mega-menu-heading > a {
	font-size: 18px;
	color: #404040 !important;
	opacity: .85;
}
#et-navigation li.mega-link.mega-menu-heading > ul {
	margin-top: 12px;
	border-top: 1px solid;
	opacity: .85;
}
	/* Farben Einzelmenüs */
#et-navigation li.lfdi-menu ul {
	border-color: #ef5555 !important;
}
li.ds-menu ul {
	border-color: #055aa5 !important;
}
li.if-menu ul {
	border-color: #f18812 !important;
}
li.info-menu ul {
	border-color: #7ac8cc !important;
}
li.kult-menu ul {
	border-color: #3ebf21 !important;
}
li.bidib-menu ul {
	border-color: #7473ff !important;
}
li.kontakt-menu ul {
	border-color: #bebebe !important;
}
li.service-menu ul {
	border-color: #ff66dd !important;
}
	/* Alle Menüs im Hauptmenü (Mega- und nicht) */
#et-navigation li > ul {
	xwidth: 228px !important;
}
	/* Alle Mega-Menüs im Hauptmenü */
#et-navigation li img {
	padding-bottom: 10px !important;
}
	/* KULTur, 1-spaltig */
#et-navigation li.mega-menu.einspalt-menu > ul { /* Mega-Menü-Block; dem Top-Level-Eintrag die Klasse einspalt-menu mitgeben */
	width: 100% !important;
	max-width: 300px !important;
	left: calc(50% - 110px) !important;
	padding-right: 20px !important;
}
.einspalt-menu .mega-link { /* Mega-Menü-Block; dem Zweit-Level-Eintrag die Klasse mega-link mitgeben */
	flex-basis: 100% !important; /* einzige Spalte füllt ganz aus */
}
	/* Über uns, Datenschutz & Bildungszentrum, 2-spaltig */
#et-navigation li.mega-menu.zweispalt-menu-rechts > ul { /* Mega-Menü-Block; dem Top-Level-Eintrag die Klasse zweispalt-menu-<Ausrichtung> mitgeben */
	width: 100% !important;
	max-width: 600px !important;
	left: calc(35% - 90px) !important;
	padding-right: 20px !important;
}
#et-navigation li.mega-menu.zweispalt-menu-links > ul { /* Mega-Menü-Block; dem Top-Level-Eintrag die Klasse zweispalt-menu-<Ausrichtung> mitgeben */
	width: 100% !important;
	max-width: 600px !important;
	left: 0% !important;
	padding-right: 20px !important;
}
.zweispalt-menu-links .mega-link,
.zweispalt-menu-rechts .mega-link { /* Mega-Menü-Block; dem Zweit-Level-Eintrag die Klasse mega-link mitgeben */
	flex-basis: 50% !important;  /* jede Spalte füllt halb aus */
}
	/* <keines>, 3-spaltig */
#et-navigation li.mega-menu.dreispalt-menu > ul { /* Mega-Menü-Block; dem Top-Level-Eintrag die Klasse dreispalt-menu mitgeben */
	width: 70% !important;
	left: 30% !important;
}
.dreispalt-menu .mega-link { /* Mega-Menü-Block; dem Zweit-Level-Eintrag die Klasse mega-link mitgeben */
	flex-basis: 33% !important;  /* jede Spalte füllt zu 1/3 aus */
}
/* /(Mega-)Menüs formatieren */

/* Blogs als Teile von "gewöhnlichen" Seiten (vgl. https://www.baden-wuerttemberg.datenschutz.de/bildungszentrum/) - STA 06.08.2020 */
div.layout-blog {
	padding-top: 40px !important;
}
.layout-blog article,
.layout-archiv article {
	padding: 10px 30px 10px 100px !important;
	background-image: url("https://www.baden-wuerttemberg.datenschutz.de/wp-content/uploads/2020/06/coding-icon_3.jpg") !important;
	background-position: 17px 10px !important;
	background-size: 66px !important;
	background-repeat: no-repeat !important;
}
	/* "Weiterlesen"-Knöpfe formatieren */
.layout-blog a.more-link,
.layout-archiv a.more-link {
	margin-top: 10px;
	text-align: right;
	color: transparent !important;
	font-size: 1px;
}
.layout-blog a.more-link::after,
.layout-archiv a.more-link::after {
	margin-left: -15px;
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
	padding: 5px 12px 5px 15px;
	border-radius: 20px;
	background-color: #00ae8d;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	content: 'Weiterlesen ›';
	transition: all 300ms ease 0ms;
}
.layout-blog a.more-link:hover::after,
.layout-archiv a.more-link:hover::after {
	letter-spacing: 1px;
}
	/* automatisch eingefügten Button "Ältere Einträge" ausblenden */
.layout-blog .post-nav {
	display: none !important;
}
	/* Gestaltung Knöpfe "Ältere/Nächste Einträge" */
.layout-archiv .button {
	border-radius: 20px !important;
	background-color: #7272ff !important;
	color: #fff !important;
}
.layout-archiv span.button::before {
	color: #fff !important;
}
.kult-archiv .button {
	border: 2px solid #000 !important;
	border-radius: 3px !important;
	background-color: transparent !important;
}
.kult-archiv span.button::before,
.kult-archiv .button {
	font-size: 16px !important;
	font-weight: normal !important;
	color: #000 !important;
}
.kult-archiv span.button:hover::before,
.kult-archiv span.button:active::before,
.kult-archiv span.button:visited::before,
.kult-archiv .button:hover,
.kult-archiv .button:active,
.kult-archiv .button:visited {
	background-color: #000 !important;
	color: #fff !important;
}
/* /Blogs als Teile von "gewöhnlichen" Seiten (vgl. https://www.baden-wuerttemberg.datenschutz.de/bildungszentrum/) */

/* Bild in Bildwidget horizontal zentrieren */
xdiv#media_image-2 {
	text-align: center;
}
xdiv#media_image-2 h4::before {
	content: '++ FAQ Corona ++';
}
/* /Bild in Bildwidget horizontal zentrieren */

/* Schriftbreite in Widgettitel anpassen */
div#media_image-2 h4 {
	letter-spacing: -.69px !important;
}
/* /Schriftbreite in Widgettitel anpassen */

/* Widget "Erreichbarkeit aktuell" formatieren */
div#text-4 .widgettitle {
	background-color: #f9002b;
}
div#text-4 {
	border: 3px solid #f9002b;
	text-align: center;
}
div#text-4 strong {
	color: #ad0000;
}
div#text-4 p:not(:last-child)::after {
	margin-top: 25px;
	margin-left: 25%;
	display: block;
	width: 50%;
	height: 1px;
	background-color: #ad0000;
	content: '';
}
div#text-4 a {
	font-weight: bold;
	color: #00f;
}
/* /Widget "Erreichbarkeit aktuell" formatieren */

/* BIDIB-Buchungsbutton abhängig vom Link formatieren */
a[href*="static-button"] {
	border-color: #888 !important;
	background-color: #888 !important;
	pointer-events: none !important;
}
/* /BIDIB-Buchungsbutton abhängig vom Link formatieren */

/* Newsletter-Archiv */
.newsletter article,
.newsletter h2.entry-title {
	margin: 5px 0 !important;
	padding: 0 !important;
	text-indent: -15.35em;
}
/* /Newsletter-Archiv */

/* Externe Links kennzeichnen (Wingding-Pfeil nach Nord-Ost) */
a[href*="://"]:not([href*="baden-wuerttemberg.datenschutz.de"]):not([href*="#"]):not([href*="https://bbb.lfdi-bw.de/"]):after,
.external-link:after,
.menu-item a[href*="://"]:not([href*="baden-wuerttemberg.datenschutz.de"]):not([href*="#"]):not([href*="https://bbb.lfdi-bw.de/"]):before {
	content: '\2197';
	vertical-align: 2px;
	text-decoration: inherit;
	font-size: inherit;
	font-weight: normal !important;
}
a[href*="://"]:not([href*="baden-wuerttemberg.datenschutz.de"]):not([href*="#"]):not([href*="https://bbb.lfdi-bw.de/"]):after,
.external-link:after {
	padding-left: 2px;
}
.menu-item a[href*="://"]:not([href*="baden-wuerttemberg.datenschutz.de"]):not([href*="#"]):not([href*="https://bbb.lfdi-bw.de/"]):before {
	padding: 0 6px 2px 5px;
	xpadding: 1px;
	xpadding-right: 2px;
	margin-right: 4px;
	background-color: rgba(64,64,64,0.66);
	color: #ffffff;
}
.menu-item a[href*="://"]:after {
	display: none !important;
}
/* /Externe Links kennzeichnen */