/* ------------------------------------- COOKIE ----------------------------------- */
.cc-color-override-523191266.cc-window {color: rgb(255, 255, 255);background-color: rgba(0, 0, 0, 0.6)!important;}
.cc-color-override-523191266.cc-revoke {color: rgb(255, 255, 255);background-color: rgba(0, 0, 0, 0.6)!important;}

/* ------------------------------------- BASICS ----------------------------------- */
body {color: #212529;font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 300;line-height: 30px;position:relative;isolation: isolate;}
body::before, body::after {content: "";position: fixed;display: block;pointer-events: none;background-repeat: no-repeat;background-size: 100% 100%;z-index: -1;}
body::before {top: 0;left: 0;width: min(65vw, 1000px);aspect-ratio: 1150 / 1070;background-image: url("/images/background/top-left.jpg");background-position: top left;}
body::after {right: 0;bottom: 0;width: min(65vw, 1000px);aspect-ratio: 1070 / 830;background-image: url("/images/background/bottom-right.jpg");background-position: bottom right;}
.t3-wrapper {background:transparent!important;}
img.rounded {max-width:100%;width:100%;height:auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;}
img.frame {max-width:100%;width:100%;height:auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;border:1px solid #ddd;}
img.responsiverounded {max-width:100%;width:100%;height:auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;}
img.responsive {max-width:100%;width:100%;height:auto;}
hr {margin-top: 20px;margin-bottom: 0px;border: 0;border-top: 1px solid rgba(33, 33, 33, 0.2);}
#mainheader {background-image: url(../images/back-header.jpg) !important;background-position: 0% 0%;background-size:cover;background-repeat:no-repeat;}
div#mainheadercontent.mainnavigation.affix-top {background-image: url(../images/back-header.jpg) !important;background-position: 0% 0%;background-size:cover;background-repeat:no-repeat;}
div#mainheadercontent.mainnavigation.affix {background-image: url(../images/back-header.jpg) !important;background-position: 0% 0%;background-size:cover;background-repeat:no-repeat;}
div#mainheader.mainnavigation.affix-top {background-image: url(../images/back-header.jpg) !important;background-position: 0% 0%;background-size:cover;background-repeat:no-repeat;}
div#mainheader.mainnavigation.affix {background-image: url(../images/back-header.jpg) !important;background-position: 0% 0%;background-size:cover;background-repeat:no-repeat;}
.gelb {color:rgba(249,178,51,1.0);}
.row.content {margin:2% 0%;}
.col-lg-8.col-md-8.col-sm-12.col-xs-12.null {padding-left:0px;}
.col-lg-4.col-md-4.col-sm-12.col-xs-12.null {padding-right:0px;}
.col-lg-4.col-md-4.col-sm-12.col-xs-12.buzenia {padding-left:0px;}
.page-title, .page-header h1 {font-family: 'Montserrat', sans-serif;font-weight: bold;font-style: normal;}
.article-title, .article-header h1 {position: relative;display: table;width: auto;max-width: min(80vw, 95%);margin-left: auto !important;margin-right: auto !important;padding-bottom: 15px;text-align: center;box-sizing: border-box;font-family: "roboto", sans-serif;font-weight:300;color:#9b0707!important;font-size:24px!important;margin-top:3%;margin-bottom:5%;}
/* Graue Linie – 10 % länger links und rechts */
h1.article-title::after {content: "";position: absolute;left: -10%;bottom: 0px;width: 120%;height: 1px;background: #ccc;pointer-events: none;}
/* Farbiger Strich – immer gleiche Länge */
h1.article-title::before {content: "";position: absolute;left: 50%;bottom: -1px;width: 60px;height: 3px;background: #000;transform: translateX(-50%);z-index: 2;pointer-events: none;}
/* Tablet */
@media (max-width: 991px) {
h1.article-title {max-width: min(80vw, 90%);}
h1.article-title {width: 55px;}
}
/* Smartphone */
@media (max-width: 767px) {
h1.article-title {max-width: 80vw;padding-bottom: 13px;}
h1.article-title::before {width: 45px;height: 3px;}
h1.article-title::after {height: 1px;}
}
/* Kleine Smartphones */
@media (max-width: 480px) {
h1.article-title {max-width: 78vw;}
h1.article-title::before {width: 40px;}
}
.row.content.header {margin-bottom:5%;}
hr.content {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #cccccc;}
h1.headerweiss {font-family: 'OffenbacherSchwabacherCAT'!important;font-weight: bold;font-style: normal;color:rgba(255,255,255,1.0);}
h1.headergelb {font-family: 'OffenbacherSchwabacherCAT'!important;font-weight: bold;font-style: normal;color:rgba(249,178,51,1.0);}
#flex-container-buze.row2 {width:100%!important;float:left!important;margin-top:2%!important;}
div.line {width:100%;}
div.box.buze.buz {width:100%!important;}
div#flex-container-auszug {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -2px;margin-bottom:2%;}
div.box.auszug {display: -webkit-flex;display: -ms-flexbox;display: flex;width: 22%;float: left;padding-left: 2px;padding-top: 2px;border: 1px solid #ccc;margin: 8px;}
.container.t3-sl.t3-sl-1.slider {padding-top:0px;padding-bottom:0px;}

/* ------------------------------------- CARDS ----------------------------------- */
div#elfer .card {position: relative;height: auto;box-shadow: 5px 5px 20px;overflow: hidden;}
div#elfer .intro {position: absolute;height: 15%;width: 90%;bottom: 0;overflow: hidden;color: #fff;background-color:rgba(190,21,34,0.8);transition: .2s ease-in-out;margin-left: auto;margin-right: auto;left: 0;right: 0;}
div#elfer .card:hover .intro {height: 33%;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
div#elfer .card:hover .text-p {opacity: 1;visibility: visible;}
div#elfer .card:hover img.responsive {transform: scale(1.1);filter: grayscale(0%)!important;-webkit-filter: grayscale(0%)!important;moz-filter: grayscale(0%)!important;-ms-filter: grayscale(0%)!important;-o-filter: grayscale(0%);!important}
div#elfer img.responsive {height:auto;max-width:100%;width: 100%;object-fit: cover;transition: transform .2s ease-in-out;filter:grayscale(75%)!important;-webkit-filter: grayscale(75%)!important;-moz-filter: grayscale(75%)!important;-ms-filter: grayscale(75%)!important;-o-filter: grayscale(75%);!important}
div#elfer .text-h1 {text-transform: uppercase;font-size: 16px;text-align: center;margin-top: 15px;}
div#elfer .text-p {font-size: 14px;visibility: hidden;opacity: 0;text-align: center;}
div#elfer .card:hover .text-p {opacity: 1;visibility: visible;}
div#dreigestirn .card {position: relative;height: auto;box-shadow: 5px 5px 20px;overflow: hidden;}
div#dreigestirn .intro {position: absolute;height: 15%;width: 90%;bottom: 0;overflow: hidden;color: #fff;background-color:rgba(190,21,34,0.8);transition: .2s ease-in-out;margin-left: auto;margin-right: auto;left: 0;right: 0;}
div#dreigestirn .card:hover .intro {height: 33%;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
div#dreigestirn .card:hover .text-p {opacity: 1;visibility: visible;}
div#dreigestirn .card:hover img.responsive {transform: scale(1.1);filter: grayscale(0%)!important;-webkit-filter: grayscale(0%)!important;moz-filter: grayscale(0%)!important;-ms-filter: grayscale(0%)!important;-o-filter: grayscale(0%);!important}
div#dreigestirn img.responsive {height:auto;max-width:100%;width: 100%;object-fit: cover;transition: transform .2s ease-in-out;filter:grayscale(75%)!important;-webkit-filter: grayscale(75%)!important;-moz-filter: grayscale(75%)!important;-ms-filter: grayscale(75%)!important;-o-filter: grayscale(75%);!important}
div#dreigestirn .text-h1 {text-transform: uppercase;font-size: 16px;text-align: center;margin-top: 15px;}
div#dreigestirn .text-p {font-size: 14px;visibility: hidden;opacity: 0;text-align: center;}
div#dreigestirn .card:hover .text-p {opacity: 1;visibility: visible;}
div#vorstandblock .card {position: relative;height: auto;box-shadow: 5px 5px 20px;overflow: hidden;}
div#vorstandblock .intro {position: absolute;height: 15%;width: 90%;bottom: 0;overflow: hidden;color: #fff;background-color:rgba(190,21,34,0.8);transition: .2s ease-in-out;margin-left: auto;margin-right: auto;left: 0;right: 0;}
div#vorstandblock .card:hover .intro {height: 33%;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
div#vorstandblock .card:hover .text-p {opacity: 1;visibility: visible;}
div#vorstandblock .card:hover img.responsive {transform: scale(1.1);filter: grayscale(0%)!important;-webkit-filter: grayscale(0%)!important;moz-filter: grayscale(0%)!important;-ms-filter: grayscale(0%)!important;-o-filter: grayscale(0%);!important}
div#vorstandblock img.responsive {height:auto;max-width:100%;width: 100%;object-fit: cover;transition: transform .2s ease-in-out;filter:grayscale(75%)!important;-webkit-filter: grayscale(75%)!important;-moz-filter: grayscale(75%)!important;-ms-filter: grayscale(75%)!important;-o-filter: grayscale(75%);!important}
div#vorstandblock .text-h1 {text-transform: uppercase;font-size: 16px;text-align: center;margin-top: 15px;}
div#vorstandblock .text-p {font-size: 14px;visibility: hidden;opacity: 0;text-align: center;}
div#vorstandblock .card:hover .text-p {opacity: 1;visibility: visible;}

/*** ----------------------------------- LOGIN ----------------------------------***/
div#Mod117.t3-module.module {margin-bottom:0px!important;margin:8px 0px 8px 0px!important;}
#topmod button.btn.btn-primary {padding:3px 8px!important;margin:0px!important;color: rgba(255, 255, 255, 0.6);background-color: rgba(33, 33, 33, 0.3);border-color: rgba(33, 33, 33, 0.3);}
#topmod button.btn.btn-primary:hover {background-color: rgba(33, 33, 33, 0.1);}
#topmod div.jtl-content-login117, div.jtl-content-register117 {z-index:9999!important;width:300px;background:#f4f4f4;right:15px;}
#topmod #jtl button.login-toggle117, #jtl button.register-toggle117 {padding: 3px 8px!important;margin: 0px!important;box-shadow: none;border: 0;border-radius: 3px;transition: all 0.3s linear 0s;background: rgba(33,33,33,0.3);color: rgba(255, 255, 255, 0.6);}
#topmod label {color:#333;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:100;}
#topmod div.username-password.form-group a {color: rgba(33, 33, 33, 0.6);font-size:14px;}
#topmod .btn-blockjt {display: block;width: 100%;padding: .5rem 1rem;font-size: 1.25rem;line-height: 1.5;border-radius: .3rem;color: #fff;background-color: #9f1822 !important;border-color: #9f1822 !important;color: #fff !important;}
button.login-toggle117.login {background:rgba(33,33,33,0.3);}

/*** ----------------------------------- SOCIAL MEDIA ----------------------------***/
div.col-xs-12.col-sm-6.social {display: flex;align-items: center;justify-content: end;padding-right: 0px;}
a.message, a:visited.message {width: 40px;height: 40px;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: rgba(255, 255, 255, 0.4) !important;font-size: 20px;line-height: 40px;text-align: center;color: rgba(255, 255, 255, 0.6);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;position: relative;-webkit-border-radius: 1000px;-moz-border-radius: 1000px;border-radius: 1000px;margin: 0px 10px 0px 0px;float: left;}
a:hover.message {background: #720f0f !important;color: rgba(255, 255, 255, 1.0);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a.contact-list, a:visited.contact-list {width: 40px;height: 40px;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: rgba(255, 255, 255, 0.4);font-size: 24px;line-height: 40px;text-align: center;color: rgba(255, 255, 255, 0.6);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;position: relative;-webkit-border-radius: 1000px;-moz-border-radius: 1000px;border-radius: 1000px;margin: 0px 10px 0px 0px;float: left;}
a:hover.contact-list {background: #720f0f !important;color: rgba(255, 255, 255, 1.0);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a.social-facebook, a:visited.social-facebook {width: 40px;height: 40px;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: rgba(255, 255, 255, 0.4);font-size: 20px;line-height: 40px;text-align: center;color: rgba(255, 255, 255, 0.6);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;position: relative;-webkit-border-radius: 1000px;-moz-border-radius: 1000px;border-radius: 1000px;margin: 0px 10px 0px 0px;float: left;}
a:hover.social-facebook {background: #720f0f !important;color: rgba(255, 255, 255, 1.0);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a.insta, a:visited.insta {margin: 0px 10px 0px 0px;width: 40px;height: 40px;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: rgba(255, 255, 255, 0.4);font-size: 24px;line-height: 40px;text-align: center;float: left;-webkit-border-radius: 1000px;-moz-border-radius: 1000px;border-radius: 1000px;}
a:hover.insta {background: #720f0f;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
img.insta {opacity: 0.5;filter: alpha(opacity=0.3);margin-bottom:5px!important;}
img:hover.insta {opacity: 1.0;filter: alpha(opacity=1.0);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*** ----------------------------------- SUCHE ----------------------------------***/
.jt-search-wrap.nostyle .mod-jtsearch .awesomplete {position: absolute!important;display: block;min-width: 300px !important;height: 38px;right:0px;}
.jt-search-wrap.nostyle>nav>.jt-search {position: absolute;top: 10px;right: 34px;left: auto;width: min(320px, calc(100% - 34px));max-width: calc(100% - 34px);height: 38px;box-sizing: border-box;margin: 0;padding: 0px;background: transparent!important;border: none;border-radius: 3px 0 0 3px;opacity: 0;visibility: hidden;pointer-events: none;overflow: visible;z-index: 1001;transform: translateX(12px);transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;}
#topmod label {color: #333;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 100;display: none!important;}
.jt-search-wrap.nostyle>nav>.jt-search.show, .jt-search-wrap.nostyle>nav>.jt-search.show-nostyle{opacity: 1;visibility: visible;pointer-events: auto;transition: opacity .2s ease, transform .2s ease, visibility 0s linear 0s;transform: translate(-33px, 0px)!important;}
.jt-search-wrap.nostyle>.search-btn, .jt-search-wrap.nostyle>nav>.search-btn {position: relative;flex: 0 0 34px;width: 34px;height: 38px;right: auto;top: auto;transform: none;z-index: 1002;display: grid;place-items: center;padding: 0;margin: 0;border: 0;border-radius: 0 3px 3px 0;background: transparent!important;color: #fff;cursor: pointer;font-size: 16px;}
#Mod127.t3-module.module {margin:5px 20px 5px 10px!important;}
.jt-search-wrap, .jt-search-wrap * {box-sizing: border-box;}
.jt-search-wrap.nostyle .mod-jtsearch .awesomplete input[type=text], .jt-search-wrap.nostyle input.js-finder-search-query {font-size: 1.5rem!important;}
.jt-search-wrap.nostyle .mod-jtsearch .awesomplete input[type=text], .jt-search-wrap.nostyle input.js-finder-search-query {border: none!important;}
#topmod button.btn.search-btn {color:rgba(255,255,255,0.6)!important;}

/* ------------------------------------- HEADER ----------------------------------- */
div.row.header {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
div.col-xs-12.col-sm-10.header {display: -webkit-flex;display: -ms-flexbox;display: flex;}
div.col-xs-12.col-sm-2.logo {display: flex;align-items: center;}
div.col-xs-12.col-sm-6.narrhalla {display: flex;align-items: center;}
div.col-xs-12.col-sm-3.social {display: flex;align-items: center;padding-bottom:10px;}
div.col-xs-12.col-sm-3.suche {display: flex;align-items: center;}
div#topmod {background:rgba(33,33,33,0.2);color: rgba(255, 255, 255, 1.0);}
div#topmod .t3-module {margin: 10px 0px;float:right;}
div#topmod p {margin:0px;}
div#mainheader.mainnavigation.affix-top {position: relative;width: 100%;border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0px;z-index: 999;background: rgba(190,21,34,1.0);padding: 0px 0px 0px 0px;}
div#mainheader.mainnavigation.affix {width:100%;border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0;z-index: 999;background:#FFFFFF;transition: 0s;-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);}
div#mainheader.mainnavigation.affix .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #4aaeee; background: none;}
div#mainheader.mainnavigation.affix .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #4aaeee;background-color: transparent;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
div#mainheadercontent.mainnavigation.affix-top {position: relative;width: 100%!important;border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0px;z-index: 999;background: rgba(190,21,34,1.0);padding: 0px 0px 0px 0px;-webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);}
div#mainheadercontent.mainnavigation.affix {width:100%!important;border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0;z-index: 999;background:rgba(190,21,34,1.0);transition: 0s;-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);}
div#mainheadercontent.mainnavigation.affix .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #4aaeee;background-color: transparent;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
div#mainheader.mainnavigation.affix img.logo-img {float: left;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}
div#mainheadercontent.mainnavigation.affix img.logo-img {float: left;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}
#mainheader.mainnavigation.affix .t3-header {padding-top:0px!important;padding-bottom:0px!important;}
#mainheadercontent.mainnavigation.affix .t3-header {padding-top:0px!important;padding-bottom:0px!important;}
#mainheader.mainnavigation.affix #topmod {display:none!important;}
#mainheadercontent.mainnavigation.affix #topmod {display:none!important;}

/* ------------------------------------- NAVIGATION -------------------------------- */
.navbar-default {background: #f8f8f8!important;border: none!important;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.navbar-default.affix {padding-top:0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #555555;background-color: transparent;}
.navbar-default .navbar-nav > li > a {color: #707070!important;text-transform:uppercase;font-weight: 400;font-size: 14px;}
.navbar-default .navbar-nav > li > a {color: #707070;text-transform:uppercase;font-weight: 400;font-size: 16px;margin:0px 2px 0px 0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #9b0707;background-color: transparent;box-shadow: inset #9b0707 0 -5px 0;-webkit-box-shadow: inset #9b0707 0 -5px 0;-moz-box-shadow: inset #9b0707 0 -5px 0;margin:0px 2px 0px 0px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #9b0707!important;background-color: transparent!important;transition: box-shadow .15s ease-in-out;-moz-transition: box-shadow .15s ease-in-out;-o-transition: box-shadow .15s ease-in-out;box-shadow: inset #9b0707 0 -5px 0;-webkit-box-shadow: inset #9b0707 0 -5px 0;-moz-box-shadow: inset #9b0707 0 -5px 0;}
.active > a:hover, .navbar-default .navbar-nav > .active > a:focus {transition: box-shadow .15s ease-in-out;-moz-transition: box-shadow .15s ease-in-out;-o-transition: box-shadow .15s ease-in-out;box-shadow: inset #9b0707 0 -5px 0;-webkit-box-shadow: inset #9b0707 0 -5px 0;-moz-box-shadow: inset #9b0707 0 -5px 0;background: transparent!important;}
ul.nav.navbar-nav.level0 li a {background:transparent!important;}
.navbar-default .navbar-nav > .dropdown > a .caret {border-top-color: rgba(255,255,255,0.6);border-bottom-color: rgba(255,255,255,0.6);}
.navbar-default .navbar-nav > .dropdown > a:hover .caret {border-top-color:#9b0707!important;border-bottom-color:#9b0707!important;}
.navbar-default .navbar-nav > .open > a .caret {border-top-color: #9b0707!important;border-bottom-color: #9b0707!important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #9b0707!important;transition: box-shadow .15s ease-in-out;-moz-transition: box-shadow .15s ease-in-out;-o-transition: box-shadow .15s ease-in-out;box-shadow: inset #9b0707 0 -5px 0;-webkit-box-shadow: inset #9b0707 0 -5px 0;-moz-box-shadow: inset #9b0707 0 -5px 0;background:transparent!important;}
li.active.dropdown.mega .caret {border-top-color: #9b0707!important;border-bottom-color: #9b0707!important;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #9b0707!important;background-color: transparent;box-shadow: inset #9b0707 0 -5px 0;-webkit-box-shadow: inset #9b0707 0 -5px 0;-moz-box-shadow: inset #9b0707 0 -5px 0;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {background-color: transparent!important;color: #9b0707!important;box-shadow: inset #9b0707 0 -5px 0;-webkit-box-shadow: inset #9b0707 0 -5px 0;-moz-box-shadow: inset #9b0707 0 -5px 0;}
div.nav-child.dropdown-menu.mega-dropdown-menu {background:#f8f8f8!important;}
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {white-space: normal;display: block;padding: 5px;color: #707070!important;}
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover {color:#9b0707!important;box-shadow:none;}

/* ------------------------------------- VIDEO --------------------------------------- */
.container.t3-sl.t3-sl-1.umzug {padding-top:0px;padding-bottom:0px;} 


/* ------------------------------------- VORSTAND ----------------------------------- */
.t3-spotlight.t3-dreigestirnrow-1.row {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content:center;}
.col-lg-3.dg.col-md-3.dg.col-sm-12.dg.col-xs-12.dg {display:none!important;}
.col-lg-3.dg.col-md-3.dg.col-sm-3.dg.col-xs-6.dg {display:none!important;}
.trenner-wrapper {width: 100%;text-align: center;}
h3.trenner {position: relative;display: table;width: auto;max-width: min(80vw, 95%);margin-left: auto !important;margin-right: auto !important;padding-bottom: 15px;text-align: center;box-sizing: border-box;font-family: "roboto", sans-serif;font-weight:300;color:#9b0707!important;}
/* Graue Linie – 10 % länger links und rechts */
h3.trenner::after {content: "";position: absolute;left: -10%;bottom: 0px;width: 120%;height: 1px;background: #ccc;pointer-events: none;}
/* Farbiger Strich – immer gleiche Länge */
h3.trenner::before {content: "";position: absolute;left: 50%;bottom: -1px;width: 60px;height: 3px;background: #000;transform: translateX(-50%);z-index: 2;pointer-events: none;}
/* Tablet */
@media (max-width: 991px) {
h3.trenner {max-width: min(80vw, 90%);}
h3.trenner::before {width: 55px;}
}
/* Smartphone */
@media (max-width: 767px) {
h3.trenner {max-width: 80vw;padding-bottom: 13px;}
h3.trenner::before {width: 45px;height: 3px;}
h3.trenner::after {height: 1px;}
}
/* Kleine Smartphones */
@media (max-width: 480px) {
h3.trenner {max-width: 78vw;}
h3.trenner::before {width: 40px;}
}

/* ------------------------------------- GALLERY ----------------------------------- */
svg.ph-si.ph-si-category use {display:none!important;}
.pg-item-box-title, .pg-category-box-title {position: relative;}
.pagination.pagination-centered {display:flex!important;}
.pagination .pagination {display: flex;align-items: center;justify-content: center;}
.counter pull-right {display: flex;justify-content: center;align-items: start;}
.counter {margin-top:0px!important;margin-left:20px!important;}
.pg-item-box-info, .pg-category-box-info {margin: 0;padding: 0;width: 100%;}
.pg-item-box-title, .pg-category-box-title {font-weight: normal;min-height:60px;}
#phocagallery .pg-item-box-title a, #phocagallery .pg-category-box-title a, .pg-item-box-title a, .pg-category-box-title a{width: 100%;float: left;}
.pg-item-box-title, .pg-category-box-title {align-items: start;}
#phocagallery .pg-item-box-title a, #phocagallery .pg-category-box-title a, .pg-item-box-title a, .pg-category-box-title a {font-size: 13px;}
.pg-item-box-title, .pg-category-box-title {background: #be1522;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #be1522;border-color: #be1522;}
.pagination > li > a, .pagination > li > span {color: #333;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #be1522;background-color: #eeeeee;border-color: #dddddd;}
.pg-masonry-item {border: none !important;}

/* ------------------------------------- KONTAKT ----------------------------------- */
div#kontakt {background:rgba(246,245,241,0.5)!important;}
.row.kontakt {margin-top:5%;}
.col-lg-4.col-md-4.col-sm-12.col-xs-12.kontakt {text-align:center;}
img.content {width:auto;height:40px;}
i.fa.fa-user {height: 40px;width: auto;font-size: 40px;color: #000;}

/* ------------------------------------- FOOTER ----------------------------------- */
.t3-footer {border-top: 0px!important;background: rgba(0, 0, 0, 0.9);color: rgba(255,255,255,0.6);}
div#mod-custom156.mod-custom.custom {text-align:right;}
div#mod-custom156.mod-custom.custom a.law, a:visited.law, a:focus.law {color:rgba(255,255,255,0.4);text-decoration:none;font-size:12px!important;line-height:30px;}
div#mod-custom156.mod-custom.custom a:hover.law {color:rgba(255,255,255,0.8)!important; text-decoration:none;}
.t3-copyright {border-top:none!important;padding: 40px 0 120px;}


/*** --------------------------------------- BACK TO TOP-------------------------------------------------- ***/
#button {display: inline-block; background-color: #333; width: 50px; height: 50px; text-align: center; border-radius: 100%; position: fixed; bottom: 30px; right: 48%; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;border:2px solid #fff;}
#button:after {content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: normal; line-height: 45px; color: #fff;}
#button:hover {cursor: pointer; background-color:#d2232b; text-decoration:none!important;}
#button:active {background-color:#d2232b;}
#button.show {opacity: 1; visibility: visible;}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 991px) {
    body::before {
        width: 65vw;
    }

    body::after {
        width: 65vw;
    }
}

/* =====================================================
   SMARTPHONE
   ===================================================== */

@media (max-width: 767px) {
    body::before {
        width: 85vw;
    }

    body::after {
        width: 85vw;
    }
}

/* Sehr kleine Smartphones */
@media (max-width: 400px) {
    body::before {
        width: 90vw;
    }

    body::after {
        width: 90vw;
    }
}







div#flex-container-buze {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-left: -2px;
}

div.box.buze {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.3333%;
  float: left;
  padding-left: 2px;
  padding-top: 2px;
}

img.respbod {
    max-height: 100%!important;
    width: 100%;
    height: auto;
    float: left;

}

img:hover.respbod {
    -webkit-filter: grayscale(0%); /* Chrome, Opera, Safari  */
    filter: grayscale(0%);
}

img.fancybox-image {
    border: 1px solid rgba(255,255,255,0.4);
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:pointer;
}

.hovereffect .ovb {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.8);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:30%;
left:0;
opacity:0;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect fa {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
color:rgba(255,255,255,1.0)!important;
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
background-color:#000!important;
}

.hovereffect:hover .ovb {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

i.fa.fa-plus {
    font-size: 200%;
    color: rgba(255,255,255,1.0);
    position: relative;
    top: 5%;
    background: rgba(255,255,255,0.2);
    padding: 20px 20px 15px 20px;
    border-radius: 100%;
    vertical-align: middle;
}

/***---------------------------------------- MEDIA QUERIES -------------------------------------------------***/

@media only screen and (min-width: 0px) and (max-width: 320px) {
#topmod {display:none!important;}
.navbar-default {background:transparent!important;}
div#mainheader.mainnavigation.affix-top .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheader.mainnavigation.affix-top .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheader.mainnavigation.affix .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheader.mainnavigation.affix .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheader.mainnavigation.affix img.logo-img {float:unset!important;}
div#mainheader.mainnavigation.affix-top button.btn.btn-primary.off-canvas-toggle {background:transparent;}
div#mainheader.mainnavigation.affix button.btn.btn-primary.off-canvas-toggle {background:transparent;}
img.logo-img {max-width:80%;}
div#mainheader.mainnavigation.affix-top nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheader.mainnavigation.affix nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheadercontent.mainnavigation.affix-top .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheadercontent.mainnavigation.affix-top .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheadercontent.mainnavigation.affix .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheadercontent.mainnavigation.affix .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheadercontent.mainnavigation.affix img.logo-img {float:unset!important;}
div#mainheadercontent.mainnavigation.affix-top button.btn.btn-primary.off-canvas-toggle {background:transparent;}
div#mainheadercontent.mainnavigation.affix button.btn.btn-primary.off-canvas-toggle {background:transparent;}
img.logo-img {max-width:80%;}
div#mainheadercontent.mainnavigation.affix-top nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheadercontent.mainnavigation.affix nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div.col-xs-12.col-sm-10.header {flex-wrap:wrap!important;}
h1.headergelb {font-family: 'OffenbacherSchwabacherCAT' !important;font-weight: bold;font-style: normal;color: rgba(249, 178, 51, 1.0);font-size: 35px;text-align: center;}
div.col-xs-12.col-sm-6.social {justify-content: center!important;}
#mainheader.mainnavigation.affix .t3-header {padding-top: 0px !important;padding-bottom: 20px !important;}
div#mainheadercontent.mainnavigation.affix .t3-header {padding-top: 0px !important;padding-bottom: 20px !important;}
h1.article-title {width: auto;font-size:20px!important;}
.nav-outside-top .owl-nav {position:unset!important;}
h3.trenner {font-size: 18px;}
.copyright {text-align: center;}
div#mod-custom156.mod-custom.custom {text-align: center;}
div#dreigestirn .intro {height:18%;}
div#dreigestirn .text-h1 {font-size:14px;margin-top:20px;}
div#vorstandblock .intro {height:18%;}
div#vorstandblock .text-h1 {font-size:14px;margin-top:20px;}
div#elfer .intro {height:18%;}
div#elfer .text-h1 {font-size:14px;margin-top:20px;}
div.box.buze {width: 100%;}
div.box.auszug {width: 100%;}
.off-canvas-effect-4.t3-off-canvas {z-index:99;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #9b0707 !important;}
.nav .caret {border-top-color: #fff;border-bottom-color: #fff;border-bottom-width: 0;border-style: solid;}
.t3-off-canvas .t3-off-canvas-body a {color: #333;text-decoration: none;}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {background: #eee;}
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
#topmod {display:none!important;}
.navbar-default {background:transparent!important;}
div#mainheader.mainnavigation.affix-top .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheader.mainnavigation.affix-top .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheader.mainnavigation.affix .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheader.mainnavigation.affix .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheader.mainnavigation.affix img.logo-img {float:unset!important;}
div#mainheader.mainnavigation.affix-top button.btn.btn-primary.off-canvas-toggle {background:transparent;}
div#mainheader.mainnavigation.affix button.btn.btn-primary.off-canvas-toggle {background:transparent;}
img.logo-img {max-width:80%;}
div#mainheader.mainnavigation.affix-top nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheader.mainnavigation.affix nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheadercontent.mainnavigation.affix-top .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheadercontent.mainnavigation.affix-top .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheadercontent.mainnavigation.affix .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheadercontent.mainnavigation.affix .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheadercontent.mainnavigation.affix img.logo-img {float:unset!important;}
div#mainheadercontent.mainnavigation.affix-top button.btn.btn-primary.off-canvas-toggle {background:transparent;}
div#mainheadercontent.mainnavigation.affix button.btn.btn-primary.off-canvas-toggle {background:transparent;}
img.logo-img {max-width:80%;}
div#mainheadercontent.mainnavigation.affix-top nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheadercontent.mainnavigation.affix nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div.col-xs-12.col-sm-10.header {flex-wrap:wrap!important;}
h1.headergelb {font-family: 'OffenbacherSchwabacherCAT' !important;font-weight: bold;font-style: normal;color: rgba(249, 178, 51, 1.0);font-size: 35px;text-align: center;}
div.col-xs-12.col-sm-6.social {justify-content: center!important;}
#mainheader.mainnavigation.affix .t3-header {padding-top: 0px !important;padding-bottom: 20px !important;}
div#mainheadercontent.mainnavigation.affix .t3-header {padding-top: 0px !important;padding-bottom: 20px !important;}
h1.article-title {width: auto;font-size:20px!important;}
.nav-outside-top .owl-nav {position:unset!important;}
h3.trenner {font-size: 20px;}
.copyright {text-align: center;}
div#mod-custom156.mod-custom.custom {text-align: center;}
div#dreigestirn .intro {height:18%;}
div#dreigestirn .text-h1 {font-size:14px;margin-top:20px;}
div#vorstandblock .intro {height:18%;}
div#vorstandblock .text-h1 {font-size:14px;margin-top:20px;}
div#elfer .intro {height:18%;}
div#elfer .text-h1 {font-size:14px;margin-top:20px;}
div.box.buze {width: 100%;}
div.box.auszug {width: 100%;}
.off-canvas-effect-4.t3-off-canvas {z-index:99;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #9b0707 !important;}
.nav .caret {border-top-color: #fff;border-bottom-color: #fff;border-bottom-width: 0;border-style: solid;}
.t3-off-canvas .t3-off-canvas-body a {color: #333;text-decoration: none;}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {background: #eee;}
}

@media only screen and (min-width: 376px) and (max-width: 425px) {
#topmod {display:none!important;}
.navbar-default {background:transparent!important;}
div#mainheader.mainnavigation.affix-top .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheader.mainnavigation.affix-top .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheader.mainnavigation.affix .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheader.mainnavigation.affix .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheader.mainnavigation.affix img.logo-img {float:unset!important;}
div#mainheader.mainnavigation.affix-top button.btn.btn-primary.off-canvas-toggle {background:transparent;}
div#mainheader.mainnavigation.affix button.btn.btn-primary.off-canvas-toggle {background:transparent;}
img.logo-img {max-width:80%;}
div#mainheader.mainnavigation.affix-top nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheader.mainnavigation.affix nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheadercontent.mainnavigation.affix-top .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheadercontent.mainnavigation.affix-top .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheadercontent.mainnavigation.affix .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheadercontent.mainnavigation.affix .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheadercontent.mainnavigation.affix img.logo-img {float:unset!important;}
div#mainheadercontent.mainnavigation.affix-top button.btn.btn-primary.off-canvas-toggle {background:transparent;}
div#mainheadercontent.mainnavigation.affix button.btn.btn-primary.off-canvas-toggle {background:transparent;}
img.logo-img {max-width:80%;}
div#mainheadercontent.mainnavigation.affix-top nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheadercontent.mainnavigation.affix nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div.col-xs-12.col-sm-10.header {flex-wrap:wrap!important;}
h1.headergelb {font-family: 'OffenbacherSchwabacherCAT' !important;font-weight: bold;font-style: normal;color: rgba(249, 178, 51, 1.0);font-size: 42px;text-align: center;}
div.col-xs-12.col-sm-6.social {justify-content: center!important;}
#mainheader.mainnavigation.affix .t3-header {padding-top: 0px !important;padding-bottom: 20px !important;}
div#mainheadercontent.mainnavigation.affix .t3-header {padding-top: 0px !important;padding-bottom: 20px !important;}
h1.article-title {width: auto;font-size:20px!important;}
.nav-outside-top .owl-nav {position:unset!important;}
h3.trenner {font-size: 18px;}
.copyright {text-align: center;}
div#mod-custom156.mod-custom.custom {text-align: center;}
div#dreigestirn .intro {height:18%;}
div#dreigestirn .text-h1 {font-size:14px;margin-top:20px;}
div#vorstandblock .intro {height:18%;}
div#vorstandblock .text-h1 {font-size:14px;margin-top:20px;}
div#elfer .intro {height:18%;}
div#elfer .text-h1 {font-size:14px;margin-top:20px;}
div.box.buze {width: 100%;justify-content:center;}
div.box.auszug {width: 100%;justify-content:center;}
div#flex-container-buze {text-align:center;justify-content:center;}
.off-canvas-effect-4.t3-off-canvas {z-index:99;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #9b0707 !important;}
.nav .caret {border-top-color: #fff;border-bottom-color: #fff;border-bottom-width: 0;border-style: solid;}
.t3-off-canvas .t3-off-canvas-body a {color: #333;text-decoration: none;}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {background: #eee;}
}

@media only screen and (min-width: 426px) and (max-width: 479px) {
#topmod {display:none!important;}
.navbar-default {background:transparent!important;}
div#mainheader.mainnavigation.affix-top .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheader.mainnavigation.affix-top .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheader.mainnavigation.affix .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheader.mainnavigation.affix .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheader.mainnavigation.affix img.logo-img {float:unset!important;}
div#mainheader.mainnavigation.affix-top button.btn.btn-primary.off-canvas-toggle {background:transparent;}
div#mainheader.mainnavigation.affix button.btn.btn-primary.off-canvas-toggle {background:transparent;}
img.logo-img {max-width:80%;}
div#mainheader.mainnavigation.affix-top nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheader.mainnavigation.affix nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheadercontent.mainnavigation.affix-top .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheadercontent.mainnavigation.affix-top .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheadercontent.mainnavigation.affix .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheadercontent.mainnavigation.affix .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheadercontent.mainnavigation.affix img.logo-img {float:unset!important;}
div#mainheadercontent.mainnavigation.affix-top button.btn.btn-primary.off-canvas-toggle {background:transparent;}
div#mainheadercontent.mainnavigation.affix button.btn.btn-primary.off-canvas-toggle {background:transparent;}
img.logo-img {max-width:80%;}
div#mainheadercontent.mainnavigation.affix-top nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheadercontent.mainnavigation.affix nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div.col-xs-12.col-sm-10.header {flex-wrap:wrap!important;}
h1.headergelb {font-family: 'OffenbacherSchwabacherCAT' !important;font-weight: bold;font-style: normal;color: rgba(249, 178, 51, 1.0);font-size: 48px;text-align: center;}
div.col-xs-12.col-sm-6.social {justify-content: center!important;}
#mainheader.mainnavigation.affix .t3-header {padding-top: 0px !important;padding-bottom: 20px !important;}
div#mainheadercontent.mainnavigation.affix .t3-header {padding-top: 0px !important;padding-bottom: 20px !important;}
h1.article-title {width: auto;font-size:20px!important;}
.nav-outside-top .owl-nav {position:unset!important;}
h3.trenner {font-size: 20px;}
.copyright {text-align: center;}
div#mod-custom156.mod-custom.custom {text-align: center;}
div#dreigestirn .intro {height:12%;}
div#dreigestirn .text-h1 {font-size:14px;margin-top:20px;}
div#vorstandblock .intro {height:12%;}
div#vorstandblock .text-h1 {font-size:14px;margin-top:20px;}
div#elfer .intro {height:12%;}
div#elfer .text-h1 {font-size:14px;margin-top:20px;}
div.box.buze {width: 100%;justify-content:center;}
div.box.auszug {width: 100%;justify-content:center;}
div#flex-container-buze {text-align:center;justify-content:center;}
.off-canvas-effect-4.t3-off-canvas {z-index:99;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #9b0707 !important;}
.nav .caret {border-top-color: #fff;border-bottom-color: #fff;border-bottom-width: 0;border-style: solid;}
.t3-off-canvas .t3-off-canvas-body a {color: #333;text-decoration: none;}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {background: #eee;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#topmod {display:none!important;}
.navbar-default {background:transparent!important;}
div#mainheader.mainnavigation.affix-top .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheader.mainnavigation.affix-top .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheader.mainnavigation.affix .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheader.mainnavigation.affix .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheader.mainnavigation.affix img.logo-img {float:unset!important;}
div#mainheader.mainnavigation.affix-top button.btn.btn-primary.off-canvas-toggle {background:transparent;}
div#mainheader.mainnavigation.affix button.btn.btn-primary.off-canvas-toggle {background:transparent;}
img.logo-img {max-width:80%;}
div#mainheader.mainnavigation.affix-top nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheader.mainnavigation.affix nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheadercontent.mainnavigation.affix-top .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheadercontent.mainnavigation.affix-top .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheadercontent.mainnavigation.affix .col-xs-12.col-sm-2.logo {width:100%;justify-content:center;}
div#mainheadercontent.mainnavigation.affix .col-xs-12.col-sm-6.narrhalla {justify-content: center;}
div#mainheadercontent.mainnavigation.affix img.logo-img {float:unset!important;}
div#mainheadercontent.mainnavigation.affix-top button.btn.btn-primary.off-canvas-toggle {background:transparent;}
div#mainheadercontent.mainnavigation.affix button.btn.btn-primary.off-canvas-toggle {background:transparent;}
img.logo-img {max-width:80%;}
div#mainheadercontent.mainnavigation.affix-top nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div#mainheadercontent.mainnavigation.affix nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {position:absolute;top:10%;right:5%;}
div.col-xs-12.col-sm-10.header {flex-wrap:wrap!important;}
h1.headergelb {font-family: 'OffenbacherSchwabacherCAT' !important;font-weight: bold;font-style: normal;color: rgba(249, 178, 51, 1.0);font-size: 48px;text-align: center;}
div.col-xs-12.col-sm-6.social {justify-content: center!important;}
#mainheader.mainnavigation.affix .t3-header {padding-top: 0px !important;padding-bottom: 20px !important;}
div#mainheadercontent.mainnavigation.affix .t3-header {padding-top: 0px !important;padding-bottom: 20px !important;}
h1.article-title {width: auto;font-size:20px!important;}
.nav-outside-top .owl-nav {position:unset!important;}
h3.trenner {font-size: 18px;}
.copyright {text-align: center;}
div#mod-custom156.mod-custom.custom {text-align: center;}
div#dreigestirn .intro {height:12%;}
div#dreigestirn .text-h1 {font-size:14px;margin-top:20px;}
div#vorstandblock .intro {height:12%;}
div#vorstandblock .text-h1 {font-size:14px;margin-top:20px;}
div#elfer .intro {height:12%;}
div#elfer .text-h1 {font-size:14px;margin-top:20px;}
div.box.buze {width: 100%;justify-content:center;}
div.box.auszug {width: 100%;justify-content:center;}
div#flex-container-buze {text-align:center;justify-content:center;}
.off-canvas-effect-4.t3-off-canvas {z-index:99;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #9b0707 !important;}
.nav .caret {border-top-color: #fff;border-bottom-color: #fff;border-bottom-width: 0;border-style: solid;}
.t3-off-canvas .t3-off-canvas-body a {color: #333;text-decoration: none;}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {background: #eee;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
button.btn.btn-primary.off-canvas-toggle {display:none!important;} 
.off-canvas-toggle {display:none!important;}   
#topmod {display:none!important;}
.col-xs-12.col-sm-2.logo {width:25%;}
div.col-xs-12.col-sm-10.header {width:75%;}
h1.article-title {width: auto;font-size:20px!important;}
.olweb-bone__content-title a {font-size: 16px!important;}
div.box.buze {width: 100%;justify-content:center;}
div.box.auszug {width: 100%;justify-content:center;}
div#flex-container-buze {text-align:center;justify-content:center;}
.col-lg-3.d.col-md-3.d.col-sm-12.d.col-xs-12.d {width:25%!important;}
.col-lg-3.v.col-md-3.v.col-sm-12.v.col-xs-12.v {width:25%!important;}
div#dreigestirn .intro {height:33%;}
div#dreigestirn .card:hover .intro {height: 75%;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
div#vorstandblock .intro {height: 33%;bottom: 0;color:#fff;}
div#vorstandblock .card:hover .intro {height: 60%;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
.col-lg-3.e.col-md-3.e.col-sm-12.e.col-xs-12.e {width:25%;}
div#elfer .intro {height:25%;}
div#elfer .card:hover .intro {height: 60%;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
h3.trenner {font-size: 18px;}  
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
button.btn.btn-primary.off-canvas-toggle {display:none!important;} 
.off-canvas-toggle {display:none!important;}
div#dreigestirn .intro {height:33%;}
div#dreigestirn .card:hover .intro {height: 75%;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
div#vorstandblock .intro {height: 33%;bottom: 0;color:#fff;}
div#vorstandblock .card:hover .intro {height: 60%;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
.col-lg-3.e.col-md-3.e.col-sm-12.e.col-xs-12.e {width:25%;}
div#dreigestirn .intro {height:33%!important;}
div#dreigestirn .card:hover .intro {height: 75%!important;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
div#vorstandblock .intro {height: 33%!important;bottom: 0;color:#fff;}
div#vorstandblock .card:hover .intro {height: 60%!important;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
.col-lg-3.e.col-md-3.e.col-sm-12.e.col-xs-12.e {width:25%;}
div#elfer .intro {height:33%!important;}
div#elfer .card:hover .intro {height: 60%!important;bottom: 0;color:#fff;background-color: rgba(33,33,33,0.85);}
}

@media only screen and (min-width: 1200px) {
button.btn.btn-primary.off-canvas-toggle {display:none!important;} 
.off-canvas-toggle {display:none!important;}  
}