* {
    box-sizing: border-box;
    padding:0;
    margin:0;
}
html {
    min-width: 320px;
    hyphens: auto;
    -moz-hyphens     : auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
}
dd {
    margin-left: 10%;
}
.clearer {
    clear: both;
    height: 1px;
}
embed,iframe {
    width: 94%;
    margin: 0 3%;
}

#login {
    position: fixed;
    width: 90%;
    left:5%;
    top:0;
    text-align: center;
    z-index: 2;
}
#loginForm {
    max-width: 600px;
    margin: 0.5em;
}
#loginForm fieldset {
    padding: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
}
#loginForm fieldset legend {
    width: inherit;
}
#loginForm label {
    display: inline-block;
    padding: 0.5rem;
    min-width: 40%;
}
#loginForm input[type="text"], #loginForm input[type="password"], #loginForm input[type="submit"] {
    display: inline-block;
    padding: 0.3rem;
    border-radius: 0.5rem;
    border-width: 0.02rem;
    width: 50%;
    vertical-align: top;
    margin-top: 0.3rem;
}
#loginForm input[type="submit"] {
    padding: 0.6rem;
    border-width: 0.1rem;
    width: auto;
    margin-top: 0.6rem;
}

#loginanzeigen {
    display:inline-block;
    padding: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
}
header[role="banner"] {
    z-index: 10;
}
#headersubwrap, #wrap, #footersubwrap,nav#unternavigation ,nav#brotkruemmel {
    width: 95%;

    margin: 0 auto;
}
@media (min-width: 720px) {
    #headersubwrap, #wrap, #footersubwrap,nav#unternavigation ,nav#brotkruemmel {
        width: 80%;
    }
}
#headersubwrap {
    position: relative;
}
#sucheheader {
    position:absolute;
    top: 4rem;
    width:60%;
    right: 0;
}

#sucheheader .tx-indexedsearch-whatis,#sucheheader .tx-indexedsearch-browsebox, #sucheheader .tx-indexedsearch-res, #sucheheader .tx-indexedsearch-noresults,
#suchefooter .tx-indexedsearch-whatis,#suchefooter .tx-indexedsearch-browsebox, #suchefooter .tx-indexedsearch-res, #suchefooter .tx-indexedsearch-noresults {
    display: none;
}
.tx-indexedsearch-searchbox {
    position:relative;
    display: inline-block;
    width:94%;
    padding: 1rem 1rem 1.3rem 1rem;
}
.tx-indexedsearch-searchbox form {
    width:100%;
}
.tx-indexedsearch-searchbox input {
    display: inline-block;
}
.tx-indexedsearch-searchbox input[type="text"] {
    width: 70% !important;
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    border-width:0;
    padding:0.5rem;
}
.tx-indexedsearch-searchbox input[type="submit"] {
    width: 25% !important;
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    padding:0.5rem;
    border-width: 0;
}
.extendedsearchlink {
    display: inline-block;
    bottom:0;
    left:80%;
    position: absolute;
}
.infobutton {
    border-radius: 1rem;
    padding: 0.2rem 0.7rem;
    display: inline-block;
}
#suchefooter {
    text-align: center;
}
.tx-indexedsearch-rules {
    position: absolute;
    margin-top:0.2rem;
    width: 50%;
    right:0;
    border-radius: 1rem;
    z-index: 1;
    padding: 0.5rem;
}

a#logo {
    display: inline-block;
    width: 35%;
    top: 0;
    margin-left: 5%;
}
a#logo:before {
    content: '';
    display: block;
    padding-top: 67%;
}
a#logo .maintitle, .subtitle {
    display: none;
}
nav ul {
    list-style-type: none;
}
nav#hauptnavigation li, nav .ebene1 > li, nav#unternavigation a {
    display: inline-block;
}
nav#hauptnavigation {
    position: absolute;
    bottom:0;
    right: 0;
    width:60%;
    text-align: center;
    margin-bottom: 1.9rem;
}
nav#hauptnavigation ul {
    max-height: 6rem;
}
nav#hauptnavigation li {
    width: 15%;
}
nav#hauptnavigation li a {
    position: relative;
    display: inline-block;
    width: 100%;
}
nav#hauptnavigation li a:before {
    content: '';
    display: block;
    padding-top: 100%;
}
nav#hauptnavigation .tooltipp {
    position: absolute;
    bottom:-2.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border-style: solid;
    border-width: 0.2rem;
    width: 16.66%;
    z-index: 1;
}
nav#unternavigation {
    margin-top: 0.8rem;
}
nav#unternavigation a, nav#unternavigation2 a {
    width: 100%;
    padding: 0.5rem;
    border-radius: 0.3rem;
    border-width: 0.2rem;
    border-style: solid;
    z-index: 2;
}
nav#unternavigation li, nav#unternavigation2 li {
    margin-top: 0.2rem;
}
nav#unternavigation ul.ebene1 > li {
    position:relative;
    width: 16%;
    margin-right: 0.3rem;
}
@media (min-width: 1045px) and (max-width: 1180px) {
    nav#unternavigation ul.ebene1 > li {
        width: 16%;
    }
}
nav#unternavigation ul.ebene2 {
    position:absolute;
    width: 100%;
    z-index: 101;
}
nav#unternavigation ul.ebene2 li {
    position:relative;
    width: 100%;
}
nav#unternavigation ul.ebene2 a {
    padding:0.1rem;
}
nav#unternavigation ul.ebene3 {
    position:absolute;
    left: 100%;
    top: 0;
    width: 100%;
    padding-left: 0.3rem;
}
nav#unternavigation ul.ebene3 > li:first-of-type {
    margin-top: 0;
}
nav#unternavigation ul.ebene1 > li:nth-child(6) ul.ebene3 {
    left: -100%;
}
nav#unternavigation ul.ebene1 > li:nth-child(6) ul.ebene3 {
    padding-right: 0.3rem;
}
nav#unternavigation ul.ebene3 li:nth-child(6) {
    margin-top: 0;
}

/**
* weiter mit inhalt
**/
.seiteninhaltselement {
    overflow: hidden;
    margin: 1em 1% 1em 0;
    padding-bottom: 1em;
    line-height: 1.6;
}
.seiteninhaltselement p {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.container {
    width: 100%;
}
.container > .seiteninhaltselement {
    margin: 0 1% 0.5em 0;
    padding-bottom: 0;
}
main > .seiteninhaltselement,.leer .newsListitem, aside > .seiteninhaltselement {
    border-width: 0.2rem;
    border-style: solid;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
main > .seiteninhaltselement > .csc-header,.leer .newsListitem .csc-header,  aside > .seiteninhaltselement > .csc-header {
    margin-bottom: 0.5em;
    padding:0.5em;
}
main .seiteninhaltselement {
    float:left;
}
@media (min-width: 640px) {
    main .seiteninhaltselement .inhaltlinks{
        float:left;
        width: 50%;
    }
    main .seiteninhaltselement .inhaltrechts{
        float:right;
        width: 50%;
    }
}
div#wrap .seiteninhaltselement p, div#wrap .seiteninhaltselement h2, div#wrap .seiteninhaltselement h3,
div#wrap .seiteninhaltselement h4, div#wrap .seiteninhaltselement h5, div#wrap .seiteninhaltselement ol,div#wrap .seiteninhaltselement ul {
    padding: 0 2% 0 2%;
}
div#wrap .seiteninhaltselement ol,div#wrap .seiteninhaltselement ul {
    padding: 0 2% 0 5%;
}
.seiteninhaltselement.width100 {
    width: 99%;
}
.seiteninhaltselement.width75 {
    width: 74%;
}
.seiteninhaltselement.width50 {
    width: 49%;
}
.seiteninhaltselement.width25 {
    width: 24%;
}
.seiteninhaltselement.layout2 {
    width: 24%;
}
@media (max-width: 640px) {
    .seiteninhaltselement.width75,
    .seiteninhaltselement.width50,
    .seiteninhaltselement.width25,
    .seiteninhaltselement.layout2 {
        width: 99%;
    }
}
.textaufdemkopf {
    cursor : pointer;
    text-align: right;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.news-item {
    margin: 0.5rem 0 1rem 0;
}
.news-item.layout3 a .news-img-wrap, .news-detail .news-img-wrap {
    float: right;
    width: 25%;
}
.news-item.layout3 a .teaser-text, .news-detail .news-text-wrap {
    float: left;
    width: 73%;
}
.news-item.layout1 {
    margin-bottom: 1em;
}
.news-item.layout1 a h3 {
    margin-bottom: 0.2em;
}
.news-item.layout1 a .news-img-wrap {
    float: right;
    width: 50%;
}
.news-item.layout1 a .teaser-text {
    float: left;
    width: 45%;
    padding-left: 0.5em;
}
.page-navigation {
    clear: both;
    text-align: center;
    border-width: 0.2rem;
    border-style: solid;
    border-radius: 0.2rem;
    padding: 0.2rem;
}
.f3-widget-paginator {
    list-style-type: none;
}
.f3-widget-paginator li {
    display: inline-block;
}
.tx_news_ItemListImage {
    float: left;
    width: 26%;
    margin: 0 2%;
}
.tx_news_detailItemImage {
    float: right;
    width: 26%;
    margin: 0 2%;
}
.backlink, .news-backlink-wrap {
    border-radius: 0.2em;
    padding: 0.5em;
    margin: 0.5em 1em
}
#linkespalte > .seiteninhaltselement, #rechtespalte > .seiteninhaltselement {
    width: 100% !important;
}
main > .seiteninhaltselement > div, .seiteninhaltselement > header {
    padding: 0.5rem;
}
.seiteninhaltselement a.linkinternkasten, .seiteninhaltselement a.linkexternkasten {
    display: inline-block;
    padding: 0.3rem;
    border-radius: 0.5rem;
    border-style: solid;
    border-width: 0.2rem;
}
.seiteninhaltselement .csc-textpic-imagewrap {
    width: 100%;
}
.seiteninhaltselement .csc-textpic-intext-right .csc-textpic-imagewrap, .seiteninhaltselement .csc-textpic-intext-left .csc-textpic-imagewrap {
    width: 35%;
}
.seiteninhaltselement .csc-textpic-image, .seiteninhaltselement .csc-textpic-imagerow, .seiteninhaltselement .csc-textpic-imagecolumn, .seiteninhaltselement img {
    width: 100%;
}
.seiteninhaltselement blockquote {
    width: 80%;
    margin:0 auto;
}
main[role="main"], #wrap > aside {
    float: left;
    padding: 0 0.5rem;
}
#wrap > main {
    margin-top: 1rem;
}
#wrap > aside {
    margin-top: 3.6rem;
}
#einspaltig main[role="main"] {
    width: 100%;
}
#zweispaltig main[role="main"] {
    width: 75%;
}
#zweispaltig aside#rechtespalte {
    width: 25%;
}
#dreispaltig main[role="main"] {
    width: 50%;
}
#dreispaltig aside#rechtespalte, #dreispaltig aside#linkespalte {
    width: 25%;
}
@media (max-width: 640px) {
    #zweispaltig main[role="main"],
    #zweispaltig aside#rechtespalte,
    #dreispaltig main[role="main"],
    #dreispaltig aside#rechtespalte, #dreispaltig aside#linkespalte {
        width: 100%;
    }
}
#lexikonbody main[role="main"] {
    width: 75%;
}
main[role="main"] #seitentitel {
    margin:0;
}

nav#brotkruemmel {
    padding: 1rem 0 0 1%;
}
#whereprint {
    display: none;
}
#vorschlaege {
    border-width: 1rem;
    border-radius: 2rem;
    padding: 0.5rem;
    width: 80%;
    margin: 1rem auto;
    padding:1rem 1%;
}
#vorschlaege > section {
    float: left;
    width: 24%;
    border: none;
}
#vorschlaege > section > div > section {
    border-width: 0.2rem;
    border-style: solid;
    border-radius: 0.3rem;
    margin: 0.2rem 0.5%;
}
#vorschlaege img, #vorschlaege p, #vorschlaege h3 {
    padding: 0.3rem;
}
#vorschlaege img{
    width: 50%;
    float: right;
}
.vorschlag a {
    border-width: 0.2rem;
    border-style: solid;
    display: block;
    border-radius: 0.5rem;
}
#footersubwrap {
    padding-bottom: 2rem;
}
#info, #erwachsene, #auszeichnungen, #seitenstark, #partner {
    float: left;
    padding: 1rem 1%;
}
#auszeichnungen img, #seitenstark img, #partner img {
    display: inline-block;
    width: 100%;
}
#auszeichnungen {
    width: 20%
}
#footersubwrap #info {
    width: 30%;
}

#erwachsene {
    width:20%;
}
#partner {
    width: 10%;
}
#seitenstark {
    width: 20%;
}
#auszeichnungen a {
    display: inline-block;
    width: 49%;
}
#partner a {
    margin-top: 0.5rem;
    width: 100%;
}
#seitenstark a {
    display: inline-block;
    width:49%;
}
#totoplink {
    position: fixed;
    width: 90%;
    left:5%;
    bottom:0;
    z-index: 2;
    width: 5%;
    left: 47.5%;
    text-align: center;
    padding-top: 0.3rem;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}
.powermail_fieldset {
    max-width: 600px;
    width:100%;
    border-radius: 1rem;
}
.powermail_fieldwrap {
    margin: 0.5rem 1%;
}
.powermail_fieldwrap textarea, .powermail_fieldwrap input[type="text"] {
    width:70%;
}
.powermail_label {
    display: inline-block;
    width: 25%;
}
.powermail_fieldwrap input[type="submit"] {
    padding: 0.3rem;
    border-radius: 0.5rem;
    width: 25%;
    margin-left:60%;
}
form.powermail_form.backToForm,form.powermail_form.submitForm {
    display: inline-block;
    margin-top: 1.2rem;
    margin-left: 2rem;
}
form.powermail_form.backToForm > input[type="submit"],form.powermail_form.submitForm > input[type="submit"] {
    display: inline-block;
    padding: 0.3rem;
    border-radius: 0.3rem;
}
div.tx-indexedsearch-res {
    padding-left: 2%;
}
div.tx-indexedsearch-result {
    width: 30%;
    float: left;
    border-width: 0.2rem;
    border-style: solid;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    overflow: hidden;
    min-height: 18rem;
    margin: 1rem 0 1rem 2%;
}
div.tx-indexedsearch-result header {
    padding: 0.2rem 0 0.2rem 0.5rem;
}
div.tx-indexedsearch-result header h3 {
    display: inline-block;
    width:85%;
}
div.tx-indexedsearch-result header span.tx-indexedsearch-percent {
    display: inline-block;
    width:10%;
    text-align: right;
}
div.tx-indexedsearch-result img {
    float: left;
    width: 35%;
    margin: 0.5rem;
}
.tx-indexedsearch-browsebox {
    clear: both;
}
#readspeaker-section {
    margin-top: 0.5rem;
}
.linebreak {
    clear: both;
}
a.more {
    margin-left: 1em;
}
.tx-html5mediakit-media-container audio {
    margin-left: 2%;
}
.seiteninhaltselement.leer {
    border: none;
    background: none;
}
.seiteninhaltselement.leer .csc-header{
    border: none;
    background: none;
    color: rgb(0,0,0)
}
.seiteninhaltselement.leer > .seiteninhaltselement.newsListitem {
    padding:0;
}

.leer > .tx-dce-pi1 > .seiteninhaltselement.pageTeaser {
    border-width: 0.2rem;
    border-style: solid;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    float:left;
    width: 32%;
    min-height: 18em;
}
.leer > .tx-dce-pi1 > .seiteninhaltselement.pageTeaser > .csc-header {
    margin-bottom: 0.5em;
    padding: 0.5em 2%;
}
.leer > .tx-dce-pi1 > .seiteninhaltselement.pageTeaser a img {
    float: left;
    width: 25%;
    margin: 0.3em;
}
.leer > .tx-dce-pi1 > .seiteninhaltselement.pageTeaser > p {

}
/**
* Anpassung an Mobile
**/
@media (max-width: 770px) {
    a#logo {
        display: block;
        width: 95%;
        margin:0;
    }
    #sucheheader {
        position: inherit;
        width: 100%;
    }
    #headersubwrap {
        position: inherit;
        padding-top: 1em;
    }
    #sucheheader .tx-indexedsearch-searchbox {
        width: 91%;
    }
    #sucheheader #tx-indexedsearch-searchbox-sword, #sucheheader  #tx-indexedsearch-searchbox-button-submit {
        font-size: 1.2em;
        border-radius: 0.3em;
    }
    #sucheheader .infobutton {
        padding:0.2em 0.5em;
        font-size: 1em;
    }
    #sucheheader .tx-indexedsearch-rules {
        width:100%;
    }
    #sucheheader .tx-indexedsearch-searchbox {
        margin-bottom: 1em;
    }
    nav#hauptnavigation {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: rgba(91, 56, 0, 0.9);
        min-height: 3.6em;
        margin-bottom:0;
        z-index: 1500;
    }
    nav#hauptnavigation {
        padding: 0 0.5em;
    }
    nav#unternavigation > ul.ebene1 > li{
        width: 100%;
    }
    nav#unternavigation > ul.ebene1 > li a {
        padding: 0.5em 0.2em;
    }
    nav#unternavigation ul.ebene2 {
        position:inherit;
        width: 95%;
        margin-left: 5%;
    }
    nav#unternavigation > ul.ebene2 > li {

    }
    nav#unternavigation ul.ebene2 a {
        font-size: 1em !important;
    }

    main#main .pageTeaser {
        width: 100%;
    }
    aside#rechtespalte {
        display: none;
    }
    footer[role="contentinfo"] #vorschlaege {
        width: 95%;
    }
    footer[role="contentinfo"] #vorschlaege h2 {
        font-size: 1em;
        margin: 0 0 1em 0;
    }
    footer[role="contentinfo"] #vorschlaege .seiteninhaltselement {
        width: 100%;
        padding:0;
        margin:0 0 0.3em 0;
    }
    footer[role="contentinfo"] #vorschlaege .seiteninhaltselement .vorschlag {
        width: 95%;
        margin: 0 auto;
    }
    footer[role="contentinfo"] #vorschlaege .seiteninhaltselement .vorschlag h3 {
        margin: 0;
    }
    #suchefooter .tx-indexedsearch,#footersubwrap #auszeichnungen,#footersubwrap #partner {
        display: none;
    }
    #footersubwrap #info ,#footersubwrap #erwachsene,#footersubwrap #seitenstark {
        width:100%;
    }
    #footersubwrap #info h2,#footersubwrap #erwachsene h2 {
        font-size:1.2em;
    }
    #footersubwrap {
        padding-bottom: 2em;
    }
}
ul.csc-menu {
    list-style-type: none;
}
ul.csc-menu li {
    display: inline-block;
}
ul.csc-menu a {
    display: inline-block;
    padding: 0.5em;
    border-radius: 0.5em;
    border: 2px solid #0092ef;
    background-color: #00ADEF;
    margin: 0.2em;
}
#cookieconfirm {
    position : fixed;
    background-color: rgba(30,30,30,0.6);
    width: 100%;
    z-index: 200;
}
#cookieconfirm #messageBox {
    margin: 5% auto;
    background-color: rgb(249, 247, 245);
    color: black;
    width: 100%;
    padding: 1.2em;
    text-align: center;
}
#cookieconfirm #messageBox #confirmBtns {
    text-align: center;
    padding-top: 1em;
}
#cookieconfirm #messageBox #confirmBtns button {
    font-weight: bold;
    font-size: 1.3em;
    background-color: rgb(51,51,51);
    color: rgb(255, 204, 0);
    padding: 0.4em;
    border: 1px solid rgb(255, 204, 0);
    border-radius: 0.2em;
}