@font-face {
    font-family: "TazWebfontLight";
    src: url("schriften/Taz_300_Light/Taz_300_.eot");
    src: url("schriften/Taz_300_Light/Taz_300_.eot?#iefix") format("embedded-opentype"),
    url("schriften/Taz_300_Light/Taz_300_.woff") format("woff"),
    url("schriften/Taz_300_Light/Taz_300_.svg#Taz_300_") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TazWebfontReg";
    src: url("schriften/Taz_500_Regular/Taz_500_.eot");
    src: url("schriften/Taz_500_Regular/Taz_500_.eot?#iefix") format("embedded-opentype"),
    url("schriften/Taz_500_Regular/Taz_500_.woff") format("woff"),
    url("schriften/Taz_500_Regular/Taz_500_.svg#Taz_500_") format("svg");
    font-weight: normal;
    font-style: normal;
}
#wrapper {
    width:100%;
    margin:auto;
    font-family: TazWebfontLight, "Arial Narrow", sans-serif;
    position: relative;
    padding:0px;
    overflow:hidden;
    color:#5c5c5c;
    font-size:18px;
    padding-top:191px;
}

/* h1, h2, a, a:hover, .slash, .fixedmenu .searchWrapper input, .news-backlink-wrap > a, .news .article span[itemprop=headline], .news .article .news-list-date, .news .article .teaser-text .more, .slideText, .suchform .weiter:hover, .suchform > span.bvGlas-search, .tx-indexedsearch-res a,.tx-srfeuserregister-pi1 a, .tx-felogin-pi1 input.logout:hover, .tx-felogin-pi1 input.logout:hover, #tx_felogin_pi1-forgot-email, #tx_felogin_pi1-newpassword1, #tx_felogin_pi1-newpassword2, #tx_indexedsearch table, #tx_indexedsearch table input, .navbar-nav > .active a:hover, .navbar-nav .open > a:hover, #loginmenu .suchform input[type=text], #loginmenu .suchform input[type=password], #loginmenu .suchform input[type=search], #newsSlider .owl-next .bvGlas-arrow-right:hover, #newsSlider .owl-prev .bvGlas-arrow-left:hover, #glasSlider .owl-next .bvGlas-arrow-right, #glasSlider .owl-prev .bvGlas-arrow-left, #historySlider .owl-next .bvGlas-arrow-right, #historySlider .owl-prev .bvGlas-arrow-left, #historySlider .bvGlas-arrow-right, #historySlider .bvGlas-arrow-left, .owl-next .bvGlas-arrow-right:hover, .owl-prev .bvGlas-arrow-left:hover, .middlecontent button.klappbox > span.bvGlas-font, .middlecontent button.klappbox, .weiter, .bannerteaserbox >.weiter:hover, .tx-felogin-pi1 .contentlogin a:hover { */
h1, h2, a, a:hover, .slash, .fixedmenu .searchWrapper input, .news-backlink-wrap > a, .news .article span[itemprop=headline], .news .article .news-list-date, .news .article .teaser-text .more, .slideText, .suchform .weiter:hover, .suchform > span.bvGlas-search, .tx-indexedsearch-res a,.tx-srfeuserregister-pi1 a, .tx-felogin-pi1 input.logout:hover, .tx-felogin-pi1 input.logout:hover, #tx_felogin_pi1-forgot-email, #tx_felogin_pi1-newpassword1, #tx_felogin_pi1-newpassword2, #tx_indexedsearch table, #tx_indexedsearch table input, .navbar-nav > .active a:hover, .navbar-nav .open > a:hover, #loginmenu .suchform input[type=text], #loginmenu .suchform input[type=password], #loginmenu .suchform input[type=search], #newsSlider .owl-next .bvGlas-arrow-right:hover, #newsSlider .owl-prev .bvGlas-arrow-left:hover, #glasSlider .owl-next .bvGlas-arrow-right, #glasSlider .owl-prev .bvGlas-arrow-left, #historySlider .owl-next .bvGlas-arrow-right, #historySlider .owl-prev .bvGlas-arrow-left, #historySlider .bvGlas-arrow-right, #historySlider .bvGlas-arrow-left, .owl-next .bvGlas-arrow-right:hover, .owl-prev .bvGlas-arrow-left:hover, .middlecontent button.klappbox > span.bvGlas-font, .middlecontent button.klappbox, .weiter, .bannerteaserbox >.weiter:hover, .tx-felogin-pi1 .contentlogin p a:hover {
    color:#005B9B;
}
.fixedmenu > .right, .fixedmenu > .middlecontent > .loginWrapper, #loginmenu, #loginmenu > .dropdown-menu, #footer, .dropdown-menu, .banner.statementslider {
    background-color: #003f6f;
}
.icon-bar, .navbar, .navbar-nav .active > a, .navbar-nav .open > a, .navbar-nav > .active a:hover, .navbar-nav .open > a:hover, .suchform .weiter:hover, .bannerteaserbox >.weiter:hover{
    background-color:white;
}
#loginmenu >a, #newsSlider .news-item >a, #footer a, .fixedmenu span.lang > a, .fixedmenu span.lang, .fixedmenu span.login, .fixedmenu > .middlecontent > .searchWrapper, .fixedmenu > .middlecontent > .navbar-toggle-container, #loginmenu > a:focus, #loginmenu > a:hover, .dropdown-menu li>a, #myCarousel .slash, .startbanner .slash, #myCarousel h1, .startbanner h1, .blauesBanner h1, .blauesBanner a:hover, .sliderheadline, .sliderheadline .weiter, .blauesBanner, .blauesBanner >h2, .news-item a, .news-item a:hover, #newsSlider article.news-item.custom-item, .kontaktbanner a:hover, .suchform .weiter, .archivfilter.selected, .imgwrapper:hover ~ .weiter, .weiter:hover, .banner .vcenter h2, .bannerteaserbox >.weiter, .tx-felogin-pi1 p a:hover, .navbar .navbar-nav .submenuopentrigger, #slidetext, .banner.statementslider .slideText, .carousel-control > .bvGlas-arrow-right, .carousel-control >.bvGlas-arrow-left, #glasSlider .owl-next .bvGlas-arrow-right:hover, #glasSlider .owl-prev .bvGlas-arrow-left:hover, #historySlider .owl-next .bvGlas-arrow-right:hover, #historySlider .owl-prev .bvGlas-arrow-left:hover, .owl-next .bvGlas-arrow-right, .owl-prev .bvGlas-arrow-left, #newsSlider .owl-next .bvGlas-arrow-right, #newsSlider .owl-prev .bvGlas-arrow-left, .kontaktbanner, .bannerteaserbox > h2, .bannerteaserbox, #historySlider .circle, .contentlogin .weiter:hover, .tx-srfeuserregister-pi1 input[type=submit]:hover {
    color: white;
}

.middlecontent .tx-felogin-pi1 a.weiter, .middlecontent .tx-felogin-pi1 input.weiter {
  background-color: transparent;
  border: 1px solid #0092F5;
  color: #0092F5;
  padding: 12px 15px;
  margin-left: 0px;
  margin-top:0px;
  font-size: 16px;
  font-family: TazWebfontReg,"Arial Narrow",sans-serif;
}

.middlecontent .tx-felogin-pi1 p a:hover {
 color: #0092F5;
}

.contenttable th, .contenttable td {
border-top: 0;	
}

.middlecontent .middlecontent, p.bodytext > img, .fixedmenu, #loginmenu .suchform input[type=text], #loginmenu .suchform input[type=password], #loginmenu .suchform input[type=search], .kontaktbanner .suchform input[type=text], .kontaktbanner .suchform input[type=password], .kontaktbanner .suchform input[type=search], #footer, .teaserDividerLine, #tx_indexedsearch table, #tx_indexedsearch table input, #tx_felogin_pi1-forgot-email, #tx_felogin_pi1-newpassword1, #tx_felogin_pi1-newpassword2, .blauesBanner, .blauesBanner >h2,.news .article img, .news .article .news-img-wrap img, .arrowConainter, .kontaktbanner, .middlecontent button.klappbox, .img-thumbnail, .thumbnail{
    width: 100%;
}
.fixedmenu .searchWrapper input, span.login a.dropdown-toggle, .navbar-collapse, .container, .startbanner + .blauesBanner, #newsSlider .news, .img-thumbnail, .thumbnail, ul:not(.nav){
    padding: 0px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .blauesBanner a, .news-item a:hover span.bvGlas-arrow-right, .kontaktbanner a, .tx-felogin-pi1 p a, .news-item-subheader > time{
    color: #0092F5;
}
.archivfilter.selected, .carousel-control > .bvGlas-arrow-right:hover, .carousel-control > .bvGlas-arrow-left:hover, .sliderheadline .weiter:hover, .blauesBanner, .blauesBanner >h2, #historySlider .divider-line,
#historySlider .divider-circle, #historySlider .circle, #historySlider .circle:after, #historySlider .line, #historySlider .line-r, #historySlider .line-l, .kontaktbanner, .imgwrapper:hover .teaserHover, .imgwrapper .teaserHover.visibleByButtonHover, .imgwrapper:hover ~ .weiter, .weiter:hover, .bannerteaserbox, .fixedmenu > .left, .fixedmenu > .middlecontent, #glasSlider .owl-next .bvGlas-arrow-right:hover, #glasSlider .owl-prev .bvGlas-arrow-left:hover, #historySlider .owl-next .bvGlas-arrow-right:hover, #historySlider .owl-prev .bvGlas-arrow-left:hover, .arrowConainter > .arrowdown:before, .arrowConainter > .arrowdown:after, .contentlogin .weiter:hover, .tx-srfeuserregister-pi1 input[type=submit]:hover {
    background-color:#005B9B;
}
.suchform .weiter:hover, .menutext, .sliderheadline .weiter:hover, #glasSlider .customNav .owl-prev, #glasSlider .customNav .owl-next, #historySlider .customNav .owl-prev, #historySlider .customNav .owl-next, .weiter:hover, .bannerteaserbox >.weiter:hover, .suchbutton:hover{
    cursor:pointer;
}
#newsSlider article.news-item.custom-item, .fixedmenu, .navbar, #loginmenu, .middlecontent button.klappbox, .teaser p {
    font-family: TazWebfontLight, "Arial Narrow", sans-serif;
}
.fixedmenu span.lang > a.active, .sliderheadline .weiter, .news-item-subheader > time, .suchform .weiter, .weiter {
    font-family: TazWebfontReg, "Arial Narrow", sans-serif;
}
.fixedmenu > .left, .fixedmenu > .right, .news .article .news-img-wrap, #historySlider .word.word-r span, #historySlider .line-l, #historySlider .line-r, #footer .subpage, .bannerteaserbox{
    width: 50%;
}
h1{
    font-size:2.2em;
}
h2, #loginmenu input, .description > p, .blauesDreieck, .news-item-subheader > time, #historySlider .word, #historySlider .word.word-r span, .arrowConainter > .arrowdown:before, .arrowConainter > .arrowdown:after, ul:not(.nav) li{
    display: block;
}
a:hover{
    text-decoration: none;
}
.spacer{
    height: 15px;
}
.spacerhalf{
    height: 7.5px;
}
input{
    border: 0px;
    margin-bottom: 10px;
    padding: 10px;
}
.slash{
    font-size:1.1em;
}
p.bodytext > img {
    height:auto;
}
span.nobreak {
    white-space: nowrap;
}

/* Mitteler Content */
.middlecontent, .tx-srfeuserregister-pi1, .news, .banner .vcenter, .tx-indexedsearch {
    width:85%;
    margin:auto;
    max-width:1100px;
}

.tx-indexedsearch-searchbox, .tx-indexedsearch-rules, .tx-indexedsearch-percent {
    display: none;
}

.tx-indexedsearch-info {
    background-color: #eeeeee;
}

.tx-indexedsearch-info dd ,.tx-indexedsearch-info dt{
    display: inline;
    font-weight: normal !important;
}
.tx-indexedsearch-info dd {
    margin-right: 10px;
}
.tx-indexedsearch-text-item-path {
    display: none !important;
}
.tx-indexedsearch-browsebox LI {
    margin-right: 10px;
}

.tx-indexedsearch-text-item-path p {
    display: inline;
}

a.coverlink{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index:9;
}
a.download img{
    display: none;
}
/* Fixe Navigation */
.fixedmenu .mitgliederersatz {
    width: 183px;
    height: 1px;
    float:right;
}
.fixedmenu{
    position: fixed;
    height:60px;
    z-index:9999;
    top:0px;
}
.fixedmenu > .left, .fixedmenu > .right{
    height:100%;
    padding:0px 0px;
    position: absolute;
    top:0px;
    z-index:-2;
}
.fixedmenu > .right{
    right:0px;
}
.fixedmenu > .middlecontent{
    height:100%;
    z-index:9;
}
.fixedmenu > .middlecontent > .loginWrapper{
    float:right;
    width:auto;
    height:60px;
    padding-top: 20px;
    padding-left: 10px;
}
.fixedmenu > .middlecontent > .searchWrapper{
    float:right;
    width:auto;
    height:60px;
    padding-top: 17px;
    margin-right:20px;
}
.fixedmenu span.lang, .fixedmenu span.login{
    float:right;
    margin-left:10px;
}
.fixedmenu span.login{
    margin-right:20px;
    margin-left:20px;
}
.fixedmenu > .middlecontent > .navbar-toggle-container{
    float:left;
    display:none;
}
.fixedmenu span.lang > a:first-of-type {
    margin-right:5px;
    margin-left:0px;
}
.fixedmenu span.lang > a {
    margin-left:5px;
}
.navbar-toggle{
    float:left;
    display:inline-block;
    margin:13px 0px 0px;
    padding-left:0px;
}
.menutext{
    float:left;
    margin-top: 19px;
}
#loginmenu{
    height:30px;
}
#loginmenu > a:focus, #loginmenu > a:hover{
    background-color: transparent;
}
#loginmenu .suchform{
    padding:20px 0px;
}
#loginmenu span.bvGlas-user{
    margin:0px 1px 0px 3px;
}

#loginmenu .row {
    margin: 0 1px;
}

/* Hauptnavigation */
.navbar {
    box-shadow: none;
    margin-bottom: 0px;
    border: 0px;
    background-image: none;
    z-index:999;
}
.navbar-collapse.collapse{
    border:0px;
}
.container {
    width: 85%;
    max-width:1100px;
}
.navbar-nav>li>a, .navbar-brand{
    padding:55px 15px 55px 0px;
}
.navbar.navbar-default{
    position: static;
    top:-131px;
    margin-top:-131px;
}
.navbar.navbar-default.navbar-fixed-top{
    top:-131px;
    /*display:block !important;*/
    position: fixed;
    margin-top:0px;
    transition:top 1000ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
}
.navbar.navbar-default.navbar-fixed-top.open{
    top:60px;
    transition:top 1000ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
}
.collapsing {
    position: fixed !important;
}
.navbar-nav .active > a, .navbar-nav .open > a{
    background-image: none;
    box-shadow:none;
}
.navbar-brand img{
    max-width: 160px;
    transform: translateY(-50%);
    margin-top: 0.5em;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background-color:transparent;
    background-image:none;
    border:none;
}
.dropdown-menu{
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
}
.dropdown-menu li{
    position: relative;
    padding: 3px 0px;
}
.dropdown-menu li:before{
    content:"" !important;
}
.dropdown-menu .subpage{
    float:left;
    margin-right:25px;
}
.dropdown-menu .subpage li:first-of-type a{
    font-weight:bold;
}
.selectedLine{
    background: url('../img/dreieck_dunkel.png');
    background-size:43px 30px;
    height: 20px;
    width: 43px;
    position: absolute;
    z-index: 9;
    bottom: 0;
    display:none;
    transform: translateX(-50%);
    margin-left: 50%;
}
.navbar>.container .navbar-brand{
    margin-left:0px;
    margin-right: 35px;
}
.navbar-nav>li>.dropdown-menu{
    padding: 1em 0px;
}
.navbar .navbar-nav .submenuopentrigger {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 51px;
    width: 51px;
    border-bottom: 1px solid #005B9B;
}
.navbar-nav .submenuopentrigger > span.bvGlas-arrow-right:before, .navbar-nav .submenuopentrigger > span.bvGlas-arrow-left:before {
    right: 12px;
    top: 15px;
    position: absolute;
}
/* Startslider */
#myCarousel .slash, .startbanner .slash{
    position: absolute;
    left: -25px;
    top: -9px;
    font-size:1em;
}
#myCarousel h1, .startbanner h1{
    font-size:3.8em;
    position: relative;
}
.carousel-inner{
    height:100%;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    background-size:cover;
    background-position-y:0px;
    background-position-x:center;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.carousel-control-wrapper{
    position: absolute;
    bottom:10%;
    width:85%;
    margin:auto;
    text-align: right;
}
.carousel-control.left,.carousel-control.right, #slidetext {
    position:relative;
    float:none;
    display:inline-block;
    width:auto;
    background-image:none;
    box-shadow: none;
    opacity: 1;
    z-index:99;
    top:0;
    margin-top:0px;
}
#slidetext{
    background-color: transparent;
    margin-left:10px;
    vertical-align: middle;
    font-size:14px;
    border:none;
}
.carousel-control > .bvGlas-arrow-right, .carousel-control >.bvGlas-arrow-left{
    position: relative;
    border:1px solid white;
    background-color: transparent;
    margin-left:10px;
    height: 40px;
    width: 40px;
    left:0;
    top:0;
    margin-top:0px;
    padding: 12px;
    vertical-align: middle;
    font-size:16px;
}
.sliderheadline{
    display: table;
    height: 100%;
    z-index: 99;
    position: relative;
}
.sliderheadline .centerer{
    vertical-align: middle;
    display:table-cell;
}
.sliderverlauf{
    position: absolute;
    top: 0px;
    right:0px;
    bottom:0px;
    left:0px;

    background: #005B9B; /* Old browsers */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(1,71,140,0.9) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005B9B', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
.sliderheadline .weiter {
    border-color:white;
}

/* Startbanner Unterseite */
.startbanner{
    position: relative;
}
.csc-frame-default.topanchorlink, .frame-default.topanchorlink {
    margin-top: -191px;
    padding-top: 191px;
}
.csc-frame-default, .frame-default {
    padding-top: 60px;
    margin-top: -60px;
}

/* Blaue banner */
.blauesBanner{
    min-height: 100px;
    position: relative;
    margin-bottom: 25px;
    padding:50px 0px
}
#myCarousel + .blauesBanner{
    padding: 20px 0px 50px 0px;
}

.blauesBanner >h2{
    min-height: 100px;
    position: relative;
}
/* News - beide Views */
.news{
    padding: 2em 0px;
    position: relative;
}
/* News - Single page*/
.news-single .teaser-text {
    font-size: inherit;
    color:inherit;
}

/* News - Listview */
.news .article{
    margin-bottom:0px;
    padding-bottom:0px;
}
.news .header h3 {
    margin-top:0px;
}
.news .footer{
    border:0px;
}
ul:not(.nav).f3-widget-paginator li:before{
    margin-left:0px;
}
.news .page-navigation ul li a, #glasSlider .arrowWrapper, #glasSlider .slideText, #historySlider .historyarrowWrapper, #historySlider .slideText, .banner.statementslider .slideText{
    display:inline-block;
}
/* Newsslider */
#newsSlider h1 {
    margin:0px 0px 10px;
    padding-top:10px;
}
#newsSlider .owl-next .bvGlas-arrow-right, #newsSlider .owl-prev .bvGlas-arrow-left{
    position: relative;
    border: 1px solid white;
    background-color: transparent;
    height: 40px;
    width: 40px;
    left: 0;
    top: 0;
    margin-top: 0px;
    padding: 12px;
    vertical-align: middle;
    font-size:16px;
}
.owl-next .bvGlas-arrow-right, #glasSlider .slideText, #historySlider .slideText{
    margin-left: 10px;
}
.banner.statementslider .slideText{
    float:right;
    margin-top: 20px;
}
#newsSlider .owl-next .bvGlas-arrow-right:hover, #newsSlider .owl-prev .bvGlas-arrow-left:hover{
    border: 1px solid white;
    background-color: white;
}

/* Glasslider */
#glasSlider{
    padding-top:10px;
}
#glasSlider .owl-next .bvGlas-arrow-right, #glasSlider .owl-prev .bvGlas-arrow-left, #historySlider .owl-next .bvGlas-arrow-right, #historySlider .owl-prev .bvGlas-arrow-left, #historySlider .bvGlas-arrow-right, #historySlider .bvGlas-arrow-left, .carousel-control > .bvGlas-arrow-right:hover, .carousel-control > .bvGlas-arrow-left:hover, .sliderheadline .weiter:hover, .middlecontent button.klappbox > span.bvGlas-font, .weiter, .tx-srfeuserregister-pi1 input, .contentlogin input  {
    border: 1px solid #005B9B;
}
#glasSlider .customNav .owl-prev, #glasSlider .customNav .owl-next, #historySlider .customNav .owl-prev, #historySlider .customNav .owl-next, .banner.statementslider .customNav .owl-prev, .banner.statementslider .customNav .owl-next{
    display:inline-block;
    margin-bottom:20px;
}
#glasSlider .owl-item .item [class*="col-"]{
    padding-left:0px;
}
#glasSlider .owl-stage {
    margin-left: -30px;
}
#glasSlider h1{
    margin-top:0px;
}

/* History Slider */
#historySlider{
    background-color: #f9f9f9;
}
#historySlider .item .text {
    padding: 0 20px;
    text-align: center;
}
#historySlider .owl-carousel{
    margin-left:-20px;
    padding: 0 20px;
}
#historySlider p {
    font-size: 16px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
}

#historySlider .divider-line,
#historySlider .divider-circle {
    position: relative;
    left: 50%;
    display: table;
}
#historySlider .divider {
    margin-bottom: 10px;
}
#historySlider .divider-line {
    height: 15px;
    width: 1px;
}
#historySlider .divider-circle {
    height: 9px;
    width: 9px;
    border-radius: 50%;
    margin-left: -4px;
}
#historySlider .owl-item { opacity:0.2; transition: opacity 400ms ease;}
#historySlider .owl-item.active { opacity:1.0; }

#historySlider .owl-next .bvGlas-arrow-right:hover, .owl-prev .bvGlas-arrow-left:hover {
    opacity: 1;
}
#historySlider .owl-stage-outer {
    padding-top: 80px;
}
#historySlider .owl-nav {
    position: absolute;
    top: 0;
}
#historySlider .circle:after {
    content: "";
    width: 1px;
    height: 20px;
    margin: 0 auto;
    display: table;
    position: absolute;
    bottom: 0;
    left: 50%;
    top: 100px;
}
#historySlider .circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    padding: 20px 9px;
    font-size: 12px;
    margin-bottom: 30px;
    padding: 14px;
    padding-top: 18px;
    display: table;
    position: relative;
}
#historySlider .circle span {
    vertical-align: middle;
    display: table-cell;
    font-size: 16px;
}
#historySlider .line {
    opacity: 0;
    width: 1px;
    height: 30px;
    margin: 0 auto;
}
#historySlider .line-r {
    height: 1px;
    text-align: right;
    float: right;
    width:50%;
}
#historySlider .line-l{
    height: 1px;
    float: left;
    width:50%;
}
#historySlider .word {
    height: 30px;
    width: 70%;
    text-align: center;
    background-color: #FFF;
    position: relative;
    top: -10px;
    opacity: 0;
    margin: 0 auto;
    margin-top: -30px;
    background-color: #f9f9f9;
}
#historySlider .word.word-r {
    background-color: transparent;
}
#historySlider .word.word-r span  {
    position: relative;
    right: -100%;
    background-color: #FFF;
    z-index: 1000;
    opacity: 0;
}
#historySlider .historyarrowWrapper, .banner.statementslider .statementarrowWrapper{
    margin-top: 20px;
    margin-left: 20px;
}
.banner.statementslider .statementarrowWrapper{
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index:999;
}
.banner.statementslider .middlecontent, .banner.statementslider .owl-item{
    height:500px;
    position: relative;
}
.banner.statementslider .owl-item .csc-frame-default, .banner.statementslider .owl-item .frame-default {
    transform: translateY(-50%);
    color: white;
    position: absolute;
    top: 50%;
}
.banner.statementslider .owl-item.fade.active {
    opacity: 1;
}
.stetementTextcenterer {
    display:table-cell;
    vertical-align: middle;
}
#historySlider .owl-item.active .line,
#historySlider .owl-item.active .word span,
#historySlider .owl-item.active .word { opacity: 1; transition: opacity 400ms ease; }

/* Slider Pfeile */
.owl-next .bvGlas-arrow-right, .owl-prev .bvGlas-arrow-left{
    position: relative;
    border: 1px solid white;
    background-color: transparent;
    height: 40px;
    width: 40px;
    left: 0;
    top: 0;
    margin-top: 0px;
    padding: 12px;
    vertical-align: middle;
}
.owl-next .bvGlas-arrow-right:hover, .owl-prev .bvGlas-arrow-left:hover{
    border: 1px solid white;
    background-color: white;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{
    display:inline-block;
    margin-top:20px;
}

/* Pfeil über blauem Banner */
.arrowConainter{
    position: absolute;
    height: 21px;
    overflow: hidden;
    left: 0;
    top: -20px;
    z-index: 99;
    transform: translate3d(0px, 0, 50px);
}
.arrowConainter > .arrowdown{
    background: url('../img/dreieck.png');
    position: absolute;
    background-size: 37px 21px;
    height: 20px;
    width: 37px;
    left: calc(50% - 18px);
    margin-left: 0px;
    z-index: 99;
}
.arrowConainter > .arrowdown:before{
    content: "";
    height: 30px;
    width: 2000px;
    position: absolute;
    bottom: 0;
    right: 37px;
}
.arrowConainter > .arrowdown:after{
    content: "";
    height: 30px;
    width: 2000px;
    position: absolute;
    bottom: 0;
    left: 37px;
}
/*Kontaktbanner*/
.kontaktbanner{
    margin-top:25px;
    padding: 50px 0px;
}
.suchform{
    position: relative;
}
.kontaktbanner .suchform input[type=text], .kontaktbanner .suchform input[type=password], .kontaktbanner .suchform input[type=search]{
    color: #333;
}
.kontaktbanner p {
    font-size:16px;
}
.suchform a.arrowdistancer > span.bvGlas-font{
    margin-left:9px;
}
.suchform a.arrowdistancer_en > span.bvGlas-font{
    margin-left:16px;
}
.suchform .weiter{
    border: 1px solid white;
}
.suchform > span.bvGlas-search{
    position: absolute;
}
.fixedmenu .suchform > input.searchfield{
    height: 30px;
    margin-top: -5px;
}
.fixedmenu .suchform > span.bvGlas-search{
    top: -1px;
    right: 5px;
    font-size: 27px;
}
#tx_indexedsearch .suchform > span.bvGlas-search,
.kontaktbanner .suchform > span.bvGlas-search {
    top: 5px;
    right: 5px;
    font-size: 33px;
}


/* KLappboxen */
.middlecontent button.klappbox{
    background: transparent;
    padding: 10px 0px;
    border: none;
    text-align: left;
    margin:10px 0px;
    display: inline;
}
.middlecontent button.klappbox > h2{
    display: inline;
}
.middlecontent button.klappbox + .collapse.in{
    margin:0px 0px 10px;
}
.middlecontent button.klappbox > span.bvGlas-font{
    position: relative;
    background-color: transparent;
    margin-left: 10px;
    height: 35px;
    width: 35px;
    left: 0;
    top: -13px;
    margin-top: 0px;
    padding: 8px;
    vertical-align: middle;
}

.news-list-view > .page-navigation.pull-to-top {
    margin-top:-93px;
}
.news-list-view > .article + .page-navigation {
    position: absolute;
    right: 0px;
    bottom: -115px;
    z-index: 1;
}
.archivueberschrift{
    margin-bottom: -30px;
}
.archivfilter{
    margin-right:5px;
}
/* Footer */
#footer{
    padding:44px 0px 50px;
}
#footer .subpage{
    float:left;
}
#footer .footerline{
    width:95%;
    border-bottom:1px solid #005B9B;
    margin:10px 2.5% 0px;
}
#footer h3 > a {
    position: relative;
    font-size:20px;
}
#footer a {
    font-size:16px;
}
#footer .slash {
    position: absolute;
    left: -12px;
    top: -2px;
    font-size:1em;
}

/* Teaser */
.teaser{
    padding:25px 0px;
}
.img-thumbnail, .thumbnail {
    border: none;
    border-radius: 0px;
}
.imgwrapper{
    position: relative;
}
.imgwrapper .teaserHover {
    position: absolute;
    left:0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0.3;
}
.weiter{
    font-size: 16px;
    padding:12px 15px;
    margin-top:10px;
    display: inline-block;
}
.banner{
    height:500px;
    position: relative;
    margin: 25px 0px;
}
.blauesBanner + .banner {/* Banner mit zweispakltigem text oberhalb: Abstandskorrektur.*/
    margin-top:-25px;
    margin-bottom:0px;
}
.banner .vcenter {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    color:white;
}
.bannerteaserbox {
    padding: 1em;
    margin: 2em 0px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    max-width: 550px;
}
.bannerteaserbox >.weiter{
    border-color: white;
}
.blauesDreieck{
    background: url('../img/dreieck_inverted.png');
    background-size:43px 30px;
    height: 20px;
    width: 43px;
    position: absolute;
    z-index: 9;
    bottom: 0;
    top:-18px;
    left:50%;
    transform: translateX(-50%);
}
.blauesDreieck.dreieckToBottom{
    transform: scaleY(-1);
    top:0px;
}

.teaserDividerLine{
    border-bottom: 1px solid #5c5c5c;
    padding-top: 25px;
    clear:both;
    margin-bottom:25px;
}
.teaserDividerLine.blue{
    border-bottom: 1px solid #005B9B;
}

/* Vertikale Zentrierung in Mehrspalten-Container */
.equal-height {
    display: table;
}
.vcenter-content {
    display: table-cell;
    vertical-align: middle;
}
/* Auflistungen */

ul:not(.nav) {
    list-style: none;
    margin: 10px 0px;
}
ul:not(.nav) li {
    vertical-align: top;
    padding-left: 14px;
    margin-bottom: 4px;
}
ul:not(.nav) li:before{
    content: "/";
    display: inline-block;
    font-size: 1.3em;
    text-align: center;
    float: left;
    margin-left: -15px;
    margin-top: -4px;
}
.navbar-collapse ul li {
    padding-left: 0px;
    position: relative;
    font-size:20px
}

/* Suchstyling */
.tx-indexedsearch{
    min-height:100px;
}
.tx-indexedsearch .tx-indexedsearch-browsebox LI{
    display:inline-block;
}

/*  Nutzerregistrierung */
.tx-srfeuserregister-pi1 legend{
    border:0px;
    margin-bottom:0px;
}
.tx-srfeuserregister-pi1 input[type=submit], .tx-felogin-pi1 input[type=submit] {
    background-color: transparent;
    padding: 12px 15px;
}
.tx-felogin-pi1 input.logout:hover {
    background-color: white;
}

.middlecontent .feloginform input {
	margin: 0.3em 3px;
}

#loginmenu .tx-felogin-pi1 legend{
  color:white;
}
.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
    float:none;
    display:inline-block;
}
.tx-felogin-pi1 input.logout{
    border: 1px solid white;
}
.tx-felogin-pi1 input.logout:hover{
    background-color: white;
}
.tx-felogin-pi1 p{
    /*text-align: right;*/
    margin: 0px;
}

.mobileMehr{
    display:none;
}

.mobilelinktrigger{
    display:none;
    position: absolute;
    top: 80px;
    z-index:999;
    left:15px;
}

.distanceclass{
    padding-top:25px;
    padding-bottom:25px;
}

/** Mediaqueries */
@media screen and (max-width: 1100px) {
    .navbar>.container .navbar-brand {
        margin-left:0px;
    }
    .navbar-collapse ul li {
        font-size:18px;
    }
}

.news .news-list-view {
   padding-top: 50px;
}


@media screen and (max-width: 991px) {

    body.fixedForMenuScrolling{
        overflow: hidden;
    }
    #wrapper{
        padding-top:150px;
    }
    .middlecontent, .news{
        width:100%;
        padding: 0px 20px;
    }
    p.bodytext > img {
       max-height:300px;
        width:auto;
        max-width: 100%;
    }
    /**Navigation*/
    .fixedmenu > .left > .navbar-toggle-container{
        display:block;
    }
    .fixedmenu > .middlecontent > .loginWrapper{
        height:60px;
        padding-left: 0px;
        margin-right:-20px;
        width:60px;
    }
    .fixedmenu span.login{
        margin-left:0px;
        margin-right:17px;
    }
    #loginmenu span.login a.dropdown-toggle{
        padding:0px;
        width:14px;
    }
    #loginmenu span.bvGlas-user{
        margin: 0px 3px 0px 0px;
        font-size:1.3em;
    }
     #loginmenu span.bvGlas-cross{
          margin: 0px -2px 0px 0px;
          font-size:1.3em;
      }
    /* Hauptnavigation */
    .navbar-brand img{
        max-width: 140px;
        margin-top:11px;
        transform: none;
        display: inline;
    }
    .navbar-header {
        float: none;
    }
    .navbar.navbar-default{
        margin-top:-110px;
        top:-110px;
        z-index:999;
    }
    .navbar.navbar-default.navbar-fixed-top{
        top:-50px;
    }
    .container>.navbar-collapse, .container>.navbar-header{
        margin:0px;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-toggle > span.kzvnr-close{
        position: absolute;
        left: 0px;
        top:0px;
    }
    .navbar-toggle > span.kzvnr-close:before{
        margin-left:-18px;
    }
    .navbar-collapse{
        position: absolute;
    }
    .navbar-collapse.collapse {
        border-top: 0px solid transparent;
        box-shadow: none;
        position: absolute;
        left:-100%;
        width:100%;
        display:block !important;
        transition:left 1000ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
        z-index:999;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        max-height: none;
        left:0px;
        transition:left 1000ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
    }
    .collapsing {
        transition: none;
    }
    .navbar-nav {
        float: none !important;
        background-color: #005B9B;
        margin:0px;
    }
    .navbar-nav > li, .navbar-nav > li.active {
        float: none;
        background-color: #005B9B;
        font-size:20px;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 15px 20px;
        color:white;
    }
    .navbar-nav > li > a >span.slash {
        padding-left: 10px;
        color:white;
    }
    .navbar-nav>.active>a, .navbar-nav>.open>a{
        background-color: #005B9B;
        color:white;
        text-shadow:none;
    }
    .navbar-nav>.active>a, .navbar-nav>.open>a.submenuopentrigger{
        background-color: #003F6F;
        color:white;
        text-shadow:none;
    }
    .navbar-nav>.active>a:hover, .navbar-nav>.open>a:hover,
    .navbar-nav>.active>a:focus, .navbar-nav>.open>a:focus,
    .navbar-nav>.active>a:visited, .navbar-nav>.open>a:visited{
        background-color: #005B9B;
        color:grey;
    }
    .navbar-nav >.dropdown > a.dropdown-toggle{
        color:white;
        text-shadow:none;
    }
    .nav-justified>li{
        display:block;
        width:100%;
    }
    .navbar>.container .navbar-brand{
        margin-right: 0px;
        width: 100%;
        text-align: center;
        padding: 25px 15px 85px 0px;
    }
    li:not(#loginmenu) ul.dropdown-menu{
        left:-100%;
        display:block;
        position: absolute !important;
        background-color: #003F6F !important;
        transition:left 1000ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
    }
    li:not(#loginmenu).open ul.dropdown-menu{
        left:0px;
        transition:left 1000ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
        width: 100%;
    }
    li.open >a {
        background-color:transparent;
    }
    #loginmenu ul.dropdown-menu{
        left:100%;
        display:block !important;
        position: absolute !important;
        background-color: #003F6F !important;
        padding:20px;
        top:40px;
    }
    #loginmenu.open ul.dropdown-menu{
        left:0px;
        display:block !important;
        position: absolute !important;
        background-color: #003F6F !important;
        padding:20px;
        top:40px;
    }
    .dropdown-menu > .middlecontent{
        margin:0px;
        width:100%;
        padding-left:24px;
    }
    .dropdown-menu > .middlecontent > .subpage{
        width:100%;
        float:none;
        display: block;
        padding-left:0px;
    }
    .dropdown-menu .subpage li > a:hover{
        color:grey;
    }

    .navbar-nav>li.dropdown.language{
        background-color:#003F6F;
        padding-left:9px;
        color:white;
    }
    .navbar-nav>li.dropdown.language > a{
        display:inline-block;
        color:white;
    }
    .navbar-nav>li.dropdown.language > a:first-of-type{
        padding-left: 12px;
    }
    .navbar-nav>li.dropdown.language > a:hover {
        color:#0092F5;
    }
    .navbar-nav>li.dropdown.language > a.active {
        font-family: TazWebfontReg, "Arial Narrow", sans-serif;
    }

    .fixedmenu .suchform > span.bvGlas-search{
        font-size: 1.5em;
        color: white;
        top: 1px;
    }
    .navbar-nav>li>.dropdown-menu{
        padding: 0em 0px;
    }
    #mainmenu .navbar-nav, #loginmenu.open ul.dropdown-menu {
        overflow: visible;
        overflow-y: scroll;
    }

    /* Slider */
    .carousel-control-wrapper {
        bottom: 10%;
        text-align: left;
        left:5%;
    }
    .container.wide-sm {
        width: 100%;
    }
    .sliderheadline .centerer {
        padding-left: 5%;
    }
    .carousel-control.left, .carousel-control.right{
        /*float:left;*/
    }
    .carousel-control-wrapper.toRight {
        text-align: right;
    }
    /* Startbanner Unterseite */
    .startbanner{
        z-index:-1
    }

    .news .news-list-view {
       padding-top: 110px;
    }
	
    #newsSlider .news .news-list-view {
       padding-top: 0px;
    }
    .news-list-view > .page-navigation > .f3-widget-paginator {
        margin-top: -33px;
    }
    .news-list-view > .article + .page-navigation > .f3-widget-paginator {
        padding-bottom: 40px;
    }

    .archivueberschrift {
        margin-bottom: 0px;
    }


    .banner.statementslider .owl-item .csc-frame-default, .banner.statementslider .owl-item .frame-default {
       max-height: 100%;
       padding-top: 0;
       margin-top: 20px;
    }
    .banner.statementslider .owl-item .csc-frame-default .csc-textpic-imagewrap, .banner.statementslider .owl-item .frame-default .csc-textpic-imagewrap  {
      max-width: 65%;
    }
    .banner.statementslider .statementarrowWrapper {
       right: 20px;
    }

}

@media screen and (max-width: 767px) {
    .sliderheadline .centerer{
        padding-left:20px;
    }
    .carousel-control-wrapper{
        left:30px;
    }
    /*Banner*/
    .blauesBanner{
        margin-bottom: 15px;
        padding:15px 0px;
    }
    .banner{
        height:auto;
        margin: 15px 0px;
    }
    .banner .vcenter{
        width:95%;
        position: relative;
        transform: translateY(0%);
    }
    .banner.imgheight{
        height:500px;
    }
    .bannerteaserbox {
        color: white;
        width: 100%;
        padding: 1em;
        background-color: #005B9B;
        margin: 0px 0px 0px -20px;
        display: inline-block;
        max-width:none;
    }
    .banner.statementslider .statementarrowWrapper{
        right: 20px;
    }
    .banner.statementslider .middlecontent, .banner.statementslider .owl-item{
        height:auto;
    }
    .banner.statementslider .owl-item .csc-frame-default, .banner.statementslider .owl-item .frame-default {
        transform: translateY(0%);
        color: white;
        position: relative;
        top: 0px;
    }
    .kontaktbanner{
        margin-top:15px;
        padding:15px 0px;
    }
    .teaser{
        padding:15px 0px;
    }
    .blauesBanner + .banner {/* Banner mit zweispakltigem text oberhalb: Abstandskorrektur.*/
        margin-top:-15px;
        margin-bottom:0px;
    }
    .teaserDividerLine {
        padding-top:15px;
        margin-bottom: 15px;
    }
    .middlecontent button.klappbox > h2 {
        line-height:40px;
    }
    /* Klappboxen */
    .middlecontent button.klappbox > span.bvGlas-font {
        margin-left: 0px;
        line-height:55px;
    }
    /*"Mehr"-button*/
    .toggleMobile{
        display:none;
    }
    .mobileMehr{
        display:inline-block;
    }

    /*Footer*/
    #footer{
        padding:15px 0px
    }
    #footer .subpage{
        float:none;
        width:100%;
        display:block;
    }
    #footer .subpage:first-of-type{
        padding-bottom:15px;
    }
    .distanceclass{
        padding-top:15px;
        padding-bottom:15px;
    }
}

@media screen and (max-width: 580px) {
    #myCarousel h1, .startbanner h1 {
        font-size: 2.5em;
    }
    .news-list-view > .article + .page-navigation + .news-clear {
       height: 50px;
    }
    .news-list-view > .article + .page-navigation {
      right: auto;
      left: 20px;
      bottom: -45px;
    }
    .news .news-list-view {
       padding-top: 180px;
    }
    .news-list-view > .page-navigation > .f3-widget-paginator {
        margin-top: -50px;
        float: left;
    }
    .news-list-view > .article + .page-navigation > .f3-widget-paginator {
        position: relative;
        bottom: 0px;
    }
    .banner.statementslider .owl-item .csc-frame-default .csc-textpic-imagewrap, .banner.statementslider .owl-item .csc-frame-default  .csc-textpic-text,
    .banner.statementslider .owl-item .frame-default .csc-textpic-imagewrap, .banner.statementslider .owl-item .frame-default  .csc-textpic-text {
      width: 100%;
      max-width: 100%;
      float: none;
    }
    #glasSlider h1 {
      font-size: 1.5em;
      padding-top: 10px;
    }
    table.contenttable tbody, table.contenttable tbody tr, table.contenttable tbody tr td:first-of-type {
      display: block;
    }
    table.contenttable tbody tr td {
      text-align: right;
    }
    table.contenttable tbody tr td:first-of-type {
      text-align: left;
    }
}
@media screen and (max-width: 360px) {
    #glasSlider h1 {
      font-size: 1.3em;
    }
}

.img-responsive {
    width: 100%;
}

.ce-gallery img, .banner p img {
    width: 100%;
    height: auto;
}

.ce-gallery figcaption {
    text-align: center;
}

.statementslider .ce-bodytext{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    min-width: 450px;
}