.row { --bs-gutter-x: 0; display: block; }
.frame { --frame-spacing: 0; }

.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;
}

.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="text"]:focus-visible { outline: none!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; }

.footerunten2 .fussnavi2 ul li a:focus-visible,
.footerunten2 .barriere ul li a:focus-visible,
.hauptnavi ul 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;
}

@font-face {
  font-family:FontAwesome;
  src:url(/typo3conf/ext/kdl_sitepackage/Resources/Public/fonts/FontAwesome/fontawesome-webfont.eot?v=4.4.0);
  src:url(/typo3conf/ext/kdl_sitepackage/Resources/Public/fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'),
    url(/typo3conf/ext/kdl_sitepackage/Resources/Public/fonts/FontAwesome/fontawesome-webfont.woff2?v=4.4.0) format('woff2'),
    url(/typo3conf/ext/kdl_sitepackage/Resources/Public/fonts/FontAwesome/fontawesome-webfont.woff?v=4.4.0) format('woff'),
    url(/typo3conf/ext/kdl_sitepackage/Resources/Public/fonts/FontAwesome/fontawesome-webfont.ttf?v=4.4.0) format('truetype'),
    url(/typo3conf/ext/kdl_sitepackage/Resources/Public/fonts/FontAwesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) 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: #f1f2f2;
  color: #2f2f2f;
  line-height: 1;
}

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

table caption { color: #000; }

.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 {
  color: #8A0020!important;
  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: #981E32;
  font-size: 1.5rem;
  padding: 0.6rem 1.5rem;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #981E32;
  box-shadow: none !important;
  outline: 0;
}

a.btn.btn-default:hover  {
  color: #fff;
  text-decoration:none;
}

.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:20px;
}
.logo a {
  display: block;
  width: 100%;
  height; auto; 
}

.bildrandoben{
  background: url(/typo3conf/ext/kdl_sitepackage/Resources/Public/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: 130px;
  height: auto;
}

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

.hauptnavi {
  position: absolute;
  z-index: 1;
  bottom:-357px;
  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: rgba(225,226,226,.9);
  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: #e2e2e2;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border: 1px solid #E2E2E2;
}
#logoWrapper .goHome a::after {
  content: url(/typo3conf/ext/kdl_sitepackage/Resources/Public/Images/haus2.png);
  display: inline-block;
  padding: 0 2px 0 4px;
  scale: 0.9 0.8;
  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: rgba(152,30,50,.9);
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border: 1px solid rgba(152,30,50,.9);
}
#logoWrapper .goHome-active a::after {
  content: url(/typo3conf/ext/kdl_sitepackage/Resources/Public/Images/home2.png);
  display: inline-block;
  padding: 0px 2px 0px 4px;
  scale: 0.9 0.8;
  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;
  float: left;
  width: 55%;
  height: 40px;
  text-align: center;
  color: #000;
  line-height: 4rem;
  margin-left: 3px;
  margin-top: 5px;
  font-size: 1.6rem;
  background-color: rgba(226,226,226,.9);
  border-radius: 10px 10px 0 0;
}

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

.search-box a {
  float: left;
  display: block;
  height: 2.2rem!important;
  width: 29px!important;
  margin-top: 4px!important;
  background-color: #fff!important;
  padding-bottom: 4px!important;
  border-radius: 0 5px 5px 0!important;
  text-decoration: none!important;
  padding:0!important;
  border:none!important;
  margin-left: 0px!important;
}

.searchWrap {
  padding-top: 4px;
}

.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;
}

.search-box .fa-search {
  height: 17px;
}

.search-box .fa {
  display: block;
  margin-top: 5px;
  color: transparent;
}
.search-box .fa::after {
  content: url(/typo3conf/ext/kdl_sitepackage/Resources/Public/Images/suche.png);
  display: inline-block;
  padding: 0;
}

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

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

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

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

.trenner{
  margin: 0px 0px 0px;
  /*background: url(/typo3conf/ext/kdl_sitepackage/Resources/Public/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-ruler-after::after {
  border-bottom: 3px solid #e1e2e2;
  margin-top: 0px;
  margin-bottom: 17px;
}

.main {
  background-image:url(/typo3conf/ext/kdl_sitepackage/Resources/Public/Images/headergrau.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;
}



.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(/typo3conf/ext/kdl_sitepackage/Resources/Public/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;
  /*box-shadow: 3px -3px 8px #cdcdcd;*/
  background-color:#fff;
  margin-top:30px;
}

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

.main a,
.main2 a {
  color: #981e32;
  text-decoration: underline;
}

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



.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: "";
}

.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: #981e32; 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: #981e32; }
.news-list-view > a.teaserlink h2 { text-decoration: none; color: #000; }
.news-list-view > a.teaserlink:hover h2 { text-decoration: underline; color: #2f2f2f; }

.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: #981e32; 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: none; color: #981e32; }
.teaserlink2:hover .news-list-item h2 { text-decoration: underline; }

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  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: #6c6c6c!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(/typo3conf/ext/kdl_sitepackage/Resources/Public/Images/home-grey.png);
  vertical-align: middle;
}
.footerbreadcrumb .breadcrumb a.goHome::after {
  content: url(/typo3conf/ext/kdl_sitepackage/Resources/Public/Images/home-red.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; }
.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: #e1e2e2;
  border: 1px solid #e1e2e2;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  margin-right: 2px;
  margin-bottom: 10px;
}

.fussnachoben {
  background-color: #fff;
}

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

.nachoben a {
  display: inline-block;
  line-height: 3rem;
  text-align: center;
  color: #000;
  text-decoration:none;
  color: #981e32;
}

.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: #981E32;
  font-size: 1.5rem;
  padding: 0.6rem 1.5rem;
  border-radius: 1rem;
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border: 1px solid #981E32;
  box-shadow: none !important;
  outline: 0;
}

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




/******************************************
* Accordion
******************************************/
.card-header .btn-link {
  background-color: #f5f5f5;
  width:100%;
  text-align:left;
  color: #000;
  /*ww font-weight:700;*/
  text-decoration:none!important;
  padding-left:0px;
  white-space: normal;
}
.card-header .btn-link::before {
  content: url(/typo3conf/ext/kdl_sitepackage/Resources/Public/Images/accordion-auf.png);
  display: inline-block;
  vertical-align: top;
  padding: 1px 4px 0px 8px;
}

.card-header .btn-link {
  outline:none;
  text-indent: -16px;
  padding-left: 32px;
}

.card-header .btn-link.collapsed {
  background-color: #f5f5f5;
  color: #000;
}
.card-header .btn-link.collapsed::before {
  content: url(/typo3conf/ext/kdl_sitepackage/Resources/Public/Images/accordion-zu.png);
  display: inline-block;
  vertical-align: top;
  padding: 1px 4px 0px 8px;
}

.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5 { /* margin: 15px 0; */ }
.card-header h1 .btn, .card-header h2 .btn, .card-header h3 .btn, .card-header h4 .btn { font-size: unset; }

/******************************************
* 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 {
  font-weight: 700;
  color: #fff;
  background: #981E32;
  font-size: 1.5rem;
  padding: 0.6rem 1.5rem;
  border-radius: 1rem;
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border: 1px solid #981E32;
  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: #981E32;;
}



/******************************************
* 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;
  background: #981E32;
  font-size: 1.6rem;
  padding: 0.4rem 1.5rem;
  border-radius: 0.5rem;
  outline: 0;
  margin-left: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 select {
  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;
}
#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: #981E32;
  border-color: #fff;
  padding: 5px 12px;
}
.solr-pagination li.active span:hover {
  background-color: #981E32;
  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(/typo3conf/ext/kdl_sitepackage/Resources/Public/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 {
  top: 17px;
  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: 20px;
  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: #9a1b36;
}

.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:345px; right: 140px; background-color: #fff; width: 30px; height: 30px; }
.frame-type-slick.layout-8 > .slick-slider .slick-next::before { color: #990000; font-size: 26px; }

.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(/typo3conf/ext/kdl_sitepackage/Resources/Public/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;
}

/******************************************
* 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: 5px; padding-right: 45px; font-size: 2rem; line-height: 2.6rem; }*/
.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: #981e32;
  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: #981E32;
  background-color: rgb(152, 30, 50);
  font-size: 1.5rem;
  padding: 0.6rem 1.5rem;
  border-radius: 1rem;
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border: 1px solid #981E32;
  border-top-color: rgb(152, 30, 50);
  border-right-color: rgb(152, 30, 50);
  border-bottom-color: rgb(152, 30, 50);
  border-left-color: rgb(152, 30, 50);
  outline: 0;
}

.tx-ww-bzga-alktest input.btn.btn-default,
.tx-ww-bzga-quiz input.btn.btn-default {
  font-weight: 700;
  color: #fff;
  background: #981E32;
  background-color: rgb(152, 30, 50);
  font-size: 1.5rem;
  padding: 0.6rem 1.5rem;
  border-radius: 1rem;
  -moz-border-radius: 1remx;
  -webkit-border-radius: 1rem;
  border: 1px solid #981E32;
  border-top-color: rgb(152, 30, 50);
  border-right-color: rgb(152, 30, 50);
  border-bottom-color: rgb(152, 30, 50);
  border-left-color: rgb(152, 30, 50);
  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: #ff8700;
  border-color: #e67a00;
}

.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;
}

.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: #981e32;
  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: #981E32;
  background-color: rgb(152, 30, 50);
  font-size: 1.5rem;
  padding: 0.6rem 1.5rem;
  border-radius: 1rem;
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border: 1px solid #981E32;
  border-top-color: rgb(152, 30, 50);
  border-right-color: rgb(152, 30, 50);
  border-bottom-color: rgb(152, 30, 50);
  border-left-color: rgb(152, 30, 50);
  outline: 0;
}

.tx-ww-bzga-motivtest input.btn.btn-default:hover,
.tx-ww-bzga-motivtest input.btn.btn-default:focus {
  background-color: #ff8700;
  border-color: #e67a00;
}


/******************************************
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 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: #981E32!important;
  border-color: #ddd;
}

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

/******************************************
powermail kontakt/Barriere melden/gewinnspiel
******************************************/

.tx-powermail.kontakt legend,
.tx-powermail.barriere legend,
.tx-powermail.gewinnspiel legend {
  display:none;
  visability:hidden;
}

.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;
  background-color: #e1e2e2;
  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: #981E32;
  font-size: 1.6rem;
  padding: 0.4rem 1.5rem;
  border: 1px solid #981E32;
}

.tx-powermail .col-sm-offset-12 {
  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;
}



/*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: #981E32;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  padding-top: 9px;
  padding-bottom:8px;
  display: block;
  text-decoration: none;
}

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

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

/* 2. Ebene */
#sidebar-nav li li a {
  background-color: #e1e2e2;
  margin-left: 15px;
  font-weight: 300;
  font-family: Roboto;
  color: #2f2f2f;
  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 {
  content: "\00bb";
  margin-right: 6px;
}


#sidebar-nav li li.active a {
  color: #981E32;
  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: #981E32;
  font-weight: 700!important;
}

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

.sidebar .teaser_xxx {
  background-image: url(/typo3conf/ext/kdl_sitepackage/Resources/Public/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;
}


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;
  height: 4rem;
  line-height: 4.2rem;
  text-align: right;
  margin-bottom: 30px;
  width: 40%;
  float: right;
  display: flex;
  flex-direction: row-reverse;
}

.socialmedia-list-wrapper a {
  text-decoration:none;
}

.fa-facebook::before {
  content: "\f09a";
}

.fa-twitter::before {
  content: "\f099";
}

.fa-rss::before {
  content: "\f09e";
}


/******************************************
*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: #981E32!important;
}

.footerbreadcrumb .breadcrumb > li + li::before {
  color: #981E32 !important;
}


.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;
  margin-top: 8px;
  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;
  color: #8A1C2F;
}

.footernavi ul li li a {
  color: #8A1C2F;
  font-size: 1.6rem;
  text-decoration:underline;
  font-weight:normal;
}

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

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

.footerunten .container {
  position:relative;
}

.footerinhalt {
  position:absolute;
  background: url(/typo3conf/ext/kdl_sitepackage/Resources/Public/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: #FFA400;
}

.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: #fff;
  font-size: 1.4rem;
  height: 2rem;
  line-height: 1.4rem;
  text-align: center;
  text-decoration: none;
  background-color: #8A1C2F;
  border: 1px solid #8A1C2F;
}
.footerunten2 .fussnavi2 ul li:last-child { margin-right: 0; }

.footerunten2 .fussnavi2 a {
  display: inline-block;
  color: #fff;
}
.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: #fff;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
  background-color: #8A1C2F;
  border: 1px solid #8A1C2F;
}

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


/******************************************
*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; }

#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; }
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; }

#c1257 header a { 
  color: #000 !important; 
  text-decoration: none !important; 
}

#c1257 header a:hover {
  color: #2f2f2f !important; 
  text-decoration: underline !important;
}

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

.tx-felogin-pi1 .sign-form h3.first-child { margin-top: -20px; }

.textmedia, .textpic { gap: 0; }

.news .page-navigation p { float: none; }
.news .page-navigation ul { float: none; }
.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%; }


/*! 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: #eee;
  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;
}

.labeldatenschutz label {
  display: none;
}