/* ----------------------------------------------------------------------------- */ /* Diese Datei enthält CSS Angaben die nicht über SASS kompiliert werden. /* ----------------------------------------------------------------------------- */ .knot_16266358 .l-site {border-color: #65909c;} .knot_16267133 .l-site {border-color: #a5544e;} .home .l-site { border: 0px;} .l-header__main-navigation .sf-menu > li > a { font-family: "Roboto Slab"; color: #000; } .l-header__main-navigation .sf-menu > li:hover a { color: #fff;} .l-header__main-navigation .sf-menu > li { text-align: center;} .l-header__main-navigation .sf-menu > li ul li { text-align: left;} .l-header__main-navigation .sf-menu > li a:before { font-family: "Font Awesome 5 Pro"; display: block; font-size: 20px; font-weight: 500;} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="aktuelles"]:before { content:"\f334";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="raeumlichkeiten"]:before { content:"\f5fd";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="formulare"]:before { content:"\f15c";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="16888799"]:before { content:"\f083";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="veranstaltungsreihen"]:before { content:"\f073";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="rueckblick"]:before { content:"\f083";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="ausstellungen"]:before { content:"\f03e";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="veranstaltungen"]:before { content:"\f334";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="buecherei"]:before { content:"\f5db";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="medien"]:before { content:"\f025";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="16321050"]:before { content:"\f334";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="service"]:before { content:"\f05a";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="lesefoerderung"]:before { content:"\f500";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="kinder"]:before { content:"\f1ae";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="wir"]:before { content:"\f2bb";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="16939204"]:before { content:"\f2bb";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="16939203"]:before { content:"\f2bb";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="kalender"]:before { content:"\f334";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="bildergalerie"]:before { content:"\f083";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="region"]:before { content:"\f59f";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="pressespiegel"]:before { content:"\f1ea";} .l-header__main-navigation .sf-menu > li.ebene1 > a[href*="kuenstler"]:before { content:"\f05a";} .l-page__hero .bx-wrapper { margin-bottom: 0px;} .basecontent-dynamic-content .date { display: none;} .basecontent-dynamic-content .element { display: none;} .basecontent-dynamic-content.Abteilungen { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .basecontent-dynamic-content.Abteilungen > article { flex-basis: 48%; height: 200px; display: flex; justify-content: center; align-items: center; background: #f6f6f6; margin-bottom: 20px; border-right: 2px solid #ccc; border-bottom: 2px solid #cccc} .basecontent-dynamic-content.Abteilungen > article .title { text-align: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-family: "Roboto Slab", serif; font-size: 200%; padding: 0px 20px; } .basecontent-dynamic-content.Abteilungen > article .title a { text-align: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .KinderFarbsystem p { line-height: 1.2rem;} .KinderFarbsystem h2 { margin-top: 25px;} .KinderFarbsystem h2:after { content:"O"; color: transparent; margin-left: 20px; border-radius: 20px; display: inline-block; width: 35px;} .KinderFarbsystem .pinkerPunkt h2:after { background-color: #f071be; } .KinderFarbsystem .gruenerPunkt h2:after { background-color: green; } .KinderFarbsystem .orangenerPunkt h2:after { background-color: orange; } .KinderFarbsystem .roterPunkt h2:after { background-color: red; } .KinderFarbsystem .blauerPunkt h2:after { background-color: blue; } .KinderFarbsystem .weisserPunkt h2:after { background-color: #fff; border: 1px solid #000; } .KinderFarbsystem .gruenerPunkt.Klein h2:after { background-color: green; width: 30px; height: 30px; position: relative; top: 2px;} .KinderFarbsystem .gruenerPunkt.Klein.Zwei h2 { display: inline-block;} .KinderFarbsystem .gruenerPunkt.Klein.Zwei h2:after { background-color: green; width: 30px; height: 30px; position: relative; top: 5px;} .KinderFarbsystem .gruenerPunkt.Klein.Zwei .boxChild:nth-child(1):after { content:"O"; color: transparent; display: inline-block; border-radius: 20px; width: 40px; background-color: green; width: 30px; height: 30px; position: relative; top: -3px;} .KinderFarbsystem .hoerbuecher { position: relative;} .KinderFarbsystem .hoerbuecher p { line-height: 1.6rem;} .KinderFarbsystem .hoerbuecher span { display: inline-block; width: 200px;} .KinderFarbsystem .hoerbuecher .primary1:after { content: ""; background-color: red; width: 50px; height: 20px; position: relative; float: right; display: inline-block; border-radius: 7px;} .KinderFarbsystem .hoerbuecher .primary2:after { content: ""; background-color: blue; width: 50px; height: 20px; position: relative; float: right; display: inline-block; border-radius: 7px; } .KinderFarbsystem .hoerbuecher .primary3:after { content: ""; background-color: green; width: 50px; height: 20px; position: relative; float: right; display: inline-block; border-radius: 7px;} .KinderFarbsystem .spiele { position: relative;} .KinderFarbsystem .spiele p { line-height: 1.6rem;} .KinderFarbsystem .spiele span { display: inline-block; width: 100px;} .KinderFarbsystem .spiele .primary1:after { content: ""; background-color: #fff; border: 1px solid #000; width: 50px; height: 20px; position: relative; float: right; display: inline-block; border-radius: 7px;} .KinderFarbsystem .spiele .primary2:after { content: ""; background-color: red; width: 50px; height: 20px; position: relative; float: right; display: inline-block; border-radius: 7px; } .KinderFarbsystem .spiele .primary3:after { content: ""; background-color: #F739E0; width: 50px; height: 20px; position: relative; float: right; display: inline-block; border-radius: 7px;} .KinderFarbsystem .dvds { position: relative;} .KinderFarbsystem .dvds p { line-height: 1.6rem;} .KinderFarbsystem .dvds span { display: inline-block; width: 100px;} .KinderFarbsystem .dvds .primary2:after { content: ""; background-color: red; width: 50px; height: 20px; position: relative; float: right; display: inline-block; border-radius: 7px; } #node16320677 .basecontent-dynamic-content a[href*="buecher.html"]:before { content:"\f5db"; display: block;} #node16320677 .basecontent-dynamic-content a[href*="hoeren.html"]:before { content:"\f58f"; display: block;} #node16320677 .basecontent-dynamic-content a[href*="dvd.html"]:before { content:"\f008"; display: block;} #node16320677 .basecontent-dynamic-content a[href*="spiele.html"]:before { content:"\f11b"; display: block;} #node16320677 .basecontent-dynamic-content a[href*="zeitschriften.html"]:before { content:"\f1ea"; display: block;} #node16320677 .basecontent-dynamic-content a[href*="cafe.html"]:before { content:"\f0f4"; display: block;} #node16320677 .basecontent-dynamic-content a[href*="lernen.html"]:before { content:"\f51c"; display: block;} #node16320677 .basecontent-dynamic-content a[href*="spielen.html"]:before { content:"\f412"; display: block;} #node16320738 .basecontent-dynamic-content a[href*="belletristik.html"]:before { content:"\f5da"; display: block;} #node16320738 .basecontent-dynamic-content a[href*="hoerbuecher.html"]:before { content:"\f58f"; display: block;} #node16320738 .basecontent-dynamic-content a[href*="16806402.html"]:before { content:"\f008"; display: block;} #node16320738 .basecontent-dynamic-content a[href*="krimis_thriller.html"]:before { content:"\f5db"; display: block;} #node16320738 .basecontent-dynamic-content a[href*="sachbuecher.html"]:before { content:"\f7e8"; display: block;} #node16320738 .basecontent-dynamic-content a[href*="cafe.html"]:before { content:"\f0f4"; display: block;} #node16320738 .basecontent-dynamic-content a[href*="lernen.html"]:before { content:"\f51c"; display: block;} #node16320738 .basecontent-dynamic-content a[href*="spielen.html"]:before { content:"\f412"; display: block;} #node16847784 .basecontent-dynamic-content a[href*="bilderbuecher.html"]:before { content:"\f03e"; display: block;} #node16847784 .basecontent-dynamic-content a[href*="cds+_+tonies.html"]:before { content:"\f51f"; display: block;} #node16847784 .basecontent-dynamic-content a[href*="wissensbuecher.html"]:before { content:"\f7e8"; display: block;} #node16847784 .basecontent-dynamic-content a[href*="6+bis+8+jahre.html"]:before { content:"\f1ae"; display: block;} #node16847784 .basecontent-dynamic-content a[href*="9+bis+12+jahre.html"]:before { content:"\f1ae"; display: block;} #node16847784 .basecontent-dynamic-content a[href*="cafe.html"]:before { content:"\f0f4"; display: block;} #node16847784 .basecontent-dynamic-content a[href*="lernen.html"]:before { content:"\f51c"; display: block;} #node16847784 .basecontent-dynamic-content a[href*="16847838.html"]:before { content:"\f11b"; display: block;} body.contrast_BW footer .column2 { background: none;} body.contrast_BW footer .column3 { background: none;} #node16447595 .sidebar_nav { display: none;} #node16447601 .sidebar_nav { display: none;} #node16934753 .sidebar_nav { display: none;} #node16447610 .sidebar_nav { display: none;} iframe { border: 0; max-width: 100%;} /*footer Links mit Cookie Link als html */ .l-footer .basecontent-html-editor .httpsLink:hover {color:#fff;}