@charset utf-8;
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-size: 100.01%;
    padding: 0px;
    position: relative;
    font: 400 16px/155% 'Roboto';
    color: #9b9b9b;background-color: #000000;}

img {
    border: none
}

img a {
    outline: none;
}

p {
    padding: 0 0 20px 0;
}

.hyphenate {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

.btncnt {
    display: block;
    width: 100%;
    overflow: hidden;
}

#menu {
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 2;
}

#mtop {
    width: 100%;
    height: 73px;
    overflow: hidden;
    background-color: #000000;
    border-bottom: 1px solid #e5007d;
    position: fixed;
    top: 0;
}

.mcenter {
    margin: 0 auto;
    max-width: 1156px;
    overflow: hidden;
}

.inner {
    max-width: 1116px;
    margin: 0 20px;
    overflow: hidden;
}

a#logo {
    width: 300px;
    height: 72px;
    background: url(/files/80900B11D36DB67E3EB6EA3A.png) no-repeat 0 center;background-size: 100%;
    outline: none;
    overflow: hidden;
    float: left;
    position: relative;
}

a#br {
    width: 70px;
    height: 72px;
    background: url(/files/fix/BR-Logo.jpg) no-repeat 0 0;background-size: 100%;
    outline: none;
    overflow: hidden;
    float: left;
    position: relative;5px;
}

#mcontent {
    overflow: hidden;
    float: right;
}

nav.primary {
    margin-top: 30px;
    height: 270px;
}

nav.secondary {
    height: 72px;
    overflow: hidden;
    float: right;
    display: none;
    position: relative;
}

#menuicon {
    width: 25px;
    height: 72px;
    background: url(/files/fix/menuicon.svg) no-repeat center 23px;
    margin-right: 20px;
}

#menuiconx {
    width: 25px;
    height: 72px;
    background: url(/files/fix/menuiconX.svg) no-repeat center 21px;
    margin-right: 20px;
    display: none;
}

#menuicon:hover, #menuiconx:hover {
    cursor: pointer;
}

#verlauf {
    position: fixed;
    top: 73px;
    width: 100%;
    background-color: #1f1f1f;
    border-bottom: 2px solid #414141;
}

#vcontent {
    margin: 4px 0 4px 55px;
    font: 12px Roboto;
    font-weight: 400;color: #fff;
}

#vcontent a {
    font: 12px Roboto;
    font-weight: 400;
    color: #9b9b9b;
    text-decoration: none;
}

#vcontent a:hover {
    color: #e5007d;
}

.published {
    display: bvlock;
    float: right;
    margin-bottom: 20px;
    font-size: 80%;
    color: #DBDBDB;
}

#Infoarea {
    margin: 124px 0 17px;
}

#icont {
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

#icont2 {
    width: 100%;
    display: none;
}

#iblock1 {
    flex: 214;
    max-width: 214px;
}

#iblock2 {
    flex: 11;
    min-width: 11px;
}

#iblock3 {
    Flex: 214;
    max-width: 214px;
}

#iblock4 {
    flex: 11;
    min-width: 11px;
}

#iblock5 {
    flex: 214;
    max-width: 214px;
}

#iblock6 {
    flex: 11;
    min-width: 11px;
}

#iblock7 {
    flex: 214;
    max-width: 214px;
}

#iblock8 {
    flex: 11;
    min-width: 11px;
}

#iblock9 {
    flex: 214;
    max-width: 214px;
}

#iblock21 {
    margin: 0;
    padding: 0;
    margin-bottom: 11px;
}

#iblock22 {
    margin: 0;
    padding: 0;
}

#iblock1 img, #iblock3 img, #iblock5 img, #iblock7 img, #iblock9 img {
    width: 100%;
    height: auto;
}

#iblock21 img, #iblock22 img {
    width: 100%;
    max-width: 320px;
    height: auto;
}

.inner.hyphenate hr {
    margin-top: 30px;
    margin-bottom: 10px;
    border: none;
	border-top: 2px solid #414141;
}

.inner.hyphenate h3 a {
    text-decoration: none;
    color: #e5007d;
    font: 700 24px/155% 'Roboto';
    margin-bottom: 12px;
    display: block;
}

.inner.hyphenate h2 a {
    text-decoration: none;
    color: #ffffff;
    font: 700 24px/155% 'Roboto';
    display: block;
}

a img {
    width: 100%;
    height: 200px;
    display: block;
}

.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
}

.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#Infoarea a img:last-child {
    display: none;
}

#Infoarea a:hover img:last-child {
    display: block;
}

#Infoarea a:hover img:first-child {
    display: none;
}

#mmenu {
    width: 100%;
    position: fixed;
    top: 73px;
    background-color:;
    background-color: #000000;
    border-bottom: 1px solid #e5007d;
    display: none;
}

#mmenuswitch {
    display: none;
}

h1 {
    color: #dbdbdb;
    font: 700 36px/110% 'Roboto';
    text-align: left;
    padding: 26px 0;
    margin-bottom: 60px;
    border-bottom: 1px solid #e5007d;

}

h2 {
    color: #dbdbdb;
    font: 700 24px/110% 'Roboto';
    text-align: left;
    padding: 26px 0 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e5007d;
}

h3 {
    color: #DBDBDB;
    text-align: left;
    margin-top: 18px;
}

h4 {
    color: #e5007d;
    font: 700 16px/155% 'Roboto';
    text-align: left;
    margin-bottom: 4px;
    margin-top: 18px;
}

a.btnweiter {
    display: block;
    float: right;
    border: 1px solid #e5007d;
    background-color: #e5007d;
    text-decoration: none;
    color: #fff;
    padding: 6px 12px 6px 12px;
    margin-top: 20px;
    width: 220px;
}

a.btnweiter:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

a.btncm {
    display: inline-block;
    width: auto;
    padding: 6px 12px;
    text-align: center;border: 1px solid #e5007d;
    background-color: #e5007d;
    text-decoration: none;
    color: #fff;
}

a.btncm:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

a.centerbtn {
    padding: 12px;
    border: 1px solid #e5007d;
    background-color: #e5007d;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #fff;
}

a.centerbtn:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

a.karrierebanner {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e5007d;
    text-align: center;
    text-decoration: none;
    background-color: #e5007d;
    color: #fff;
    font: 400 16px/155% 'Roboto';
    z-index: 1;
    border-top: 1px solid #e5007d;
    margin-bottom: 20px;
    padding: 10px 0;
}

a.karrierebanner span {
    margin: 0 40px;
}

a.karrierebanner:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

input.krmkt {
    border: 1px solid #aaabb5;
    padding: 7px;
    margin-top: 10px;
    font: 400 16px/155% 'Roboto';
    color: #000;background-color: #c8c8c8;
}

textarea {
    width: 100%;
    border: 1px solid #aaabb5;
    padding: 7px;
    margin-top: 10px;
    font: 400 16px/155% 'Roboto';
    color: #000;background-color: #c8c8c8;
}

.cont2sp {
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.backslide .cont2sp {
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    font: 400 16px/155% 'Roboto';
    color: #fff;
}

.backslide .cont2sp .sp2l, .backslide .cont2sp .sp2r {
    text-align: left;
}

.backslide .cont2sp h3 {
    margin: 0;
}

.bslinks {
    font-size: 80%;
}

.sp2l, .sp2r {
    flex: 544;
    min-width: 228px;
    text-align: justify;
}

.sp2l h4, .sp2r h4 {
    text-align: justify;
}

.sp2d {
    flex: 28;
    min-width: 20px;
}

.cont2sp img {
    width: 100%;
    height: auto;
}

.cont3sp {
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.sp3l, .sp3m, .sp3r {
    flex: 353;
    min-width: 228px;
    text-align: justify;
}

.sp3l h4, .sp3m h4, .sp3r h4 {
    text-align: justify;
}

.sp3d {
    flex: 28;
    min-width: 20px;
}

.cont3sp img {
    width: 100%;
    height: auto;
}

.m-menu {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

.m-menu li {
    text-transform: uppercase;
    text-decoration: none;
    color: #9b9b9b;
    font: 400 14px 'Roboto';
    margin: 3px 0 3px 78px;
}

.m-menu li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #9b9b9b;
    font: 400 14px 'Roboto';
    position: relative;
    display: block;
}

.m-menu li ul {
    margin-left: 19px;
    display: none;
}

.m-menu li ul li {
    list-style: none;
}

.m-menu li ul li a {
    color: #fff;
    text-transform: none;
    font: 400 12px 'Roboto';
    margin: 3px 0 3px -58px;
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 196px;
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover, .sf-menu li.current-menu-item {
    visibility: inherit;
    color: #e5007d;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 43px;
    z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 196px;
    top: 1px;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}

.sf-menu {
    float: right;
}

.sf-menu a {
    text-decoration: none;
    color: #989898;
}

.sf-menu li {
    float: left;
    position: relative;
    background: none;
    line-height: 1.2em;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #9b9b9b;
    margin: 0 40px 0 0;
}

.sf-menu li a {
    line-height: 1.2em;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #9b9b9b;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.sf-menu li li {
    background: none;
}

.sf-menu li li a {
    background: #414141;
    width: 176px;
    margin: 0;
    padding: 5px 0 5px 20px;
    overflow: hidden;
    line-height: 18px;
    border-top: 0px solid #fff;
    font-weight: 400;
    font-family: 'Roboto';
    font-size: 12px;
    color: #b5b5b5;
    text-decoration: none;
    text-transform: none;
}

.sf-menu li li:first-child a {
    border: none;
}

.sf-menu li li li {
    background: #9AAEDB;
}

.sf-menu li:hover > a, .sf-menu li.sfHover > a, .sf-menu li > a:focus, .sf-menu li > a:hover, .sf-menu li > a:active, .sf-menu li.current-menu-item > a {
    background: none;
    outline: 0;
    color: #e5007d;
}

.sf-menu li li:hover > a, .sf-menu li li.sfHover > a, .sf-menu li li > a:focus, .sf-menu li li > a:hover, .sf-menu li li > a:active, .sf-menu li li.current-menu-item > a {
    background: #e5007d;
    outline: 0;
    color: #ffffff;
}

.sf-menu a.sf-with-ul {
    padding-right: 0em;
    min-width: 1px;
}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px;
}

.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-shadow ul {
    background: url(images/shadow.png) no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

#Foot_1 {
    width: 100%;
    min-height: 250px;
    margin-top: 138px;
    font: 300 12px/120% 'Roboto';
    color: #9b9b9b;
    background: -webkit-linear-gradient(#1F1F1E, #1F1F1E);
    background: -o-linear-gradient(#1F1F1E, #1F1F1E);
    background: -moz-linear-gradient(#1F1F1E, #1F1F1E);
    background: linear-gradient(#1F1F1E, #1F1F1E);
    border-top: 1px solid #e5007d;
    padding: 36px 0 70px;
    margin-right: 0;
}

#Foot_1 a {
    font: 400 12px/120% 'Roboto';
    color: #9b9b9b;
    text-decoration: none;
}

#Foot_1 a:hover {
    color: #fff;
}

#Foot_1 a#hpbtn {
    display: block;
    text-align: center;
    width: 100%;
    padding: 12px 0;
    border: 1px solid #e5007d;
}

#Foot_1 a#hpbtn:hover {
    background-color: #e5007d;
}

footer h1 {
    color: #ffffff;
    font: 300 28px/120% 'Roboto';
    text-align: center;
}

footer h2 {
    color: #ffffff;
    font: 300 14px/120% 'Roboto';
    text-align: left;
    width: 100%;
    text-transform: uppercase;
    border-bottom: 1px solid #e5007d;
    padding-bottom: 11px;
    margin-bottom: 16px;
}

#Foot_2 {
    width: 100%;
    min-height: 73px;
    background-color: #000000;
    border-top: 2px solid #414141;
}

#Foot_2 a {
    font: 400 12px/120% 'Roboto';
    color: #9b9b9b;
    text-decoration: none;
}

#Foot_2 a:hover {
    color: #fff;
}

#cpyr {
    margin-top: 19px;
    float: left;
    font: 400 12px/128% 'Roboto';
    color: #9b9b9b;width: 100%;text-align: center;
}

#cpyr a {
    font: 400 12px/128% 'Roboto';
    color: #9b9b9b;
}

#cpyr a:hover {
    color: #fff;
}

#smedia {
    float: right;
    margin-top: 18px;
}

a#fcbk {
    width: 29px;
    height: 29px;
    overflow: hidden;
    background: url(/files/fix/Facebook_Icon2.png) no-repeat;
    display: block;
}

a#smfcbk {
    width: 43px;
    height: 43px;
    margin-right: 12px;
    overflow: hidden;
    float: left;
    background: url(/files/fix/Social-Media_K35_outline.svg) no-repeat -1px 0;
    background-size: 152px 88px;
}

a#sminsta {
    width: 43px;
    height: 43px;
    margin-right: 12px;
    overflow: hidden;
    float: left;
    background: url(/files/fix/Social-Media_K35_outline.svg) no-repeat -55px 0;
    background-size: 152px 88px;
}

a#smgopl {
    width: 43px;
    height: 43px;
    margin-right: 12px;
    overflow: hidden;
    float: left;
    background: url(/files/fix/Social-Media_K35_outline.svg) no-repeat -55px 0;
    background-size: 152px 88px;
}

a#smyutu {
    width: 43px;
    height: 43px;
    margin-right: 12px;
    overflow: hidden;
    float: left;
    background: url(/files/fix/Social-Media_K35_outline.svg) no-repeat -109px 0;
    background-size: 152px 88px;
}

a#smfcbk:hover {
    background-position: -1px -44px;
}

a#smgopl:hover {
    background-position: -55px -44px;
}

a#sminsta:hover {
    background-position: -55px -44px;
}

a#smyutu:hover {
    background-position: -109px -44px;
}

a#gglpl {
    width: 29px;
    height: 29px;
    float: right;
    overflow: hidden;
    background: url(/files/fix/Google-Plus_Icon2.png) no-repeat;
    margin-left: 5px;
}

#fcont {
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -25px;
    font: 400 12px/208% 'Roboto';
    color: #9b9b9b;
}

#fcont2 {
    width: 100%;
    margin-top: 32px;
    font: 400 12px/208% 'Roboto';
    color: #9b9b9b;
    display: none;
}

#fblock1 {
    flex: 258;
    min-width: 228px;
}

#fblock2 {
    flex: 28;
    min-width: 20px;
}

#fblock3 {
    Flex: 258;
    min-width: 228px;
}

#fblock4 {
    flex: 28;
    min-width: 20px;
}

#fblock5 {
    flex: 258;
    min-width: 228px;
}

#fblock6 {
    flex: 28;
    min-width: 20px;
}

#fblock7 {
    flex: 258;
    min-width: 228px;
}

#fblock8 {
    flex: 258;
    min-width: 228px;
}

#fblock9 {
    flex: 28;
    min-width: 20px;
}

#fblock10 {
    flex: 258;
    min-width: 228px;
}

#fcont ul {
    list-style-type: none;
    content: "df";
}

#fcont li {
    margin-left: 19px;
}

#fcont li::before {
    content: ">";
    color: #e5007d;
    margin-right: 10px;
}

#jssor_1 {
    display: block;
}

#jssor_2, #jssor_3 {
    display: none;
}

span#tel {
    color: #001b71;
    font: 700 36px/110% 'Roboto';
    text-align: center;
    padding: 18px 0;
    display: block;
}

span#tel a {
    color: #e5007d;
}

.backslide {
    background: url(/files/BD36254EF7F5B07756BE0F3F.jpg) no-repeat fixed center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 20px 0 0 0;
    width: 100%;
    padding-top: 73px;
    padding-bottom: 73px;
}

.backslide h2 {
    color: #fff;
    font: 700 24px/130% 'Roboto';
    text-align: left;
    margin: 0 20px 8px;
    padding: 0;
    border-style: none;
}

.backslide h3 {
    color: #fff;
    margin: 0 20px;
}

.backslide ul {
    margin: 0 20px 0 40px;
}

.backslide li {
    list-style-type: none;
    text-align: left;
    font-size: 15px;
}

.backslide li::before {
    content: '►';
    margin-right: 10px;
}

.mcenter .inner.hyphenate ul {
    margin: 0 20px 0 40px;
}

.mcenter .inner.hyphenate li {
    list-style-type: none;
    text-align: left;
    font-size: 15px;
}

.mcenter .inner.hyphenate li::before {
    content: '►';
    margin-right: 10px;
}

.bscont {
    font: 700 27px/140% 'Roboto';
    text-align: center;
    color: #fff;
    width: 836px;
    background-color: #e5007d;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
}

.bscont a {
    text-decoration: none;
    color: #001b71;
}

.bscont a:hover {
    color: #fff;
}

.bscont span {
    font: 400 16px/155% 'Roboto';
    text-align: left;
    color: #fff;
    margin: 0 20px;
    padding: 0;
    display: block;
}

#coockiehint.mcenter.inner {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

#flexbutton.cfb2 {
    display: none;
    margin-top: 20px;
    ;
}

#flexbutton.cfb1 {
    margin-left: 20px;
    margin-top: 4px;
}

.hinweis {
    display: flex;
}

#coockiehint.mcenter.inner.hinweis span {
    display: inline-block;
}

#coockiehint.mcenter.inner.hinweis a {
    display: inline-block;
}

@media only screen and (max-width: 1135px) {
    #jssor_1 {
        display: none;
    }

    #jssor_2 {
        display: block;
    }

    #jssor_3 {
        display: none;
    }
}

@media only screen and (max-width: 1025px) {
    .sf-menu li {
        margin: 0 20px 0 0;
    }
}

@media only screen and (max-width: 1011px) {
    #fblock3 {
        Flex: 258;
        min-width: 143px;
    }
}

@media only screen and (max-width: 940px) {
    #Infoarea {
        margin: 124px 0 07px;
    }

    #iblock8, #iblock9 {
        display: none;
    }
}

@media only screen and (max-width: 927px) {
    nav.primary {
        display: none;
    }

    nav.secondary {
        display: block;
    }

    #verlauf {
        display: none;
    }

    #mmenu {
        display: block;
    }

    #fcont2 {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    #fblock4 {
        display: none;
    }

    #fblock5 {
        display: none;
    }

    #fblock6 {
        display: none;
    }

    #fblock7 {
        display: none;
    }

    .bscont {
        width: 90%;
    }

    #Infoarea {
        margin: 103px 0 07px;
    }
}

@media only screen and (max-width: 830px) {
    #jssor_1 {
        display: none;
    }

    #jssor_2 {
        display: none;
    }

    #jssor_3 {
        display: block;
    }

    #flexbutton.cfb1 {
        display: none;
    }

    #flexbutton.cfb2 {
        display: block;
    }
}

@media only screen and (max-width: 770px) {
    .backslide .cont2sp {
        display: block;
    }

    .cont3sp {
        width: 100%;
        display: block;
    }

    .sp3l {
        width: 100%;
    }

    .sp3m, .sp3r {
        width: 100%;
        margin-top: 28px;
    }

    .sp3d {
        display: none;
    }

    .bscont {
        font: 700 22px/140% 'Roboto';
        text-align: center;
        color: #fff;
        width: 90%;
    }
}

@media only screen and (max-width: 704px) {
    #Infoarea {
        margin: 103px 0 0px;
    }

    #iblock6, #iblock7 {
        display: none;
    }
}

@media only screen and (max-width: 630px) {
    .inner {
        max-width: 1116px;
        margin: 0 3%;
        overflow: hidden;
    }

    #fcont2 {
        display: none;
    }

    #fcont {
        display: block;
    }

    #fblock1 {
        width: 100%;
        margin-bottom: 32px;
    }

    #fblock2 {
        display: none;
    }

    #fblock3 {
        width: 100%;
        margin-bottom: 32px;
    }

    #fblock4 {
        display: none;
    }

    #fblock5 {
        width: 100%;
        display: block;
        margin-bottom: 32px;
    }

    #fblock6 {
        display: none;
    }

    #fblock7 {
        width: 100%;
        display: block;
        margin-bottom: 32px;
    }

    .cont2sp {
        width: 100%;
        display: block;
    }

    .sp2l {
        width: 100%;
    }

    .sp2r {
        width: 100%;
        margin-top: 28px;
    }

    .sp2d {
        display: none;
    }

    .bscont {
        font: 700 18px/140% 'Roboto';
        text-align: center;
        color: #fff;
        width: 90%;
    }
}

@media only screen and (max-width: 500px) {
    #cpyr {
        width: 100%;
        ;
        margin-top: 27px;
        font: 400 12px/128% 'Roboto';
        color: #9b9b9b;
        text-align: center;
    }

    #smedia {
        margin-top: 18px;
        margin-bottom: 18px;
        width: 100%;
        text-align: center;
    }

    a#fcbk {
        float: none;
        display: inline-block;
    }

    a#gglpl {
        float: none;
        display: inline-block;
    }
}

@media only screen and (max-width: 480px) {
    #Infoarea {
        margin: 103px 0 0px;
    }

    #iblock4, #iblock5 {
        display: none;
    }
}

@media only screen and (max-width: 380px) {
    #icont {
        display: none;
    }

    #icont2 {
        display: block;
        text-align: center;
    }
}

#system-message-container {
    text-align: left;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background-image: url(/files/fix/slider_bg.png);
}

#system-edit-container {
    text-align: left;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1900;
    background-image: url(/files/fix/slider_bg.png);
}

.article_separator {
    background: #424242;
    height: 1px;
    font-size: 1px;
    overflow: hidden;
    width: 100%;
    display: block;
    margin: 0 0 17px
}

.createdate {
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    font-size: 12px;
    text-transform: none;
    font-family: 'Droid Serif', serif;
    font-style: italic;
}

.deliv {
    background: url(/files/fix/some_bg.png) repeat;
    width: 27%;
    height: 132px;
    float: left;
    margin: 12px;
    overflow: hidden;
    padding: 15px;
    display: inline-block;
}

.deliv span {
    font-weight: bold;
    color: #ffffff;
    font-size: 119%;
    display: block;
    margin-bottom: 5px;
}

.fleft {
    float: left;
    margin: 0 20px 0 0
}

.head {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

.head_info span {
    color: #fff;
    font-size: 13px;
}

.head_info {
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 35px;
    font-style: italic;
    font-family: 'Droid Serif', serif;
    color: #6bfae0;
    font-size: 13px;
    text-align: right;
}

.head_info .custom a {
    color: #0f0;
}

.stamm {
    overflow: hidden;
}

.wrapper_overflow, #maincolbck {
    overflow: hidden
}

tbody tr td {
    background-image: url(/files/fix/some_bg.png);
    border-bottom: 1px solid #444;
}

.ds-hinweis {
    padding: 5px;
    font: italic 11px 'Droid Serif', serif;
    margin-top: 5px;
}

.building {
    background: url(/files/fix/some_bg.png) repeat;
    width: 27%;
    height: 143px;
    float: left;
    margin: 12px;
    overflow: hidden;
    padding: 15px;
    display: inline-block;
}

.building span {
    color: #ffffff;
    display: block;
    margin-bottom: 5px;
    background: url(/files/fix/Haus-Icon.png) no-repeat;
    height: 40px;
    font: italic 13px/17px 'Droid Serif', serif;
    padding-left: 40px;
}

.bbutton {
    float: right;
    background: url(/files/fix/button_main.png) no-repeat 0% 0%;
    width: 89px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-style: italic;
    font-family: 'Droid Serif', serif;
    color: #161616;
    margin-top: 10px;
    margin-left: 15px;
}

.bbutton:hover {
    cursor: pointer;
    cursor: hand;
    color: #fff;
}

#envbar {
    width: 100%;
    height: 100px;
}

#barback {
    width: 755px;
    height: 33px;
    left: 50%;
    position: relative;
    margin-left: -377px;
    background: url(/files/fix/verlauf2.png) repeat-x;
    overflow: hidden;
}

#barprog {
    height: 100%;
    width: 0%;
    overflow: hidden;
    background-image: url(/files/fix/verlauf1.png);
}

#botback {
    width: 750px;
    left: 50%;
    position: relative;
    margin-left: -375px;
}

#botfader {
    width: 52px;
    height: 31px;
    overflow: hidden;
    position: relative;
    left: 0%;
    background: url(/files/fix/fader.png) no-repeat 0 5px;
    text-align: center;
    font: italic bold 12px 'Droid Serif', serif;
    margin-left: -26px;
    color: #6bfae0;
    padding-top: 16px;
}

#coockiehint {
    width: 100%;
    overflow: hidden;
    padding: 15px;
    border-top: 1px solid #e5007d;
    margin: 0 auto auto;
    background-color: #fff;
    font: 400 13px/19px 'Roboto';
}

#coockiehint h2 {
    padding-bottom: 10px;
}

#coockiehint a {
    text-decoration: none;
    text-transform: none;
    color: #e5007d !important;
}

#coockiehint a:hover {
    text-decoration: underline;
}

#coockiehint #flexbutton {
    font: 400 16px/26px 'Roboto';
    color: #fff;
    background-color: #e5007d;
    width: 153px;
    text-align: center;
    height: 29px;
    float: right;
    overflow: hidden;
}

#coockiehint #flexbutton:hover {
    color: #e5007d;
    background-color: #fff;
    border: 1px solid #e5007d;
}

.hyphenate {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.enabler, .nenabler {
    font-size: 17px;
}

.enabler:hover {
    color: #6bfae0;
    cursor: pointer;
}

.enabler:hover > .enablerpfeil {
    background-position: -13px;
}

.enablerpfeil {
    width: 12px;
    height: 13px;
    overflow: hidden;
    background: url(/files/fix/areapfeil.svg) no-repeat;
    background-size: 52px Auto;
    float: left;
    margin-right: 9px;
    margin-top: 2px;
}

.show {
    background-position: -26px;
}

.enabler:hover > .show {
    background-position: -39px;
}

#zbutton:hover, #zlbutton:hover {
    background-color: transparent;
    cursor: pointer;
    cursor: hand;
}

.cursor-wait {
    cursor: wait !important;
}

a {
    text-decoration: none;
    color: #DBDBDB;
}

a:hover {
    text-decoration: underline;
}

#fkontakt {
    text-transform: uppercase;
}

#fkontakt a {
    color: #e5007d;
}

#fkontakt a:hover {
    color: #9b9b9b;
}

.slider {
    height: 680px;
    margin-top: 98px;

}

@media only screen and (max-width: 1300px) {
    .slider {
        height: 53vw;
        margin-top: 98px;
    
    }
}

@media only screen and (max-width: 1024px) {
    .slider {
        height: 48vw;
        margin-top: 74px;
    
    }
}

@media only screen and (max-width: 777px) {
    .slider {
        height: 37vw;
        margin-top: 74px;
    
    }
}