.row { --bs-gutter-x: 0; display: block; }
.frame { --frame-spacing: 0; }
.d-none { display: none; }
.sr-only, .visually-hidden, .visually-hidden-focusable { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; background-color: #fff; color: #000; font-size: 12px; }
.sr-only-focusable:active, .visually-hidden-focusable:active, .sr-only-focusable:focus, .visually-hidden-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
*:focus-visible { outline: 2px solid #000!important; }
input[type="check"]:focus-visible + label { outline: 2px solid #000!important; }
input[type="radio"]:focus-visible + label { outline: 2px solid #000!important; }
input[type="submit"]:focus-visible { outline: 2px solid #000!important; }

.breadcrumb a.goHome[data-hash-used="1"]:focus-visible:focus { outline: none!important; }

.footerunten2 .fussnavi2 ul li a:focus-visible,
.footerunten2 .barriere ul li a:focus-visible,
#sidebar-nav li a:focus-visible { outline:none !important; box-shadow: 0 0 0 2px #fff, 0 0 0 2px #000; z-index: 1; }

input[type="checkbox"], input[type="radio"] { accent-color: #000; }
.btn-danger { background-color: #D33B36; }

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */  
@font-face {
  font-display: swap;
  font-family:FontAwesome;
  src:url("../fonts/FontAwesome/fa-brands-400.eot");
  src:url("../fonts/FontAwesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/FontAwesome/fa-brands-400.woff2") format("woff2"), url("../fonts/FontAwesome/fa-brands-400.woff") format("woff"), url("../fonts/FontAwesome/fa-brands-400.ttf") format("truetype"), url("../fonts/FontAwesome/fa-brands-400.svg#fontawesome") format("svg");
  font-weight:400;
  font-style:normal;
}

@font-face {
  font-display: swap;
  font-family:FontAwesome;
  src:url("../fonts/FontAwesome/fa-solid-900.eot");
  src:url("../fonts/FontAwesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/FontAwesome/fa-solid-900.woff2") format("woff2"), url("../fonts/FontAwesome/fa-solid-900.woff") format("woff"), url("../fonts/FontAwesome/fa-solid-900.ttf") format("truetype"), url("../fonts/FontAwesome/fa-solid-900.svg#fontawesome") format("svg");
  font-weight:400;
  font-style:normal;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: Roboto,sans-serif;
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
  background-color: #f3f3f3;
  color: #2f2f2f;
  line-height: 1;
}

img {
  /*ww width: auto; */
  max-width: 100%;
  height: auto;
}

table caption { color: #000; }
.table-responsive { overflow-x: auto; padding: 10px; border: 1px solid #ddd; }
.table-responsive > table { min-width: 600px; }
.table-responsive > table th, .table-responsive > table td  { padding-right: 10px; font-size: 1.6rem; line-height: 2.4rem; text-align: left; vertical-align: top; }

.container {
  width: 1070px;
}

span.tiny,
p.tiny {
  font-size: 0.9em!important;
  line-height: 1.4em!important;
}

.float-left {
  float: left;
}

span.grossrot,
p.grossrot {
  font-size: 3.6rem!important;
  font-weight: 700!important;
}

p.grossrot {
  padding-top:10px!important;
}

.text-rightfloat {
  float:right;
  margin-top: 16px;
}

.pull-right {
  float: right !important;
}

.frame-greybox {
  background: #e1e2e2;
}

a.btn.btn-default  { font-weight: 700; color: #fff; background-color: #000; font-size: 1.5rem; padding: 0.6rem 1.5rem; border-radius: 0.5rem; border: 1px solid #000; box-shadow: none !important; outline: 0; }
a.btn.btn-default:hover, a.btn.btn-default:focus-visible { color: #000 !important; text-decoration:none; background-color: #f3f3f3 !important; border: 1px solid #000; }
a.btn.btn-default:hover, a.btn.btn-default:focus-visible { color: #000 !important; text-decoration:none; background-color: #f3f3f3 !important; border: 1px solid #000; }

.tgruen{ color: #84b819; }
.tgelb { color: #FFDA45; }
.torange { color: #FFA100; }
.trot { color: #981e32;}

a.btn.btn-orange { background-color: #c1631f !important; border-color: #9e511a !important; color: #fff !important; border:none; }
a.btn.btn-orange:hover { text-decoration: none; }

/******************************************
*Coockie-Hinweis
******************************************/
.cc_container {
  background: #000;
  color: #fff;
  line-height: 1.5em;
  font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
}

.cc_container {
  padding: 14px;
}

.cc_container {
  position: fixed;
  left: 0;
  right: 0;
  overflow: hidden;
  bottom: auto;
}

.cc_container .cc_btn {
  padding: 12px 15px;
  font-size: 1em;
}

.cc_container .cc_message {
  font-size: 1.7rem !important;
  color:#fff;
  line-height: 1.3em;
  margin-top: 0;
}

.cc_container .cc_btn, 
.cc_container .cc_btn:visited {
  color: #000;
  background-color: rgb(255, 252, 38);
  font-weight:700;
  min-width: 170px;
}

.cc_container .cc_btn:hover {
  color: #fff;
  background-color: rgba(152,30,50,.9);
}


/******************************************
*HEADER
******************************************/

.header {
  position:relative;
  height:450px;
  background-color: #fff;
  padding-top: 10px;
}

.logo {
  padding-left: 60px;
  padding-top: 5px;
}
.logo a {
  display: block;
  width: 100%;
  height; auto; 
}

.bildrandoben{
  background: url(../Images/weisser-bereich_v2.png) left top no-repeat;
  content: "";
  height: 35px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}

.headerimage {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
}

.headerimage img {
  width: 100% !important;
}

.headeroben {
  float:left;
  width: auto;
}

.metanav {
  padding-left: 0;
  float:right;
  text-align:right;
  width: auto;
  max-width: calc(100% - 276px);
}

.metanav ul {
  float:right;
  padding-top: 10px;
  padding-left: 0;
  padding-left: 0;
  max-width: calc(100% - 153px);
}

.metanav ul li {
  display:inline;
  padding-right: 7px;
  padding-left: 7px;
}

.metanav a {
  color: #2f2f2f;
  font-size: 1.3rem;
}

.bzgalogo {
  float:right;
  margin-right:15px;
  margin-left:8px;
}
.bzgalogo a {
  display: block;
  width: 100%;
  height; auto; 
}

.bzgalogo img {
  width: 180px;
  height: auto;
}

/******************************************
*hauptnavi
******************************************/

.hauptnavi {
  position: absolute;
  z-index: 1;
  bottom:-332px;
  width: 100%;
  height: auto;
  min-height:5rem;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 15px;
}

.hauptnavi ul  {
  width: calc(100% - 60px);
  display: block;
}

.hauptnavi .dropdown-toggle::after { display: none; }

#mainnavbar li {
  width: 24.9%;
}

.hauptnavi .navbar-default {
  background-color: transparent !important;
  border: none;
  display: block;
  margin-bottom: 0;
}

#mainnavbar li a {
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  height: auto;
  min-height: 5rem;
  text-align: center;
  color: #fff;
  margin-left: 3px;
  font-size: 2.2rem;
  background-color: rgba(152,30,50,.9);
  border-radius: 1rem 1rem 0 0;
  -moz-border-radius: 1rem 1rem 0 0;
  -webkit-border-radius: 1rem 1rem 0 0;
  font-weight: 700;
  padding: 10px 15px;
  hyphens: auto;
  -moz-border-hyphens: auto;
  -webkit-hyphens: auto;
  word-wrap: anywhere;
}

.car {
  float: right;
}

.navbar-collapse {
  padding-left: 15px;
}

#mainnavbar li.active a {
  background-color: #f3f3f3;
  color: #000;
}

#logoWrapper {
  margin: 0;
  display: block;
}

#logoWrapper a {
  display: table-cell;
  vertical-align: middle;
}

#logoWrapper .goHome a {
  color: transparent;
  font-size: 2.2rem;
  font-weight: 700;
  height: 6rem;
  width: 60px;
  line-height: 4rem;
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border: 1px solid #f3f3f3;
}
#logoWrapper .goHome a::after {
  content: url(../Images/haus2.png);
  display: inline-block;
  padding: 12px 2px 0 4px;
  scale: 0.7 0.7;
  margin-top: -0.9rem;
}

#logoWrapper .goHome-active a {
  color: transparent;
  font-size: 2.2rem;
  font-weight: 700;
  height: 6rem;
  width: 60px;
  line-height: 4rem;
  text-align: center;
  background-color: #ffec00;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border: 1px solid #ffec00;
}
#logoWrapper .goHome-active a::after {
  content: url(../Images/haus2.png);
  display: inline-block;
  padding: 12px 2px 0 4px;
  scale: 0.7 0.7;
  margin-top: -0.9rem;
}

#logoWrapper .goHome,
#logoWrapper .goHome-active {
  display: block;
}

#logoWrapper.navbar-brand {
  height: 50px;
  float: left;
  font-size: 1.8rem;
  line-height: 2rem;
  padding: 0px 0px!important;
}

.navbar-brand {
  padding: 0px 0px!important;
}

.search-box { padding-top: 0; padding-bottom: 0; display: block; text-align: center; color: #000; margin-left: 3px; margin-top: 5px; font-size: 1.6rem; border-radius: 10px 10px 0 0; }

.search-box input[type="text"] {
  margin-left: 0;
  height: 2.2rem;
  line-height: 2rem;
  margin-top: 4px;
  background: #fff;
  text-indent: 0;
  border: none;
  border-radius: 5px;
  width: 100%;
  padding-right: 2rem;
}

.search-box a {
	position: absolute;
	right: 2px;
  top: 9px;
  display: block;
  height: 2rem;
  border-radius: 5px;
}
.search-box a:hover { background-color: transparent !important; border: 1px solid #000; }
.search-box a:focus-visible { background-color: transparent !important; border: 1px solid #000; }

.searchWrap {
  padding-top: 4px;
  position: relative;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.4rem;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.b_mobile-toggle .fa { font-size: 2.3rem; }

.search-box .fa {
  display: block;
  color: transparent;
}
.search-box .fa::after {
  content: url(../Images/suche.png);
  display: inline-block;
  padding: 0;
  scale: 0.7;
}

.partial-socialmedia-list.theme_bootstrap .list-inline {
  display: inline-flex;
  flex-wrap: wrap;
}
.partial-socialmedia-list.theme_bootstrap .list-inline > li {
  display: flex;
}

/******************************************
*main
******************************************/
.container.home {
  position: relative;
  z-index: 1;
}
.container.nohome {
  position: relative;
  z-index: 1;
}

iframe.bodymapiframe {
  width: 100%;
  height: auto;
  min-height: 100rem;
  border: none;
  overflow: hidden;
  margin-top: 20px;
}

.attention {
  background: #ffec00;
  border: 1px solid #ffec00;
  color: #2f2f2f;
  padding: 15px;
}

.trenner{
  margin: 0px 0px 0px;
  /*background: url(../Images/Trenner.png) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  */
  height: 13px;
  clear: both;
  background-size: inherit !important;
  background-position: center center;
}

.frame-option-ruler-after::after {
  border-bottom: 3px solid #e1e2e2;
  margin-top: 0px;
  margin-bottom: 17px;
  content: '';
  display: block;
}

.main { background-image:url(../Images/headergrau2.png); background-repeat:repeat-x; background-size: auto calc(40px + 4rem); }

.main,
.main2 {
  background-color: #fff;
  padding-left:30px;
  padding-right: 30px;
}

.main p,
.main2 p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 1.7rem;
}

.main h1,
.main2 h1,
.main h2.h2ash1,
.main2 h2.h2ash1 {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4rem;
  margin-bottom: 1.8rem;
}

.inhalt h2,
.inhalt2 h2 {
  font-size: 2rem;
  margin-bottom: 2.4rem;
  font-weight: 400 !important;
  color: #2f2f2f!important;
  margin-top:0;
  font-weight: bold !important;
}



.inhalt h3,
.inhalt2 h3 {
  font-size: 1.8rem !important;
  font-weight: 300 !important;
  margin-top: 2rem;
  line-height: 2.6rem;
  margin-bottom: 2.2rem;
}


.inhalt ul,
.inhalt ol,
.inhalt2 ul,
.inhalt2 ol {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 1.8rem;
  padding-left: 1em;
}

.inhalt ul li,
.inhalt2 ul li {
  line-height: 1.5em;
  padding-bottom: 10px;
}

.inhalt ul.action-items,
.inhalt2 ul.action-items {
  color: #2f2f2f;
  margin-bottom: 40px;
  padding-left: 0;
}

.inhalt ul.action-items li,
.inhalt2 ul.action-items li {
  border-bottom: 1px solid #E1E2E2;
  padding-bottom: 8px;
  margin-bottom: 10px;
  list-style-type: none;
  text-indent: -17px;
  padding-left: 26px;
}
.inhalt ul.action-items li::before,
.inhalt2 ul.action-items li::before {
  content: url(../Images/arrow-grey-bullets.png);
  display: inline-block;
}

.main .inhalt,
.main .inhalt2,
.main2 .inhalt,
.main2 .inhalt2 {
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 10px 10px 0 0;
  background-color:#fff;
  margin-top:30px;
}

.main .inhalt2,
.main2 .inhalt2 {
  margin-top:0px;
}

.main a,
.main2 a {
  color: #2f2f2f;
  font-weight: bold;
  text-decoration: underline;
}

.main a:hover, .main2 a:hover, .main a:focus, .main2 a:focus, .main a:focus-visible, .main2 a:focus-visible {
  color: #2f2f2f;
  background-color: #ffb433;
  text-decoration: underline;
  outline: none !important;
}

.hintergrau {
  padding: 10px 20px;
  border-radius: 10px;
  background: #f9f9f9;
  border: 0;
}

.img-layout-4, 
.img-layout-5,
.img-layout-7 {
  border-radius: 0%;
  border:none;
  padding:0;
}

.teaser header h2 a {
  text-decoration:none;
  color: #000;
}

.teaser header h2 a::before{
  content: "";
}

.teaser.xtend .gallery-item { margin-top: 0; }

.teaserorange .ce-textpic {
  background-color: #ffa500;
}

.teaserorange .gallery-item img {
  margin-top: 0px;
}

.teaserorange .ce-textpic .ce-bodytext {
  padding-left:15px;
  padding-right: 15px;
}

.inhalt .teaser h2 {
  margin-top:20px;
}

.teaserklein  {
  margin-bottom: 10px;
}

.teaserklein a::before,
.teaser a::before {
  content: "> ";
}

.teaserklein .image a::before,
.teaser .image a::before,
.text-rightfloat a::before {
  content: "";
}

.teaserklein .frame-layout-7 {
  padding:4px;
}

.teaserklein p {
  font-size:1.4rem!important;
  margin-bottom: 0px;
}

.teaserklein .gallery-item img {
  margin-right: 0!important;
  margin-bottom: 0!important;
}

.ce-textpic.ce-left.ce-intext .image {
  margin-right: 10px;
}

.teaser.xtend { }
.teaser.xtend a { display: flex; text-decoration: none; flex-direction: column; color: #000; padding: 1rem; margin: -1rem; }
.teaser.xtend a::before { content:''; }
.teaser.xtend a:hover h2 { text-decoration: underline; }
.teaser.xtend a:hover .ce-bodytext { text-decoration: none; color: #981e32; }

.teaser.xtend a .ce-bodytext p:last-child::after { color: #981e32; font-size: 1.2em; font-weight: bold; content: ' >'; display: inline-block; padding-left: 5px; padding-right: 5px; }
.teaser.xtend a:hover .ce-bodytext p:last-child::after { scale: 1.3; translate: 5px 0; }

.inhalt2 .row { margin-top: 0px; }
.inhalt2 .row ~ .row { margin-top: 20px; }
.teaser { margin-bottom: 20px; }
.teaser.teaserorange { margin-bottom: 40px; }
.teaser .ce-bodytext p a.teaserlink::before,
.news-list-item p a.teaserlink::before,
.news-list-view > a.teaserlink::before { content: none; }

.teaser .ce-bodytext p a.teaserlink::after,
.news-list-item p a.teaserlink::after,
.news-list-view > a.teaserlink .headline::after { color: #000; font-size: 1.2em; font-weight: bold; content: ' >';display: inline-block; padding-left: 5px; padding-right: 5px; }
.teaser .ce-bodytext p a.teaserlink:hover::after,
.news-list-item p a.teaserlink:hover::after { scale: 1.3; translate: 5px 0; }
.news-list-view > a.teaserlink:hover .headline::after { scale: 1.3; translate: 5px 0; }
.teaser .ce-bodytext p a.teaserlink,
.news-list-item p a.teaserlink,
.news-list-view > a.teaserlink { text-decoration: none; color: #000; }
.teaser .ce-bodytext p a.teaserlink:hover,
.news-list-item p a.teaserlink:hover,
.news-list-view > a.teaserlink:hover { text-decoration: none; color: #000; }
.news-list-view > a.teaserlink h2 { text-decoration: none; color: #000; }
.news-list-view > a.teaserlink:hover h2 { text-decoration: underline; color: #2f2f2f; }
.news .pager { padding: 0 !important; }
.news-list-view .teaserlink .header { background-color: transparent; }
.news-list-view .teaserlink .header h3 { margin-bottom: 1.2rem; }


.news-list-view .teaserlink.pluslink .headline::after { color: #000; font-size: 1.2em; font-weight: bold; content: ' >';display: inline-block; padding-left: 5px; padding-right: 5px; }
.news-list-view .teaserlink.pluslink h2 a { color: #000; text-decoration: none; padding: 1rem; margin: -1rem; display: block; }
.news-list-view .teaserlink.pluslink:hover h2 a { text-decoration: underline; background-color: transparent; }
.news-list-view .teaserlink.pluslink h2 a:focus-visible {  text-decoration: underline; background-color: transparent; }
.news-list-view .teaserlink.pluslink h3 a { color: #981e32; text-decoration: none; }
.news-list-view .teaserlink.pluslink:hover h3 a { text-decoration: underline; }
.news-list-view .teaserlink.pluslink:hover .headline::after { scale: 1.3; translate: 5px 0; }
.news-list-view .teaserlink.pluslink:hover .headline { text-decoration: underline; }
.news-list-view .teaserlink.pluslink:hover { cursor: pointer; }
.news-list-view .teaserlink.focused { outline: 2px solid #000; outline-offset: 1rem; }
.news-list-view .teaserlink.focused h2 a { outline: none !important; }
.news-list-view .teaserlink.focused h3 a { outline: none !important; }

.news-list-view .teaserlink2.pluslink .headline::after { color: #000; font-size: 1.2em; font-weight: bold; content: ' >';display: inline-block; padding-left: 5px; padding-right: 5px; }
.news-list-view .teaserlink2.pluslink h2 a { color: #000; text-decoration: none; padding: 1rem; margin: -1rem; display: block; }
.news-list-view .teaserlink2.pluslink:hover h2 a { text-decoration: underline; background-color: transparent; }
.news-list-view .teaserlink2.pluslink:hover .headline::after { scale: 1.3; translate: 5px 0; }
.news-list-view .teaserlink2.pluslink:hover .headline { text-decoration: underline; }
.news-list-view .teaserlink2.pluslink:hover { cursor: pointer; }
.news-list-view .teaserlink2.focused { outline: 2px solid #000; outline-offset: 1rem; }
.news-list-view .teaserlink2.focused h2 a { color: #000; outline: none !important; text-decoration: underline; background-color: transparent; }
.news-list-view .teaserlink2.focused .lead { text-decoration: underline; }

.teaser.xtend .ce-bodytext p::after { color: #000; font-size: 1.2em; font-weight: bold; content: ' >';display: inline-block; padding-left: 5px; padding-right: 5px; }
.teaser.xtend h2 a { color: #000; text-decoration: none; }
.teaser.xtend:hover h2 a { text-decoration: underline; background-color: transparent; }
.teaser.xtend:hover .ce-bodytext p::after { scale: 1.3; translate: 5px 0; }
.teaser.xtend:hover .ce-bodytext p { text-decoration: underline; }
.teaser.xtend:hover { cursor: pointer; }

.teaser.xtend.focused { outline: 2px solid #000; outline-offset: 1rem; }
.teaser.xtend.focused h2 a { outline: none !important; background-color: transparent; text-decoration: underline; }

.teaserlink2 { margin-bottom: 26px; padding-bottom: 10px; display: block; }
.teaserlink2 .news-list-item { margin-bottom: 0; }
.teaserlink2 .news-list-item h2 { color: #981e32 !important; }
.teaserlink2 .news-list-item a:hover h2 { text-decoration: underline; }
.teaserlink2 .news-list-item p:last-child::after { color: #000; font-size: 1.2em; font-weight: bold; content: ' >'; display: inline-block; padding-left: 5px; padding-right: 5px; }
.teaserlink2:hover .news-list-item p:last-child::after { scale: 1.3; translate: 5px 0; }
.teaserlink2:hover .lead { text-decoration: underline; }
.teaserlink2:hover .news-list-item h2 { text-decoration: underline; }

blockquote { background: #f9f9f9; border-left: 10px solid #ffec00; margin: 1.5em 10px!important; padding: .5em 10px!important; quotes: "\201C" "\201D"; }
blockquote p { color: #000!important; font-size: 1.8rem!important; font-style: italic!important; font-weight: 400!important; line-height: 2.4rem!important; display: inline; }
blockquote::after {
  color: #ccc;
  content: close-quote;
  font-size: 3.5em;
  line-height: .1em;
  margin-left: .25em;
  vertical-align: -.45em;
}

blockquote::before {
  color: #ccc;
  content: open-quote;
  font-size: 3.5em;
  line-height: .1em;
  margin-right: .25em;
  vertical-align: -.4em;
}

ul.breadcrumb {
  background-color: transparent;
  border-bottom: 1px solid #E1E2E2 !important;
  padding-bottom: 0px!important;
  padding-left:0!important;
}

ul.breadcrumb li {
  padding-bottom: 0px!important;
}

.breadcrumb > li + li::before {
  content: "\f105";
  padding: 0 10px;
  color: #ccc;
  font: normal normal normal 14px/1 FontAwesome;
}

.breadcrumb a { color: #616161 !important; font-weight: 300; line-height: 2.8rem !important; text-decoration: none !important; font-size: 1.4rem; display: inline-block; }

.breadcrumb a:hover {
  text-decoration: underline !important;
}

.breadcrumb a.goHome::after {
  content: url(../Images/home-grey.png);
  vertical-align: middle;
}
.footerbreadcrumb .breadcrumb a.goHome::after {
  content: url(../Images/home-grey.png);
  vertical-align: middle;
}

.tx-ww-bzga-quiz, .tx-ww-bzga-motivtest, .tx-ww-bzga-alktest { margin-bottom: 40px; }

.image-caption {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8rem;
  clear: left;
  margin-top:0.4rem;
  margin-bottom:1.4rem;
  font-style: italic;
}

.ce-center .gallery-row { justify-content: center; display: flex; }
.ce-right .gallery-item figcaption { margin-left: 10px!important; }

.nachoben { padding-right: 25px; padding-left: 15px; float: right !important; font-size: 1.4rem; height: 3rem; line-height: 3rem; text-align: center; text-decoration: none; background-color: #ffec00; border: 1px solid #ffec00; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; margin-right: 2px; }
.nachoben:hover { background-color: #ffb434; border: 1px solid #ffb434; }
.nachoben:has(a:focus-visible) { background-color: #ffb434; border: 1px solid #ffb434; }

.fussnachoben {
  background-color: #fff;
}

.fussnachoben .nachoben {
  margin-right: 30px;
}

.nachoben a { display: inline-block; line-height: 2rem; text-align: center; color: #000; text-decoration:none; font-weight: normal; }

.fussnachoben .logand{
}

.logand {
  display: inline-block;
  scale: 2;
  translate: 5px 5px;
}

.nachoben a:hover {
  color: #2f2f2f;
}

a.button-default, 
a.button-default:hover {
  font-weight: 700;
  color: #fff;
  background: #000;
  font-size: 1.5rem;
  padding: 0.6rem 1.5rem;
  border-radius: 1rem;
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border: 1px solid #000;
  box-shadow: none !important;
  outline: 0;
}

a.button-default:hover {
  text-decoration: none!important;
}




/******************************************
* Accordion
******************************************/
.accordion .accordion-header { font-size: 1.6rem !important; line-height: 2.4rem; font-weight: 400; margin-top: 2rem; margin-bottom: 2.4rem; }
.accordion .accordion-header .accordion-button { background-color: #ffec00; color: #000; font-weight: 400; text-align: left; width: 100%; outline: none; text-indent: -16px; -webkit-appearance: none; border: none; padding: 6px 12px 6px 32px; }
.accordion .accordion-header .accordion-button.collapsed::before { content: url(../Images/accordion-zu_3.png); display: inline-block; vertical-align: top; padding: 1px 4px 0px 8px; }
.accordion .accordion-header .accordion-button:not(.collapsed)::before { content: url(../Images/accordion-auf_3.png); display: inline-block; vertical-align: top; padding: 1px 4px 0px 8px; }


/******************************************
* Warenkorb
******************************************/
ol.progtrckr {
  padding-left: 0;
}

ol.progtrckr li {
  width: 32% !important;
}

ol.progtrckr li.progtrckr-current, 
ol.progtrckr li.progtrckr-done {
  border-bottom-color: #2f2f2f;
}

.btn-default, .btn-default:hover:not([disabled]) {
  font-weight: 700;
  color: #fff;
  background-color: #000;
  font-size: 1.5rem;
  padding: 0.6rem 1.5rem;
  border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border: 1px solid #000;
  box-shadow: none !important;
  outline: 0;
  text-decoration: none;
}


/******************************************
* BZgA Shop
******************************************/
.tx-bzga-shop hr {
  border-width: 3px;
  border-bottom: 1px solid #e1e2e2;
}

a.btn-default {
  text-decoration: none;
  padding: 0.6rem 1rem!important;
}

.tx-bzga-shop-article-buttons .small-margin-left {
  margin-left: 0px;
  margin-right:5px;
}

.tx-bzga-shop-article-body a {
  text-decoration:none;
}

.tx-bzga-shop .order_status_info {
  margin-bottom:1rem;
}

.tx-bzga-shop label, 
.tx-bzga-shop-article, 
.tx-bzga-shop-article-body {
  font-size: 1.6rem;
}

.tx-bzga-shop-article-body, 
.tx-bzga-shop-article-description {
  line-height: 1.5em;
}

.tx-bzga-shop-detail h1 {
  margin-bottom: 2.7rem;
} 

.tx-bzga-shop-article-order-info {
  font-size: 1.6rem;
  line-height: 3.4rem;
}

.tx-bzga-shop-article-functions-content a.btn-default {
  width: auto;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 1rem;
}

.tx-bzga-shop .max-width-120 {
  width: 60px;
}

.tx-bzga-shop .small-margin-left {
  margin-left: 5px;
}

.tx-bzga-shop .control-label {
  margin-bottom:10px;
}

.tx-bzga-shop-cart-container select {
  margin: 15px 0;
}

.tx-bzga-shop .highlight-container {
  background: #E1E2E2;
  border-radius: 10px;
  font-size: 1.6rem;
  margin-top: 1.6rem;
  padding: 12px;
  margin-bottom: 1.6rem;
  width: 100%;
}

.tx-bzga-shop hr.highlight-line {
  border-width: 1px 0 0;
  border-color: #f1f1f1;
}

.tx-bzga-shop .highlight-line {
  padding: 10px 14px;
}

ol.progtrckr li.progtrckr-done::before {
  background-color: #000;
}



/******************************************
* Volltextsuche
******************************************/

#tx-solr-search input.tx-solr-q {
  font-family: Roboto;
  color: #2f2f2f;
  font-size: 1.5rem;
  background-color: #e1e2e2;
  border: 1px solid #e1e2e2;
  border-radius: 0.5rem;
  outline: 0;
  line-height: 2.4rem;
  width:100%;
  height:3.4rem;
}

#tx-solr-search .btn-default { font-family: Roboto; font-weight: 700; color: #fff; font-size: 1.6rem; padding: 0.4rem 1.5rem; border-radius: 0.5rem; outline: 0; margin-left:10px; }
#tx-solr-search .btn-default:focus-visible { background-color: #eee; color: #000; }

.tx_solr .searchinfo {
    margin-top: 20px;
    margin-bottom: 10px;
}

#tx-solr-search .list-group-item {
  padding:0;
  border: none;
  border-bottom: 1px solid #cfcecf;
  margin-bottom: 20px;
}

#tx-solr-search h3 {
  margin-top:0;
  margin-bottom:0.8rem;
}

#tx-solr-search h3.results-topic a {
  font-weight: bold;
  font-size: 1.6rem;
}

.relevance {
  height: 2rem;
  font-size: 1.6rem;
  font-style: italic;
}

.relevance-bar {
  height: 2rem;
  padding-top: 3px;
  width: 100px;
  float: left;
  background-color: #e1e2e2;
}

.progress-bar {
  height:1.5rem;
  float: left;
  background-color: #f18f0b;
  margin-top: -3px;
}

.relevance-label, 
.relevance-bar,
.relevance-percent {
  float: left;
  margin-right: 3px;
}

.results-list {
  border-top: 1px solid #cfcecf;
  margin-top: 2rem;
  padding-top:2rem;
  clear: left;
}

#results-per-page {
  margin-right:2rem;
}

#results-per-page-sel {
  font-family: Roboto;
  color: #2f2f2f;
  font-size: 1.5rem;
  background-color: #e1e2e2;
  border: 1px solid #e1e2e2;
  border-radius: 0.5rem;
  outline: 0;
  line-height: 2.4rem;
  padding: 0.6rem 1.5rem;
  margin-left: 0.5rem;
}
#results-per-page-sel:focus
{
  outline: 2px solid #000;
  outline-offset: -2px;
}
#tx-solr-search #results-per-page .btn-default {
  margin-top: -0.1rem;
}

.solr-pagination .pagination {
  margin: 0 0;
}

.solr-pagination li a {
  background-color: #e1e2e2;
  border-color: #fff;
  color:#000;
  padding: 5px 12px;
}

.solr-pagination li.active a,
.solr-pagination li.active span {
  background-color: #000;
  border-color: #fff;
  padding: 5px 12px;
}
.solr-pagination li.active span:hover {
  background-color: #000;
  border-color: #fff;
}

.solr-pagination ul {
  padding-left: 0;
}

#results-per-page {
  margin-bottom: 10px;
}


/******************************************
* tabelle Was bedeutet das? 
******************************************/

td.ampel-body {
  text-align: left;
}

.ampel-body {
  width: 228px;
  height: 45px;
  background-color: #e1e2e2;
  font-weight: 400 !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  padding-left: 14px;
}

.ampel-body a {
  color:#000;
  text-decoration:none;
}

.ampel-body a:hover {
  text-decoration:underline;
}

td.label-warning {
  background-color: #ffa100 !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

td.label-info {
  background-color: #ffda45 !important;
}

td.label-error {
  background-color: #981e32 !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

td.label-success {
  background-color: #85b62c !important;
}

.ampel-title {
  width: 53px;
  height: 45px;
  text-align: center;
  border-bottom: 3px solid #fff;
  color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  
}

/******************************************
* Homepage Startseite
******************************************

*Slider********************/

.border {
  border:none!important;
  display: inline;
  position: absolute;
  right: 0;
  bottom: 50px;
  background-image: url(../Images/Orange-gefranzel.png);
  background-repeat: no-repeat;
  height:90px;
  width:388px;
}

.slick-header, 
.slick-text {
  display: inline;
  position: relative!important;
  text-align:right;
  color:#000;
}

.slick-header {
  top: 12px!important;
}

.slick-header h1 {
  font-family: Cutive;
  font-size: 1.9rem!important;
  font-weight: 300 !important;
  margin-top:0;
  padding-top:0;
  color:#000;
  margin-right: 10px;
}

.slick-header h1 a {
  color:#000;
}

.slick-text {
  font-family: "Roboto Condensed";
  font-size: 1.6rem;
  font-weight: 500;
}

.slick-text p {
  margin-right: 10px;
}

ul.slick-dots {
  width: auto;
  height: 30px;
  background-color: #fff;
  top: 0;
  right: 100px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
  list-style-type:none;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li.slick-active button::before {
  opacity: 1;
  color: #000;
}

.slick-dots li button::before {
  font-family: 'slick';
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  top: 5px;
  left: 0;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev, .slick-next {
  width: 4.4rem;
  height: 4.4rem;
}
.slick-prev::before, .slick-next::before {
  font-size: 4.4rem;
}
.slick-prev {
  left: 1.5rem !important;
  z-index: 100;
}

.slick-next {
  right: 1.5rem !important;
  z-index: 100;
}

.frame-type-slick.layout-8 > .slick-slider { min-height: 345px; }
.frame-type-slick.layout-8 > .slick-slider .slick-list { min-height: 345px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.frame-type-slick.layout-8 > .slick-slider .border { position: relative; top: 0 !important; left: 0; background: none; width: unset; height: unset; }
.frame-type-slick.layout-8 > .slick-slider .slick-header { display: none !important; }
.frame-type-slick.layout-8 > .slick-slider .slick-text { text-align: left; font-family: 'Roboto'; font-weight: normal; }
.frame-type-slick.layout-8 > .slick-slider .slick-prev { display: none !important; }
.frame-type-slick.layout-8 > .slick-slider .slick-next { top: 100%; right: 140px; background-color: #fff; width: 30px; height: 30px; }
.frame-type-slick.layout-8xxx > .slick-slider .slick-next::before { color: #990000; font-size: 26px; }
.frame-type-slick.layout-8 > .slick-slider .slick-next::before { font-size: 21px; background-color: #ffec00; border-radius: 50%; display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; font-weight: bold; content: '\f054'; color: #000; font-family: FontAwesome; }
.frame-type-slick.layout-8 > .slick-slider .slick-text { padding: 17px 0; display: block; }

.slickcontentelement .contentwrap { position: relative; margin-top: 0; background-color: transparent; height: auto !important; padding: 0 !important; }
.slickcontentelement .contentwrap * { color: #000; font-size: 1em; }
.slickcontentelement .slick-text p { font-size: 1.6rem; line-height: 2.4rem; }
.headerimage .contentwrap {
  border: none !important;
  display: inline;
  position: absolute;
  right: 0;
  bottom: 50px;
  background-image: url(../Images/Orange-gefranzel.png);
  background-repeat: no-repeat;
  height: 90px !important;
  width: 388px;
}
.headerimage .contentwrap { display: none; }
.headerimage .slick-header {
  font-family: Cutive;
  font-size: 1.9rem !important;
  font-weight: 300 !important;
  margin-top: 0;
  padding-top: 0;
  color: #000;
  margin-right: 10px;
  display: inherit;
}
.headerimage .slick-text {
  display: inherit;
  margin-right: 10px;
}

.frame-type-slick.layout-40 > .slick-slider { width: 100%; max-width: 80%; margin: 0 auto; }
.frame-type-slick.layout-40 > .slick-slider .slick-prev { left: -4.5rem !important; }
.frame-type-slick.layout-40 > .slick-slider .slick-next { right: -4.5rem !important; }
.frame-type-slick.layout-40 > .slick-slider .slick-prev::before { content: '\f060'; }
.frame-type-slick.layout-40 > .slick-slider .slick-prev:hover::before,
.frame-type-slick.layout-40 > .slick-slider .slick-prev:focus::before { color: #000000; }
.frame-type-slick.layout-40 > .slick-slider .slick-next::before { content: '\f061'; }
.frame-type-slick.layout-40 > .slick-slider .slick-next:hover::before,
.frame-type-slick.layout-40 > .slick-slider .slick-next:focus::before { color: #000000; }
.frame-type-slick.layout-40 > .slick-slider ul.slick-dots { position: relative; bottom: 0; top: unset; right: unset; }
.frame-type-slick.layout-40 > .slick-slider ul.slick-dots li { padding-bottom: 0; vertical-align: middle; }
.frame-type-slick.layout-40 > .slick-slider ul.slick-dots li button::before { top: 0; }
.frame-type-slick.layout-40 > .slick-slider ul.slick-dots li button.playbutton::before { content: '\f04b'; font-family: FontAwesome; font-size: 1.4rem; }
.frame-type-slick.layout-40 > .slick-slider ul.slick-dots li button.playbutton.pause::before { content: '\f04c'; }

.frame-type-slick.layout-40 > .slick-slider .slick-slide { padding: 0 10px; }
.frame-type-slick.layout-40 > .slick-slider .contentwrap .slick-header { display: none !important; }
.frame-type-slick.layout-40 > .slick-slider .contentwrap .slick-text { top: 0; text-align: left; font-family: 'Roboto'; font-weight: normal; }

.frame-type-slick.layout-40 .slick-dots li.slick-active button::before { color: #000000; }
.frame-type-slick.layout-40 .slick-prev::before,
.frame-type-slick.layout-40 .slick-next::before { font-family: FontAwesome; font-size: 2rem; color: #000 !important; border: 1px solid #666; border-radius: 50%; width: 4rem; align-items: center; justify-content: center; display: flex; height: 4rem; line-height: 4rem; }


/******************************************
* Alkohol-Selbsttest und Wissenstest
******************************************/

p.questnbr {
  font-size: 2rem!important;
  font-weight: 300!important;
  height: 2.8rem!important;
  line-height: 1.6rem!important;
}

p.questtitle {
  color: #2f2f2f!important;
  font-size: 2rem!important;
  line-height: 2.8rem!important;
  margin-top: 1.5rem!important;
  margin-bottom: 2.4rem!important;
  font-weight: 400 !important;
}

.auswertung p.questtitle {
  font-size: 1.6rem !important;
}

.tx-ww-bzga-alktest p.questnbr, .tx-ww-bzga-quiz p.questnbr { position: relative; font-weight: 700; font-size: 2.6rem; line-height: 1.6rem; padding-bottom:30px; border-bottom: 3px solid #e1e2e2; margin-top: 30px; }
.tx-ww-bzga-alktest p.questnbr3 { color: #2f2f2f!important; font-size: 2rem!important; font-weight: 700; }
.tx-ww-bzga-alktest hr.fat { border-width: 6px; }
.tx-ww-bzga-alktest ul, .tx-ww-bzga-quiz ul { margin-left:0; padding-left:0; width:100%; list-style: none; }
.tx-ww-bzga-alktest ul li, .tx-ww-bzga-quiz ul li { position: relative; }
.tx-ww-bzga-alktest .questnbr3 ~ .questtitle { font-size: 1.6rem!important; line-height: 2.4rem!important; }
.tx-ww-bzga-alktest ul.answers3 { display: inline-flex; }
.tx-ww-bzga-alktest ul.answers3 li { padding-left: 0px; padding-right: 35px; }
.tx-ww-bzga-alktest ul.answers3 li label { display: inline; }
.tx-ww-bzga-alktest .auswertungtext h2 { margin-top: 3.6rem; }
.tx-ww-bzga-alktest .auswertung h2 { margin-top: 3.6rem; }
.tx-ww-bzga-alktest input[type="radio"], .tx-ww-bzga-quiz input[type="radio"] { display: inline-block; opacity: 0; }
.tx-ww-bzga-alktest label, .tx-ww-bzga-quiz label { margin-left:0.8rem; margin-top:0.2rem; font-weight: normal; max-width: calc(100% - 40px); }
.tx-ww-bzga-alktest .questtitle, .tx-ww-bzga-quiz .questtitle { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 17px; font-weight:700; }
.tx-ww-bzga-alktest label:before, .tx-ww-bzga-quiz label:before { content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; position: absolute; left: 0px; top: 0.5rem; background-color: #e1e2e2; box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3),0 1px 0 0 rgba(255,255,255,.8); border-radius: 0.7rem; }
.tx-ww-bzga-alktest input[type="radio"]:checked + label::after, .tx-ww-bzga-quiz input[type="radio"]:checked + label::after { background-color: #000; border-radius: 0.4rem; content: ""; height: 1rem; left: 0.3rem; position: absolute; top: 0.8rem; width: 1rem; }
.tx-ww-bzga-alktest input.btn.btn-default, .tx-ww-bzga-quiz input.btn.btn-default { display: block; width:auto; }
.tx-ww-bzga-alktest a.btn.btn-default, .tx-ww-bzga-quiz a.btn.btn-default { font-weight: 700; color: #fff; background-color: #000; font-size: 1.5rem; padding: 0.6rem 1.5rem; border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border: 1px solid #000; outline: 0; }
.tx-ww-bzga-alktest input.btn.btn-default, .tx-ww-bzga-quiz input.btn.btn-default { font-weight: 700; color: #fff; background-color: #000; font-size: 1.5rem; padding: 0.6rem 1.5rem; border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border: 1px solid #000; outline: 0; }
.tx-ww-bzga-quiz .richtig h3 { color: #84b819; font-weight:700!important; }
.tx-ww-bzga-quiz .falsch h3 { color: #8A0020; font-weight:700!important; }
.tx-ww-bzga-quiz input.btn.btn-default:hover, .tx-ww-bzga-quiz input.btn.btn-default:focus, .tx-ww-bzga-alktest input.btn.btn-default:hover, .tx-ww-bzga-alktest input.btn.btn-default:focus { background-color: #f3f3f3; color: #000; }
.tx-felogin-login .btn-color:hover { background-color: #f3f3f3; color: #000; border: 1px solid #000; }
.tx-felogin-login .btn-color:focus { background-color: #f3f3f3; color: #000; }
.tx-ww-bzga-quiz td.res1, .tx-ww-bzga-quiz td.res2, .tx-ww-bzga-quiz td.res3 { padding-bottom: 0; }
.tx-ww-bzga-alktest .wert0 { color:#84b819 !important; }
.tx-ww-bzga-alktest .wert1 { color:#FFDA45 !important; }
.tx-ww-bzga-alktest .wert2 { color:#FFA100 !important; }
.tx-ww-bzga-alktest .wert3 { color:#981e32 !important; }
.tx-ww-bzga-alktest .wert4 { color:#981e32 !important; }
.tx-ww-bzga-alktest .werta1 { color:#84b819 !important; }
.tx-ww-bzga-alktest .werta2 { color:#FFDA45 !important; }
.tx-ww-bzga-alktest .werta3 { color:#FFA100 !important; }
.tx-ww-bzga-alktest .werta4 { color:#981e32 !important; }
.tx-ww-bzga-quiz .resulttable { min-width: 480px; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; }
.tx-ww-bzga-quiz table { border-spacing: 0px; margin-bottom:20px; }
.tx-ww-bzga-quiz .resulttable th { background-color: #e1e2e2!important; }

.resulttable th, td {
  text-align: center;
  border-bottom: 1px solid #f1f1f1 !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.resulttable th {
  padding-top: 5px;
  padding-bottom: 5px;
}

.tx-ww-bzga-quiz table td {
  vertical-align: bottom;
}

.tx-ww-bzga-quiz .balkenrot,
.tx-ww-bzga-quiz .balkenorange,
.tx-ww-bzga-quiz .balkengruen {
  display: inline-table;
  width: 40px;
}

.tx-ww-bzga-quiz .balkenrot {
  background:#981E32;
}

.tx-ww-bzga-quiz .balkenorange {
  background:#ffa100;
}

.tx-ww-bzga-quiz .balkengruen {
  background:#84b819;
}

/******************************************
* Promillerechner
******************************************/

#trinkallmengen td {
  text-align:left;
}

#trinkallmengen a.prom1:active, 
#trinkallmengen a.prom1:link, 
#trinkallmengen a.prom1:visited {
  padding-left: 0px !important;
}

.promille_aus_bar {
  text-align: left;
}

#trinkallmengen .resulttable th, td {
  border:none;
}

.tx-ww-promillerechner .promille_aus_table .promille_aus_bar .bar {
  background-color: #aaabae !important;
}

.tx-ww-promillerechner label.confirm { color: #000 !important; }
.tx-ww-promillerechner .btn-primary { background-color: #000; border-radius: 0.5rem; color: #fff; text-decoration: none; font-weight: bold; border-color: #000; }
.tx-ww-promillerechner .btn-primary:focus, .tx-ww-promillerechner .btn-primary:hover { background-color: #f3f3f3; text-decoration: none; color: #000; }

.tx-ww-magento .btn-default { background-color: #000; border-radius: 0.5rem; color: #fff; text-decoration: none; font-weight: bold; border-color: #000; }
.tx-ww-magento .btn-default:focus, .tx-ww-magento .btn-default:hover { background-color: #f3f3f3; text-decoration: none; color: #000; }

.alert-danger { background-color: #e0bbc1; border-color: #e0bbc1; color: #2f2f2f; }
.alert-danger p { margin-bottom:0; }

/******************************************
* Motivationstest
******************************************/

.tx-ww-bzga-motivtest ul.prz { margin-left:0; padding-left:0; width:100%; float:left; list-style: none; }
.tx-ww-bzga-motivtest ul li { display:inline; float:left; width: 9%; text-align: center; position: relative; }
.tx-ww-bzga-motivtest label { font-size: 11px; }
.tx-ww-bzga-motivtest input[type="radio"] { display: inline-block; opacity: 0; }
.tx-ww-bzga-motivtest label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 27px; bottom: 0; background-color: #e1e2e2; box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3),0 1px 0 0 rgba(255,255,255,.8); border-radius: 8px; }
.tx-ww-bzga-motivtest input[type="radio"]:checked + label::after { background-color: #000; border-radius: 5px; content: ""; height: 10px; left: 30px; position: absolute; top: 2.75rem; width: 10px; }
.tx-ww-bzga-motivtest span.min, .tx-ww-bzga-motivtest span.max { font-size: 11px; }
.tx-ww-bzga-motivtest span.max { float:right; }
.tx-ww-bzga-motivtest hr { border-bottom: 3px solid #e1e2e2; margin: 17px 0; }
.tx-ww-bzga-motivtest h2 { color: #2f2f2f; font-size: 2rem; font-weight: 500; line-height: 2.8rem; margin-top: 3.6rem; margin-bottom: 2.4rem; }
.tx-ww-bzga-motivtest input.btn.btn-default, .tx-ww-bzga-alktest input.btn.btn-default { display: block; width:auto; }
.tx-ww-bzga-motivtest input.btn.btn-default { font-weight: 700; color: #fff; background-color: #000; font-size: 1.5rem; padding: 0.6rem 1.5rem; border-radius: 0.5rem; border: 1px solid #000; outline: 0; }
.tx-ww-bzga-motivtest input.btn.btn-default:hover, .tx-ww-bzga-motivtest input.btn.btn-default:focus { background-color: #f3f3f3; border-color: #000; color: #000; }

/******************************************
News Aktuelles
******************************************/

.news-list-item time {
  display: inline;
  float: left;
  font-size: 1.6rem;
  padding-top: 1px;
}

.news-single time {
  font-size: 1.6rem;
}

.news-single {
  margin-top:32px;
}

.news-single h1 {
  margin-top:0;
}


.news-list-view h2 { width:100%; border-bottom: 1px solid #E1E2E2; }
.news-list-view.row .header { padding-top: 0; margin-top: 10px; }
.news-list-view.row h2 { border-bottom: none; }
.news-list-view.row .teaser-text { }

.news-list-view h2.title {
  border-bottom: none;
}

.news-list-view h2 a {
  text-decoration:none;
}

.news-list-item {
  margin-bottom: 36px;
}
.news-list-view a.more {
  font-size: 1.6rem;
}
.news-list-view  a.more::before {
  content: "> ";
}
.news-list-view .lead { font-weight: 400; color: #000; }

.news-list-view p.headline { margin-top: 17px; margin-bottom: 0.5em; }
.news-list-view p.headline span.title { display: inline-block; margin-bottom: 0.5em; }

.news-single .thumbnail {
  background-color: transparent;
  border:none;
  border-radius: 0;
}

.news-single .caption {
  text-align: center;
  font-style: italic;
}

.news .pagination li a {
  background-color: #eee;
  border-color: #ddd;
  color:#000;
}

.news .pagination li.active span {
  background-color: #000;
  border-color: #ddd;
}

.news ul.pagination {
  padding-left: 0;
}

/******************************************
powermail kontakt/Barriere melden/gewinnspiel
******************************************/
.powermail_form_1 { background-color: #ffec00; padding: 2rem; border-radius: 1rem; }
.powermail_form_2 { background-color: #ffec00; padding: 2rem; border-radius: 1rem; }

.tx-powermail.kontakt legend.control-label,
.tx-powermail.barriere legend.control-label,
.tx-powermail.gewinnspiel legend.control-label {
  border:none;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0;
}
.tx-powermail.gewinnspiel .checkbox label { line-height: 1.2; font-size: 1.5rem; }
.tx-powermail.gewinnspiel .powermail_checkbox { margin-top: 0.25rem !important; }

@media (min-width: 992px) {
  .tx-powermail .col-md-12 { width: calc(100% + 30px); }
}

.tx-powermail .radio input[type="radio"] { margin-top: 0; }
@media (min-width: 768px) {
  .tx-powermail .form-horizontal .control-label {
  	margin-bottom: 5px;
  }
}


.tx-powermail.kontakt .control-label,
.tx-powermail.barriere .control-label,
.tx-powermail.gewinnspiel .control-label {
  padding-top: 5px;
}

.tx-powermail.kontakt .container-fluid,
.tx-powermail.barriere .container-fluid,
.tx-powermail.gewinnspiel .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

.tx-powermail.kontakt .form-horizontal .control-label,
.tx-powermail.barriere .form-horizontal .control-label,
.tx-powermail.gewinnspiel .form-horizontal .control-label {
  text-align: left;
}

.tx-powermail.kontakt input[type="text"],
.tx-powermail.kontakt input[type="email"],
.tx-powermail.kontakt input[type="checkbox"],
.tx-powermail.barriere input[type="text"],
.tx-powermail.barriere input[type="email"],
.tx-powermail.barriere input[type="checkbox"],
.tx-powermail.barriere input[type="number"],
.tx-powermail.barriere textarea,
.tx-powermail.gewinnspiel input[type="text"],
.tx-powermail.gewinnspiel input[type="email"],
.tx-powermail.gewinnspiel input[type="checkbox"] {
  font-family: Roboto;
  color: #2f2f2f;
  font-size: 1.6rem;
  padding-left: 10px;
  border-radius: 5px;
}

.tx-powermail.kontakt input[type="submit"],
.tx-powermail.barriere input[type="submit"],
.tx-powermail.gewinnspiel input[type="submit"]{
  font-family: Roboto;
  font-weight: 700;
  color: #fff;
  background: #000;
  font-size: 1.6rem;
  padding: 0.4rem 1.5rem;
  border: 1px solid #000;
}

.tx-powermail input[type="submit"]:hover { background-color: #f1f1f1; color: #000; border: 1px solid #000; }
.tx-powermail input[type="submit"]:focus-visible { background-color: #f1f1f1; color: #000; }

.tx-powermail .col-sm-offset-2 {
  margin-left: 0;
}


.powermail_confirmation td {
  text-align: left;
}

.powermail_confirmation input.btn.btn-primary { margin-left:10px; }

.tx-powermail.barriere .col-sm-offset-2 {
  margin-left: 0;
}

.tx-powermail.barriere #powermail_field_postleitzahl {
  width:7em;
}

.tx-powermail.barriere input[type="checkbox"],
.tx-powermail.barriere radio input[type="radio"],
.tx-powermail.gewinnspiel input[type="checkbox"],
.tx-powermail.gewinnspiel radio input[type="radio"] {
  margin-top: 0;
}

.powermail_fieldwrap_zurdatenschutzerklaerung,
.powermail_fieldwrap_zudenteilnahmebedingungen {
  margin-top: -1rem;
}

.powermail_fieldwrap_type_submit.layout1 { width: fit-content; float: left; }
.powermail_fieldwrap_type_reset.layout1 { width: fit-content; float: left; }

.row:has(> .powermail_fieldwrap_type_submit.layout1) { width: fit-content; float: left; margin-right: 0; }
.row:has(> .powermail_fieldwrap_type_reset.layout1) { width: fit-content; float: left; }


/*rot grüne Tabelle */

.jsgtab1 {
  margin-bottom:20px;
}

.jsgtab1 td {
  border-bottom: 1px solid #f1f1f1;
  font-size: 0.9em;
}

.jsgtab1 td.jsgtab1-td2 {
  padding:8px;
}

.jsgtab2 th {
  padding:8px;
  vertical-align:middle!important;
}

.jsgtab2 td strong, 
.jsgtab2-td-hgrau1, 
.jsgtab2-td-hgrau2,
th.jsgtab2 th strong,
th.jsgtab2-td-dgrau1,
th.jsgtab2-th-hgrau2 {
  padding: 5px !important;
  vertical-align: top;
}

.jsgtab2-td-dgrau1,
.jsgtab2-td-dgrau2 {
  background-color: #e1e2e2;
}

.jsgtab2-td-gruen {
  background: #84B817;
  white-space: nowrap;
  text-align:center;
}

.jsgtab2-td-rot,
.jsgtab2-td-rotbild {
  background: #971B32;
}

.jsgtab2 th,
.jsgtab2 td {
  border: 4px solid #fff;
  text-align: left;
  line-height: 1.5em;
  padding:5px;
}


/************NEWS**********/

.news .header {
  height: auto;
}


/************Themen tagcloud**********/

/* default styles for extension "tx_vgetagcloud_pi1" */
.tx-vgetagcloud-pi1 {
  
  line-height: 200%;
}
.tx-vgetagcloud-pi1 ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
}

.tx-vgetagcloud-pi1 li {
  display: inline;
  float: left;
  padding-bottom: 0px!important;
}

.tx-vgetagcloud-pi1 li a {
  padding: 4px;
  text-decoration: none;
}

.tx-vgetagcloud-pi1 li {
  padding: 0 8px;
  background: #e1e2e2;
  margin: 0 8px 8px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
}

/******************************************
*subnav-rechts
******************************************/
.row.main .sidebar {
  margin-top: 30px;
}

#sidebar-nav {
  margin-bottom: 24px;
  clear: both;
}

#sidebar-nav li {
  margin-bottom: 2px;
  margin-left: 0;
}

#sidebar-nav .list-group-item {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border:none;
  padding: 0;
  background-color: transparent;
}

#sidebar-nav .list-group {
  margin-bottom: 0px;
}

#sidebar-nav li a {
  background-color: #ffec00;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  padding-top: 9px;
  padding-bottom:8px;
  display: block;
  text-decoration: none;
}

#sidebar-nav li a:hover, #sidebar-nav li a:focus-visible { background-color: #ffb433 !important; }
#sidebar-nav li a:hover:before, #sidebar-nav li a:focus-visible:before { content: "\00bb"; margin-right: 6px; }
#sidebar-nav li.active a::before { content: "\00bb"; margin-right: 6px; }
#sidebar-nav li.active a { background-color: #f3f3f3; }

/* 2. Ebene */
#sidebar-nav li li a {
  background-color: #f3f3f3;
  margin-left: 15px;
  font-family: Roboto;
  color: #000;
  font-size: 1.3rem;
  text-decoration: none;
  padding-left: 15px;
}

#sidebar-nav li.active li a::before {
  content: "";
  margin-right: 0px;
}

#sidebar-nav li li.active a::before {
  content: "\00bb";
  margin-right: 6px;
}
#sidebar-nav li li a:hover:before, #sidebar-nav li li a:focus-visible:before { content: "\00bb"; margin-right: 6px; }


#sidebar-nav li li.active a {
  font-weight: 700;
}

/* 3. Ebene */

#sidebar-nav li li li:last-of-type a {
  border-bottom: none;
}

#sidebar-nav li li.active li a::before {
  content: "";
  margin-right: 0px;
}

#sidebar-nav li li li.active a::before {
  content: "\00bb";
  margin-right: 6px;
}

#sidebar-nav li li li.active a {
  color: #000;
  font-weight: 700!important;
}

#sidebar-nav li li li a {
  background-color: #fff;
  margin-left: 15px;
  font-weight: 300!important;
  font-family: Roboto;
  color: #000;
  font-size: 1.3rem;
  text-decoration: none;
  padding-left: 30px;
  border-bottom: 1px solid #d1d2d4;
}

.sidebar .teaser_xxx {
  background-image: url(../Images/divider-small.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 20px;
}

/*.sidebar .teaser:last-child {
background-image: none;
}
*/

.sidebar h2 {
  color: #2f2f2f;
  font-size: 2rem!important;
  line-height: 2.8rem;
  margin-top: 1.5rem;
  margin-bottom: 1.2rem;
  font-weight: 400 !important;
}

.sidebar h3 {
  font-size: 1.8rem !important;
  font-weight: 300 !important;
  margin-top: 2rem;
  line-height: 2.6rem;
  margin-bottom: 2.2rem;
}

.sidebar .frame-type-header ~ .frame-type-news_newsliststicky { margin-top: -3rem !important; }

h5 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}


/******************************************
*social media - rechte über subnavi
******************************************/
.socialmedia-list-wrapper {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2.4rem;
  line-height: 4.2rem;
  text-align: right;
  margin-top: 4px;
  margin-bottom: 26px;
  width: 48%;
  float: right;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.socialmedia-list-wrapper a {
  text-decoration:none;
}
.socialmedia-list-wrapper a:hover {
  text-decoration:none;
}
.fa-facebook::before { content: "\f09a"; }
.fa-facebook:hover { background-color: transparent !important; }
.fa-facebook:hover::before { color: #ffb433; }
.fa-facebook:focus-visible { background-color: transparent !important; text-decoration: none !important; }
.fa-facebook:focus-visible::before { color: #ffb433; }

.fa-twitter::before { content: "\f099"; }
.fa-twitter:hover { background-color: transparent !important; }
.fa-twitter:hover::before { color: #ffb433; }
.fa-twitter:focus-visible { background-color: transparent !important; text-decoration: none !important; }
.fa-twitter:focus-visible::before { color: #ffb433; }

.fa-rss::before { content: "\f09e"; }
.fa-rss:hover { background-color: transparent !important; }
.fa-rss:hover::before { color: #ffb433; }
.fa-rss:focus-visible { background-color: transparent !important; text-decoration: none !important; }
.fa-rss:focus-visible::before { color: #ffb433; }

.fa-instagram::before { content: "\f16d"; }
.fa-instagram:hover { background-color: transparent !important; }
.fa-instagram:hover::before { color: #ffb433; }
.fa-instagram:focus-visible { background-color: transparent !important; text-decoration: none !important; }
.fa-instagram:focus-visible::before { color: #ffb433; }

.fa-youtube::before { content: "\f167"; }
.fa-youtube:hover { background-color: transparent !important; }
.fa-youtube:hover::before { color: #ffb433; }
.fa-youtube:focus-visible { background-color: transparent !important; text-decoration: none !important; }
.fa-youtube:focus-visible::before { color: #ffb433; }

.fa-tiktok::before { content: "\e07b"; }
.fa-tiktok:hover { background-color: transparent !important; }
.fa-tiktok:hover::before { color: #ffb433; }
.fa-tiktok:focus-visible { background-color: transparent !important; text-decoration: none !important; }
.fa-tiktok:focus-visible::before { color: #ffb433; }


/******************************************
*footer
******************************************/

footer .container{
  padding-left: 45px;
  padding-right: 45px;
}


footer .container .row {
  border: none;
  margin-top: 0px;
  padding-top:0px;
}

.footernavi {
  padding-top:20px;
  padding-bottom: 80px;
}

.footerbreadcrumb,
.footernavi {
  background-color: #e1e2e2;
  border-bottom: 1px solid #fff;
}

.footerbreadcrumb .breadcrumb a {
  color: #000;
}

.footerbreadcrumb .breadcrumb > li + li::before {
  color: #000;
}


.footerbreadcrumb ul.breadcrumb {
  margin-bottom: 10px;
}

.footernavi -container {
  margin-left: 30px;
  margin-right:30px;
}

.footernavi ul {
  margin-left: 0;
  padding-left: 0;
}

.footernavi ul li {
  width:calc(25% - 0.2rem);
  float:left;
  margin-left:0;
  margin-right:0.2rem;
  list-style-type: none;
  line-height: 2.8rem;
}

.footernavi ul li a {
  color: #2f2f2f;
  font-weight: 700;
  font-size: 2.2rem;
  hyphens: auto;
  hyphens: auto;
  -moz-border-hyphens: auto;
  -webkit-hyphens: auto;
  word-wrap: anywhere;  
}

.footernavi ul li li {
  width:auto;
  float:none;
  line-height: 2.2rem;
  list-style-type: disc !important;
  margin-left: 1.2rem;
  margin-bottom: 0.25rem;
  color: #000;
}

.footernavi ul li li a {
  color: #000;
  font-size: 1.6rem;
  text-decoration:underline;
  font-weight:normal;
  padding-bottom: 0.25rem;
  display: block;
}

.footernavi ul li li a:hover { color: #2f2f2f; }

.footerunten {
  background-color: #FFA400;
  height:160px;
}

.footerunten .container {
  position:relative;
}

.footerinhalt {
  position:absolute;
  background: url(../Images/BZGA-footer2.png) 40px 0  no-repeat;
  height: 240px;
  left: 0;
  top: -80px;
  width: 100%;
  padding-left: 40px;
}

.footertext {
  margin-top: 120px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-left: 55px;
  padding-right: 255px;
}

.footerinhalt .fussnavi ul {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  margin-left:15px;
}

.footerinhalt .fussnavi ul li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  margin: 5px 5px 0 0;
  color: #fff;
  font-size: 1.4rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  text-decoration: none;
  background-color: #8A1C2F;
  border: 1px solid #8A1C2F;
}

.footerinhalt .fussnavi a {
  display: inline;
  color: #fff;
}

#footerLogo {
  position:absolute;
  right:0;
  bottom: 0;
  margin-right:45px;
  padding:5px;
  background-color: #fff;
}
#footerLogo a {
  display: block;
  width: 100%;
  height; auto; 
}
#footerLogo img {
  width: 200px;
  height: auto;
}

.footerinhalt .barriere ul {
  margin-top: 10px;
  margin-bottom: 0;
  margin-left:15px;
}

.footerinhalt .barriere ul li {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 10px;
  -moz-border-radius: 10px 10px;
  -webkit-border-radius: 10px 10px;
  margin: 5px 5px 0 0;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
  background-color: #8A1C2F;
  border: 1px solid #8A1C2F;
}

.footerinhalt .barriere a {
  display: inline;
  color: #fff;
}

/*****************************************/

.footerunten2 {
  background-color: #ffec00;
}

.footerunten2 .container {
  position: relative;
}

.footerunten2 .footersign2 {
  position: absolute;
  margin-top: -43px;
  overflow: hidden;
  margin-left: 0;
  height: 70px;
  width: calc(100% - 90px);
}
.footerunten2 .footersign2 img {
	margin-top: -40px;
	max-width: unset;
	/*width: 100% !important;*/
	height: auto;
}
.footerunten2 .footerinhalt2 {
	margin-top: 45px; 
	padding-left: 53px;
	display: flex;  
	justify-content: space-between;
	position: relative;
}
.footerunten2 .right2 {
  position: relative;
  min-width: 200px;
}
.footerunten2 #footerLogo2 {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px;
	background-color: transparent;
}
.footerunten2 #footerLogo2 a {
  display: inline-block; 
}
.footerunten2 #footerLogo2 img {
	width: 100% !important;
	height: auto;
}
.footerunten2 #footerLogo2b {
  position: absolute;
  bottom: 75px;
  margin-bottom: 5px;
  background-color: transparent;
  width: 200px;
}
.footerunten2 #footerLogo2b img {
  width: 115px;
	height: auto;
  background-color: transparent;
  padding: 5px;
}


.footerunten2 .footertext2 {
	font-size: 1.6rem;
	line-height: 2.4rem;
	min-height: 10rem;
}
.footerunten2 .fussnavi2 ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.footerunten2 .fussnavi2 ul li {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 1rem 1rem 0 0;
  -moz-border-radius: 1rem 1rem 0 0;
  -webkit-border-radius: 1rem 1rem 0 0;
  margin: 0.5rem 0.5rem 0 0;
  color: #000;
  font-size: 1.4rem;
  height: 2rem;
  line-height: 1.4rem;
  text-align: center;
  text-decoration: none;
}
.footerunten2 .fussnavi2 ul li:last-child { margin-right: 0; }

.footerunten2 .fussnavi2 a {
  display: inline-block;
  color: #000;
}
.footerunten2 .fussnavi2 a:hover, .footerunten2 .fussnavi2 a:active { color: #fff; }

.footerinhalt2 {
  color: #232323;
}

.footerinhalt2 .barriere ul {
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
}

.footerinhalt2 .barriere ul li {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 10px;
  -moz-border-radius: 10px 10px;
  -webkit-border-radius: 10px 10px;
  margin: 5px 5px 0 0;
  color: #000;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
}

.footerinhalt2 .barriere a {
  display: inline;
  color: #000;
}

.footerunten2 .footerinhalt3 { margin-top: 45px; padding-left: 0; position: relative; }
.footerunten2 .leftright3 { display: flex; width: 100%; justify-content: space-between; flex-direction: column; }
.footerunten2 .left3 { order: 2; }
.footerunten2 .right3 { order: 1; display: flex; flex-direction: column; }
.footerunten2 .footertext3 { font-size: 1.6rem; line-height: 1.6; padding: 1rem 0; } 
.footerunten2 #footerLogo3 img { width: 263px; height: auto; }
.footerunten2 #footerLogo3b { text-align: center; display: none; padding-bottom: 1rem; }
.footerunten2 #footerLogo3b img { width: 120px; height: auto; }
.footerunten2 #footerLogo3c { display: block; padding-bottom: 1rem; }
.footerunten2 #footerLogo3c img { width: 120px; height: auto; }

.footerinhalt3 .barriere ul {
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
}

.footerinhalt3 .barriere ul li {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 10px;
  -moz-border-radius: 10px 10px;
  -webkit-border-radius: 10px 10px;
  margin: 5px 5px 0 0;
  color: #000;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
}

.footerinhalt3 .barriere a {
  display: inline;
  color: #000;
}

.metanav.v1 { max-width: unset; float: none; }
.metanav.v1 ul { max-width: unset; float: none; padding-right: 50px; }

.frame-type-textmedia.frame-layout-5 .gallery-item { width: 100%; }
.frame-type-textmedia.frame-layout-5 .ce-left .gallery-row { float: none; }

@media screen and (min-width: 480px) {
	.footerunten2 .footerinhalt3 { padding-left: 53px; }
}

@media screen and (min-width: 768px) {
	.footerunten2 .leftright3 { flex-direction: row; }
	.footerunten2 .left3 { order: 1; }
	.footerunten2 .right3 { order: 2; padding-right: 20px; }
	.footerunten2 #footerLogo3b { display: block; }
	.footerunten2 #footerLogo3c { display: none; }
}

@media screen and (min-width: 992px) {
	.footerunten2 .right3 { flex-direction: row; padding-right: 0; }
	.footerunten2 #footerLogo3b { padding-top: 1rem; padding-bottom: 0; padding-left: 1rem; }
}

footer .footerinhalt4 { display: flex; justify-content: space-between; flex-direction: column; gap: 1rem; }
footer .footerinhalt4 p { line-height: 1.41; }
footer .footerinhalt4 .right4 { display: flex; gap: 1rem; margin-bottom: 2rem; }
footer .footerinhalt4 .kdl_logo_negativ { margin: 20px 0; }
footer .fussnavi4 ul { list-style-type: none; padding-left: 0; display: block; }
footer .fussnavi4 ul li { display: inline-block; float: left; padding-right: 2rem; padding-bottom: 1.5rem; font-size: 1.6rem; }
footer .fussnavi4 ul li a { color: #000; text-decoration: underline; font-weight: bold; }


@media screen and (min-width: 680px) {
	footer .footerinhalt4 { flex-direction: row; gap: 3rem; }
	footer .footerinhalt4 .right4 { flex-direction: column; padding-top: 20px; margin-bottom: 0; }
	footer .footerinhalt4 .right4 img { max-width: unset; }
}
/******************************************
*Schrift vergroessern
******************************************/
body.fontsize_1,
body.fontsize_1 .main p,
body.fontsize_1 .main2 p {
  font-size: 1.8rem!important;
  line-height: 2.8rem!important;
}

body.fontsize_2,
body.fontsize_2 .main p, 
body.fontsize_2 .main2 p {
  font-size: 2rem!important;
  line-height: 3rem!important;
}

body.fontsize_1 .breadcrumb a,
body.fontsize_1 #sidebar-nav li a {
  font-size: 1.6rem!important;
}

body.fontsize_2 .breadcrumb a,
body.fontsize_2 #sidebar-nav li a {
  font-size: 1.7rem!important;
}


body.fontsize_1 .footernavi ul li li a,
body.fontsize_2 .footernavi ul li li a {
  font-size: 1.8rem!important;
}

body.fontsize_1 .teaser > .slick-slider .slick-next {
  top: 345px!important;
}

body.fontsize_2 .teaser > .slick-slider .slick-next {
  top: 415px!important;
}

/*******************************************/

.tx-odsosm-pi1 #map { height: 500px; }
#b_mobile-navigation_wrap { display: none; }
#b_mobile-navigation_wrap ul li a { padding-top: 5px; padding-bottom: 5px; }

#sr_hauptnavigation, #sr_servicenavigation, #sr_navigation, #sr_suche, #sr_main, #sr_footer { width: 0; }
header.top ol.skip { margin: 0; }
header.top ol.skip li { list-style: outside none none; }
header.top ol.skip a { position: absolute; height: 0; width: 0; left: -10000px; top: auto; overflow: hidden; background-color: #fff; }
header.top ol.skip a:focus, header ol.skip a:active { font-size: 1.2em; color: #fff; height: auto; width: auto; padding: 0.2em; top: 5px; left: 10px; background-color: #000; border: 1px ridge; border-color: #333333; z-index: 10; text-decoration: none; }

.warenkorb_link_wrapper { margin-bottom: 20px !important; text-align: right; }

video { width: 100%; height: auto; }
h1.able-offscreen { color: #fff; }

.tx-felogin-pi1 .sign-form h3.first-child { margin-top: -20px; }
.tx-felogin-login .btn-color { background-color: #000; color: #fff; }

.textmedia, .textpic { gap: 0; }

.news .page-navigation p { float: none!important; }
.news .page-navigation ul { float: none!important; }
.news .page-navigation ul li { padding: 0; }

.card h2.mb-0 { font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; margin-bottom: 2.4rem; margin-top: 2rem; }

.frame-type-textmedia.frame-layout-4 .gallery-row { display: flex; }
.frame-type-textmedia.frame-layout-4 .gallery-row .gallery-item-size-2 { width: 50%; }

.frame.layout-20 blockquote { background: inherit; border-left: inherit; margin: inherit; padding: inherit; quotes: none; }
.frame.layout-20xxx blockquote p { color: inherit!important; font-size: inherit!important; font-style: inherit!important; font-weight: inherit!important; line-height: inherit!important; display: inherit; }
.frame.layout-20 blockquote p { font-size: 2rem !important; line-height: 1.41 !important; margin-bottom: 0.5rem; text-align: center; font-weight: bold !important; font-style: inherit!important; display: inherit; }
.frame.layout-20 blockquote::after { content: none; }
.frame.layout-20 blockquote::before { content: none; }

.frame.layout-20 .frame-container { display: flex; justify-content: center; }
.frame.layout-20 .frame-inner { max-width: 80%; display: inline-flex; padding-top: 2rem; color: #000; font-weight: bold; flex-direction: column; }
.frame.layout-20 .frame-inner::before { content: url("../Images/quota1.svg"); align-self: center; padding-bottom: calc(2rem + 10px); scale: 2; }
.frame.layout-20 .frame-inner a { color: #000; }
.frame.layout-20 .frame-inner p { font-size: 2rem; line-height: 1.41; margin-bottom: 0.5rem; text-align: center; }
.frame.layout-20 .frame-inner p:first-of-type::before { content: "\201E "; }
.frame.layout-20 .frame-inner p:last-of-type::after { content: "\201C"; }

.frame.layout-20 .frame-inner:has(> .zitatimage)::before { content: none; }
.frame.layout-20 .frame-inner .zitatimage { padding-bottom: calc(2rem + 10px); }
.frame.layout-20 .frame-inner .zitatimage img { margin: 0 auto; max-width: 250px; }
.frame.layout-20 .frame-inner:has(.gallery-row)::before { content: none; }
.frame.layout-20 .frame-inner .gallery-row { padding-bottom: 2rem; }


@media screen and (max-width: 480px) {
  .frame.layout-20 .frame-inner { max-width: 100%;  }
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp img {
  max-width: none;
}

.pswp--animate_opacity {
  opacity: .001;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* stylelint-disable */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
  /* stylelint-enable */
}

.pswp--zoomed-in .pswp__img {
  /* stylelint-disable */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  /* stylelint-enable */
}

.pswp--dragging .pswp__img {
  /* stylelint-disable */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
  /* stylelint-enable */
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
  background: #222222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-top: -8px;
  color: #cccccc;
}

.pswp__error-msg a {
  color: #cccccc;
  text-decoration: underline;
}

.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: .75;
  transition: opacity .2s;
  box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: .9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url("../../Public/Images/PhotoSwipe/default-skin.png") 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url("../../Public/Images/PhotoSwipe/default-skin.svg");
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity .25s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #ffffff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform .25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000000;
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000000;
}

.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #ffffff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #ffffff;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #ffffff;
}

a.pswp__share--pinterest:hover {
  background: #cccccc;
  color: #ce272d;
}

a.pswp__share--download:hover {
  background: #dddddd;
}

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 4.4rem;
  font-size: 1.3rem;
  line-height: 4.4rem;
  color: #ffffff;
  opacity: .75;
  padding: 0 10px;
}

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 4.4rem;
}

.pswp__caption small {
  font-size: 1.1rem;
  color: #bbbbbb;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 1.3rem;
  padding: 10px;
  line-height: 2rem;
  color: #cccccc;
}

.pswp__caption--empty {
  display: none;
}

.pswp__caption--fake {
  visibility: hidden;
}

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity .25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  background: url("../../Public/Images/PhotoSwipe/preloader.gif") 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: .75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}

.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  opacity: .001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/* ---------- Gallery ---------------------- */
.gallery-item {
	margin-top:3px;
	margin-bottom: 10px;
	max-width: 100%;
	height: auto;
}

.gallery-item figure a {
	display: block;
	width: 100%;
	height: auto;
}
.inhalt .teaser .gallery-item img,
.inhalt2.teaser .gallery-item img {
  width: 100%;
  height: auto;
}
.gallery-item img.img_width100 {
  width: 100%;
  height: auto;
}

.ce-left.ce-intext .gallery-row {
	margin-right: 10px;
}

.ce-left .gallery-row {
  float: left;
}

.ce-textpic .gallery-row .gallery-item.gallery-item-size-2 {
  max-width: calc(50% - 10px);
}
.ce-textpic .gallery-row .gallery-item.gallery-item-size-3 {
  max-width: calc(33% - 10px);
}
.ce-textpic .gallery-row .gallery-item.gallery-item-size-4 {
  max-width: calc(25% - 10px);
}
.ce-textpic .gallery-row .gallery-item.gallery-item-size-6 {
  max-width: calc(16.67% - 10px);
}

.ce-left .gallery-row .gallery-item.gallery-item-size-2 {
  float: left;
  margin-right: 10px;
  margin-bottom: 30px;
}

.ce-left .gallery-row .gallery-item.gallery-item-size-3 {
  float: left;
  margin-right: 10px;
  margin-bottom: 30px;
}

.ce-left .gallery-row .gallery-item.gallery-item-size-4 {
  float: left;
  margin-right: 10px;
  margin-bottom: 30px;
}

.ce-left .gallery-row .gallery-item.gallery-item-size-6 {
  float: left;
  margin-right: 10px;
  margin-bottom: 30px;
}

.ce-right.ce-intext .gallery-row {
	margin-left: 10px;
}

.ce-right .gallery-row {
  float: right;
}

.ce-right .gallery-row .gallery-item.gallery-item-size-2 {
  float: right;
  margin-left: 10px;
  margin-bottom: 30px;
}

.ce-right .gallery-row .gallery-item.gallery-item-size-3 {
  float: right;
  margin-left: 10px;
  margin-bottom: 30px;
}

.ce-right .gallery-row .gallery-item.gallery-item-size-4 {
  float: right;
  margin-left: 10px;
  margin-bottom: 30px;
}

.ce-right .gallery-row .gallery-item.gallery-item-size-6 {
  float: right;
  margin-left: 10px;
  margin-bottom: 30px;
}

.frame-default {
  clear: both;
}
.frame-default.frame-type-textmedia.frame-layout-0 {
  display: inline-block;
  width: 100%;
}

.card-body > .frame-type-gridelements_pi1 > .row {
  margin-left: 0;
  margin-right: 0;
}
.card-body > .frame-type-gridelements_pi1 > header {
  display: none;
}

.frame-background-primary {
  width: 100%;
  padding: 48px 60px 36px 60px;
  background-color: #ffec00;
  margin-bottom: 30px;
}

.frame-background-light {
  width: 100%;
  min-height: 20px;
  padding: 9px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);

}

.labeldatenschutz {
  margin-top: -2rem;
}

#page-content .destroy-container { padding: 0 20px; }
#page-content .destroy-container ul li .destroy-hidden { display: none; }
#page-content .destroy-container ul li a { text-decoration: none!important; }
#page-content .destroy-container ul li a:hover { text-decoration: underline!important; }
#page-content .destroy-container #destroy-image-stage { text-align: center; margin-bottom: 1rem; }
#page-content .destroy-container #destroy-text-stage { padding: 1rem; }

/* ---------- Captcha ---------------------- */
.frc-captcha { margin-bottom: 1rem; }
.frc-captcha .frc-banner a { color: #545454!important; }
.tx-powermail .frc-captcha { margin: 0 15px 2rem 15px; }
#ww_bzga_matomo_cookiebanner .more-information-wrapper .header { height: auto; background: transparent; padding: 0; font-size: 1.6rem; }
#ww_bzga_matomo_cookiebanner p { font-size: 1.6rem; line-height: 2.4rem; }
#ww_bzga_matomo_cookiebanner p strong:first-child { font-size: 2rem; }
#ww_bzga_matomo_cookiebanner button.button-choices { border: 1px solid #ffec00 !important; background-color: #ffec00 !important; border-radius: 10px; color: #000; padding: 0.6rem 1rem !important; font-weight: 700; }
#ww_bzga_matomo_cookiebanner button.button-choices:hover, #ww_bzga_matomo_cookiebanner button.button-choices:focus, #ww_bzga_matomo_cookiebanner button.button-choices:active { text-decoration: none; background-color: #ffb433 !important; }
#ww_bzga_matomo_cookiebanner button:hover { cursor: pointer; }


/* ---------- copyright handling ---------------------- */
figure { position: relative; }
figure figcaption { padding-top: 0.2rem; color: #666; position: unset; }
figure .imgcopyright { position: absolute; top: 0; left: 0; color: #0000; pointer-events: none; background-color: #fff0; align-items: center; margin: 0.2rem; padding: 0.1rem 0; font-weight: 400; transition: background-color .3s, color .3s; gap: 0; 
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
}

figure figcaption.position2 .imgcopyright { top: 0; left: unset; bottom: unset; right: 0; flex-direction: row-reverse; }
figure figcaption.position3 { position: relative; }
figure figcaption.position3 .imgcopyright { top: -3.3rem; left: 0; bottom: unset; right: unset; flex-direction: row; }
figure figcaption.position4 { position: relative; }
figure figcaption.position4 .imgcopyright { top: -3.3rem; left: unset; bottom: unset; right: 0; flex-direction: row-reverse; }

.headerimage figure .imgcopyright { top: 5px; }
.headerimage figure figcaption.position2 .imgcopyright { top: 5px; }
@media screen and (min-width: 991px) and (max-width: 1199px) {
.headerimage figure .imgcopyright { top: 5px; }
.headerimage figure figcaption.position2 .imgcopyright { top: 5px; }
}

figure .imgcopyright.open { color: #000; pointer-events: auto; background-color: #fff; }
figure .imgcopyright button { pointer-events: auto; background-color: transparent; border: none; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; display: flex; }
figure .imgcopyright button::before {
  content: "C";
  color: #000;
  background-color: #ffffff30;
  border: 1px solid #000;
  border-radius: 1.3rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  font-size: 1.6rem;
  padding: 0 0.5rem;
}
figure .imgcopyright button:hover::before { background-color: #ffffffA0; }
figure .imgcopyright button:focus-visible { /*outline: none !important;*/ }
figure .imgcopyright button:focus-visible::before { background-color: #000; color: #fff; }
figure .imgcopyright > span { background-color: #fff; color: #000; display: none; padding: 0 0.6rem; border-radius: 0.8rem; }
figure .imgcopyright.open > span { display: inline; }

/* ---------- Video ---------------------- */
.video_iframeoverlay { position: relative; /*padding: 0 !important;*/ }
.video_iframeoverlay > iframe[src="about:blank"] { display: none; }
.video_cover { /*position: relative !important;*/ }
.video_cover p { padding: 3rem; background-color: #eee; color: #2f2f2f !important; }
.unlockiframe_yt { display: inline-block; width: 100%; }
.video_cover .btn { background-color: #000; color: #fff; margin-top: 1rem; white-space: wrap; }

.able-big-play-button { left: calc(50% - 0.5em) !important; }
.able { z-index: 10 !important; }
.able-status-bar { height: 2.5rem !important; }

.frame-type-ableplayer_videoplayerlist.layout-30 .able-media-container { width: 100%; padding-bottom: 177.77%; }
.frame-type-ableplayer_videoplayerlist.layout-30 .youtube-wrapper  .able-wrapper.fullscreen .able-media-container iframe { max-height: 100vh; }
.frame-type-ableplayer_videoplayerlist.layout-30 .able-wrapper.fullscreen .able-media-container video { max-height: 100vh; }
.frame-type-ableplayer_videoplayerlist.layout-30 .frame-inner { max-width: calc(100vh * 9 / 16); margin: 0 auto;}
.frame-type-ableplayer_videoplayerlist.layout-30 .able-big-play-button { top: 40%; }

@media screen and (max-width: 768px) {
  .video_cover p, .video_posterimage p { padding: 1rem!important; line-height: 2rem; }
}
@media screen and (max-width: 480px) {
  .frame-type-ableplayer_videoplayerlist.layout-30 .video_cover p, .frame-type-ableplayer_videoplayerlist.layout-30 .video_posterimage p { font-size: 0.9em; }
  .unlockiframe_yt { margin-top: 0!important; padding-top: 0!important; }
}


/* ---------- neu neu neu ---------------------- */
header .container.header .row { display: flex; }
header .container.header .metanav.v1 { display: flex; align-items: flex-start; }
header .container.header .metanav.v1 ul { padding-right: 10px; }

#mainnavbar li a { background-color: #ffec00; color: #000; display: flex; align-items: center; justify-content: center; }
#mainnavbar li a .car { display: none; }
.main a { color: #000; }

.tx-ww-consumptiondiary .header { background-color: #ffec00 !important; color: #000 !important; }
.tx-ww-consumptiondiary .header h2 { color: #000 !important; }

.footerunten2 .left4 { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 1rem; }
.socialmedia-list-wrapper_footer { order: 0; }
.socialmedia-list-wrapper_footer .socialmedia-list { list-style-type: none; padding: 0; display: flex; gap: 0; flex-wrap: wrap; }
.socialmedia-list-wrapper_footer .socialmedia-list li { margin-bottom: 2rem; }
.socialmedia-list-wrapper_footer .socialmedia-list li.facebook { width: 36%; }
.socialmedia-list-wrapper_footer .socialmedia-list li.youtube { width: 64%; }
.socialmedia-list-wrapper_footer .socialmedia-list li.instagram1 { width: 36%; }
.socialmedia-list-wrapper_footer .socialmedia-list li.instagram2 { width: 36%; }
.socialmedia-list-wrapper_footer .socialmedia-list li.tiktok { width: 28%; }
.socialmedia-list-wrapper_footer .socialmedia-list li a { display: inline-flex; flex-direction: column; color: #000; gap: 1rem; }
.socialmedia-list-wrapper_footer .socialmedia-list li a:hover { text-decoration: none; }
.socialmedia-list-wrapper_footer .socialmedia-list li a::before { font-size: 5rem; }
.socialmedia-list-wrapper_footer .socialmedia-list li a:hover::before { color: #000; }
.socialmedia-list-wrapper_footer .socialmedia-list li a:focus-visible::before { color: #000; }
.socialmedia-list-wrapper_footer .socialmedia-list li a span { display: flex; flex-direction: column; font-family: Roboto,sans-serif; }
.socialmedia-list-wrapper_footer .socialmedia-list li a:hover span { text-decoration: underline; }

@media screen and (min-width: 480px) {
.socialmedia-list-wrapper_footer .socialmedia-list { flex-wrap: nowrap; gap: 2rem; }
.socialmedia-list-wrapper_footer .socialmedia-list li a::before { font-size: 2rem; }
.socialmedia-list-wrapper_footer .socialmedia-list li.facebook { width: 20%; order: 0; }
.socialmedia-list-wrapper_footer .socialmedia-list li.youtube { width: 20%; order: 4; }
.socialmedia-list-wrapper_footer .socialmedia-list li.instagram1 { width: 20%; order: 1; }
.socialmedia-list-wrapper_footer .socialmedia-list li.instagram2 { width: 20%; order: 2; }
.socialmedia-list-wrapper_footer .socialmedia-list li.tiktok { width: 20%; order: 3; }
.socialmedia-list-wrapper_footer { order: 1; }
}
@media screen and (min-width: 679px) {
}