@media only screen and (max-width: 980px) {
.lfdi-breit {
display: none !important;
}
.lfdi-schmal {
display: block !important;
}
}
@media only screen and (min-width: 981px) {
.lfdi-breit {
display: block !important;
}
.lfdi-schmal {
display: none !important;
}
} .wp-caption {
border: none !important;
background: none !important;
padding: 0 !important;
max-width: 100% !important;	
} #toc_container ul.toc_list {
padding-left: 1em;
}
#toc_container ul.toc_list li {
text-indent: -1em;
}  ul.lfdi-inline {
margin-top: -1.6em !important;
padding-left: 3em;
}
ul.lfdi-inline li {
margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
ul.lfdi-inline {
padding-left: 0;
}
} hr.mediathek {
border: none;
border-top: 1px solid #868682;
margin-top: 0;
margin-bottom: 15px;
}
.mediathek video {
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.5);
}
.erreichbarkeit-aktuell-main .et_pb_column {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media only screen and (min-width: 1024px) {
#widget-smartphone-top-main,
#widget-kinderleicht-main,
#widget-kinderleicht-main-html,
.erreichbarkeit-aktuell-main {
display: none !important;
}
}
@media only screen and (max-width: 1023px) {
#custom_html-16,
#text-4,
#text-17,
#text-18,
#text-22,
#text-24,
#text-25 {
display: none !important;
}
}
a.unsichtbar {
display: none !important;
}
.kasten,
table.kasten {
margin: 10px 0;
box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.4);
border-radius: 3px;
background-color: #fbfbf7
}
.kasten,
table.kasten,
table.kasten td {
border: 1px solid #868682;
}
.katalog div.katalog {
margin-bottom: -10px;
box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.4);
background-color: #fbfbf7
} .et_pb_text h1, h2 {padding-top: 1.5em !important; padding-bottom: 1.5em !important; line-height: 1.25em !important;}  label[for="et_pb_contact_online-praesenz_0_0_0"] { color: #fff !important;
}
label[for="et_pb_contact_online-praesenz_0_0_0"]:after { margin-left: 4px;
content: "in Präsenz";
color: #404040 !important;
}
label[for="et_pb_contact_online-praesenz_0_0_1"] { color: #fff !important;
}
label[for="et_pb_contact_online-praesenz_0_0_1"]:after { content: "online";
color: #404040 !important;
} .schattiert,
iframe[src*="tube.xn--baw-joa.social"],
iframe[src*="tube.bawü.social"] {
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.5);
}
ul.crossdomaindoc {
list-style-type: none;
text-indent: -10px;
}
ul.crossdomaindoc a {
display: inline-block;
margin-bottom: 5px;
}
ul.crossdomaindoc a:not([href$="#"]) {
margin-top: 15px;
color: #404040;
}
ul.crossdomaindoc a[href$="#"] {
margin-left: 11px;
font-weight: normal !important;
}
ul.crossdomaindoc li {
line-height: 1.3;
}
table.lfdi-kompakt {
margin-bottom: 20px;
border: #fff;
}
table.lfdi-kompakt tr {
border: #fff;
}
table.lfdi-kompakt td {
border: #fff;
padding: 0 0 5px 0;
vertical-align: top;
}
table.lfdi-kompakt td:first-child {
width: 5.5em;
}
table.lfdi-kompakt.doppelt tr {
height: 50px;
}
table.lfdi-kompakt.doppelt td:first-child {
width: auto;
} div#toc_container {
box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
border-radius: 3px;
padding: 2em;
} .es-field-wrap label {
font-weight: bold;
}
.es-field-wrap input,
.es-field-wrap input[type="email"],
.es-field-wrap input[type="password"],
.es-field-wrap input[type="search"],
.es-field-wrap input[type="text"],
.es-field-wrap select,
.es-field-wrap textarea {
border: 2px solid #ecece8;
background-color: #ecece8;
}
.es-field-wrap input:focus,
.es-field-wrap input[type="email"]:focus,
.es-field-wrap input[type="password"]:focus,
.es-field-wrap input[type="search"]:focus,
.es-field-wrap input[type="text"]:focus,
.es-field-wrap select:focus,
.es-field-wrap textarea:focus {
border: 2px solid #868682;
background-color: #fbfbf7;
}
.es_submit_button {
color: #fff !important;
}
.es_submit_button:hover {
background-color: #888 !important;
}  img:not(.clickable) {
pointer-events: none;
-webkit-touch-callout: none;
}
@media print {
img.noprint,
video.noprint {
display: none !important;
}
*.noprint {
background-image: none !important;
}
}  .wp-video div.mejs-overlay-button {
xopacity: 0.6 !important;
}
.wp-video:hover div.mejs-overlay-button,
.dsgzs .wp-video:hover div.mejs-overlay-button{
display: none !important;
}
.wp-video:not(:hover) div.mejs-controls,
.dsgzs .wp-video:not(:hover) div.mejs-controls {
display: none !important;
} .et_pb_widget .widgettitle {
line-height: 1.15 !important;
}
x.et_pb_widget .wp-video div.mejs-overlay-button {
display: none !important;
}
.wp-video div.mejs-controls,
.dsgzs .wp-video div.mejs-controls,
x.et_pb_widget .wp-video div.mejs-controls{
background-color: rgba(0,0,0,0.4);
}
x.et_pb_widget .wp-video div.mejs-button button:hover,
x.et_pb_widget .wp-video div.mejs-button button:active {
background-color: rgba(255,255,255,.4);
}  p.share-title {
display: none !important;
}  a[rel="me"] {
display: none !important;
} .lfdi-widgets {
color: #404040 !important;
}
.lfdi-widgets a {
color: #0f70b7 !important; }
.lfdi-widgets a.lfdi-button {
color: #f1f5fa !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;
}
#kommunaler-ds-wettbewerb-form {
float: right;
text-align: right;
box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
border: 2px solid #404040;
background-color: #fad201 !important;
padding: 10px 20px;
font-size: 20px;
font-weight: bold;
color: #404040;
}
#kommunaler-ds-wettbewerb-form:hover {
box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.45); background-color: #ffdf0e !important; }
#kommunaler-datenschutzwettbewerb-2022-form .wpcf7-form-control-wrap input,
#kommunaler-datenschutzwettbewerb-2022-form .wpcf7-form-control-wrap textarea {
border: 1px solid rgba(64,64,64,.9);
}
#kommunaler-datenschutzwettbewerb-2022-form .codedropz-upload-handler {
margin-top: 5px;
border: 1px solid;
}
#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;
} header.header li ul.sub-menu {
box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.7);
} .lfdi-archiv article.et_pb_post,
.kult-archiv article.et_pb_post {
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.5) !important;
}
.lfdi-archiv p.post-meta {
margin: 0 0 10px 0;
padding: 0px 5px;
border-bottom: 2px solid #acaca8; }
.kult-archiv p.post-meta {
border-bottom: 2px solid  #868682;
}
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;
padding: 0 !important;
}
ul.rss-list li {
margin: 0;
}
a[href*="/feed/"]:before,
a[href*="/feeds/"]:before,
a[href*="/rss/"]:before,
a[href$=".rss"]:before {
content: '\e09e';
font-family: 'ElegantIcons';
padding: 0px 5px 0px 2px;
text-decoration: inherit;
font-size: 70%;
font-weight: normal;
}  .lfdi-button,
a.read-more-button,
.es_submit_button {
box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.4) !important;
display: inline-block !important;
vertical-align: baseline;
margin: 0 0 10px 0;
padding: 4px 16px !important;
text-align: center;
xline-height: 26px !important;
font-size:13px;
background-color: #404040;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border: none;
color: #f1f5fa !important;
text-decoration: none !important;
word-break: break-word;
word-wrap: break-word;
overflow-wrap: break-word;
}
.lfdi-button.lfdi-inline,
a.read-more-button.lfdi-inline {
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.6) !important;
margin: -2px 0 -2px !important;
xline-height: inherit !important;
padding: 3px 4px 2px !important;
overflow-wrap: normal;
}
.lfdi-button-hover,
.lfdi-button:hover,
a.read-more-button:hover,
.es_submit_button:hover {
box-shadow: 2px 2px 9px 0px rgba(0,0,0,0.6) !important;
color: #fff !important;
}
.lfdi-button.lfdi-inline:hover,
a.read-more-button.lfdi-inline:hover {
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5) !important;
}
.wpcf7 input[type="submit"] {
background-color: #bd0000 !important;
border: 1px solid #a30000 !important;
}
.wpcf7 input[type="submit"]:hover {
background-color: #d6000e !important;
}
.es_submit_button {
background-color: #bd0000 !important;
border: 1px solid #a30000 !important;
}
.es_submit_button:hover {
background-color: #d6000e !important;
} a.cat-post-footer-link {
box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);	
}  .bot {
display: none;
} X#custom_html-12 {
display: none;
} X#custom_html-11 h4.widgettitle, X#custom_html-18 h4.widgettitle { display: none !important;
}
#widget-clever h4.dsgvo-widgettitle,
#widget-clever-bkp h4.dsgvo-widgettitle,
#widget-vks h4.dsgvo-widgettitle,
#widget-vks-bkp h4.dsgvo-widgettitle {
display: block !important;
font-size: 16px;
font-weight: 600;
line-height: 1;
letter-spacing: 1.2px;
padding: 10px 20px;
}
div.dsgvo-widgets {
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);
}
} x#text-6 .textwidget,
x#text-6 .textwidget,
x#media_image-2,
x#media_image-3,
x#text-13 .textwidget,
x#text-14 .textwidget {
background-color: #ecece8;
}
#text-6 .textwidget,
#text-6 .textwidget,
#media_image-2,
#media_image-3 {
xpadding-top: 0;
xpadding-bottom: 0;
} p:empty::before {
display: none !important;
}
iframe.countbutton {
display: none;
}  .et_pb_main_blurb_image {
margin-bottom: 0 !important;
}
.et_pb_blurb_container { 
padding: 12px !important; }  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;
}  .comment-notes #email-notes {
display: none; }
.comment-notes::after {
font-style: italic;
content: '. Die Angabe eines Namens (gerne auch eines Pseudonyms) ist freiwillig.';
}   #et-navigation li a {
padding: 8px 0 !important;
line-height: 150% !important;
}
.menu-item span.menu-indent {
display: inline-block;
width: 18px;
margin-right: 6px;
border-bottom: 1px solid #868682;
} #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;
} #et-navigation li.lfdi-menu ul {
xborder-color: #ef5555 !important;
border-color: #868682 !important;
}
li.ds-menu ul {
xborder-color: #055aa5 !important;
border-color: #868682 !important;
}
li.if-menu ul {
xborder-color: #f18812 !important;
border-color: #868682 !important;
}
li.info-menu ul {
xborder-color: #7ac8cc !important;
border-color: #868682 !important;
}
li.kult-menu ul {
xborder-color: #3ebf21 !important;
border-color: #868682 !important;
}
li.bidib-menu ul {
xborder-color: #7473ff !important;
border-color: #868682 !important;
}
li.kontakt-menu ul {
xborder-color: #bebebe !important;
border-color: #868682 !important;
}
li.service-menu ul {
xborder-color: #ff66dd !important;
border-color: #868682 !important;
} #et-navigation li > ul {
xwidth: 228px !important;
} #et-navigation li img {
xpadding-bottom: 10px !important;
} #et-navigation li.mega-menu.einspalt-menu > ul { width: 100% !important;
max-width: 300px !important;
left: calc(50% - 110px) !important;
padding-right: 20px !important;
}
.einspalt-menu .mega-link { flex-basis: 100% !important; } #et-navigation li.mega-menu.zweispalt-menu-rechts > ul { 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 { width: 100% !important;
max-width: 600px !important;
left: 0% !important;
padding-right: 20px !important;
}
.zweispalt-menu-links .mega-link,
.zweispalt-menu-rechts .mega-link { flex-basis: 50% !important; } #et-navigation li.mega-menu.dreispalt-menu > ul { width: 70% !important;
left: 30% !important;
}
.dreispalt-menu .mega-link { flex-basis: 33% !important; }  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;
} .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;
} .layout-blog .post-nav {
display: none !important;
} .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;
}  xdiv#media_image-2 {
text-align: center;
}
xdiv#media_image-2 h4::before {
content: '++ FAQ Corona ++';
}  xdiv#text-13 h4,
xdiv#text-15 h4,
xdiv#text-18 h4,
xdiv#text-20 h4 {
letter-spacing: -.69px !important;
}  div#text-4 .widgettitle,
div#text-22 .widgettitle,
div#text-24 .widgettitle {
background-color: #d6000e !important;
color: #fff !important;
}
div#text-4,
div#text-22,
div#text-24 {
border-top: 0px solid;
}
div#text-4 p:not(:last-child)::after,
div#text-22 p:not(:last-child)::after,
div#text-24 p:not(:last-child)::after {
margin-top: 25px;
margin-left: 25%;
display: block;
width: 50%;
height: 1px;
background-color: #d6000e;
content: '';
}
div#text-4 a,
div#text-22 a,
div#text-24 a {
font-weight: bold;
color: #00f;
}  a[href*="static-button"] {
border-color: #888 !important;
background-color: #888 !important;
pointer-events: none !important;
}  .newsletter article,
.newsletter h2.entry-title {
margin: 5px 0 !important;
padding: 0 !important;
text-indent: -45.5%;
}  a {
font-weight: 700 !important;
}  a[href$=".docx"]:before,
a[href$=".doc"]:before,
a[href$=".rtf"]:before,
a[href$=".txt"]:before,
a[href$=".xlsx"]:before,
a[href$=".xls"]:before,
a[href$=".pptx"]:before,
a[href$=".ppt"]:before,
a[href$=".pdf"]:before {
font-family: 'ElegantIcons';
content: '\68';
padding: 0px 4px 0px 2px;
text-decoration: inherit;
font-size: 92%;
}  a[href*="://"]:not([href*="baden-wuerttemberg.datenschutz.de"]):not([href$="#"]):after,
.external-link:after,
.menu-item a[href*="://"]:not([href*="baden-wuerttemberg.datenschutz.de"]):not([href$="#"]):before,
.menu-external-link:before {
font-family: 'ElegantIcons';
content: '\26';
vertical-align: 4px;
text-decoration: inherit;
font-size: 71%;
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,
.menu-external-link:before {
padding: 4px;
margin-right: 5px;
background-color: rgba(64,64,64,0.66);
color: #ffffff;
}
.menu-item a[href*="://"]:after {
display: none !important;
}  a[href*="mailto:"]:not([href$="#"]):before,
.mail-link:before {
font-family: 'ElegantIcons';
content: '\e010';
margin: 0 .2em 0 0;
vertical-align: 1px;
text-decoration: inherit;
font-size: inherit;
font-weight: normal !important;
}  a[href^="https://xn--baw-joa.social/"]:not([href$="#"]):before,
.mastodon-link:before {
display: inline-block;
content: '.';
font-size: 0.1px;
color: #ffffff;
color:transparent;
background-image: url(//www.baden-wuerttemberg.datenschutz.de/wp-content/uploads/mastodon-logo-link.svg);
background-size: contain;
background-repeat: no-repeat;
margin: 0 2.5px 0 0;
vertical-align: 3.5px;
text-decoration: inherit;
width: 14px;
}  a[href^="https://tube.xn--baw-joa.social/"]:not([href$="#"]):before,
a[href^="https://tube.bawü.social/"]:not([href$="#"]):before,
.peertube-link:before {
font-family: 'ElegantIcons';
content: '\e024';
margin: 0 .33em 0 0;
vertical-align: 0px;
text-decoration: inherit;
font-size: 80%;
font-weight: normal !important;
}  .lfdi-reveal {
display:none;
}   @media only screen and ( max-width: 479px ) {
.container {
width: 100% !important;
}
.et_pb_row {
width: 96% !important;
}
.et_pb_text_inner,
.et_pb_blurb_content .et_pb_blurb_container {
xpadding-left: 5% !important;
xpadding-right: 5% !important;
}
.et_extra_layout.et_pb_gutters3 .et_pb_extra_column_main div.et_pb_row {
margin: 0 !important;
}
.et_extra_layout.et_pb_gutters3 .et_pb_extra_column_main  div.et_pb_column {
padding-left:0 !important;
padding-right:0 !important;
}
#tabelle .et_pb_row,
#tabelle .et_pb_text_inner {
margin: 0 1% !important;
padding: 0 !important;
}
.layout-blog article {
padding: 66px 30px 10px 30px !important;
background-position: 50% 0px !important;
background-size: 55px !important;
background-repeat: no-repeat !important;
}
}
@media print {
header #top-header, header #et-navigation, .et_pb_extra_column_sidebar {
display: none !important;
}
body, .container, .et_pb_extra_column_main {
width: 100% !important;
min-width: 100% !important;
}
.container article{
border-top: none !important;
}
}