@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'Verdana';
font-style: normal;
font-weight: normal;
src: local('Verdana'), url('Verdana.woff2') format('woff2'), url('Verdana-Bold.woff2') format('woff2'), url('Verdana-Italic.woff2') format('woff2'), url('Verdana-BoldItalic.woff2') format('woff2');
}
@font-face {
font-family: 'Verdana';
font-style: normal;
font-weight: bold;
src: local('Verdanab'), url('Verdana-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'Verdana';
font-style: italic;
font-weight: normal;
src: local('Verdanai'), url('Verdana-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'Verdana';
font-style: italic;
font-weight: bold;
src: local('Verdanaz'), url('Verdana-BoldItalic.woff2') format('woff2');
}

body {margin: 0; padding: 0; font-family: 'PT Sans', sans-serif; color: #1d1d1b; font-size: 18px;}
img {width: 100%; height: auto; border: 0; display: block;}
h1 {margin: 0 0 30px 0; color: #e6007e; font-size: 30px; text-transform: uppercase;}
h2 {margin: 0 0 30px 0; color: #7c014d; font-size: 28px;}
h3 {margin: 0 0 30px 0; color: #e6007e; font-size: 22px; font-style: italic;}
h4 {margin: 0 0 30px 0; color: #7c014d; font-size: 20px;}

.smalfont {font-size: 14px; color: #42423F;}


.searchline {width: 100%; height: 30px; padding: 10px 0 10px 0;}
.searchline-inner {width: 90%; max-width: 1100px; margin: 0 auto; position: relative;}
.search {height: 30px; display: table; position: absolute; top: 0; right: 0; line-height: 30px;}
.element-invisible {display: none;}
.search-query {height: 30px; width: 100%; border: 0; background-color: #f2f2f2; line-height: 30px; font-size: 16px; color: #1d1d1b !important; font-family: 'PT Sans', sans-serif; margin-top: 0; display: table; float: left; box-sizing: border-box; padding: 0 10px; overflow: hidden;}
.search .button {background-color: #7c014d; max-width: 30px;}
.search .button:hover {background-color: #e6007e;}
.breadcrumb {margin: 0 0 0 -40px;}
.breadcrumb li {list-style-type: none; float: left; line-height: 30px;}
.breadcrumb a {color: #e6007e; text-decoration: none;}
.breadcrumb a:hover {color: #7c014d; text-decoration: underline;}

@media screen and (max-width:1120px){
.breadcrumb li {font-size: 14px;}
}
@media screen and (max-width:940px){
.breadcrumb li {font-size: 10px;}
}
@media screen and (max-width:755px){
.breadcrumb {display: none;}
.search {right: auto; left: 0; width: 100%;}
}

.headline {width: 90%; max-width: 1100px; margin: 0 auto; line-height: 25px; text-align: right;}
.headline a {color: #1d1d1b; text-decoration: none; font-size: 16px;}
.headline a:hover {color: #e6007e;}
.footline {display: none;}

@media screen and (max-width:710px){
.headline {display: none;}
.footline {width: 100%; text-align: center; padding: 10px 0; display: block; background-color: #7c014d; color: #ffffff;}
.footline a {color: #ffffff; text-decoration: none; font-size: 16px;}
.footline a:hover {text-decoration: underline;}
}

.header {width: 100%; padding: 0 0 25px 0;}
.header-inner {width: 90%; max-width: 1100px; margin: 0 auto; position: relative;}
.brand-ja {width: 100%; position: relative;}
.brand-ja::after {content: ""; display: table; clear: left;}
.brand {width: 40%; max-width: 155px;}
.ja {width: 40%; max-width: 274px; position: absolute; top: -27px; left: 50%; margin-left: -15%;}

@media screen and (max-width:845px){
.ja {width: 30%; left: 45%;}
}


.header-btn::after {content: ""; display: table; clear: left;}
.header-btn {display: table; position: absolute; right: 0px; top: 120px;}
.stako::after, .helper1::after, .helper2::after {content: ""; display: table; clear: left;}
.stako, .helper1, .helper2 {display: table; margin-left: 1px; float: left;}
.stako2 {margin: 0 auto; display: table;}
.helper {width: 100%; max-width: 50px; margin-left: 1px; float: left; background-color: #7c014d; cursor: pointer; max-height: 50px;}
.helper:first-child {margin-left: 0;}
.helper img {display: block;}
.helper:hover {background-color: #1d1d1b;}
.stako a, .stako2 a {display: block; line-height: 50px; padding: 0 15px; background-color: #e6007e; color: #ffffff; text-decoration: none; margin-left: 1px; float: left;}
.stako a:hover, .stako2 a:hover {background-color: #1d1d1b;}
.stako img, .stako2 img {max-width: 27px; display: block; float: left; margin: 10px 15px 0 0; line-height: 50px;}
.vrweb_player_main button.vrweb_icon {width: 100%; max-width: 50px; height: 50px!important; background-size: cover;}

/*Mobile Navigation*/
.mobil-nav-oben {display: none; width: 100%; text-align: center; background-color: #7c014d; position: fixed; top: 0; left: 0; z-index: 898989; border-bottom: 1px #1d1d1b solid;}
.mobil-nav-oben::after {content: ""; display: table; clear: left;}

@media screen and (max-width:1056px){
.header-btn {top: 84px;}
.stako {float: none; margin-bottom: 1px;}
.helper {max-width: 35px; max-height: 35px;}
.vrweb_player_main button.vrweb_icon {max-width: 35px; height: 35px!important;}
}
@media screen and (max-width:710px){
.header {padding: 70px 0 0 0;}
.stako {display: none;}
.header-btn {position: static; top: auto; right: auto; margin: 15px auto;}
.ja {width: 40%; top: 15%; right: 0; left: auto; margin-left: 0;}
.mobil-nav-oben {display: block;}
.helper {max-width: 45px; max-height: 45px;}
.vrweb_player_main button.vrweb_icon {max-width: 45px; height: 45px!important;}
}
@media screen and (max-width:590px){
.stako2 a {padding: 0 10px; font-size: 14px;}
.stako2 img {max-width: 20px; margin: 15px 10px 0 0;}
.ja {width: 50%;}
}
@media screen and (max-width:436px){
.stako2 a {padding: 0 6px; font-size: 12px;}
.stako2 img {max-width: 15px; margin: 18px 6px 0 0;}
.ja {width: 50%;}
}


.greyHG {border-top: 3px #7c014d solid; background:linear-gradient( #dadada, #ededed); width: 100%; padding: 0 0 25px 0;}
.row-fluid::after {content: ""; display: table; clear: left;}
.row-fluid {width: 90%; max-width: 1100px; margin: 0 auto;}
/* Navigation */
.sidebar {width: 27.272727%; max-width: 300px; float: left; margin-right: 3.6363636%;}
/* Content */
.content {width: 69.0909084%; max-width: 760px; float: left; background-color: #ffffff; box-sizing: border-box; padding: 50px 30px; position: relative;}
.content p {margin: 0 0 30px 0; line-height: 26px;}
.content ul {margin: 0 0 30px 0;}
.content li {line-height: 26px;}
.content hr {height: 1px; border: 0; color: #1d1d1b; background-color: #1d1d1b; margin: 30px 0;}
.content a {color: #e6007e; text-decoration: none;}
.content a:hover {color: #7c014d; text-decoration: underline;}

@media screen and (max-width:710px){
.sidebar {display: none;}
.content {width: 100%; float: none}
}
@media screen and (max-width:450px){
.content {padding: 30px 15px;}
}

/* Menu */
.nav {list-style-type: none; margin: 0 0 0 -40px;}
.nav li ul {list-style-type: none;}
.navi .nav li {margin-bottom: 7.5px;}
.navi .nav li ul {margin-top: 7.5px;}
.nav a {width: 100%; box-sizing: border-box; padding: 10px 10px; color: #ffffff; display: block; text-decoration: none; background-color: #7c014d;}
.nav a:hover, .navi ul li.active ul li a:hover {background-color: #e6007e; color: #ffffff;}
.navi ul li.active a {background-color: #e6007e; color: #ffffff;}
.navi ul li.active ul li a {background-color: #ac1873; color: #ffffff;}
.navi ul li.active ul li.active a {background-color: #e6007e; color: #ffffff;}
.navi ul li ul li {display: none;}
.navi ul li.active ul li {display: block;}

@media screen and (max-width:800px){
.nav a {font-size: 16px;}
}

/*Menu Mobil*/
.momu-on {display: block;}
.momu-off {display: none;}
.momu-master {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 909090; background-color: #7c014d; color: #ffffff; overflow-x: hidden;}
.momu-close {width: 10%; max-width: 27px; display: table; margin: 30px auto; cursor: pointer;}
.momu-menu {display: table; margin: 0 auto; width: 80%;}

/*PartnerSidebar*/
.partner-box, .partner-mobox {width: 100%; box-sizing: border-box; border: 1px #8c8c8c dotted; background-color: #dadada; padding: 0 0 10px 0;}
.partner-mobox {display: none; margin: 20px auto;}
.partner {width: 100%; max-width: 240px; box-sizing: border-box; padding: 10px 18px 8px 18px; background-color: #ffffff; margin: 10px auto 0 auto;}
.partner p {font-size: 13px; margin: 0 0 10px 0; text-decoration: underline; font-weight: bold;}
.partner img {display: block;}

@media screen and (max-width:710px){
.partner-mobox {display: block; width: 90%;}
.partner {max-width: 336px;}
}
@media screen and (max-width:395px){
.partner-mobox {padding: 0 10px 10px 10px;}
}
/*Leichte Sprache*/
.ls-master, .ls-momaster {width: 100%; background-color: #293681; line-height: 45px; margin: 7.5px 0 10px 0; color: #ffffff; text-decoration: none; box-sizing: border-box; border: 1px #293681 solid;}
.ls-master::after, .ls-momaster::after {content: ""; display: table; clear: left;}
.ls-master:hover, .ls-momaster:hover {background-color: #ffffff; color: #293681;}
.ls-links, .ls-molinks {max-width: 45px; float: left;}
.ls-links img, .ls-molinks img {display: block;}
.ls-rechts, .ls-morechts {float: left; box-sizing: border-box; padding: 2.5% 0 0 20px; font-size: 14px; line-height: 15px;}

@media screen and (max-width:978px){
.ls-links {float: none; display: table; margin: 2.5% auto 0 auto;}
.ls-rechts {float: none; padding: 2.5% 10px; text-align: center;}
.sidebar a {text-decoration: none;}
}



/* Footer */
.footer {width: 100%; padding: 50px 0; background-color: #7c014d;}
.footer-inner {width: 90%; max-width: 1100px; margin: 0 auto;}
.footer-inner::after {content: ""; display: table; clear: left;}
.footer-box {width: 30.9090906%; max-width: 340px; float: left; background-color: #ffffff; box-sizing: border-box; padding: 20px; margin-left: 3.6363636%;}
.footer-box:first-child {margin-left: 0;}
.footer-box::after {content: ""; display: table; clear: left;}
.footer-logo {width: 44.11764705%; max-width: 150px; float: left; border-right: 1px #1b1b1d solid; box-sizing: border-box;}
.footer-text {width: 55.88235293%; max-width: 190px; float: left; padding: 0 0 0 10px; box-sizing: border-box; font-size: 15px;}
.footer-text p {margin: 0 0 10px 0;}
.footer-text p:last-child {margin: 0;}
.footer-text a {color: #e6007e;}
.footer-text a:hover {color: #1d1d1b;}
.footer-logo img {display: block;}

@media screen and (max-width:1155px){
.footer-logo {float: none; width: 100%; border-right: 0 none; display: table; margin: 0 auto;}
.footer-text {width: 100%; max-width: none; float: none; padding: 10px 0;}
}
@media screen and (max-width:535px){
.footer-box {width: 100%; float: none; margin-left: auto; margin-right: auto; margin-top: 20px;}
.footer-box:first-child {margin-left: auto; margin-top: 0;}
}

.lastline {width: 100%; text-align: center; padding: 15px 0; background-color: #7c014d; color: #ffffff; font-size: 14px;}

@media screen and (max-width:365px){
.lastline {font-size: 12px;}
}

/*Drucken (Content)*/
.dropdown-toggle {display: none;}
.dropdown-menu {list-style-type: none; margin: 0 0 0 -40px; position: absolute; top: 4px; right: 4px;}
.print-icon {height: 30px; line-height: 30px; float: left; background-color: #dadada; padding: 4px;}
.print-icon::before {content: url(../../../images/elemente/print.png); margin-right: 10px; float: left;}
.print-icon a {color: #7c014d; text-decoration: none;}
.print-icon a:hover {color: #e6007e; text-decoration: underline;}

@media screen and (max-width:990px){
.dropdown-menu {top: 3px; right: 3px;}
.content .print-icon {height: 20px; line-height: 20px; font-size: 15px;}
.content .print-icon::before {content: url(../../../images/elemente/print20.png); margin-right: 5px;}
}
@media screen and (max-width:710px){
.content .print-icon {display: none;}
}

/*Bildbeschreibung*/
figcaption {font-size: 14px;}
figure {margin: 0 0 30px 0;}

/*Sitemap*/
.filters {display: none;}
.table-striped {width: 100%;}
#categorylist_header_title, #categorylist_header_hits {text-align: left; padding: 10px 5px; background-color: #dadada; box-sizing: border-box;}
#categorylist_header_title {width: 80%;}
#categorylist_header_hits {width: 20%;}
.list-hits, .list-title {padding: 10px 5px; box-sizing: border-box;}

/*Druckseite*/
.druckseite {width: 90%; padding: 40px 0; margin: 0 auto;}
.hidden-print {margin-bottom: 40px;}
.hidden-print a {color: #ffffff; background-color: #1d1d1b; padding: 10px 15px;}
.hidden-print a:hover {background-color: #7c014d;}

/*Suchergebnisse*/
.result-created {margin-bottom: 40px;}

/*Formmailer*/
.formular {width: 100%; padding: 20px 5px; box-sizing: border-box; background:linear-gradient( #dadada, #ededed);}
.kontaktform {width: 90%; max-width: 400px; margin: 0 auto; display: table;}
.kontaktform .bfQuickMode .ff_elem {width: 100%; height: 50px; line-height: 50px; border: 0 none; font-family: 'PT Sans', sans-serif; font-size: 16px; color: #1d1d1b; padding: 0 10px; box-sizing: border-box; max-width: 100%; min-width: 100%;}
.kontaktform .bfQuickMode .bfSubmitButton {float: none; display: table; margin: 20px auto 0 auto; border: 0 none; background-color: #7c014d; color: #ffffff; padding: 5px 12px; cursor: pointer;}
.kontaktform .bfQuickMode .bfSubmitButton:hover {background-color: #e6007e;}
.kontaktform .bfQuickMode .bfCaptcha a img {max-width: 20px; margin: 20px 0 0 0;}
.kontaktform .bfQuickMode .bfCaptcha a {padding: 0;}

/*
#######################
### LEICHTE SPRACHE ###
#######################
*/
.leichte-sprache {font-family: Verdana, "sans-serif"; color: #000000; font-size: 22px; line-height: 36px;}
.leichte-sprache h1 {margin: 0 0 30px 0; color: #7c014d; font-size: 26px; text-transform: none!important;}
.leichte-sprache h2 {margin: 0 0 30px 0; color: #e6007e; font-size: 24px;}
.leichte-sprache p, .leichte-sprache li {line-height: 36px;}
.leichte-sprache .fettrot {color: #7c014d; font-weight: bold;}

.clearer {content: ""; display: table; clear: both;}
.ls-start-master {width: 101.4285708%; max-width: 710px; margin: 0 0 30px -5px; box-sizing: border-box;}
.ls-start-box {width: 31.92488254%; max-width: 226.6666667px; float: left; margin: 0 0.70422535% 10px 0.70422535%; box-sizing: border-box; background-color: #dadada;}
.ls-start-box:hover {background-color: #e6007e;}
.ls-start-content {background-color: #7c014d; box-sizing: border-box; padding: 12px 0; text-align: center; color: #ffffff; font-size: 13px;}
.ls-kopfbild {max-width: 300px; margin: 0 auto 30px auto;}
.ls-aktion-mensch {max-width: 200px; margin: 0 auto 30px auto;}

.ls-header {width: 100%; max-width: 700px; margin: 0 0 30px 0; box-sizing: border-box; background-color: #dadada; padding: 10px 0; border: 1px #e6007e solid;}
.ls-header-bild {width: 80%; max-width: 300px; margin: 0 auto 20px auto;}
.ls-header h1 {text-align: center;}

.content .leichte-sprache table {border: 0 none; width: 100%;}
.content .leichte-sprache td {width: 28.5714284%; max-width: 200px; vertical-align: top; padding-bottom: 70px;}
.content .leichte-sprache td:first-child {width: 71.428571%; max-width: 500px; box-sizing: border-box; padding-right: 20px;}
.content .leichte-sprache hr {height: 2px; border: 0; color: #e6007e;background-color: #e6007e; margin: 30px 0;}
.content .leichte-sprache ul, .content .leichte-sprache ol {margin: 0 0 30px 0;}

@media screen and (max-width: 1130px){
.ls-start-box {width: 47%; max-width: none; margin: 0 1.5% 10px 1.5%;}
}
@media screen and (max-width: 1086px){
.leichte-sprache h1 {font-size: 24px;}
.leichte-sprache h2 {font-size: 21px;}
.leichte-sprache {font-size: 18px;}
}
@media screen and (max-width: 840px){
.leichte-sprache h1 {font-size: 20px;}
.leichte-sprache h2 {font-size: 17px;}
.leichte-sprache {font-size: 14px;}
}
@media screen and (max-width: 840px){
.leichte-sprache p, .leichte-sprache li {line-height: 28px;}
.content .leichte-sprache td {width: 40%;}
.content .leichte-sprache td:first-child {width: 60%;}
}
@media screen and (max-width: 800px){
.ls-start-box {width: 100%; max-width: none; margin: 0 0 10px 0;}
}
@media screen and (max-width: 710px){
.ls-start-box {width: 47%; max-width: none; margin: 0 1.5% 10px 1.5%;}
}
@media screen and (max-width: 554px){
.ls-start-box {width: 100%; max-width: none; margin: 0 0 10px 0;}
}