#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;box-sizing:border-box;font-family:'Helvetica',Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(../../assets/mediaelement/images/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:mejs__loading-spinner 1s linear infinite;animation:mejs__loading-spinner 1s linear infinite;background:url(../../assets/mediaelement/images/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*='display: none']){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:url(../../assets/mediaelement/images/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:dotted 1px #999}.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus,.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-total,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-current,.mejs__time-float,.mejs__time-hovered,.mejs__time-float-current,.mejs__time-float-corner,.mejs__time-marker{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-current,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-hovered{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.15s ease-in all;transition:.15s ease-in all;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid rgba(255,255,255,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail:hover .mejs__time-handle-content,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail .mejs__time-handle-content:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:solid 1px #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:solid 5px #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{background:rgba(255,255,255,.9);left:0;margin:0;position:absolute;width:100%}.mejs__volume-handle{background:rgba(255,255,255,.9);border-radius:1px;cursor:ns-resize;height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border-radius:2px;font-size:1px;height:8px;left:0;margin:0;padding:0;position:absolute;top:16px;width:50px}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);border-radius:2px;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:solid 1px transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay p,.mejs__cannotplay a{display:inline-block;padding:0 15px;width:100%}

/* Basic */

	html {
		font-size: 62.5%;
	}

	body {
		color: #000;
		background: #fff;
		font-size: 1.5em;
		line-height: 1.6;
		padding: 0;
		margin: 0;
	}

	input, button, select, textarea {
		font: inherit;
		margin: 0;
	}
	input[type="text"], 
	input[type="submit"], 
	input[type="password"], 
	textarea {
    	-webkit-appearance: none;
	}



/* General element styles */

	img {
		color: #000;
		vertical-align: bottom;
		border: 0;
	}
	abbr {
		text-decoration: none;
		border: none;
	}
	figure {
		padding: 0;
		margin: 0;
	}







/* Webfonts */

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    src: local('Merriweather Light'), local('Merriweather-Light'),
    url('/files/fonts/merriweather-v13-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/merriweather-v13-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 600;
    src: local('Merriweather'), local('Merriweather-Regular'),
    url('/files/fonts/merriweather-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/merriweather-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* General */

/* General element styles */

body {
    background: #354248;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

a {
    color: #018CC5;
}

a:hover,
a:hover,
a:active {
    color: #DE007E;
    text-decoration: underline;
}

iframe {
    border: 0;
}

/* TinyMCE */

#wrapper.mce-content-body {
    background: #FFF;
    color: #000;
}

/* Offscreen */

.offscreen,
.invisible,
hr,
.filter-events h2,
.mod_facet_navigation h2 {
    position: absolute !important;
    top: -6000px !important;
    left: -6000px !important;
    height: 1px !important;
    width: 1px !important;
}

/* TinyMCE */

#wrapper.mce-content-body .offscreen {
    position: static !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    width: auto !important;
    opacity: .2 !important;
}

/* Clear float */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.ce_gallery:before,
.ce_gallery:after {
    content: " ";
    display: table;
}

.ce_gallery:after {
    clear: both;
}

/* Nav bars */

.mod_navigation ul,
.mod_customnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.mod_navigation ul li,
.mod_customnav ul li {
    margin: 0;
}

.mod_navigation a,
.mod_customnav a {
    text-decoration: none;
}

/* Layout */

#header {
    position: relative;
    background: #028DC5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#header-logo-navigation {
    overflow: visible;
}

@media (min-width: 760px) {
    #header-logo-navigation {
        width: 740px;
        margin: 0 auto;
    }
}

@media (min-width: 1000px) {
    #header-logo-navigation {
        width: 960px;
        margin: 0 auto;
    }
}

#container {
    position: relative;
    min-height: 300px;
    background: #FFF;
    color: #121212;
}

.main-right #container > .inside {
    position: relative;
}

@media (min-width: 760px) {
    .main-right #container > .inside,
    .standort-einstieg #container > .inside {
        width: 740px;
        margin: 0 auto;
    }
}

@media (min-width: 1000px) {
    .main-right #container > .inside,
    .standort-einstieg #container > .inside {
        width: 960px;
    }
}

#main {
    position: relative;
    padding: 20px 10px 20px 10px;
}

@media (min-width: 760px) {
    #main {
        padding: 40px 0 0 0;
    }
    
    body.breadcrumb-komplett #main {
        padding-top: 22px;
    }
}

@media (min-width: 1000px) {
    #main {
        padding: 40px 0 60px 0;
    }
    
    .main-right #main {
        float: left;
        width: 600px;
    }
}

#right {
    position: relative;
    padding: 0 10px;
}

@media (min-width: 760px) {
    #right {
        padding: 40px 0 20px 0;
    }
}

@media (min-width: 1000px) {
    .main-right #right {
        float: right;
        width: 300px;
    }
}

/* TinyMCE */

#wrapper.mce-content-body {
    max-width: 600px;
    padding: 10px 20px;
    margin: 0 auto;
}

/* Header */

/* Header: Allgemein */

#header p,
#header li {
    font-family: Arial, Helvetica, sans-serif;
}

#header a,
#header strong {
    color: #FFF;
}

@media only screen and (max-width: 759px) {
    
    #header-logo-navigation {
        position: relative;
        min-height: 88px;
    }
}

/* Header: Logo */

#header-logo a {
    display: block;
}

#header-logo img {
    color: #028DC5;
}

@media only screen and (max-width: 759px) {
    
    #header-logo {
        position: absolute;
        top: 9px;
        left: 50%;
        width: 100px;
        margin-left: -50px;
    }
    
    #header-logo.header-logo-svg {
        width: 140px;
        margin-left: -72px;
    }
    
    #header-logo.header-logo-svg svg {
        width: 140px;
        height: 71.2667px;
    }
    
    #header-logo .inside {
        text-align: center;
    }
    
    #header-logo img {
        width: 100px;
        height: auto;
    }
}

@media only screen and (min-width: 760px) {
    
    #header-logo {
        float: left;
        width: 150px;
        padding: 10px 0 15px 0;
    }
    
    #header-logo.header-logo-svg {
        width: 170px;
        padding: 12px 0 8px 0;
    }
    
    #header-logo.header-logo-svg svg {
        width: 170px;
        height: 86.5333px;
    }
    
    #header-logo img {
        width: 150px;
        height: 105px;
    }
}

@media only screen and (min-width: 1000px) {
    
    #header-logo {
        padding: 25px 0 0 0;
    }
    
    #header-logo.header-logo-svg {
        width: 220px;
        padding: 18px 0 0 0;
    }
    
    #header-logo.header-logo-svg svg {
        width: 220px;
        height: 112px;
    }
    
    
}

/* Header: Sprachmenue + Mein Konto */

/* Header: Basic */

@media only screen and (max-width: 759px) {
    
    #header-sprachmenue-mein-konto {
    }
    
}

@media only screen and (min-width: 760px) {
    
    #header-sprachmenue-mein-konto {
        float: right;
        width: 500px;
    }
}

@media only screen and (min-width: 1000px) {
    
    #header-sprachmenue-mein-konto {
        width: 730px;
    }
}

/* Header: Sprachmenue */

@media only screen and (min-width: 760px) {
    
    #header-sprachmenue {
        float: right;
        padding: 10px 15px 5px 0;
    }
    
    #header-sprachmenue ul {
        float: right;
    }
    
    #header-sprachmenue li {
        float: left;
        font-size: 1.5rem;
        line-height: 2.4rem;
        margin: 0 5px 0 0;
    }
    
    #header-sprachmenue a,
    #header-sprachmenue strong {
        display: block;
        padding: 3px 8px 4px 8px;
    }
    
    #header-sprachmenue a:hover,
    #header-sprachmenue a:focus,
    #header-sprachmenue a:active {
        background: #087CB7;
        border-radius: 3px;
    }
}

/* Header: Mein Konto */

#header-mein-konto {
    float: right;
}

.ul-nav-mein-konto {
    list-style: none;
    padding: 0;
    margin: 0;
}

.p-nav-mein-konto,
.li-nav-mein-konto {
    margin: 0;
}

.nav-mein-konto a {
    display: block;
}

@media only screen and (max-width: 759px) {
    
    .nav-mein-konto {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 2.2rem;
    }
    
    .p-nav-mein-konto {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin: 8px 10px 0 0;
    }
    
    .ul-nav-mein-konto {
        margin: 10px 10px 0 0;
    }
    
    .li-nav-mein-konto {
        text-align: right;
    }
    
    .p-nav-mein-konto a {
        padding: 0 4px;
        border: 1px solid #FFF;
        border-radius: 3px;
        text-decoration: none;
    }
    
    .li-nav-mein-konto a {
        text-decoration: none;
        margin: 0;
    }
}

@media only screen and (min-width: 760px) {
    
    .p-nav-mein-konto,
    .li-nav-mein-konto {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.3rem;
    }
    
    /* Level 1 */
    .li-nav-mein-konto {
        float: left;
        border-left: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }
    
    .li-nav-mein-konto.nav-konto {
        border-bottom-left-radius: 5px;
    }
    
    .li-nav-mein-konto.nav-logout {
        border-right: 1px solid transparent;
        border-bottom-right-radius: 5px;
    }
    
    .nav-mein-konto > a {
        position: relative;
        background: #006591;
        text-decoration: none;
    }
    
    .nav-mein-konto > a:hover,
    .nav-mein-konto > a:focus,
    .nav-mein-konto > a:active {
        background: #3C4D55;
        color: #6FCFF8;
    }
    
    .li-nav-mein-konto > a {
        padding: 13px 15px 12px 38px;
    }
    
    .li-nav-mein-konto.nav-konto > a {
        border-bottom-left-radius: 5px;
    }
    
    .li-nav-mein-konto.nav-logout > a {
        border-bottom-right-radius: 5px;
    }
    
    
    .p-nav-mein-konto {
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-left: 1px solid transparent;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        margin: 0;
    }
    
    .p-nav-mein-konto > a {
        position: relative;
        background: #006591;
        padding: 13px 15px 12px 38px;
        text-decoration: none;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    
    .li-nav-mein-konto a:before,
    .p-nav-mein-konto a:before {
        content: " ";
        position: absolute;
        left: 13px;
        width: 20px;
        height: 20px;
        background-image: url(/files/images/layout/icons-kontomenue.png);
        background-size: 120px 20px;
    }
    
    .li-nav-mein-konto.nav-konto a:before,
    .p-nav-mein-konto a:before {
        top: calc(50% - 11px);
        background-position: 0 0;
    }
    
    .li-nav-mein-konto.nav-merkliste a:before {
        top: calc(50% - 10px);
        background-position: -40px 0;
    }
    
    .li-nav-mein-konto.nav-logout a:before {
        top: calc(50% - 9px);
        background-position: -80px 0;
    }
    
    .li-nav-mein-konto.nav-konto a:hover:before,
    .li-nav-mein-konto.nav-konto a:focus:before,
    .li-nav-mein-konto.nav-konto a:active:before,
    .p-nav-mein-konto.nav-konto a:hover:before,
    .p-nav-mein-konto.nav-konto a:focus:before,
    .p-nav-mein-konto.nav-konto a:active:before {
        background-position: -20px 0;
    }
    
    .li-nav-mein-konto.nav-merkliste a:hover:before,
    .li-nav-mein-konto.nav-merkliste a:focus:before,
    .li-nav-mein-konto.nav-merkliste a:active:before {
        background-position: -60px 0;
    }
    
    .li-nav-mein-konto.nav-logout a:hover:before,
    .li-nav-mein-konto.nav-logout a:focus:before,
    .li-nav-mein-konto.nav-logout a:active:before {
        background-position: -100px 0;
    }
    
}

.nav-mein-konto-kontofunktionen {
    display: none;
}

/* Header: Hauptmenue */

#header-hauptmenue {
    font-weight: 600;
}

@media only screen and (min-width: 760px) {
    
    #header-hauptmenue .level_1 > li {
        position: relative;
        float: left;
        font-size: 1.8rem;
        font-weight: 600;
    }
    
    #header-hauptmenue .level_1 > li > a,
    #header-hauptmenue .level_1 > li > strong {
        display: block;
        padding: 7px 13px 10px 13px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        margin: 0 4px 0 0;
    }
    
    #header-hauptmenue .level_1 > .last > a,
    #header-hauptmenue .level_1 > .last > strong {
        background-image: url(/files/images/layout/icon-hauptmenue-pfeil.png);
        background-size: 12px 9px;
        background-repeat: no-repeat;
        background-position: 100% 52%;
        padding-right: 19px;
        margin-right: 0;
    }
    
    #header-hauptmenue .level_1 > li:hover > a,
    #header-hauptmenue .level_1 > li:focus > a,
    #header-hauptmenue .level_1 > li:active > a,
    #header-hauptmenue .level_1 > li:hover > strong,
    #header-hauptmenue .level_1 > li:focus > strong,
    #header-hauptmenue .level_1 > li:active > strong {
        background: #006493;
    }
    
    #header-hauptmenue .level_1 > li > strong {
        background: #007BB5;
    }
    
    #header-hauptmenue .level_2 {
        display: none;
        position: absolute;
        z-index: 1000;
        width: 28.0rem;
        padding: 10px 0;
    }
    
    #header-hauptmenue .last .level_2 {
        right: 0;
        width: 9.5em;
        max-width: 400px;
    }
    
    #header-hauptmenue .level_1 > li:hover .level_2,
    #header-hauptmenue .level_1 > li:focus .level_2,
    #header-hauptmenue .level_1 > li:active .level_2 {
        display: block;
    }
    
    #header-hauptmenue .level_2 {
        background: #006493;
    }
    
    #header-hauptmenue .level_2 > li {
        font-size: 1.5rem;
        line-height: 2.0rem;
    }
    
    #header-hauptmenue .level_2 a,
    #header-hauptmenue .level_2 strong {
        display: block;
        font-weight: 400;
        padding: .8rem 0;
        border-top: 1px solid #1F789E;
        margin: 0 15px;
    }
    
    #header-hauptmenue .level_2 .first {
        border-top: none;
    }
    
    #header-hauptmenue .level_2 strong {
        font-weight: 400;
    }
    
    #header-hauptmenue .level_2 a:hover,
    #header-hauptmenue .level_2 a:focus,
    #header-hauptmenue .level_2 a:active {
        color: #18BFFE;
    }
}

@media only screen and (min-width: 760px) and (max-width: 999px) {
    
    #header-hauptmenue {
        clear: both;
        border-top: 1px solid rgba(255, 255, 255, .25);
    }
    
    #header-hauptmenue .level_1 {
        display: table;
        margin: 0 auto;
    }
    
    #header-hauptmenue .level_1 > li {
        padding-top: 4px;
    }
}

@media only screen and (min-width: 1000px) {
    
    #header-hauptmenue {
        float: right;
        width: 730px;
    }
    
    #header-hauptmenue .level_1 {
        float: right;
        padding-top: 47px;
    }
    
    #header-hauptmenue .level_1 > li > a,
    #header-hauptmenue .level_1 > li > strong {
        display: block;
        padding: 10px 15px 13px 15px;
    }
}

/* Header: Suche + Medienmenue */

#header-suche-medienmenue {
    background: #FFF;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #CDCDCD;
}

@media only screen and (min-width: 760px) {
    
    #header-suche-medienmenue > .inside {
        width: 740px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1000px) {
    
    #header-suche-medienmenue > .inside {
        width: 960px;
    }
}

/* Header: Suche */

#header-suche {
    margin: 14px 0 10px 0;
}

@media only screen and (max-width: 759px) {
    #header-suche {
        margin: 8px 10px;
    }
}

@media only screen and (min-width: 1000px) {
    #header-suche {
        float: left;
        width: 420px;
        margin: 10px 0;
    }
}

.search-form {
    position: relative;
}

.search-form .formbody,
.search-form .widget-text {
    margin: 0;
    
}

.search-form input[type="text"] {
    width: 100%;
    padding-right: 40px;
}

.search-form input[type="text"]:hover,
.search-form input[type="text"]:focus,
.search-form input[type="text"]:active {
    border-color: #DE007E;
    background-color: #FFF;
}

.search-form input[type="image"] {
    position: absolute;
    top: .7rem;
    right: .8rem;
    color: #FFF;
}


/* Header: Medienmenue */

#header-medienmenue li {
    float: left;
    font-size: 1.5rem;
    margin: 0;
}

#header-medienmenue a,
#header-medienmenue strong {
    display: block;
    color: #333F43;
    margin: .7rem 5px .5rem 5px;
}

#header-medienmenue a:hover,
#header-medienmenue a:focus,
#header-medienmenue a:active {
    color: #DE007E;
}

@media only screen and (min-width: 760px) {
    
    #header-medienmenue li {
        font-size: 1.6rem;
        font-weight: 600;
    }
    
    #header-medienmenue a,
    #header-medienmenue strong {
        position: relative;
        color: #006591;
        padding: 0 5px;
        margin: .7rem 12px .5rem 12px;
    }
    
    #header-medienmenue a:before,
    #header-medienmenue strong:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 16px;
        height: 21px;
        background-image: url(/files/images/layout/icons-medien-klein.png);
        background-size: 120px 120px;
    }
    
    #header-medienmenue li:nth-child(1) a,
    #header-medienmenue li:nth-child(1) strong {
        padding-left: 24px;
    }
    
    #header-medienmenue li:nth-child(1) a:before,
    #header-medienmenue li:nth-child(1) strong:before {
        width: 16px;
        height: 21px;
        background-position: 0 0;
    }
    
    #header-medienmenue li:nth-child(1) a:hover:before,
    #header-medienmenue li:nth-child(1) a:focus:before,
    #header-medienmenue li:nth-child(1) a:active:before {
        background-position: 0 -30px;
    }
    
    #header-medienmenue li:nth-child(2) a,
    #header-medienmenue li:nth-child(2) strong {
        padding-left: 28px;
    }
    
    #header-medienmenue li:nth-child(2) a:before,
    #header-medienmenue li:nth-child(2) strong:before {
        width: 21px;
        height: 21px;
        background-position: -30px 0;
    }
    
    #header-medienmenue li:nth-child(2) a:hover:before,
    #header-medienmenue li:nth-child(2) a:focus:before,
    #header-medienmenue li:nth-child(2) a:active:before {
        background-position: -30px -30px;
    }
    
    #header-medienmenue li:nth-child(3) a,
    #header-medienmenue li:nth-child(3) strong {
        padding-left: 29px;
    }
    
    #header-medienmenue li:nth-child(3) a:before,
    #header-medienmenue li:nth-child(3) strong:before {
        width: 22px;
        height: 21px;
        background-position: -60px 0;
    }
    
    #header-medienmenue li:nth-child(3) a:hover:before,
    #header-medienmenue li:nth-child(3) a:focus:before,
    #header-medienmenue li:nth-child(3) a:active:before {
        background-position: -60px -30px;
    }
    
    #header-medienmenue li:nth-child(4) a,
    #header-medienmenue li:nth-child(4) strong {
        padding-left: 23px;
    }
    
    #header-medienmenue li:nth-child(4) a:before,
    #header-medienmenue li:nth-child(4) strong:before {
        width: 16px;
        height: 21px;
        background-position: -90px 0;
    }
    
    #header-medienmenue li:nth-child(4) a:hover:before,
    #header-medienmenue li:nth-child(4) a:focus:before,
    #header-medienmenue li:nth-child(4) a:active:before {
        background-position: -90px -30px;
    }
}

@media only screen and (max-width: 999px) {
    
    #header-medienmenue .level_1 {
        display: table;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1000px) {
    
    #header-medienmenue {
        float: right;
    }
    
    #header-medienmenue ul {
        float: right;
    }
    
    #header-medienmenue a,
    #header-medienmenue strong {
        margin: 1.7rem 22px 1.0rem 0;
    }
    
    #header-medienmenue a.last,
    #header-medienmenue strong.last {
        margin-right: 0;
    }
}

/* Header: Mobile Navigation */

#mobile-navigation-control {
    float: left;
}

#mobile-navigation-control p {
    margin: 0;
}

.mobile-navigation {
    position: relative;
    color: #FFF;
    background-color: transparent;
    font-family: arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.2rem;
    padding: .2rem 0 0 25px;
    border: 0;
    margin: 8px 0 0 10px;
    cursor: pointer;
}

.mobile-navigation:before {
    content: " ";
    position: absolute;
    left: 0;
    top: .3rem;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(/files/images/layout/icons-mobile-menu.png);
    background-size: 36px 18px;
    background-repeat: repeat;
}

.mobile-navigation.close-mobile-navigation:before {
    background-position: 0 0;
}

.mobile-navigation.close-mobile-navigation:before {
    background-position: -18px 0;
}


#mobile-navigation {
    position: absolute;
    top: 0;
    left: -80%;
    z-index: 10;
    width: 80%;
    background: #028DC5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#mobile-navigation a {
    color: #FFF;
    text-decoration: none;
}

#mobile-navigation p {
    margin: 0;
}

#mobile-navigation ul {
    list-style: none;
    padding: 0;
    margin: 40px 33px;
}

#mobile-navigation li {
    font-family: arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    list-style: none;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, .4);
    margin: 0;
}

#mobile-navigation li.last {
    border-bottom: 1px solid rgba(255, 255, 255, .4);
}

#mobile-navigation li a,
#mobile-navigation li strong {
    display: block;
    background-image: url(/files/images/layout/icon-hauptmenue-mobile-pfeil.png);
    background-size: 10px 15px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: .5rem 0;
}

#overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    background-color: rgba(20, 25, 40, .8);
}

/* Elements */

/* Accordion */

.accordion,
.accordion-availability {
    margin: 40px 0 50px 0;
}

h2 + .accordion-wrapper .accordion,
h3 + .accordion-wrapper .accordion,
h4 + .accordion-wrapper .accordion,
h5 + .accordion-wrapper .accordion,
h6 + .accordion-wrapper .accordion,
h2 + .accordion-wrapper .accordion-availability {
    margin-top: 0;
}

.accordion-item:last-child {
    border-bottom: 1px solid #CDCDCD;
}

.js .accordion-item-title {
    background-color: #FFF;
    padding: 0;
    border-bottom: none;
}

.accordion-item-title-link,
.accordion-item-title-link:focus {
    overflow: auto;
    position: relative;
    display: block;
    color: #000;
    background-color: #FFF;
    text-decoration: none;
    padding: .7rem 0 .8rem 42px;
    border-top: 1px solid #CDCDCD;
}

.accordion-item-title-link.open {
    background-color: #018CC5;
    color: #FFF;
    border-top: 1px solid #FFF;
}

.accordion-item-title a:hover,
.accordion-item-title .cursor-over:focus,
.accordion-item-title a:active {
    background-color: #018CC5;
    color: #FFF;
    text-decoration: none;
    outline: 0;
    border-top: 1px solid #FFF;
}

.accordion-item.closed:hover + .accordion-item a {
    border-top: 1px solid #FFF;
}

.accordion-item-title-link:before {
    content: "";
    display: block;
    position: absolute;
    left: 8px;
    top: .9rem;
    width: 23px;
    height: 23px;
    background-image: url(/files/images/layout/icons-accordion.png);
    background-repeat: no-repeat;
    background-size: 46px 46px;
    background-position: 0 -23px;
}

.accordion-item-title-link:hover:before,
.accordion-item-title-link.cursor-over:focus:before,
.accordion-item-title-link:active:before {
    background-position: 0 -23px;
}

.open.accordion-item-title-link:before {
    background-position: -23px -23px;
}

.accordion-item-title-link.open:hover:before,
.accordion-item-title-link.open.cursor-over:focus:before,
.accordion-item-title-link.open:active:before {
    background-position: -23px -23px;
}

.accordion-item-title h3 {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.5rem;
    margin: 0;
}

.accordion-item-content-inner {
    padding: .5rem 0 2.0rem 42px;
}

.accordion p,
.accordion li,
.accordion-availability p,
.accordion-availability li {
    font-family: Arial, Helvetica, sans-serif;
}

.accordion .p-download {
    margin-top: .4rem;
}

.accordion .p-download:not(:last-child) {
    margin-bottom: 0;
}

/* Articles */

.mod_article {
    position: relative;
}

@media (min-width: 760px) {
    body:not(.main-right) .mod_article,
    .outro.mod_article > .inside {
        width: 740px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1000px) {
    body:not(.main-right) .mod_article,
    .outro.mod_article > .inside {
        width: 960px;
    }
}

.mod_article.article-main-right:before,
.mod_article.article-main-right:after {
    content: " ";
    display: table;
}

.mod_article.article-main-right:after {
    clear: both;
}

@media (min-width: 760px) {
    .mod_article.article-main-right .block:nth-child(1) {
        float: left;
        width: 600px;
    }
}

@media (min-width: 760px) {
    .mod_article.article-main-right .block:nth-child(2) {
        float: right;
        width: 300px;
    }
}

@media (min-width: 1000px) {
    #right .mod_article.first > :first-child {
        margin-top: 0;
    }
}

/* Full width */

.mod_article.article-full-width {
    width: 100%;
}

.mod_article.article-full-width .inside {
    position: relative;
}

@media (min-width: 760px) {
    .mod_article.article-full-width .inside {
        width: 740px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1000px) {
    .mod_article.article-full-width .inside {
        width: 960px;
    }
}

/* Full width with carousel */

.content-main .mod_article.article-full-width-carousel {
    width: 100%;
}

.content-main .mod_article.article-full-width-carousel .inside {
    position: relative;
}

/* Grid – 3 columns - 1/3 1/3 1/3 */

.mod_article.article-row-3-1-1-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mod_article.article-row-3-1-1-1 .ce_headline {
    width: 100%;
}

.mod_article.article-row-3-1-1-1 .ce_youtube {
    width: calc((100% - 40px) / 3);
    margin: 20px 0 0 0;
}

.mod_article.article-row-3-1-1-1 .grid-item-fake {
    width: calc((100% - 40px) / 3);
    height: 0;
    margin: 0;
}

/* Bereichsmenue */

.bereichsmenue {
    background: #F3F4F5;
    padding: 10px 0;
    margin: 0 0 50px 0;
}

.bereichsmenue + .bereichsmenue {
    margin-top: -30px;
}

.bereichsmenue p,
.bereichsmenue li {
    font-family: Arial, Helvetica, sans-serif;
}

.bereichsmenue a,
.bereichsmenue strong {
    display: block;
    color: #545454;
    font-size: 1.5rem;
    line-height: 2.0rem;
}

.bereichsmenue li > a:hover,
.bereichsmenue li > a:focus,
.bereichsmenue li > a:active {
    background: #028DC5;;
    color: #FFF;
}

.bereichsmenue strong,
.bereichsmenue .trail {
    font-weight: 600;
}

.bereichsmenue .level_1 > li > a,
.bereichsmenue .level_1 > li > strong {
    position: relative;
    padding: .8rem 0 .8rem 14px;
    border-top: 1px solid #CDCDCD;
    margin: 0 15px;
}

.bereichsmenue .level_1 > .first a,
.bereichsmenue .level_1 > .first strong,
.bereichsmenue .level_1 > li:not(.active):not(.trail):hover + li > a {
    border-top: 1px solid transparent;
}

.bereichsmenue .level_1 > li > a:hover,
.bereichsmenue .level_1 > li > a:focus,
.bereichsmenue .level_1 > li > a:active {
    background: #028DC5;;
    color: #FFF;
    padding: .8rem 15px .8rem 29px;
    border-top: 1px solid transparent;
    margin: 0;
}

.bereichsmenue .level_1 > li > a:before,
.bereichsmenue .level_1 > li > strong:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 1.2rem;
    width: 8px;
    height: 11px;
    background-image: url(/files/images/layout/icons-minipfeil.png);
    background-repeat: no-repeat;
    background-position: -104px 0;
    background-size: 112px 11px;
}

.bereichsmenue .level_1 > li > a:hover:before,
.bereichsmenue .level_1 > li > a:focus:before,
.bereichsmenue .level_1 > li > a:active:before {
    left: 15px;
    background-position: -56px 0;
}

.bereichsmenue .level_1 > li > strong:before {
    background-position: -96px 0;
}

.bereichsmenue .level_2 > li > a,
.bereichsmenue .level_2 > li > strong {
    padding: .3rem 0 .4rem 30px;
    margin: 0 15px;
}

.bereichsmenue .level_2 > li:last-child {
    margin-bottom: 11px;
}

.bereichsmenue .level_3 > li > a,
.bereichsmenue .level_3 > li > strong {
    padding: .3rem 0 .4rem 55px;
    margin: 0 15px;
}

.bereichsmenue-zusatz p,
.bereichsmenue-zusatz li {
    font-family: Arial, Helvetica, sans-serif;
}

.bereichsmenue .bereichsmenue-login-count {
    float: right;
    width: 8.0rem;
    color: #888;
    font-weight: 400;
    text-align: right;
}

.bereichsmenue a:hover .bereichsmenue-login-count,
.bereichsmenue a:focus .bereichsmenue-login-count,
.bereichsmenue a:active .bereichsmenue-login-count {
    color: #FFF;
}


/* Bereichsmenue in box (z.B. Home OPAC) */

.box .bereichsmenue {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.box .bereichsmenue a,
.box .bereichsmenue strong {
    font-size: 1.6rem;
}

/* Bereichsmenue – Zusatz */

.bereichsmenue-zusatz {
    margin-top: -15px;
    margin-bottom: 35px;
}

.bereichsmenue-zusatz li {
    padding: 0;
    border-bottom: 1px solid #CDCDCD;
    margin: 0;
}

.bereichsmenue-zusatz li.first {
    border-top: 1px solid #CDCDCD;
}

.bereichsmenue-zusatz li > a,
.bereichsmenue-zusatz li > strong {
    display: block;
    color: #121212;
    font-size: 1.5rem;
    line-height: 2.0rem;
    padding: .5rem 0;
}

.bereichsmenue-zusatz a:hover,
.bereichsmenue-zusatz a:focus,
.bereichsmenue-zusatz a:active {
    color: #DE007E;
    text-decoration: underline;
}

/* Blog */

/* Blog Uebersicht: Layout */

.ul-blog-list {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 5.0rem 0 3.0rem 0;
}

.li-blog-list {
    display: table-row;
    font-family: Arial, Helvetica, sans-serif;
}

.blog-list-day-date,
.blog-list-title-location-teaser {
    display: table-cell;
    border-top: 1px solid #CDCDCD;
    vertical-align: top
}

.blog-list-title-location-teaser {
    padding-left: 25px;
    padding-bottom: 5.0rem;
}

@media (min-width: 760px) {
    .blog-list-title-location-teaser {
        width: 500px;
    }
}

.blog-list-day-date {
    position: relative;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
}

/* Blog Uebersicht: Datum */

.blog-list-day-date:before {
    content: " ";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #028DC5;
}

body.gelb .blog-list-day-date:before,
.tag_15 .blog-list-day-date:before /* tag_15 = Kinder */
{
    background-color: #FFD800;
}

body.rot .blog-list-day-date:before,
.tag_3 .blog-list-day-date:before /* tag_3 = Jugendliche */
{
    background-color: #BC1D11;
}

body:not(.gelb):not(.rot) .tag_2.tag_3 .blog-list-day-date:before { /* Erwachsene und Jugendliche */
    background-color: #028DC5;
    background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

body:not(.gelb):not(.rot) .tag_2.tag_15 .blog-list-day-date:before { /* Erwachsene und Kinder */
    background-color: #028DC5;
    background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

body:not(.gelb):not(.rot) .tag_3.tag_15 .blog-list-day-date:before { /* Jugendliche und Kinder */
    background-color: #BC1D11;
    background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

body:not(.gelb):not(.rot) .tag_2.tag_3.tag_15 .blog-list-day-date:before { /* Erwachsene, Jugendliche und Kinder */
    background-color: #BC1D11;
    background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 33%, #BC1D11 33%, #BC1D11 66%, #BC1D11 66%, #BC1D11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #2989D8 33%, #BC1D11 33%, #BC1D11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 33%, #BC1D11 33%, #BC1D11 66%, #FFD800 66%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.blog-list-year {
    display: block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding-top: .2rem;
}

.blog-list-date {
    display: block;
    font-size: 2.7rem;
    line-height: 2.7rem;
    padding-top: 0;
    margin-left: -2px;
}

/* Blog Uebersicht: Titel und Details */

/* Titel (Liste) */

.blog-auswahl h2 {
    font-size: 2.6rem;
    margin: 2.5rem 0 2.0rem 0;
}

/* Titel (Eintrag) */

.blog-list-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.0rem;
    line-height: 2.5rem;
    margin: 0;
}

.blog-list-title a {
    box-sizing: border-box;
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
    padding-top: 24px;
    padding-right: 40px;
}

.blog-list-title a:before {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 3.7rem;
    width: 17px;
    height: 28px;
    background-image: url(/files/images/layout/icons-pagination-gross.png);
    background-position: 0 0;
    background-size: 136px 28px;
    background-repeat: no-repeat;
    margin-top: -14px;
}

.blog-list-title a:hover,
.blog-list-title a:focus,
.blog-list-title a:active {
    color: #DE007E;
    text-decoration: underline;
}

/*  tag_2  = Erwachsene
                    tag_3  = Jugendliche / Hoeb4U
                    tag_15 = Kinder / Kibi
                */
.tag_15:not(.tag_2) .blog-list-title a:before {
    background-position: -51px 0;
}

.tag_3:not(.tag_2) .blog-list-title a:before {
    background-position: -34px 0;
}

.blog-list-title a:hover:before,
.blog-list-title a:focus:before,
.blog-list-title a:active:before {
    background-position: -17px 0 !important;
}

/* Details */

.blog-list-location {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    color: #777;
    padding-left: 1px;
    margin: 0;
}

.blog-list-image {
    margin: 1.0rem 0;
}

.blog-list-teaser p {
    line-height: 2.5rem;
    margin: 1.0rem 0 0 0;
}

.blog-list-teaser-weiter {
    display: inline;
}

/* Blog Auswahl: Layout */

.blog-auswahl .ul-blog-list {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 0 2.0rem 0;
}

.li-blog-auswahl {
    display: table-row;
    font-family: Arial, Helvetica, sans-serif;
}

.blog-auswahl-image-date,
.blog-auswahl-title-location-teaser {
    display: table-cell;
    border-top: 1px solid #CDCDCD;
    vertical-align: top
}

.blog-auswahl-title-location-teaser {
    padding-left: 20px;
    padding-bottom: 5.0rem;
}

@media (min-width: 760px) {
    .blog-auswahl-title-location-teaser {
        width: 500px;
    }
}

.blog-auswahl-image-date {
    position: relative;
    padding-bottom: 20px;
}

/* Blog Auswahl: Bild und Datum */

.blog-auswahl-image {
    width: 120px;
    margin-bottom: 1.0rem;
}

.blog-auswahl-image-date:before {
    content: " ";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #028DC5;
}

body.gelb .blog-auswahl-image-date:before,
.tag_15 .blog-auswahl-image-date:before /* tag_15 = Kinder */
{
    background-color: #FFD800;
}

body.rot .blog-auswahl-image-date:before,
.tag_3 .blog-auswahl-image-date:before /* tag_3 = Jugendliche */
{
    background-color: #BC1D11;
}

body:not(.gelb):not(.rot) .tag_2.tag_3 .blog-auswahl-image-date:before { /* Erwachsene und Jugendliche */
    background-color: #028DC5;
    background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

body:not(.gelb):not(.rot) .tag_2.tag_15 .blog-auswahl-image-date:before { /* Erwachsene und Kinder */
    background-color: #028DC5;
    background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

body:not(.gelb):not(.rot) .tag_3.tag_15 .blog-auswahl-image-date:before { /* Jugendliche und Kinder */
    background-color: #BC1D11;
    background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

body:not(.gelb):not(.rot) .tag_2.tag_3.tag_15 .blog-auswahl-image-date:before { /* Erwachsene, Jugendliche und Kinder */
    background-color: #BC1D11;
    background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 33%, #BC1D11 33%, #BC1D11 66%, #BC1D11 66%, #BC1D11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #2989D8 33%, #BC1D11 33%, #BC1D11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 33%, #BC1D11 33%, #BC1D11 66%, #FFD800 66%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.blog-auswahl-year {
    display: block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding-top: .2rem;
}

.blog-auswahl-date {
    display: block;
    font-size: 2.7rem;
    line-height: 2.7rem;
    padding-top: 0;
    margin-left: -2px;
}

/* Blog Auswahl: Titel und Details */


.startseite .blog-auswahl h2 {
    font-size: 2.8rem;
    text-align: center;
    margin: 0 0 1.8rem 0;
}

/* Titel */

.blog-auswahl-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.0rem;
    line-height: 2.5rem;
    margin: 0;
}

.blog-auswahl-title a {
    box-sizing: border-box;
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
    padding-top: 16px;
    padding-right: 30px;
}

.blog-auswahl-title a:before {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 2.9rem;
    width: 17px;
    height: 28px;
    background-image: url(/files/images/layout/icons-pagination-gross.png);
    background-position: 0 0;
    background-size: 136px 28px;
    background-repeat: no-repeat;
    margin-top: -14px;
}

.blog-auswahl-title a:hover,
.blog-auswahl-title a:focus,
.blog-auswahl-title a:active {
    color: #DE007E;
    text-decoration: underline;
}

/*  tag_2  = Erwachsene
                    tag_3  = Jugendliche / Hoeb4U
                    tag_15 = Kinder / Kibi
                */
body.gelb .blog-auswahl-title a:before,
body:not(.gelb):not(.rot) .tag_15:not(.tag_2) .blog-auswahl-title a:before {
    background-position: -51px 0;
}

body.rot .blog-auswahl-title a:before,
body:not(.gelb):not(.rot) .tag_3:not(.tag_2) .blog-auswahl-title a:before {
    background-position: -34px 0;
}

.blog-auswahl-title a:hover:before,
.blog-auswahl-title a:focus:before,
.blog-auswahl-title a:active:before {
    background-position: -17px 0 !important;
}

/* Details */

.blog-auswahl-location {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    color: #777;
    padding-left: 1px;
    margin: 0;
}

.blog-auswahl-teaser p {
    line-height: 2.5rem;
    margin: 1.0rem 0 0 0;
}

.blog-auswahl-teaser-weiter {
    display: inline;
}

/* Blog Detail */

.blog-detail-foto + #breadcrumb p {
    margin-top: 3.0rem;
}

.blog-detail-foto:before,
.blog-detail-veranstaltungsort:before {
    content: " ";
    display: block;
    width: 100%;
    height: 8px;
    background-color: #028DC5;
}

.tag_15 .blog-detail-foto:before /* tag_15 = Kinder */
{
    background-color: #FFD800;
}

.tag_3 .blog-detail-foto:before /* tag_3 = Jugendliche */
{
    background-color: #BC1D11;
}

.blog-detail-date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.7rem;
    line-height: 2.4rem;
    padding-top: 1.2rem;
    border-top: 1px solid #CDCDCD;
    margin: 0 0 2.0rem 0;
}

.blog-detail-tags {
    padding-top: 2.0rem;
    border-top: 1px solid #CDCDCD;
    margin-top: 4.5rem;
    
}

/* Boxen */

/* Boxen – General */

.box {
    background: #F3F4F5;
    padding: 5px 20px 5px 20px;
    margin: 2.5rem 0 2.5rem 0;
}

.box h2,
.box h3 {
    font-size: 2.0rem;
    line-height: 2.8rem;
}

.box h2:first-child,
.box h3:first-child {
    font-size: 2.0rem;
    margin-top: 1.2rem;
}

.box p,
.box li {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2.4rem;
    margin: 1.5rem 0;
}

.box ul,
.box li {
    list-style: none;
    margin-left: 0;
}

/* Boxen – Farben */

.box.box-border-blau,
.box.box-border-pink {
    position: relative;
}

.box.box-border-blau:before,
.box.box-border-pink:before {
    content: " ";
    position: absolute;
    top: -8px;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    border-top: 8px solid #028DC5;
}

.box.box-border-pink:before {
    border-top: 8px solid #DE007E;
}

.box.box-blau {
    background: #028DC5;
}

.box.box-rot {
    background: #B0271C;
}

.box.box-gelb {
    background: #FFD800;
}

.box.box-blau,
.box.box-rot,
.box.box-blau a,
.box.box-rot a {
    color: #FFF;
}

.box.box-blau h2,
.box.box-blau h3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.box.box-gelb,
.box.box-gelb a {
    color: #000;
}

/* Boxen - Icons */

.box-icon {
    position: relative;
}

.box-icon:after {
    content: " ";
    display: block;
    width: 65px;
    height: 65px;
    position: absolute;
    top: -37px;
    left: calc(50% - (65px / 2));
    background-size: 65px 65px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.box-icon-notification:after {
    background-image: url(/files/images/layout/icon-notification-pink.svg);
}

.box-icon-neu:after {
    background-image: url(/files/images/layout/icon-neu-blue.svg);
}

.box.box-icon > h2 {
    text-align: center;
    margin-top: 60px;
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
}

.box.box-icon > h2 + .text_container p:first-child {
    margin-top: 3.0rem;
}

/* Boxen – Downloads */

.box.box-downloads {
    padding-bottom: 8px;
}

/* Boxen – Rechte Spalte */

#right .box {
    padding-right: 15px;
    padding-left: 15px;
}

#right .box p,
#right .box li {
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin: 1.0rem 0;
}

#right .box a {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* Boxen – Schon gewusst? */

.box.schon-gewusst {
    width: 300px;
    position: relative;
    background: #F3F4F5;
    padding: 0;
    margin: 2.0rem 0;
    border: 1px solid #F3F4F5;
}

#right .box.schon-gewusst {
    padding: 0;
}

.box.schon-gewusst:before {
    content: "i";
    z-index: 1;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 46px;
    height: 46px;
    color: #FFF;
    background-color: #028DC5;
    font-size: 40px;
    font-family: 'Merriweather', Georgia, Arial, sans-serif;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    border: 1px solid #028DC5;
}

.box.schon-gewusst > a {
    position: relative;
    z-index: 10;
    display: block;
    text-decoration: none;
}

.box.schon-gewusst > a:hover,
.box.schon-gewusst > a:focus,
.box.schon-gewusst > a:active {
    text-decoration: underline;
}

#right .box.schon-gewusst > a {
    hyphens: none;
}

.box.schon-gewusst img {
    display: block;
    max-width: 300px;
    height: auto;
    margin: 0 auto;
}

.box.schon-gewusst h3 {
    margin: 0 20px;
    text-align: center;
    text-decoration: inherit;
}

.box.schon-gewusst .text_container {
    margin: 1.0rem 20px 20px 20px;
}

.box.schon-gewusst.schon-gewusst-foto .image_container {
    position: relative;
    top: -1px;
    left: -1px;
    right: -1px;
    padding-bottom: 20px;
}

.box.schon-gewusst p,
.box.schon-gewusst li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 2.3rem;
    margin: 0;
}

@media only screen and (min-width: 1000px) {
    
    .main-right #main .box-schon-gewusst img {
        float: left;
    }
    
    .main-right #main .box-schon-gewusst h3 {
        float: left;
        width: 280px;
        text-align: left;
        margin: 25px 0 0 0;
    }
    
    .main-right #main .box-schon-gewusst .text_container {
        float: left;
        width: 280px;
        margin-left: 0;
        margin-right: 0;
    }
}

/* Boxen - Expandable */

.js .box-expandable {
    position: relative;
}

.js .box-expandable > .inside {
    position: relative;
    overflow: hidden;
    height: 18.5rem;
}

.js .box-expandable > .inside.open {
    height: auto;
}

.js .box-expandable.no-exp-control > .inside {
    margin-bottom: 6.0rem;
}

.js .box-expandable > .inside:not(.open):after {
    content: " ";
    display: block;
    position: absolute;
    background-image: linear-gradient(-180deg, rgba(242, 242, 242, 0.00) 0%, #F3F4F5 100%);
    bottom: 0;
    width: 100%;
    height: 6.0rem;
}

.js .exp-control {
    height: 6.0rem;
    text-align: center;
    margin: 0;
}

.js .exp-control button {
    color: #018CC5;
    background-color: transparent;
    font-size: 1.5rem;
    border: none;
    text-decoration: underline;
    margin-top: 1.5rem;
    cursor: pointer;
}

.js .exp-control button:hover,
.js .exp-control button:focus,
.js .exp-control button:active {
    color: #DF007D;
}

/* Boxen - Messaging (Erfolg, Fehler, Warnung, Info) */

.box.box-error,
.box.box-success,
.box.box-info {
    position: relative;
    padding-top: 35px;
    padding-bottom: 10px;
    margin-top: 50px;
}

#right .box.box-error,
#right .box.box-success,
#right .box.box-info {
    margin-top: 3.8rem;
}

.box.box-error:before,
.box.box-success:before,
.box.box-info:before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    top: -8px;
    left: 0;
    height: 0;
}

.box.box-error:before {
    border-top: 8px solid #BC1D11;
}

.box.box-success:before {
    border-top: 8px solid #72AD4B;
}

.box.box-info:before {
    border-top: 8px solid #028DC5;
}

.box.box-error:after,
.box.box-success:after,
.box.box-info:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    background-size: 55px 55px;
    background-repeat: no-repeat;
    top: -22px;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    margin: 0 auto;
}

.box.box-error:after {
    background-color: #BC1D11;
    background-image: url(/files/images/layout/icon-box-error.png);
}

.box.box-success:after {
    background-color: #72AD4B;
    background-image: url(/files/images/layout/icon-box-success.png);
}

.box.box-info:after {
    background-color: #72AD4B;
    background-image: url(/files/images/layout/icon-info-blue.svg);
}

.box.box-warning {
    color: #FFF;
    background-color: #BC1D11;
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #BC1D11;
}

/* Boxen - Featurebox (Landingpages) */

.box-feature {
    box-sizing: border-box;
    position: relative;
    background-color: #F3F4F5;
    padding: 20px 15px 20px 20px;
    margin: 10px 0;
}

.box-feature.box-feature-klein {
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 760px) {
    .box-feature,
    .box-feature-wrapper {
        float: left;
        width: calc((100% - 20px) / 2);
        min-height: 19.2rem;
        margin: 20px 10px 10px 10px;
    }
    
    .box-feature.width-half {
        width: calc((100% - 20px) / 2);
    }
    
    .box-feature.width-half-1-3 {
        width: calc((((100% - 20px) / 2) - 20px) / 3);
    }
    
    .box-feature.width-half-2-3 {
        width: calc(((((100% - 20px) / 2) - 20px) / 3) * 2);
    }
    
    .box-feature-wrapper .width-half-1-3 {
        margin: 0 5px;
        width: calc(((100% - 20px) / 3) - .1px);
    }
    
}

@media (min-width: 1000px) {
    .box-feature,
    .box-feature-wrapper {
        min-height: 14.2rem;
    }
}

@media (min-width: 760px) {
    .box-feature:first-child,
    .box-feature-wrapper:first-child,
    .box-feature-wrapper .box-feature:first-child {
        margin-left: 0;
    }
    
    .box-feature:last-child,
    .box-feature-wrapper:last-child {
        margin-right: 0;
    }
}

.box-feature:not(.box-feature-standortbox):not(.box-feature-menu):not(.box-feature-medienmenu) > .inside:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #FFD800;
}

.box-feature:not(.box-feature-standortbox):not(.box-feature-menu):not(.box-feature-medienmenu).rot > .inside:before {
    background: #B0271C;
}

.box-feature:not(.box-feature-standortbox):not(.box-feature-menu):not(.box-feature-medienmenu).gelb > .inside:before {
    background: #FFD800;
}

.box-feature h2 {
    margin-top: .8rem;
}

.box-feature.box-feature-klein h2 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin: .4rem -2px .8rem 0;
}

@media (min-width: 1000px) {
    .box-feature.box-feature-klein h2 {
        font-size: 1.9rem;
        line-height: 2.3rem;
    }
}

.box-feature p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin: 0;
}

.box-feature.box-feature-klein p {
    font-size: 1.5rem;
    line-height: 2.0rem;
}

.box-feature.rot h2 a:not(.button) {
    color: #121212;
}

.box-feature.rot h2 a:not(.button):focus,
.box-feature.rot h2 a:not(.button):hover,
.box-feature.rot h2 a:not(.button):active {
    color: #DE007E;
}

.box-feature.rot a:not(.button) {
    color: #B0271C;
}

.box-feature.rot a:not(.button):focus,
.box-feature.rot a:not(.button):hover,
.box-feature.rot a:not(.button):active {
    color: #DE007E;
}

.box-feature.gelb a:not(.button) {
    color: #121212;
}

.box-feature.gelb a:not(.button):focus,
.box-feature.gelb a:not(.button):hover,
.box-feature.gelb a:not(.button):active {
    color: #DE007E;
}

.box-feature .button {
    line-height: 2.4rem;
}

/* Boxen - Featurebox menu (Landingpages) */

.box-feature.box-feature-menu {
    padding: 0;
}

.box-feature.box-feature-menu.gelb {
    background-color: #FFD800;
    color: #000;
}

.box-feature-menu-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.box-feature-menu-item {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.2rem;
    border-top: 1px solid #FFF;
    margin: 0;
}

.box-featur-menu-item:first-child {
    border-top: 0;
}

.box-feature-menu a {
    display: block;
}

.box-feature-menu-ul-2-links a {
    text-decoration: none;
    padding: 1.0rem 10px .8rem 10px;
}

@media (min-width: 760px) {
    .box-feature-menu-ul-2-links a {
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        min-height: 9.4rem;
        padding: 0 10px;
    }
}

@media (min-width: 1000px) {
    .box-feature-menu-ul-2-links a {
        min-height: 6.9rem;
    }
}

.box-feature.box-feature-menu.gelb a:hover,
.box-feature.box-feature-menu.gelb a:focus,
.box-feature.box-feature-menu.gelb a:active {
    color: #FFF;
    background-color: #DE007E;
}

.box-feature-menu-item strong {
    display: block;
    font-size: 1.8rem;
}

/* Boxen - Featurebox Medienmenu (Landingpages) */

.box-feature.box-feature-medienmenu {
    background-color: #FFF;
    padding: 0;
}

.box-feature-medienmenu-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.box-feature-medienmenu-item {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    border-top: 1px solid #CDCDCD;
    margin: 0;
}

.box-feature-medienmenu-item:last-child {
    border-bottom: 1px solid #CDCDCD;
}

.box-feature.box-feature-medienmenu .box-feature-medienmenu-item a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: .4rem 0 .4rem 46px;
}

@media (min-width: 760px) and (max-width: 999px) {
    .box-feature.box-feature-medienmenu .box-feature-medienmenu-item a {
        padding: .4rem 0 .4rem 33px;
    }
}

.box-feature-medienmenu-item a:before {
    position: absolute;
    left: 10px;
    top: calc(50% - 12px);
    content: " ";
    display: block;
    width: 26px;
    height: 21px;
    background-size: 120px 120px;
}

@media (min-width: 760px) and (max-width: 999px) {
    .box-feature-medienmenu-item a:before {
        left: 2px;
    }
}

.box-feature-medienmenu-item a:before {
    background-image: url(/files/images/layout/icons-medien-klein.png);
}

.rot .box-feature-medienmenu-item-buecher a:before {
    left: 12px;
    width: 24px;
    background-position: 0 -60px;
}

@media (min-width: 760px) and (max-width: 999px) {
    .rot .box-feature-medienmenu-item-buecher a:before {
        left: 5px;
    }
}

.rot .box-feature-medienmenu-item-filme a:before {
    background-position: -30px -60px;
}

.rot .box-feature-medienmenu-item-games a:before {
    background-position: -60px -60px;
}

.rot .box-feature-medienmenu-item-musik a:before {
    background-position: -90px -60px;
}

.rot .box-feature-medienmenu-item-buecher a:hover:before,
.rot .box-feature-medienmenu-item-buecher a:focus:before,
.rot .box-feature-medienmenu-item-buecher a:active:before {
    background-position: 0 -30px;
}

.rot .box-feature-medienmenu-item-filme a:hover:before,
.rot .box-feature-medienmenu-item-filme a:focus:before,
.rot .box-feature-medienmenu-item-filme a:active:before {
    background-position: -30px -30px;
}

.rot .box-feature-medienmenu-item-games a:hover:before,
.rot .box-feature-medienmenu-item-games a:focus:before,
.rot .box-feature-medienmenu-item-games a:active:before {
    background-position: -60px -30px;
}

.rot .box-feature-medienmenu-item-musik a:hover:before,
.rot .box-feature-medienmenu-item-musik a:focus:before,
.rot .box-feature-medienmenu-item-musik a:active:before {
    background-position: -90px -30px;
}


.gelb .box-feature-medienmenu-item-buecher a:before {
    left: 12px;
    width: 24px;
    background-position: 0 -90px;
}

@media (min-width: 760px) and (max-width: 999px) {
    .gelb .box-feature-medienmenu-item-buecher a:before {
        left: 5px;
    }
}

.gelb .box-feature-medienmenu-item-filme a:before {
    background-position: -30px -90px;
}

.gelb .box-feature-medienmenu-item-games a:before {
    background-position: -60px -90px;
}

.gelb .box-feature-medienmenu-item-musik a:before {
    background-position: -90px -90px;
}

.gelb .box-feature-medienmenu-item-buecher a:hover:before,
.gelb .box-feature-medienmenu-item-buecher a:focus:before,
.gelb .box-feature-medienmenu-item-buecher a:active:before {
    background-position: 0 -30px;
}

.gelb .box-feature-medienmenu-item-filme a:hover:before,
.gelb .box-feature-medienmenu-item-filme a:focus:before,
.gelb .box-feature-medienmenu-item-filme a:active:before {
    background-position: -30px -30px;
}

.gelb .box-feature-medienmenu-item-games a:hover:before,
.gelb .box-feature-medienmenu-item-games a:focus:before,
.gelb .box-feature-medienmenu-item-games a:active:before {
    background-position: -60px -30px;
}

.gelb .box-feature-medienmenu-item-musik a:hover:before,
.gelb .box-feature-medienmenu-item-musik a:focus:before,
.gelb .box-feature-medienmenu-item-musik a:active:before {
    background-position: -90px -30px;
}

/* Boxen - Featurebox Standortbox (Landingpages) */

.box-feature-standortbox > .inside:before {
    content: " ";
    position: absolute;
    right: 12px;
    top: 12px;
    display: block;
    width: 128px;
    height: 163px;
    background-image: url(/files/images/layout/icon-standorte-blau.png);
    background-size: 128px 163px;
    background-repeat: no-repeat;
}

body.rot .box-feature-standortbox > .inside:before {
    background-image: url(/files/images/layout/icon-standorte-rot.png);
}

body.gelb .box-feature-standortbox > .inside:before {
    background-image: url(/files/images/layout/icon-standorte-gelb.png);
}

.box-feature-standortbox p {
    margin: 15px 130px 0 0;
}

.box-feature-standortbox p:first-child {
    margin-top: 20px;
}

.box-feature-standortbox a {
    display: block;
}

@media only screen and (min-width: 1000px) {
    
    .box-feature-standortbox > .inside:before {
        right: 20px;
        top: -35px;
    }
    
    .box-feature-standortbox p {
        margin: 15px 160px 0 0;
    }
    
    .box-feature-standortbox p:first-child {
        margin-top: 5px;
    }
}

/* Breadcrumb */

@media (min-width: 760px) {
    body:not(.main-right) #breadcrumb {
        width: 740px;
        margin: 0 auto;
    }
}

@media (min-width: 1000px) {
    body:not(.main-right) #breadcrumb {
        width: 960px;
    }
}

#breadcrumb p {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 3.0rem 0 .4rem 0;
}

.standort-kontakt #breadcrumb p {
    margin: .4rem 0 0 0;
}

.breadcrumb-komplett #breadcrumb p {
    margin-top: 0;
}

#breadcrumb a {
    color: #000;
    text-decoration: none;
}

#breadcrumb a:hover,
#breadcrumb a:focus,
#breadcrumb a:active {
    color: #DE007E;
    text-decoration: underline;
}

#breadcrumb strong {
    font-weight: normal;
}

body:not(.breadcrumb-komplett) #breadcrumb strong {
    position: absolute !important;
    top: -6000px !important;
    left: -6000px !important;
    height: 1px !important;
    width: 1px !important;
    font-weight: 400;
}

/* Dialogboxen */

.js .dialog-wrapper {
    display: none;
}

.js .dialog-modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background: rgba(53, 66, 72, .9);
}

.js .dialog-modal {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: auto;
    background: #FFF;
    color: #000;
    z-index: 1001;
    padding: 3px;
    border-radius: 4px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
}

.js .dialog-title {
    background: #018CC5;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.4rem;
    padding: 1.0rem 100px 1.2rem 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.js .dialog-content {
    padding: 20px 50px 30px 20px;
}

.js .dialog-modal-close {
    position: absolute;
    top: 1.3rem;
    right: 1.3rem;
    width: 25px;
    height: 25px;
    background: transparent;
    padding: 0;
    border: 0;
    margin: 0;
    cursor: pointer;
}

.js .dialog-modal-close:focus {
    outline: 0;
}

button::-moz-focus-inner {
    border: 0;
}

.js .dialog-modal-close img {
    width: 25px;
    height: 25px;
}

@media only screen and (min-width: 760px) {
    
    .js .dialog-modal {
        top: 15%;
        right: auto;
        bottom: auto;
        left: 25%;
        width: 50%;
    }
}

/* Filter */

/* Filter - General */

.filter-fieldset {
    padding: 0;
    border: none;
    margin: 0;
}

.filter-options.open {
    display: block;
}

.filter-options.closed {
    display: none;
}

.filter-option {
    position: relative;
}

.filter-option-checkbox {
    position: absolute;
    top: .2rem;
}

.filter-option-label {
    position: relative;
    display: block;
    background-color: #FFF;
    font-family: arial, helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.1rem;
    padding: .1rem 0 .1rem 23px;
    margin: 0;
}

.filter-option-label:before {
    content: " ";
    box-sizing: border-box;
    position: absolute;
    top: .4rem;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: #FFF;
    border: 2px solid #CDCDCD;
    border-radius: 2px;
}

.filter-option-label {
    cursor: pointer;
}

.filter-option-label:hover:before,
.filter-option-label:focus:before,
.filter-option-label:active:before {
    border-color: #777;
}

.filter-option-checkbox:checked + .filter-option-label:before,
.filter-option-checked .filter-option-label:before {
    background-image: url(/files/images/layout/icon-haekchen-mini-weiss.png);
    background-size: 9px 8px;
    background-position: 0 .1rem;
    background-repeat: no-repeat;
    background-color: #777;
    border: 3px solid #777;
}

.filter-option a {
    color: #000;
    text-decoration: none;
}

.filter-submit {
    display: block;
    background-color: #018CC5;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    padding: .1rem 8px .1rem 8px;
    border: 1px solid #018CC5;
    border-radius: 4px;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

.facet-navigation-submit:hover,
.facet-navigation-submit:focus,
.facet-navigation-submit:active {
    color: #FFF;
    background-color: #DE007E;
    border-color: #DE007E;
    text-decoration: none;
}

/* Filter - Catalogue */

.filter-group.filter-group-catalogue {
    position: relative;
    background-color: #F3F4F5;
    padding: 15px;
    margin: 0 0 10px 0;
}

.filter-group-catalogue:before,
.filter-group-catalogue:after {
    content: " ";
    display: table;
}

.filter-group-catalogue:after {
    clear: both;
}

.filter-group-title {
    float: left;
    max-width: calc(100% - 15.0rem);
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin: 0;
}

.js .filter-group-title {
    float: left;
    max-width: calc(100% - 15.0rem);
}

.filter-group-catalogue .filter-option-label {
    font-size: 1.4rem;
    padding: 0 0 0 22px;
}

.filter-group-catalogue .filter-option-label:before {
    top: .3rem;
}

.filter-show-more {
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 1.4rem;
    background-color: transparent;
    color: #018CC5;
    text-decoration: underline;
    padding: 0;
    border: 0;
    margin: 0;
    cursor: pointer;
}

.filter-show-more:hover,
.filter-show-more:focus,
.filter-show-more:active {
    color: #DF007D;
    text-decoration: underline;
}

.filter-form {
    clear: both;
}

.filter-options {
    clear: both;
    padding: 8px 0 10px 0;
}

.filter-options + .filter-options {
    padding-top: 0;
    margin-top: -10px;
}

.filter-group-catalogue .filter-option-label {
    background-color: #F3F4F5;
}

.filter-option-count {
    font-size: 1.4rem;
    color: #909090;
}

.filter-group-catalogue .filter-submit {
    background-color: transparent;
    color: #777;
    border: 1px solid rgba(51, 63, 67, .5);
    cursor: auto;
}

.filter-group-catalogue .filter-submit.filter-submit-active {
    background-color: #018CC5;
    color: #FFF;
    border: 1px solid #018CC5;
    cursor: pointer;
}

.filter-group-catalogue .filter-submit.filter-submit-active:hover,
.filter-group-catalogue .filter-submit.filter-submit-active:focus,
.filter-group-catalogue .filter-submit.filter-submit-active:active {
    background-color: #DF007D;
    border-color: #DF007D;
}


.filter-group.filter-leiste {
    margin: 25px 0 0 0;
}

.filter-group.filter-leiste .filter-fieldset,
.filter-group.filter-leiste .filter-options {
    float: left;
}

.filter-group.filter-leiste .filter-options {
    padding: .2rem 0 0 0;
}

.filter-group.filter-leiste .filter-option {
    float: left;
    margin-right: 25px;
}

.filter-group.filter-leiste .filter-submit,
.filter-group.filter-leiste .filter-options + .filter-form {
    clear: none;
    float: right;
}

/* Filter - Events */

.filter.filter-events {
    padding: 0;
    border: 0;
    margin: 10px 0;
}

.filter-events .filter-fieldset {
    margin-top: 40px;
}

.filter-events .filter-fieldset + .filter-fieldset {
    margin-top: 20px;
}

.filter-events #erwachsene + label:before,
.filter-events #erwachsene + label:before,
.filter-events #erwachsene + label:before {
    border-color: #018CC5;
}

.filter-events #erwachsene + label:hover:before,
.filter-events #erwachsene + label:focus:before,
.filter-events #erwachsene + label:active:before {
    background-color: #018CC5;
}

.filter-events #erwachsene:checked + label:before {
    background-color: #018CC5;
}

.filter-events #jugendliche + label:before,
.filter-events #jugendliche + label:before,
.filter-events #jugendliche + label:before {
    border-color: #B0271C;
}

.filter-events #jugendliche + label:hover:before,
.filter-events #jugendliche + label:focus:before,
.filter-events #jugendliche + label:active:before {
    background-color: #B0271C;
}

.filter-events #jugendliche:checked + label:before {
    background-color: #B0271C;
}

.filter-events #kinder + label:before,
.filter-events #kinder + label:before,
.filter-events #kinder + label:before {
    border-color: #FFD800;
}

.filter-events #kinder + label:hover:before,
.filter-events #kinder + label:focus:before,
.filter-events #kinder + label:active:before {
    background-color: #FFD800;
}

.filter-events #kinder:checked + label:before {
    background-color: #FFD800;
}

.js .filter-events input[type=submit] {
    display: none;
}

/* Forms - Basic */

input,
textarea,
select,
legend,
label,
button {
    color: #121212;
    font-size: 1.6rem;
    line-height: 2.4rem;
    vertical-align: middle;
}

fieldset {
    padding: 0;
    border: 0;
    margin: 0;
}

legend {
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 6.0rem 0 1.0rem 0;
    margin: 0;
}

.checkbox_container legend {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal;
    padding: 1.0rem 0 0 0;
}

.checkbox_container.hide-label legend .mandatory,
.checkbox_container.hide-label legend .checkbox-label {
    display: none;
}

.formbody {
    margin: 4.0rem 0;
}

.widget {
    margin: 12px 0;
}

.widget:before,
.widget:after {
    content: " ";
    display: table;
}

.widget:after {
    clear: both;
}

label {
    display: block;
}

.widget-checkbox label {
    display: inline;
}

.widget-text label,
.widget-captcha label,
.widget-textarea textarea,
.widget-select select {
    padding: .6rem 0 .4rem 0;
}

@media (min-width: 1000px) {
    .widget-text label,
    .widget-captcha label,
    .widget-textarea textarea,
    .widget-select select {
        padding: .6rem 0 0 0;
    }
}

.form-full-width .widget-text label,
.form-full-width .widget-textarea label,
.form-full-width .widget-select label,
.form-full-width .widget-captcha label {
    padding: .6rem 0 .4rem 0;
}

.widget-text .text,
.widget-textarea textarea,
.widget-select select,
.widget-captcha .captcha {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid rgba(51, 63, 67, .5);
    border-radius: 5px;
    margin: 0;
}

.widget-text .text,
.widget-textarea textarea,
.widget-captcha .captcha {
    padding: .6rem 1.0rem;
}

.widget-select select {
    padding: .3rem .5rem;
}

.widget-checkbox .checkbox {
    position: relative;
    top: -1px;
    margin-right: 2px;
}

.widget-text .text:hover,
.widget-text .text:focus,
.widget-text .text:active,
.widget-captcha .captcha:hover,
.widget-captcha .captcha:focus,
.widget-captcha .captcha:active,
.widget-textarea textarea:hover,
.widget-textarea textarea:focus,
.widget-textarea textarea:active,
.widget-select select:hover,
.widget-select select:focus,
.widget-select select:active {
    border-color: #018CC5;
}

.widget-text .text:focus,
.widget-captcha .captcha:focus,
.widget-textarea textarea:focus,
.widget-select select:focus {
    background-color: rgba(236, 237, 238, .5);
}

.widget-explanation p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2.4rem;
}


.widget-submit,
.submit_container {
    clear: both;
    padding-top: 20px;
}

.submit_container.submit-no-padding {
    padding-top: 5px;
}

.widget-explanation + .widget-submit,
.widget-explanation + .submit_container {
    padding-top: 0;
}

.widget-submit .submit,
.submit_container .submit {
    background-color: #018CC5;
    color: #FFF;
    font-weight: bold;
    padding: .8rem 20px .8rem 20px;
    border: 1px solid #018CC5;
    border-radius: 5px;
    cursor: pointer;
}

.submit_container .submit-secondary {
    background-color: #FFF;
    color: #018CC5;
    margin-left: 5px;
}

.widget-submit .submit:hover,
.widget-submit .submit:focus,
.widget-submit .submit:active,
.submit_container .submit:hover,
.submit_container .submit:focus,
.submit_container .submit:active {
    background-color: #DF007D;
    color: #FFF;
    border-color: #DF007D;
}

.submit_container .submit.block {
    width: 100%;
}

/* Forms - Layout */

.widget.abstand {
    margin-top: 3.5rem;
}

@media only screen and (min-width: 1000px) {
    
    legend {
        margin-left: 40%;
    }
    
    .form-full-width legend {
        margin-left: 0;
    }
    
    .widget-text label,
    .widget-textarea label,
    .widget-select label,
    .widget-captcha label {
        float: left;
        width: calc(40% - 10px);
        text-align: right;
    }
    
    .form-full-width .widget-text label,
    .form-full-width .widget-textarea label,
    .form-full-width .widget-select label,
    .form-full-width .widget-captcha label {
        float: none;
        width: auto;
        text-align: left;
    }
    
    .widget-text .text,
    .widget-textarea textarea,
    .widget-select select,
    .widget-captcha .captcha {
        float: right;
        width: 60%;
    }
    
    .form-full-width .widget-text .text,
    .form-full-width .widget-textarea textarea,
    .form-full-width .widget-select select,
    .form-full-width .widget-captcha .captcha {
        float: none;
        width: 100%;
    }
    
    .submit_container {
        margin-left: 40%;
    }
    
    .form-full-width .submit_container {
        margin-left: 0;
    }
}

/* Forms - Error-Handling */

.widget.error {
    position: relative;
}

.widget-error-message {
}

.widget-error-message strong {
    display: block;
    font-size: 1.5rem;
    color: #B0271C;
    margin-bottom: -.3rem;
}

.widget-text.error .text,
.widget-textarea.error .textarea,
.widget-select.error select,
.widget-captcha.error .captcha {
    border-color: #B0271C;
}

.widget-text .form-field-error-icon {
    position: absolute;
    right: 10px;
    top: .6rem;
    width: 25px;
    height: 22px;
}

/* Forms - Special styles */

.form-link-secondary {
    display: inline-block;
    color: #777;
    margin-top: 1px;
    margin-left: 15px;
}

/* Entliehene Medien - Box "Alle verlaengern" */
.mod_fe_user_loans .submit_container {
    padding: 0 0 20px 0;
    margin-left: 0;
}

/* Forms - Vormerken */


.form-medium-vormerken .formbody {
    margin-top: 0;
}

.form-medium-vormerken p {
    font-family: Arial, Helvetica, sans-serif;
}

.form-medium-vormerken label {
    position: absolute !important;
    top: -6000px !important;
    left: -6000px !important;
    height: 1px !important;
    width: 1px !important;
}

.form-medium-vormerken select {
    width: 100%;
    font-size: inherit;
}

.form-medium-vormerken .submit_container {
    padding-top: 1.0rem;
}

/* Galerie */

.ce_gallery {
    margin: 3.0rem 0 2.5rem 0;
}

.ce_gallery h2 {
    margin-top: 0;
}

.ce_gallery ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.ce_gallery li {
    float: left;
    list-style: none;
    margin: 0 0 10px 10px;
}

.ce_gallery .cols_2 li {
    margin: 0 0 20px 20px;
}

.ce_gallery .cols_2 li:nth-child(odd) {
    margin-left: 0;
}

.ce_gallery .cols_3 li {
    margin: 0 0 15px 15px;
}

.ce_gallery .cols_3 li:nth-child(1),
.ce_gallery .cols_3 li:nth-child(4),
.ce_gallery .cols_3 li:nth-child(7),
.ce_gallery .cols_3 li:nth-child(10),
.ce_gallery .cols_3 li:nth-child(13),
.ce_gallery .cols_3 li:nth-child(16),
.ce_gallery .cols_3 li:nth-child(19),
.ce_gallery .cols_3 li:nth-child(22),
.ce_gallery .cols_3 li:nth-child(25) {
    clear: left;
    margin-left: 0;
}

.ce_gallery .image_container > a {
    display: block;
    position: relative
}

.ce_gallery img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.ce_gallery .caption {
    color: #767676;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.0rem;
    padding: 1.0rem 0 0 0;
    margin: 0;
}

.ce_gallery .image_container > a:hover:before,
.ce_gallery .image_container > a:focus:before,
.ce_gallery .image_container > a:active:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(2, 141, 197, .6) url(/files/images/layout/icon-groesser-weiss.png) no-repeat 51% 52%;
    background-size: 56px 56px;
    background-color: rgba(222, 0, 126, .6);
}

@media only screen and (min-width: 1000px) {
    
    .ce_gallery .cols_2 .caption {
        width: 290px;
    }
    
    .ce_gallery .cols_3 .caption {
        width: 190px;
    }
}

/* Images */

img {
    max-width: 100%;
    height: auto;
}

.ce_text .image_container.float_left,
.ce_text .image_container.float_right,
.ce_text .image_container.float_left_col,
.ce_text .image_container.float_right_col,
.accordion .image_container.float_left,
.accordion .image_container.float_right,
.accordion .image_container.float_left_col,
.accordion .image_container.float_right_col {
    float: left;
    display: table;
    width: auto;
    margin: .7rem 25px .6rem 0;
}

.ce_text .image_container.float_right,
.ce_text .image_container.float_right_col,
.accordion .image_container.float_right,
.accordion .image_container.float_right_col {
    float: right;
    margin: .7rem 0 .6rem 25px;
}

.ce_text .image_container.float_above,
.accordion .image_container.float_above {
    margin: 1.5rem 0 2.0rem 0;
}

.accordion .image_container.float_left,
.accordion .image_container.float_right,
.accordion .image_container.float_left_col,
.accordion .image_container.float_right_col {
    margin-top: 1.5rem;
}

.ce_text .image_container.float_left img,
.ce_text .image_container.float_left_col img,
.ce_text .image_container.float_right img,
.ce_text .image_container.float_right_col img,
.accordion .image_container.float_left img,
.accordion .image_container.float_left_col img,
.accordion .image_container.float_right img,
.accordion .image_container.float_right_col img {
    display: block;
}

.image_container .caption {
    color: #767676;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.1rem;
    padding: 0.8rem 0 0.5rem 0;
    margin: 0;
}

.image_container.float_left .caption,
.image_container.float_left .caption,
.image_container.float_left_col .caption,
.image_container.float_right .caption,
.image_container.float_right_col .caption {
    display: table-caption;
    caption-side: bottom;
}

.image_container .caption a {
    color: #767676;
    text-decoration: none;
}

.image_container .caption a:hover,
.image_container .caption a:focus,
.image_container .caption a:active {
    text-decoration: underline;
    color: #DE007E;
}

.text-container {
    margin-bottom: .6rem;
}

.image_container.float_above + .text_container > p:first-child {
    margin-top: 1.0rem;
}

.image_container > a {
    display: block;
    position: relative
}

.image_container > a:hover:before,
.image_container > a:focus:before,
.image_container > a:active:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(2, 141, 197, .6) url(/files/images/layout/icon-groesser-weiss.png) no-repeat 51% 52%;
    background-size: 56px 56px;
    background-color: rgba(222, 0, 126, .6);
}

@media only screen and (min-width: 1000px) {
    
    .image_container.float_left_col + .text_container,
    .image_container.float_right_col + .text_container {
        overflow: auto;
    }
    
    .image_container.float_left_col + .text_container :first-child,
    .image_container.float_right_col + .text_container :first-child {
        margin-top: 0;
    }
}

/* Carousel */

/* Carousel - basic */

.carousel {
    position: relative;
}

/* Carousel - large */

.carousel-large {
    width: auto;
    margin-top: 20px;
    margin-bottom: 65px;
}

body.breadcrumb-komplett .carousel-large {
    margin-top: 8px;
}

.carousel-large:before,
.carousel-large:after {
    content: " ";
    display: table;
}

.carousel-large:after {
    clear: both;
}

.carousel-large .slick-slider {
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #F0F0F0 100%);
}

.carousel-large .slick-list {
    width: 100%;
}

@media (min-width: 760px) {
    .carousel-large .slick-list {
        width: 740px;
        margin: 0 auto;
    }
}

@media (min-width: 1000px) {
    .carousel-large .slick-list {
        width: 960px;
    }
}

.carousel-large .slick-track:before,
.carousel-large .slick-track:after {
    display: none;
}

.carousel-large .carousel-item {
    position: relative;
    border-bottom: 10px solid #008EC7;
}

.carousel-large .carousel-item.carousel-item-red {
    border-bottom: 10px solid #B0271C;
}

.carousel-large .carousel-item.carousel-item-yellow {
    border-bottom: 10px solid #FFD800;
}

.carousel-large .carousel-item-text {
    box-sizing: border-box;
    background-image: linear-gradient(-180deg, rgba(0, 137, 192, 0.85) 0%, rgba(0, 102, 147, 0.85) 100%);
    padding: 12px 10px 20px 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 760px) {
    .carousel-large .carousel-item-text {
        padding: 12px 50px 20px 50px;
    }
}

@media (min-width: 1000px) {
    .carousel-large .carousel-item-text {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-height: 108px;
    }
}

.carousel-large .carousel-item-red .carousel-item-text {
    background-image: linear-gradient(-180deg, rgba(176, 39, 28, 0.75) 0%, rgba(115, 24, 17, 0.75) 100%);
}

.carousel-large .carousel-item-yellow .carousel-item-text {
    background-image: linear-gradient(-180deg, rgba(255, 226, 64, 0.80) 0%, rgba(230, 195, 0, 0.80) 100%);
}

.carousel-large .carousel-item-text a {
    display: block;
    color: #FFF;
    text-decoration: none;
}

@media (min-width: 760px) {
    .carousel-large .carousel-item-text a {
        text-align: center;
    }
}

.carousel-large .carousel-item-yellow .carousel-item-text a {
    color: #000;
}

.carousel-large .carousel-item-text a:hover p,
.carousel-large .carousel-item-text a:focus p,
.carousel-large .carousel-item-text a:active p {
    text-decoration: underline;
}

.carousel-large .carousel-item-title,
#wrapper.mce-content-body .carousel-item-title /* TinyMCE */
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin: 0;
}

@media (min-width: 760px) {
    .carousel-large .carousel-item-title,
    #wrapper.mce-content-body .carousel-item-title /* TinyMCE */
    {
        font-size: 3.0rem;
        line-height: 3.8rem;
    }
}

.carousel-large .carousel-item-title .carousel-item-title-line-1 {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem;
    margin-bottom: .2rem;
}

@media (min-width: 760px) {
    .carousel-large .carousel-item-title .carousel-item-title-line-1,
    #wrapper.mce-content-body .carousel-item-title .carousel-item-title-line-1 /* TinyMCE */
    {
        font-size: 2.2rem;
        line-height: 2.9rem;
        margin-bottom: 0;
    }
}

/* Carousel - Small */

.carousel-small {
    margin-top: 50px;
    margin-bottom: 70px;
}

.carousel-small > .inside {
    padding: 25px;
    border: 1px solid #DBDBDB;
}

.carousel-small h2,
.carousel-small h3 {
    font-size: 2.0rem;
    font-weight: 600;
    line-height: 2.8rem;
    margin: 0 0 1.2rem 0;
}

.carousel-small .ce_text .image_container.float_left_col {
    margin-right: 20px;
}

.carousel-small.carousel-red a {
    color: #B0271C;
}

.carousel-small.carousel-red a:hover,
.carousel-small.carousel-red a:focus,
.carousel-small.carousel-red a:active {
    color: #DE007E;
}

/* Carousel - Buttons */

.slick-prev,
.slick-next {
    z-index: 100;
    position: absolute;
    display: block;
    background: transparent;
    color: #FFF;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
}

.carousel-small .slick-prev,
.carousel-small .slick-next {
    top: 50%;
    width: 17px;
    height: 28px;
}

.carousel-small .slick-prev {
    left: -25px;
}

.carousel-small .slick-next {
    right: -25px;
}

.carousel-large .slick-prev,
.carousel-large .slick-next {
    bottom: 15px;
    width: 26px;
    height: 45px;
}

.carousel-large .slick-prev,
.carousel-large .slick-next {
    display: none !important;
}

@media (min-width: 1100px) {
    .carousel-large .slick-prev {
        display: block !important;
        left: calc(((100% - 960px) / 2) - 45px);
    }
}
@media (min-width: 1100px) {
    .carousel-large .slick-next {
        display: block !important;
        right: calc(((100% - 960px) / 2) - 45px);
    }
}

.slick-prev img,
.slick-next img {
    color: #FFF;
}

.slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    font-size: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.carousel .slick-dots {
    bottom: -30px;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    padding: 0;
    vertical-align: top;
}

.slick-dots button {
    display: block;
    width: 12px;
    height: 12px;
    background: #FFF;
    color: #FFF;
    font-size: 0;
    line-height: 12px;
    padding: 0;
    border-radius: 12px;
    cursor: pointer;
}

.carousel-blue .slick-dots button {
    border: 1px solid #018CC5;
}

.carousel-red .slick-dots button {
    border: 1px solid #B0271C;
}

.carousel-yellow .slick-dots button {
    border: 1px solid #FFD800;
}

.slick-dots .slick-active button {
    border: 6px;
    width: 12px;
    height: 12px;
}

.carousel-blue .slick-dots .slick-active button {
    background: #018CC5;
}

.carousel-red .slick-dots .slick-active button {
    background: #B0271C;
}

.carousel-yellow .slick-dots .slick-active button {
    background: #FFD800;
}

.carousel .slick-dots button:hover,
.carousel .slick-dots button:focus,
.carousel-large .slick-dots button:active {
    background: #DE007E;
    border-color: #DE007E;
}

/* Katalog - Medium Detailseite */

.medium-detail p {
    font-family: Arial, Helvetica, sans-serif;
}

/* Katalog - Medium Detailseite - Intro */

.medium-detail-intro {
    padding: 10px 0;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    margin: 23px 0 35px 0;
}

.medium-detail-intro:before,
.medium-detail-intro:after {
    content: " ";
    display: table;
}

.medium-detail-intro:after {
    clear: both;
}

.medium-detail-short-info {
    box-sizing: border-box;
    float: left;
    width: calc(100% - 180px);
    padding-top: 35px;
    padding-left: 50px;
}

.medium-detail-title {
    font-size: 2.7rem;
    line-height: 3.4rem;
    margin-top: 1.4rem;
}

.medium-detail-media-type {
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    color: #656565;
    font-size: 1.6rem;
    margin: 0;
}

.medium-detail-media-type-image {
    position: absolute;
    top: .2rem;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
}

.medium-detail-media-type-text {
    position: absolute;
    top: 0;
    left: 50px;
    width: calc(100% - 50px);
    color: #656565;
    font-size: 1.6rem;
    line-height: 2.0rem;
}

.medium-detail-author {
    line-height: 2.4rem;
    margin-bottom: 0;
}

.medium-detail-image {
    float: right;
    width: 170px;
}

.medium-detail-image img {
    max-width: 100%;
    height: auto;
}

/* Katalog - Medium Detailseite - Details */

.medium-detail-details p {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.medium-detail-details-table p {
    width: 100%;
    display: table;
    margin: 0 0 35px 0;
}

.medium-detail-details-full-width p {
    padding-top: 3.5rem;
    border-top: 1px solid #CDCDCD;
}

.medium-detail-details-table .medium-detail-eintrag {
    display: table-row;
}

.medium-detail-details-table .medium-detail-label {
    display: table-cell;
    width: 16.0rem;
    padding: 0 10px 0 0;
}

.medium-detail-details-table .medium-detail-wert {
    display: table-cell;
    width: calc(100% - 16.0rem);
    padding: 0;
}

.medium-detail-back {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    padding-top: .8rem;
    border-top: 1px solid #CDCDCD;
    margin-top: 35px;
}

/* Katalog - Medium Detailseite - Buttons */

.medium-detail-action:first-child {
    padding: 35px 0 0 0;
}

.medium-detail-action .formbody {
    margin: 0;
}

.medium-detail-action p {
    margin: 0 0 5px 0;
}

.medium-detail-action-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #018CC5;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.4rem;
    text-align: center;
    padding: .5rem 10px .6rem 10px;
    border: 1px solid #018CC5;
    border-radius: 4px;
    margin: 0;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.medium-detail-action-button:hover,
.medium-detail-action-button:focus,
.medium-detail-action-button:active {
    color: #FFF;
    background-color: #DF007D;
    border-color: #DF007D;
}

/* Katalog - Medium Detailseite - Verfuegbarkeit */

.medium-availability-item {
    list-style: none;
    padding: 0;
    margin: 0;
}

.medium-availability-item-title {
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin: 0;
}

.medium-availability .accordion-item-title-link,
.medium-availability .accordion-item-title-link:focus {
    padding: .5rem 0 .5rem 22px;
}

.medium-availability-item .accordion-item-title a:hover,
.medium-availability-item .accordion-item-title .cursor-over:focus,
.medium-availability-item .accordion-item-title a:active {
    background-color: transparent;
    border-top: 1px solid #CDCDCD;
}

.medium-availability-item.accordion-item.closed:hover + .medium-availability-item a {
    border-top: 1px solid #CDCDCD;
}


.medium-availability-item .accordion-item-title-link.open {
    color: #121212;
    background-color: transparent;
    border-top: 1px solid #CDCDCD;
}

.medium-availability .accordion-item-title-link:before {
    box-sizing: border-box;
    left: 0;
    top: calc(50% - 6px);
    width: 11px;
    height: 11px;
    background-image: none;
    border-radius: 100%;
}

.record-available .medium-availability-item-title .accordion-item-title-link:before {
    background-color: #72AD4B;
    border: 5.5px solid #72AD4B;
}

.record-not-available .medium-availability-item-title .accordion-item-title-link:before {
    background-color: #FFF;
    border: 1px solid #999;
}

.medium-availability-item-title-count {
    float: right;
    font-weight: 400;
    padding-right: 24px;
}

.record-available .medium-availability-item-title-count {
    color: #72AD4B;
}

.record-not-available .medium-availability-item-title-count {
    color: #999;
}

.medium-availability-item-title-count:after {
    content: " ";
    position: absolute;
    right: 0;
    top: calc(50% - 4px);
    display: block;
    width: 12px;
    height: 8px;
    background-image: url(/files/images/layout/icons-accordion-mini.png);
    background-size: 24px 8px;
    background-repeat: no-repeat;
}

a:hover .medium-availability-item-title-count:after,
a:focus .medium-availability-item-title-count:after,
a:active .medium-availability-item-title-count:after {
    background-position: -12px 0;
}

.accordion-item-title a:hover .medium-availability-item-title-location,
.accordion-item-title .cursor-over:focus .medium-availability-item-title-location,
.accordion-item-title a:active .medium-availability-item-title-location {
    color: #DE007E;
    text-decoration: underline;
}

.accordion-item-title .medium-availability-item-title-location img {
    position: absolute;
    top: 1.5rem;
    margin-left: 15px;
}

.medium-availability-item-details-copies {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: .5rem 0 1.2rem 25px;
}

.medium-availability-item-details-location-link {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin: 0 0 2.5rem 25px;
}

/* Katalog - Trefferliste */

/* Katalog - Trefferliste - Basic */

.search-results-info {
    font-family: Arial, Helvetica, sans-serif;
    margin: 35px 0 0 0;
}

.search-results-search-instead p {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

.search-results-list {
    list-style: none;
    padding: 0;
    margin: 40px 0;
}

.filter-group.filter-leiste + .search-results-list {
    margin-top: 10px;
}

.search-results-item {
    position: relative;
    padding: 30px 0 30px 0;
    border-top: 1px solid #CDCDCD;
    margin: 0;
}

.search-results-list h2,
.search-results-list h3,
.search-results-list p,
.search-results-list li {
    font-family: Arial, Helvetica, sans-serif;
}

.search-results-item:before,
.search-results-item:after {
    content: " ";
    display: table;
}

.search-results-item:after {
    clear: both;
}

/* Katalog - Trefferliste - Layout */

.search-results-text {
    box-sizing: border-box;
    float: left;
    width: calc(100% - 100px);
    padding-left: 40px;
    padding-right: 8px;
}

@media (min-width: 360px) {
    .search-results-text {
        width: calc(100% - 120px);
    }
}

@media (min-width: 440px) {
    .search-results-text {
        width: calc(100% - 150px);
        padding-left: 47px;
    }
}

@media (min-width: 620px) {
    .search-results-text {
        width: 60%;
    }
}

.search-results-image {
    box-sizing: border-box;
    float: right;
    width: 100px;
    min-height: 10px;
    padding-right: 0;
}

@media (min-width: 360px) {
    .search-results-image {
        width: 120px;
    }
}

@media (min-width: 440px) {
    .search-results-image {
        width: 150px;
    }
}

@media (min-width: 620px) {
    .search-results-image {
        float: left;
        width: calc(40% - 12.5rem);
        padding-right: 6px;
    }
}

.search-results-actions {
    float: left;
    width: 12.5rem;
    margin-top: 1.5rem;
    margin-left: 40px;
}

@media (min-width: 440px) {
    .search-results-actions {
        margin-left: 47px;
    }
}

@media (min-width: 620px) {
    .search-results-actions {
        margin-top: 0;
        margin-left: 0;
    }
}

/* Katalog - Trefferliste - Title */

.search-results-title {
    font-size: 1.8rem;
    line-height: 2.3rem;
    hyphens: auto;
    margin: 1.5rem 20px 0 0;
}

@media (min-width: 440px) {
    .search-results-title {
        font-size: 1.9rem;
        line-height: 2.4rem;
        hyphens: manual;
    }
}


.search-results-media-type {
    position: absolute;
    top: 22px;
    left: 0;
    width: 100%;
    margin: 0;
}

.search-results-media-type-image {
    position: absolute;
    top: .2rem;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
}

.search-results-media-type-text {
    position: absolute;
    top: 0;
    left: 40px;
    width: calc(60% - 60px);
    color: #656565;
    font-size: 1.4rem;
}

@media (min-width: 440px) {
    .search-results-media-type-text {
        left: 47px;
    }
}

/* Katalog - Trefferliste - Details */

.search-results-details {
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin: .9rem 20px 0 0;
}

.search-results-details-item strong {
    font-weight: 400;
}

/* Katalog - Trefferliste - Image */

/* Katalog - Trefferliste - Actions */

.search-results-actions-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: transparent;
    color: #018CC5;
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: center;
    padding: .1rem 0 .1rem 0;
    border: 1px solid #018CC5;
    border-radius: 4px;
    margin: 0 0 5px 0;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.search-results-actions-button:hover,
.search-results-actions-button:focus,
.search-results-actions-button:active {
    color: #FFF;
    background-color: #DF007D;
    border-color: #DF007D;
}

.search-results-actions-info {
    background-color: #F3F4F5;
    padding: 8px 8px;
    margin-bottom: 6px;
}

.search-results-actions-info p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: 0;
}

/* Konto - Vormerken */

.box.medium-vormerken-item {
    position: relative;
    padding-left: 15px;
}

.box.medium-vormerken-item:before,
.box.medium-vormerken-item:after {
    display: table;
    content: " ";
}

.box.medium-vormerken-item:after {
    clear: both;
}

.box.medium-vormerken-item .medium-vormerken-text {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: calc(100% - 120px);
    padding-left: 45px;
}

.box.medium-vormerken-item .medium-vormerken-title {
    margin: 3.6rem 0 0 0;
}

.box.medium-vormerken-item .medium-vormerken-media-type {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    margin: 0;
}

.box.medium-vormerken-item .medium-vormerken-media-type-image {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
}

.box.medium-vormerken-item .medium-vormerken-media-type-text {
    position: absolute;
    top: 0;
    left: 45px;
    width: calc(100% - 45px);
    color: #656565;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
}

.box.medium-vormerken-item .medium-vormerken-details {
    line-height: 2.2rem;
}

.box.medium-vormerken-item .medium-vormerken-image {
    float: right;
    width: 110px;
    margin: 15px 0;
}

.medium-vormerken-bestaetigung {
    margin: 2.0rem 0 0 0;
}

.medium-vormerken-bestaetigung p {
    width: 100%;
    line-height: 2.4rem;
    display: table;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

.medium-vormerken-bestaetigung p.trennlinie-oben {
    margin-top: 1.8rem;
}

.medium-vormerken-bestaetigung p.trennlinie-unten {
    margin-bottom: 1.8rem;
}

.medium-vormerken-bestaetigung-eintrag {
    display: table-row;
}

.medium-vormerken-bestaetigung-label {
    display: table-cell;
    width: calc(35% - 20px);
    padding: 0;
}

.medium-vormerken-bestaetigung-wert {
    display: table-cell;
    width: 65%;
    padding: 0;
}

/* Konto - Entliehene Medien */

.loans-list {
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.loans-item {
    position: relative;
    padding: 30px 0 30px 0;
    border-top: 1px solid #CDCDCD;
    margin: 0;
    
}

.loans-list h2,
.loans-list h3,
.loans-list p,
.loans-list li {
    font-family: Arial, Helvetica, sans-serif;
}

.loans-item:before,
.loans-item:after {
    content: " ";
    display: table;
}

.loans-item:after {
    clear: both;
}

.loans-text {
    box-sizing: border-box;
    float: left;
    width: calc(100% - 100px);
    padding-left: 40px;
    padding-right: 8px;
}

@media (min-width: 360px) {
    .loans-text {
        width: calc(100% - 120px);
    }
}

@media (min-width: 440px) {
    .loans-text {
        width: calc(100% - 150px);
        padding-left: 47px;
    }
}

@media (min-width: 620px) {
    .loans-text {
        width: 60%;
    }
}

.loans-title {
    font-size: 1.9rem;
    line-height: 2.4rem;
    margin: 1.5rem 20px 0 0;
}

.loans-media-type {
    position: absolute;
    top: 22px;
    left: 0;
    width: 100%;
    margin: 0;
}

.loans-media-type-image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
}

.loans-media-type-text {
    position: absolute;
    top: 0;
    left: 40px;
    width: calc(60% - 60px);
    color: #656565;
    font-size: 1.4rem;
}

@media (min-width: 440px) {
    .loans-media-type-text {
        left: 47px;
    }
}

.loans-author,
.loans-details {
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin: 1.0rem 0;
}

.loans-details:before,
.loans-details:after {
    content: " ";
    display: table;
}

.loans-details:after {
    clear: both;
}

@media (max-width: 419px) {
    .loans-details br {
        display: none;
    }
}

.loans-details-label {
    display: block;
}

@media (min-width: 420px) {
    .loans-details-label {
        clear: both;
        float: left;
        width: 12.0rem;
    }
}

.loans-details-label strong {
    font-weight: 400;
}

.loans-details-value {
    display: block;
}

@media (min-width: 420px) {
    .loans-details-value {
        float: left;
        width: calc(100% - 12.0rem - 20px);
    }
}

.loans-image {
    box-sizing: border-box;
    float: right;
    width: 100px;
    min-height: 10px;
    padding-right: 0;
}

@media (min-width: 360px) {
    .loans-image {
        width: 120px;
    }
}

@media (min-width: 440px) {
    .loans-image {
        width: 150px;
    }
}

@media (min-width: 620px) {
    .loans-image {
        float: left;
        width: calc(40% - 12.5rem);
        padding-right: 6px;
    }
}

.loans-actions {
    margin-left: 40px;
}

@media (min-width: 440px) {
    .loans-actions {
        float: left;
        margin-left: 47px;
    }
}

@media (min-width: 620px) {
    .loans-actions {
        width: 12.5rem;
        margin-left: 0;
    }
}

.loans-actions-form {
    width: 12.5rem;
}

@media (max-width: 439px) {
    .loans-actions-info {
        margin-top: 1.2rem;
    }
}

.loans-actions-info p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: 0;
}

@media (min-width: 620px) {
    .loans-actions-info p {
        margin: 1.0rem 0;
    }
}

.loans-actions-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: transparent;
    color: #018CC5;
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: center;
    padding: .1rem 0 .1rem 0;
    border: 1px solid #018CC5;
    border-radius: 4px;
    margin: 0 0 25px 0;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.loans-actions-button:hover,
.loans-actions-button:focus,
.loans-actions-button:active {
    color: #FFF;
    background-color: #DF007D;
    border-color: #DF007D;
}

/* Konto - Kontostand */

.account-details-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.account-details-item {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2.2rem;
    padding: 2.2rem 0 2.0rem 0;
    border-top: 1px solid #CDCDCD;
    margin: 0;
}

.account-details-item:before,
.account-details-item:after {
    content: " ";
    display: table;
}

.account-details-item:after {
    clear: both;
}

.account-details-label {
    float: left;
    width: 15.0rem;
}

.account-details-value {
    float: right;
    width: calc(100% - 15.0rem - 10px);
}

/* Konto - Vormerkungen */

.mod_fe_user_loans .formbody {
    margin: 0;
}

.reservations-list {
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.reservations-item {
    position: relative;
    padding: 30px 0 30px 0;
    border-top: 1px solid #CDCDCD;
    margin: 0;
    
}

.reservations-item h2,
.reservations-item h3,
.reservations-item p,
.reservations-item li {
    font-family: Arial, Helvetica, sans-serif;
}

.reservations-item:before,
.reservations-item:after {
    content: " ";
    display: table;
}

.reservations-item:after {
    clear: both;
}

.reservations-text {
    box-sizing: border-box;
    float: left;
    width: 75%;
    padding-left: 47px;
    padding-right: 8px;
}

.reservations-title {
    font-size: 1.9rem;
    line-height: 2.4rem;
    margin: 1.5rem 20px 0 0;
}

.reservations-media-type {
    position: absolute;
    top: 22px;
    left: 0;
    margin: 0;
}

.reservations-media-type-image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
}

.reservations-media-type-text {
    position: absolute;
    top: 0;
    left: 47px;
    width: calc(60% - 60px);
    color: #656565;
    font-size: 1.4rem;
}

.reservations-author,
.reservations-details {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin: 1.0rem 0;
}

.reservations-details-label {
    clear: both;
    float: left;
    width: 14.0rem;
}

.reservations-details-value {
    float: left;
    width: calc(100% - 14.0rem - 20px);
    
}

.reservations-image {
    box-sizing: border-box;
    float: right;
    width: calc(24% - 15px);
    min-height: 100px;
}

.reservations-image p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #777;
    padding: 10px;
    margin: 0;
}

/* Konto - Vormerkguthaben */

.credit-balance-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.credit-balance-item {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2.2rem;
    padding: 2.2rem 0 2.0rem 0;
    border-top: 1px solid #CDCDCD;
    margin: 0;
}

.credit-balance-item:before,
.credit-balance-item:after {
    content: " ";
    display: table;
}

.credit-balance-item:after {
    clear: both;
}

.credit-balance-label {
    clear: both;
    float: left;
    width: 19.0rem;
}

.credit-balance-value {
    float: right;
    width: calc(100% - 19.0rem - 10px);
}

/* Konto - Kundendaten */

.userprops-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.userprops-list.userprops-charges-list {
    margin-top: 4.0rem;
}

.userprops-item {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2.2rem;
    padding: 1.1rem 0 1.2rem 0;
    border-top: 1px solid #CDCDCD;
    margin: 0;
}

.userprops-item:last-child {
    border-bottom: 1px solid #CDCDCD;
}

.userprops-charges-item.userprops-item {
    padding: 0;
    border-top: none;
    border-bottom: none;
}

.userprops-item:before,
.userprops-item:after {
    content: " ";
    display: table;
}

.userprops-item:after {
    clear: both;
}

.userprops-label {
    clear: both;
    float: left;
    width: calc(40% - 10px);
}

.userprops-value {
    float: right;
    width: 60%;
    
}

.userprops-list .box {
}

@media (min-width: 1000px) {
    .userprops-list .box {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 40%;
    }
}

.userprops-list .box p {
    line-height: 2.2rem;
    margin: 1.0rem 0;
}

.userprops-list .box + br {
    display: none;
}

.userprops-list form {
    clear: both;
}

.userprops-list .formbody {
    margin: 2.0rem 0 2.0rem 0;
}

.userprops-list .submit_container {
    padding-top: 0;
}

/* Lightbox */

#colorbox,
#cboxOverlay,
#cboxWrapper {
    overflow: visible;
}

#cboxContent {
    background: #FFF;
}

#cboxLoadedContent {
    border-color: #FFF;
}

#cboxTitle {
    position: static;
    color: rgba(255, 255, 255, .95);
}

#cboxTitle p {
    font-size: 1.5rem;
    margin: 1.0rem 0 0 0;
}

/* Medienlisten: Uebersicht; */

.catalogue-list-item {
    padding: 18px 0;
    border-top: 1px solid #CDCDCD;
    margin: 0;
}

@media (min-width: 600px) {
    .catalogue-list-item {
        display: flex;
        justify-content: space-between;
        align-content: stretch;
    }
}


.js .catalogue-list-item-hover {
    background-color: rgba(0, 0, 0, .019);
    cursor: pointer;
}

.catalogue-list-item-text {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.catalogue-list-item-preview {
    display: flex;
    justify-items: flex-start;
    width: 266px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Text */

.catalogue-list-item-link:hover,
.catalogue-list-item-link:focus,
.catalogue-list-item-link:active,
.js .catalogue-list-item-hover .catalogue-list-item-link {
    color: #DE007E;
    text-decoration: underline;
}

.catalogue-list-item-title {
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin: 0 15px 0 0;
}

.catalogue-list-item-count {
    color: #777;
    font-size: 1.5rem;
    margin: .5rem 0 0 0;
}

/* Preview */

.catalogue-list-item-preview-item {
    position: relative;
    margin: 0;
}

.catalogue-list-item-preview-link {
    display: block;
    padding: 0 2px;
}

.catalogue-list-item-preview-item:first-child .catalogue-list-item-preview-link {
    padding-left: 0;
}

.catalogue-list-item-preview-item:last-child .catalogue-list-item-preview-link {
    padding-right: 0;
}

.catalogue-list-item-preview-image {
    width: 54px;
}

.catalogue-list-item-preview-item:first-child .catalogue-list-item-preview-image,
.catalogue-list-item-preview-item:last-child .catalogue-list-item-preview-image {
    width: 52px;
}

.catalogue-list-item-preview-link .b-error {
    display: none;
}

.catalogue-list-item-preview-link .b-error + .catalogue-list-item-preview-image-replacement {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 50px;
    background-color: #ECECEC;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center center;
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-buch {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/buch.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-eaudio {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/hoerbuch.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-ebook {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/e-book.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-ebook {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/e-book.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-epaper {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/e-paper.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-cd,
.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-cd-rom,
.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-mp3-cd {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/compact-disc.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-blu-ray-disk,
.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-dvd {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/film.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-konsolenspiel {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/konsolenspiel.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-spiel {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/spiel.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-emusik {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/e-musik.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-noten {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/noten.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-zeitschrift {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/zeitschrift.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-bestseller {
    background-image: url(/bundles/fw2primocatalogue/images/media-type/small/bestseller.png);
}

.catalogue-list-item-preview-text {
    display: none;
    box-sizing: border-box;
    position: absolute;
    z-index: 100;
    bottom: calc(100% + 12px);
    left: calc(5px - (21.0rem / 2) + 25px);
    width: 21.0rem;
    background-color: #242D2F;
    color: #FFF;
    padding: 10px;
    border-radius: 5px;
    opacity: .95;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.catalogue-list-item-preview-text:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -9px;
    left: calc(50% - (18px / 2));
    width: 18px;
    height: 10px;
    background-image: url(/files/images/layout/tooltip_darkgrey_down.svg);
    background-repeat: no-repeat;
    background-size: 18px 10px;
}

.catalogue-list-item-preview-text p {
    color: #FFF;
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin: 0;
}

.catalogue-list-item-preview-author {
    opacity: .8;
}

.catalogue-list-item-preview-title {
    font-weight: bold;
}

/* Medienlisten: Detailseite */


@media (min-width: 500px) {
    .catalogue-list-detail .image_container {
        float: left;
        margin: .6rem 20px 1.0rem 0;
    }
}

@media (min-width: 500px) {
    .catalogue-list-detail-info .image_container + p {
        margin-top: 0;
    }
}

.catalogue-list-detail-count {
    color: #777;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    margin: 4.5rem 0 .8rem 0;
}

.catalogue-list-detail .search-results-list {
    margin-top: 0;
}

/* Messaging (oben) */

.mod_account_message {
    background-color: #F3F4F5;
    color: #121212;
    padding: 1px 0;
    border-bottom: 1px solid #028DC5;
}

.mod_account_message p {
    text-align: center;
    margin: 1.0rem 0 1.0rem 0;
}

#header .mod_account_message strong {
    color: #121212;
}

/* Navigation: Ausklapp-Menue */

.accordion-nav {
    margin: 4.0rem 0 6.0rem 0;
}

.accordion-nav-button {
    box-sizing: border-box;
    width: 100%;
    background-color: transparent;
    background-image: url(/files/images/layout/icon-arrow-down-blue.png);
    background-repeat: no-repeat;
    background-size: 14px 9px;
    background-position: calc(100% - 8px) 50%;
    border: none;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    padding: 0;
    margin: 0;
    text-align: left;
    cursor: pointer;
    outline: 0;
}

.accordion-nav-button:hover,
.accordion-nav-button:focus,
.accordion-nav-button:active {
    background-image: url(/files/images/layout/icon-arrow-down-pink.png);
}

.accordion-nav-button-open {
    background-image: url(/files/images/layout/icon-arrow-up-blue.png);
}

.accordion-nav-button-open:hover,
.accordion-nav-button-open:focus,
.accordion-nav-button-open:active {
    background-image: url(/files/images/layout/icon-arrow-up-pink.png);
}


.accordion-nav h2 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 0 0 1.0rem 0;
}

.accordion-nav-button h2 {
    padding: .9rem 0 .8rem 0;
    margin: 0;
}

.accordion-nav-button:hover h2,
.accordion-nav-button:focus h2,
.accordion-nav-button:active h2 {
    color: #DE007E;
}

.accordion-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.accordion-nav-ul-hidden {
    display: none;
}

.accordion-nav li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.0rem;
}

.accordion-nav a {
    color: #121212;
}

.accordion-nav a:hover,
.accordion-nav a:focus,
.accordion-nav a:active {
    color: #DE007E;
}

.accordion-nav a > span {
    display: block;
    padding: .8rem 0 .8rem 14px;
    border-bottom: 1px solid #CDCDCD;
    position: relative;
}

.accordion-nav a > span:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 1.2rem;
    width: 8px;
    height: 11px;
    background-image: url(/files/images/layout/icons-minipfeil.png);
    background-repeat: no-repeat;
    background-position: -104px 0;
    background-size: 112px 11px;
}

.accordion-nav a:hover > span:before,
.accordion-nav a:focus > span:before,
.accordion-nav a:active > span:before {
    background-position: -96px 0;
}

/* Outro */

#footer .outro {
    background-color: #FFF;
    color: #121212;
    padding-bottom: 60px;
    margin-top: 0;
    margin-bottom: 0;
}

/* Pagination */

.pagination {
    border-top: 1px solid #CDCDCD;
    margin-top: 30px;
}

.pagination-total {
    float: left;
    padding: .3rem 0;
}

.pagination-pages {
    float: right;
}

.pagination p {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.pagination a {
    color: #000;
    text-decoration: none;
}

.pagination-active,
.pagination-link {
    box-sizing: border-box;
    display: inline-block;
    min-width: 2.8rem;
    font-size: 1.5rem;
    padding: .2rem .4rem .2rem .3rem;
    text-align: center;
    border: 1px solid #CDCDCD;
    border-radius: 2px;
}

.pagination-active {
    color: #018CC5;
    padding: .1rem .3rem .1rem .2rem;
    border: 2px solid #018CC5;
}

.pagination-link:hover,
.pagination-link:focus,
.pagination-link:active {
    color: #DE007E;
    padding: .1rem .3rem .1rem .2rem;
    border: 2px solid #DE007E;
}

/* Planyo */

/* Planyo - General */

.planyo-loading {
    padding: 40px 0;
    text-align: center;
}

/* Planyo - Calendar */

.calprev_iframe.caltype_3,
.calprev_iframe.caltype_4 {
    width: 100% !important;
}

.calprev_iframe.caltype_4 {
    margin-top: 10px;
}

/* Planyo - Flexible calender */

.fc-header-toolbar .fc-center h2 {
    display: none;
}

.cp_calendar .fc-header-toolbar .fc-left {
    float: right;
}

.fc-head-container.fc-widget-header {
    border: none;
}

.fc-widget-header th.fc-widget-header {
    background-color: #028DC5;
    color: #FFF;
    padding-top: 8px;
    padding-bottom: 8px;
    border: none;
}

.fc-day-grid.fc-unselectable {
    display: none;
}

.fc-now-indicator {
    display: none;
}

.fc-slats > table {
    margin-top: -1px;
}

.fc-view .fc-widget-content {
    border-left: none !important;
}

.fc-slats td.fc-widget-content {
    cursor: pointer;
    background-color: transparent;
}

.fc-bgevent {
    background-color: #028DC5 !important;
    opacity: 1 !important;
}

.fc-bgevent.oc_all {
    background-color: #EAEBEC !important;
    opacity: 1 !important;
    margin-top: 1px;
}

td.fc-today {
    background-color: transparent !important;
}

.fc-time-grid .fc-widget-content {
    border-color: #CCC;
}

.fc-time-grid .fc-minor .fc-widget-content {
    border-color: #DBDBDB;
    border-top-style: solid;
}

#cp_calpicker {
    display: none;
}

/* Planyo - Date picker */

#row_one_date > .input-group {
    position: relative;
}

.input-group-addon {
    position: absolute;
    display: block;
    background-image: url(/files/images/layout/icon-datepicker-blue.png);
    background-size: 27px 23px;
    background-repeat: no-repeat;
    background-position: 0 7px;
    width: 27px;
    height: 23px;
    top: 0;
    right: 0;
    padding: 7px 10px 0 0;
    cursor: pointer;
}

.picker_dropdown {
    box-sizing: border-box;
    width: 29.0rem;
    background-color: #FFF;
    padding: 6px 6px 5px 6px;
    border: 1px solid #989EA0;
    border-radius: 5px;
    margin-top: 8px;
}

.calpicker {
    border-bottom: none !important;
}

.calpicker caption {
    position: relative;
    background-color: #028DC5;
    font-weight: 600;
    padding: .9rem 0 .7rem 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.calpicker .nav {
    display: block;
    height: 3.8rem;
    width: 3.0rem;
    position: absolute;
    top: calc(50% - 2.1rem);
    color: #FFF;
    font-size: 2.4rem;
    font-weight: 400;
    text-decoration: none;
    line-height: 3.8rem;
}

.calpicker .navright {
    right: 0;
    
}

.calpicker .navleft {
    left: 0;
}

.calpicker thead th {
    background-color: #354248;
    color: #F9F9F9;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.8rem;
    text-align: center;
    vertical-align: top;
    padding: .3rem 10px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

.calpicker thead th:last-child {
    border-right: none;
}

.calpicker tbody td {
    width: calc(100% / 7);
    color: #121212;
    background-color: #FFF !important;
    font-size: 1.4rem;
    padding: .5rem .5rem;
    text-align: center;
}

.calpicker tbody tr:first-child td {
    border-top: 2px solid #FFF;
}

.calpicker tbody .ext_month_day,
.calpicker tbody td[style^="cursor"] {
    color: #BBB !important;
}

.calpicker tbody .active_day {
    background-color: #F1F1F1 !important;
}

/* Planyo - Forms */

h2.planyo-ressource-title {
    font-size: 2.2rem;
    line-height: 3.2rem;
    /*margin-top: 4.0rem;*/
    margin-bottom: 0;
}

#reserve_form h3 {
    margin-top: 50px;
}

.planyo-cal-iframe-wrapper {
    margin-top: 3.0rem;
}

.planyo-cal-iframe-wrapper.hidden {
    position: absolute;
    visibility: hidden;
}

.planyo-form-row-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 1.5rem 0;
}


.mobile .planyo-form-item-group {
    margin: 1.5rem 0;
}

.planyo-form-row-wrapper .col-sm-6 {
    width: calc((100% - 10px) / 2);
}

.planyo-form-row-wrapper .col-sm-12,
.rental_message_form .planyo-form-row-wrapper .col-sm-6 {
    width: 100%;
}

.rental_message_form .planyo-form-row-wrapper .col-sm-6 + .col-sm-6 {
    display: none;
}

.planyo-form-item-group input[type="text"],
.planyo-form-row-wrapper input[type="text"],
.planyo-form-item-group input[type="email"],
.planyo-form-item-group input[type="tel"] {
    box-sizing: border-box;
    width: 100%;
    padding: .6rem 1.0rem;
    border: 1px solid rgba(51, 63, 67, .5);
    border-radius: 5px;
    margin: 0;
}

.planyo-form-item-group textarea,
.planyo-form-row-wrapper textarea,
#cancel_form textarea {
    box-sizing: border-box;
    width: 100%;
    padding: .6rem 1.0rem;
    border: 1px solid rgba(51, 63, 67, .5);
    border-radius: 5px;
    margin: 0;
}

#cancel_form textarea {
    margin-bottom: 2.0rem;
}

.planyo-form-item-group select,
.planyo-form-row-wrapper select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #FFF;
    background-image: url(/files/images/layout/icon-arrow-down-blue.png);
    background-size: 14px 9px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    padding: .5rem 1.5rem .5rem .5rem;
    border: 1px solid rgba(51, 63, 67, .5);
    border-radius: 5px;
    margin: 0;
    box-shadow: 0 0 0 0 rgb(255, 255, 255);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.chrome .planyo-form-row-wrapper select {
    padding: .7rem 1.5rem .5rem 1.0rem;
}

.planyo .btn-primary {
    background-color: #018CC5;
    color: #FFF;
    padding: .8rem 20px .8rem 20px;
    border: 1px solid #018CC5;
    border-radius: 5px;
    cursor: pointer;
}

.select-css::-ms-expand {
    display: none;
}

.select-css:hover {
    border-color: #888;
}

.select-css:focus {
    border-color: #AAA;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

.select-css option {
    font-weight: normal;
}

#reqfinfo {
    display: none;
}

.poweredby {
    display: none;
}

.planyo #reserve_form p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.planyo .help-block {
    font-size: 1.5rem;
    line-height: 2.0rem;
    color: #555;
    padding-top: 4px;
}


/* Planyo – Message form */

#msglog {
    display: none !important;
}

#msglog,
#msglog div,
#msglog b {
    color: #545454 !important;
}

#msglog {
    padding: 25px 0 0 0 !important;
    border-top: 1px solid #CDCDCD !important;
}

#msglog div {
    padding: 0 0 25px 0 !important;
    border-bottom: 1px solid #CDCDCD !important;
    margin: 0 0 25px 0 !important;
}


/* Planyo - Liste (key + value) */

.list-key-value {
    list-style: none;
    padding: 0;
    margin: 4.0rem 0;
}

.list-key-value-item,
.list-key-value li {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2.2rem;
    padding: 1.1rem 0 1.2rem 0;
    border-top: 1px solid #CDCDCD;
    margin: 0;
}

@media (min-width: 420px) {
    .list-key-value-item,
    .list-key-value li {
        display: flex;
        justify-content: space-between;
    }
}

.list-key-value-item:last-child,
.list-key-value li:last-child {
    border-bottom: 1px solid #CDCDCD;
}

@media (min-width: 420px) {
    .list-key {
        width: 18.5rem;
    }
}

@media (min-width: 420px) {
    .list-value {
        width: calc(100% - 18.5rem - 20px);
    }
}

/* Planyo - Resource list */

.planyo-resource-list {
    margin: 40px 0 0 0;
}

.planyo-resource-list-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 40px 0 40px 0;
    border-top: 1px solid #DBDBDB;
    margin: 0;
}

@media (min-width: 600px) {
    .planyo-resource-list-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}

.planyo-resource-list-item-title {
    width: 100%;
    margin-top: 0;
}


.planyo-resource-list-item-text {
    order: 3;
}

@media (min-width: 600px) {
    .planyo-resource-list-item-text {
        width: calc(100% - 250px - 20px);
        order: auto;
    }
}

.planyo-resource-list-item-image {
    width: 250px;
    padding-top: 5px;
    margin-bottom: 15px;
}

.planyo-resource-list-item-text p:first-child {
    margin-top: 0;
}

/* Kibi-Gruppenangebote: https://www.buecherhallen.de/gruppenangebote-fuer-kitas-und-schulen.html */
.planyo + script + script + noscript + .ce_text.line-top {
    margin-top: 0;
}

/* Social Media Leiste */

.social-bar {
    box-sizing: border-box;
    position: fixed;
    right: 2px;
    z-index: 1000;
    width: 35px;
    overflow: visible;
}

@media (max-width: 819px) {
    .social-bar {
        display: none;
    }
}

@media (min-width: 1000px) and (max-width: 1059px) {
    .social-bar {
        display: none;
    }
}

.social-bar-list {
    list-style: none;
    padding: 1px 0;
    margin: 0;
}

.social-bar-item {
    position: relative;
    padding: 1px 0;
    margin: 0;
}

.social-bar-item a {
    display: block;
}

.social-bar-item a:after {
    content: " ";
    position: absolute;
    z-index: 1001;
    top: 1px;
    left: -5px;
    display: block;
    height: 35px;
    width: 5px;
}

.social-bar-item.social-facebook a:hover:after,
.social-bar-item.social-facebook a:focus:after,
.social-bar-item.social-facebook a:active:after {
    background-color: #425F9C;
}

.social-bar-item.social-twitter a:hover:after,
.social-bar-item.social-twitter a:focus:after,
.social-bar-item.social-twitter a:active:after {
    background-color: #1BB1E9;
}

.social-bar-item.social-instagram a:hover:after,
.social-bar-item.social-instagram a:focus:after,
.social-bar-item.social-instagram a:active:after {
    background-color: #BC00B2;
}

.social-bar-item.social-youtube a:hover:after,
.social-bar-item.social-youtube a:focus:after,
.social-bar-item.social-youtube a:active:after {
    background-color: #FF0000;
}

.social-bar-item.social-whatsapp a:hover:after,
.social-bar-item.social-whatsapp a:focus:after,
.social-bar-item.social-whatsapp a:active:after {
    background-color: #25D366;
}

.social-bar-item.social-tiktok a:hover:after,
.social-bar-item.social-tiktok a:focus:after,
.social-bar-item.social-tiktok a:active:after {
    background-color: #181A1B;
}

.social-bar-item img {
    width: 35px;
    max-width: none;
    height: 35px;
}

/* Standorte */

/* Standort: Header */

.standort-header {
    position: relative;
    min-height: 430px;
}

@media (min-width: 1000px) {
    .standort-kontakt-foto {
        float: left;
        width: 660px;
    }
}

.standort-kontakt {
    position: relative;
    z-index: 2;
    min-height: 124px;
    background: #FFF;
    padding: 1.6rem 0 0 0;
    border-top: 10px solid #028DC5;
    margin-top: 50%;
}

@media (min-width: 700px) {
    .standort-kontakt {
        width: 540px;
        margin-top: 35%;
    }
}

@media (min-width: 1000px) {
    .standort-kontakt {
        margin-top: 280px;
    }
}

.rot .standort-kontakt {
    border-top: 10px solid #B0271C;
}


.standort-kontakt h1 {
    font-size: 2.7rem;
    margin: 0;
}

.standort-kontakt p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.7rem;
    line-height: 2.3rem;
    margin: 1.2rem 0 1.2rem 0;
}

@media (min-width: 550px) {
    .standort-adresse {
        float: left;
        width: 220px;
    }
}

@media (min-width: 550px) {
    .standort-fon-mail {
        float: right;
        width: 290px;
    }
}

.standort-foto {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 50%;
    background: #F3F4F5;
    overflow: hidden;
}

@media (min-width: 1000px) {
    .standort-foto {
        width: 660px;
        height: 430px;
        padding-bottom: 0;
    }
}

.standort-foto img {
    position: absolute;
    width: 100%;
    height: auto;
}

/* Standort: Header Bereichsmenue */

.standort-bereichsmenue {
    background: #028DC5;
}

@media (min-width: 1000px) {
    .standort-bereichsmenue {
        float: right;
        width: 300px;
        min-height: 430px;
    }
}

.rot .standort-bereichsmenue {
    background: #B0271C;
}

.standort-header .bereichsmenue {
    background: inherit;
    margin-top: 30px;
    margin-bottom: 0;
}

@media (min-width: 1000px) {
    .standort-header .bereichsmenue {
        padding-top: 20px;
        margin-top: 0;
    }
}

.standort-header .bereichsmenue .level_1 > li {
    font-size: 1.6rem;
    line-height: 2.1rem;
}

.standort-header .bereichsmenue .level_1 > li > a,
.standort-header .bereichsmenue .level_1 > li > strong {
    color: #FFF;
    border-top: 1px solid rgba(226, 226, 226, 0.4);
}

.standort-header .bereichsmenue .level_1 > .first > a,
.standort-header .bereichsmenue .level_1 > .first > strong {
    border-top: 1px solid transparent;
}

.standort-header .bereichsmenue .level_1 > li > a:hover,
.standort-header .bereichsmenue .level_1 > li > a:focus,
.standort-header .bereichsmenue .level_1 > li > a:active {
    background-color: rgb(0, 101, 145);
    border-top: 1px solid transparent;
}


.standort-header .bereichsmenue .level_1 > li > a:before,
.standort-header .bereichsmenue .level_1 > li > strong:before {
    background-position: -56px 0;
}

.standort-header .bereichsmenue .level_1 > li > a:hover:before,
.standort-header .bereichsmenue .level_1 > li > a:focus:before,
.standort-header .bereichsmenue .level_1 > li > a:active:before {
    background-position: -56px 0;
}

/* Standort: Kundenbewertung */

.standort-bewertung {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-width: 20.0rem;
    padding: 20px 0 0 0;
}

@media (max-width: 999px) {
    .standort-bewertung {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.standort-bewertung p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.0rem;
    margin: 0;
    text-align: center;
}

@media (min-width: 1000px) {
    .standort-bewertung p {
        text-align: right;
    }
}

.standort-bewertung a {
    display: block;
    color: #121212;
    text-decoration: none;
}

.standort-bewertung a:hover,
.standort-bewertung a:focus,
.standort-bewertung a:active {
    text-decoration: underline;
}

.standort-bewertung a:before {
    content: " ";
    display: block;
    width: 102px;
    height: 58px;
    background-image: url(/files/images/layout/icons-footer-bewertung.png);
    background-repeat: no-repeat;
    background-size: 306px 58px;
    background-position: -204px 0;
    margin: 0 auto;
}

@media (min-width: 1000px) {
    .standort-bewertung a:before {
        margin: 0 0 0 auto;
    }
}

.standort-bewertung a:hover:before,
.standort-bewertung a:focus:before,
.standort-bewertungs a:active:before {
    background-position: -102px 0;
}

/* Standort: Öffnungszeiten */

.standort-oeffnungszeiten {
    clear: both;
    background: #F3F4F5;
    border: 1px solid #F3F4F5;
    margin: 30px 0;
}

@media (min-width: 1000px) {
    .standort-oeffnungszeiten {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 15px 0 30px 0;
    }
}

.standort-oeffnungszeiten-title {
    position: relative;
    margin: 15px 15px 5px 15px;
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten-title {
        width: 22.5rem;
        padding-left: 80px;
        margin: 40px auto 15px auto;
    }
}

@media (min-width: 1000px) {
    .standort-oeffnungszeiten-title {
        width: 16.0rem;
        padding-left: 85px;
        margin: 37px 0 0 15px;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten h2:before,
    .standort-oeffnungszeiten-title:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        display: block;
        width: 73px;
        height: 73px;
        background-image: url("/files/images/layout/icons-standorte.png");
        background-size: 500px 100px;
        margin-top: -37px;
    }
}

.standort-oeffnungszeiten ul {
    list-style: none;
    margin: 0;
}

@media (max-width: 599px) {
    .standort-oeffnungszeiten ul {
        width: calc(100% - 30px);
        border-collapse: collapse;
        margin: 15px;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten ul {
        display: flex;
        width: 580px;
        margin: 0 auto;
    }
}

@media (min-width: 1000px) {
    .standort-oeffnungszeiten ul {
        width: 620px;
        margin: 0;
    }
}

/* Temp start */

.standort-oeffnungszeiten p {
    list-style: none;
    margin: 0;
}

@media (max-width: 599px) {
    .standort-oeffnungszeiten p {
        width: calc(100% - 30px);
        border-collapse: collapse;
        margin: 15px;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten p {
        margin: 40px 40px 30px 40px;
    }
}

@media (min-width: 1000px) {
    .standort-oeffnungszeiten p {
        width: 600px;
        margin: 38px 20px 38px 0;
    }
}

/* Temp end */

.standort-oeffnungszeiten li {
    text-align: center;
    list-style: none;
    margin: 22px 0;
}

@media (max-width: 599px) {
    .standort-oeffnungszeiten li {
        display: flex;
        font-size: 1.5rem;
        line-height: 2.2rem;
        border-top: 1px solid rgba(0, 0, 0, .1);
        margin: 0;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten li {
        width: 16.5%;
        font-size: 2.1rem;
        line-height: 1.9rem;
    }
}

.standort-oeffnungszeiten-wochentag {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

@media (max-width: 599px) {
    .standort-oeffnungszeiten-wochentag {
        min-width: 11.0rem;
        text-align: left;
        vertical-align: top;
        padding: .6rem 0;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten-wochentag {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 1.2rem;
    }
}

.standort-oeffnungszeiten-uhrzeiten {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 11.0rem);
    max-width: 40.0rem;
    padding: .5rem 0;
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten-uhrzeiten {
        display: block;
        width: auto;
        padding: 0;
    }
}

.standort-oeffnungszeiten-uhrzeit {
    font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 599px) {
    .standort-oeffnungszeiten-uhrzeit {
        width: 12.0rem;
        display: block;
        font-size: 1.8rem;
        text-align: left;
        vertical-align: top;
        padding: .1rem 0 .1rem 20px;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten-uhrzeit {
        position: relative;
        display: block;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten-uhrzeit + .standort-oeffnungszeiten-uhrzeit {
        margin-top: 1.9rem;
    }
}

.standort-oeffnungszeiten-trenner {
    font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 599px) {
    .standort-oeffnungszeiten-trenner {
        padding: 0 3px 0 4px;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten-trenner {
        display: block;
        font-size: 1.3rem;
        line-height: 1.2rem;
        margin-top: -.2rem;
    }
}

.standort-oeffnungszeiten-geschlossen {
    color: #CF0F0A;
    font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 599px) {
    .standort-oeffnungszeiten-geschlossen {
        display: block;
        width: calc(100% - 11.0rem);
        text-align: left;
        vertical-align: top;
        padding: .6rem 0 .6rem 20px;
        text-transform: capitalize;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten-geschlossen {
        display: block;
        font-size: 1.2rem;
        margin-top: 1.5rem;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten-geschlossen:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-image: url("/files/images/layout/icons-standorte.png");
        background-size: 500px 100px;
        background-position: -100px 0;
        margin: 0 auto;
    }
}

.standort-oeffnungszeiten-open-library-info {
    width: 100%;
    padding: 5px 0 18px 0;
}

.standort-oeffnungszeiten-open-library-info p {
    position: relative;
    color: #868686;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin: 0 20px 0 23px;
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten-open-library-info p {
        margin: 0 20px 0 33px;
    }
}

@media (min-width: 600px) {
    .standort-oeffnungszeiten-open-library-info p {
        margin: 0 20px 0 33px;
    }
}

.standort-oeffnungszeiten-open-library-info-star {
    position: absolute;
    left: -1.0rem;
    padding-top: .1rem;
}

.standort-oeffnungszeiten-uhrzeit-open-library {
    color: #999;
}

.standort-oeffnungszeiten-uhrzeit-open-library-info {
    position: absolute;
    font-size: 1.6rem;
    padding-left: .2rem;
}

.standort-oeffnungszeiten-corona-info p {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.7rem;
    margin-top: 0;
    margin-bottom: 25px;
}

/* Standort: Boxen allgemein */

.standort-box h2 {
    font-size: 2.2rem;
    line-height: 3.2rem;
}

@media only screen and (min-width: 1000px) {
    
    .standort-box,
    .standort-blog-box,
    .standort-anfahrt-box {
        width: 450px;
    }
    
    .standort-box.standort-aktueller-hinweis,
    .standort-blog-box {
        float: left;
    }
    
    .standort-box.standort-profil,
    .standort-anfahrt-box {
        float: right;
    }
    
    .standort-blog-box,
    .standort-anfahrt-box {
        margin-top: 4.0rem;
    }
}

/* Standort: Boxen Aktueller Hinweis + Profil */

.standort-aktueller-hinweis-profil:before,
.standort-aktueller-hinweis-profil:after {
    content: " ";
    display: table;
}

.standort-aktueller-hinweis-profil:after {
    clear: both;
}

.standort-box {
    box-sizing: border-box;
    position: relative;
    background: #F3F4F5;
    padding: 0 20px;
    border-top: 10px solid transparent;
    margin-top: 40px;
}

.standort-box.standort-aktueller-hinweis {
    border-top-color: #DF007D;
}

.standort-box.standort-aktueller-hinweis:before {
    background-color: #DF007D;
}

.standort-box.standort-profil {
    border-top-color: #008EC7;
}

.rot .standort-box.standort-profil {
    border-top-color: #B0271C;
}

.gelb .standort-box.standort-profil {
    border-top-color: #FFD800;
}

.standort-box.standort-profil:before {
    background-color: #008EC7;
}

.rot .standort-box.standort-profil:before {
    background-color: #B0271C;
}

.gelb .standort-box.standort-profil:before {
    background-color: #FFD800;
}

.standort-box:before,
.standort-box h2:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
}

.standort-box:before {
    top: -28px;
    width: 65px;
    height: 65px;
    border-radius: 100%;
}

.standort-box h2 {
    text-align: center;
    margin: 45px 0 0 0;
}

.standort-box h2:before {
    top: -8px;
    background-image: url("/files/images/layout/icons-standorte.png");
    background-size: 500px 100px;
}

.standort-box.standort-aktueller-hinweis h2:before {
    width: 6px;
    height: 26px;
    background-position: -300px 0;
}

.standort-box.standort-profil h2:before {
    width: 27px;
    height: 26px;
    background-position: -400px 0;
}

.standort-box p {
    font-size: 1.5rem;
    margin: 1.5rem 0;
}

.standort-box li {
    font-size: 1.5rem;
    margin: 0;
}

/* Standort: Boxen Blog + Anfahrt */

.standort-blog-anfahrt:before,
.standort-blog-anfahrt:after {
    content: " ";
    display: table;
}

.standort-blog-anfahrt:after {
    clear: both;
}

/* Standort: Box Blog */

.standort-blog-box {

}

/* Standort: Box Anfahrt */


.standort-anfahrt-box h2 {
    font-size: 2.6rem;
    margin: 2.5rem 0 2.0rem 0;
}

.standort-anfahrt-box-google-map {
    width: 100%;
    height: 250px;
}

.standort-anfahrt-box-google-map-groessere-ansicht {
    font-size: 1.5rem;
    margin-top: 4px;
}

/* Standorte: Einstieg - Standortkarte */

.js .standortkarte {
    display: none;
}

.js .standortkarte img {
    position: absolute;
}

.js .standortkarte ul {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    padding: 0;
    margin: 0;
}

.js .standortkarte li {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    background: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.js .standortliste h2 {
    padding: 0;
    margin: 0;
}

.js .standortliste h2 a:link,
.js .standortliste h2 a:visited {
    position: relative;
    width: 14px;
    height: 14px;
    display: block;
    cursor: pointer;
}

.js .standortliste h2 a:hover,
.js .standortliste h2 a:focus,
.js .standortliste h2 a:active,
.js .standortliste .open h2 a {
    background-position: 0 100%;
    z-index: 10;
}

.js .standortliste .details {
    display: none;
    position: absolute;
    top: auto;
    bottom: 16px;
    left: -60px;
    right: auto;
    width: 280px;
    height: auto;
}

.js .standortliste .details > .inside {
    background: rgba(242, 242, 242, .92);
    padding: 12px 8px 12px 12px;
    border: 1px solid #CDCDCD;
    border-radius: 5px;
}

.js .standortliste h3,
.js .standortliste p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.0rem;
    margin: 0;
}

.js .standortliste p {
    margin-top: 10px;
}

.js .standortliste h3 + p {
    margin-top: 0;
}

.js .standortliste .open {
    z-index: 100;
}

.js .standortliste .open .details {
    display: block;
    z-index: 100;
}

.alstertal {
    left: 356px;
    top: 135px;
}

.altona {
    left: 197px;
    top: 308px;
}

.barmbek {
    left: 308px;
    top: 249px;
}

.bergedorf {
    left: 469px;
    top: 404px;
}

.billstedt {
    left: 370px;
    top: 328px;
}

.bramfeld {
    left: 340px;
    top: 206px;
}

.buecherbusse {
    left: 256px;
    top: 465px;
}

.dehnhaide {
    left: 306px;
    top: 266px;
}

.eidelstedt {
    left: 169px;
    top: 214px;
}

.eimsbuettel {
    left: 221px;
    top: 272px;
}

.elbvororte {
    left: 77px;
    top: 286px;
}

.farmsen {
    left: 383px;
    top: 217px;
}

.finkenwerder {
    left: 139px;
    top: 339px;
}

.fuhlsbuettel {
    left: 289px;
    top: 183px;
}

.harburg {
    left: 241px;
    top: 465px;
}

.hoeb4u {
    left: 263px;
    top: 323px;
}

.js .karte-53grad .standortkarte .hoeb4u {
    left: 257px;
    top: 310px;
}

.hohenhorst {
    left: 403px;
    top: 253px;
}

.holstenstrasse {
    left: 216px;
    top: 298px;
}

.horn {
    left: 340px;
    top: 294px;
}

.kinderbibliothek {
    left: 272px;
    top: 310px;
}

.kirchdorf {
    left: 272px;
    top: 395px;
}

.langenhorn {
    left: 276px;
    top: 140px;
}

.lokstedt {
    left: 226px;
    top: 226px;
}

.muemmelmannsberg {
    left: 411px;
    top: 344px;
}

.niendorf {
    left: 216px;
    top: 188px;
}

.neuallermoehe {
    left: 420px;
    top: 411px;
}

.neugraben {
    left: 117px;
    top: 444px;
}

.osdorf {
    left: 114px;
    top: 246px;
}

.rahlstedt {
    left: 417px;
    top: 221px;
}

.schnelsen {
    left: 181px;
    top: 173px;
}

.steilshoop {
    left: 321px;
    top: 208px;
}

.volksdorf {
    left: 427px;
    top: 147px;
}

.wandsbek {
    left: 333px;
    top: 270px;
}

.wilhelmsburg {
    left: 250px;
    top: 363px;
}

.winterhude {
    left: 264px;
    top: 236px;
}

.zentralbibliothek {
    left: 257px;
    top: 310px;
}

@media only screen and (min-width: 730px) {
    
    .js .standortkarte {
        display: block;
        position: relative;
        height: 576px;
        margin-top: -55px;
    }
    
    .js .karte-53grad .standortkarte {
        margin-top: -25px;
    }
}

/* Standorte: Liste aller Oeffnungszeiten */

.mod_location_list {
    margin-top: 4.0rem;
}

.location-list-opening-hours-item {
    padding: 42px 0 25px 0;
    border-top: 1px solid #CDCDCD;
}

@media (min-width: 760px) {
    .location-list-opening-hours-item-contact {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
}

@media (min-width: 760px) {
    .location-list-opening-hours-item-contact-part-1,
    .location-list-opening-hours-item-contact-part-2 {
        flex-basis: calc(50% - 20px);
        padding-bottom: .4rem;
    }
}

.location-list-opening-hours-item-contact-part-2 {
    margin-top: 1.0rem;
}

@media (min-width: 1000px) {
    .location-list-opening-hours-item-contact-part-2 {
        margin-top: 0;
    }
}

.location-list-opening-hours-item-title {
    font-size: 2.3rem;
    margin: 0 0 1.2rem 0;
}

.location-list-opening-hours-item-contact p {
    margin: 0;
    
}

.standort-oeffnungszeiten-title {

}

/* Startseite */

/* Startseite: Quicklinks und Standortbox */

#quicklinks,
#standortbox {
    box-sizing: border-box;
    background-color: #F3F4F5;
    border: 1px solid #F3F4F5;
    margin: 10px 0;
}

#quicklinks > .inside,
#standortbox > .inside {
    position: relative;
    padding: .9rem;
}

@media only screen and (min-width: 760px) {
    
    #quicklinks,
    #standortbox {
        float: left;
        width: 360px;
        height: 19.2rem;
        margin: 10px 20px 20px 0;
    }
    
    #standortbox {
        margin-right: 0;
    }
}

@media only screen and (min-width: 1000px) {
    
    #quicklinks,
    #standortbox {
        width: 470px;
        height: 14.2rem;
    }
}

/* Startseite: Quicklinks */

#quicklinks ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#quicklinks li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 4.0rem;
    padding: 0;
    border-top: 1px solid #CDCDCD;
    margin: 0;
}

@media (min-width: 760px) {
    #quicklinks li {
        position: absolute;
        width: 135px;
        border-top: 0;
    }
}

#quicklinks li:first-child {
    border-top: 0;
}

#quicklinks a {
    display: block;
    color: #000;
    text-decoration: none;
}

#quicklinks a:hover,
#quicklinks a:focus,
#quicklinks a:active {
    color: #DE007E;
    text-decoration: underline;
}

@media (min-width: 760px) and (max-width: 999px) {
    
    #quicklinks li {
        width: 160px;
        line-height: 3.4rem;
    }
    
    #quicklinks li:nth-child(1n+5) {
        left: 169px;
        width: 169px;
        padding-left: 10px;
        border-left: 1px solid #CDCDCD;
    }
    
    #quicklinks li:nth-child(1),
    #quicklinks li:nth-child(5) {
        top: 1.0rem;
    }
    
    #quicklinks li:nth-child(2),
    #quicklinks li:nth-child(6) {
        top: 4.4rem;
    }
    
    #quicklinks li:nth-child(3),
    #quicklinks li:nth-child(7) {
        top: 7.8rem;
    }
    
    #quicklinks li:nth-child(4),
    #quicklinks li:nth-child(8) {
        top: 11.2rem;
    }
    
    #quicklinks li:nth-child(9) {
        top: 14.6rem;
    }
    
    #quicklinks li:nth-child(2),
    #quicklinks li:nth-child(3),
    #quicklinks li:nth-child(4),
    #quicklinks li:nth-child(6),
    #quicklinks li:nth-child(7),
    #quicklinks li:nth-child(8),
    #quicklinks li:nth-child(9) {
        border-top: 1px solid #CDCDCD;
    }
    
    #quicklinks li:nth-child(4) {
        line-height: 3.3rem;
        border-bottom: 1px solid #CDCDCD;
    }
}

@media only screen and (min-width: 1000px) {
    
    #quicklinks li {
        width: 140px;
    }
    
    #quicklinks li:nth-child(1n+4) {
        left: 149px;
        width: 149px;
        padding-left: 10px;
        border-left: 1px solid #CDCDCD;
    }
    
    #quicklinks li:nth-child(1n+7) {
        left: 299px;
        width: 149px;
    }
    
    #quicklinks li:nth-child(1),
    #quicklinks li:nth-child(4),
    #quicklinks li:nth-child(7) {
        top: 1.0rem;
    }
    
    #quicklinks li:nth-child(2),
    #quicklinks li:nth-child(5),
    #quicklinks li:nth-child(8) {
        top: 5.0rem;
    }
    
    #quicklinks li:nth-child(3),
    #quicklinks li:nth-child(6),
    #quicklinks li:nth-child(9) {
        top: 9.0rem;
    }
    
    #quicklinks li:nth-child(2),
    #quicklinks li:nth-child(3),
    #quicklinks li:nth-child(5),
    #quicklinks li:nth-child(6),
    #quicklinks li:nth-child(8),
    #quicklinks li:nth-child(9) {
        border-top: 1px solid #CDCDCD;
    }
}

/* Startseite: Standortbox */

#standortbox > .inside:before {
    content: " ";
    position: absolute;
    right: 12px;
    top: 12px;
    display: block;
    width: 128px;
    height: 163px;
    background-image: url(/files/images/layout/icon-standorte-blau.png);
    background-size: 128px 163px;
    background-repeat: no-repeat;
}

body.rot #standortbox > .inside:before {
    background-image: url(/files/images/layout/icon-standorte-rot.png);
}

body.gelb #standortbox > .inside:before {
    background-image: url(/files/images/layout/icon-standorte-gelb.png);
}

#standortbox p {
    font-family: Arial, Helvetica, sans-serif;
    margin: 15px 150px 15px 5px;
}

#standortbox p:first-child {
    line-height: 2.2rem;
    margin-top: 30px;
}

#standortbox a {
    display: block;
}

@media only screen and (min-width: 1000px) {
    
    #standortbox > .inside:before {
        right: 20px;
        top: -35px;
    }
    
    #standortbox p {
        margin: 15px 180px 15px 10px;
    }
    
    #standortbox p:first-child {
        margin-top: 10px;
    }
}

/* Startseite: Teaser */

.home-teaser {
    padding-top: 0;
}

.home-teaser .teaser.last {
    padding-bottom: 60px;
}

/* Tabellen */

table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #E2E2E2;
}

thead th {
    background-color: #F3F4F5;
    font-size: 1.6rem;
    line-height: 2.1rem;
    text-align: left;
    vertical-align: top;
    padding: 1.0rem 10px;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
}

.table-gebuehren thead th {
    font-size: 1.5rem;
    line-height: 2.0rem;
}

tbody th {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 2.1rem;
    text-align: left;
    vertical-align: top;
    padding: 1.0rem 10px;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
}

.table-gebuehren tbody th {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.9rem;
}

tbody td {
    font-size: 1.6rem;
    line-height: 2.1rem;
    vertical-align: top;
    padding: 1.0rem 10px;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
}

tbody td:last-child {
    border-right: none;
}

.table-gebuehren tbody td {
    font-size: 1.4rem;
    line-height: 1.9rem;
}


tbody tr:nth-child(odd) th,
tbody tr:nth-child(odd) td {
    background-color: rgba(0, 0, 0, .03);
}

thead + tbody tr:nth-child(odd) th,
thead + tbody tr:nth-child(odd) td {
    background-color: #FFF;
}

thead + tbody tr:nth-child(even) th,
thead + tbody tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, .03);
}

.table-cell-center {
    text-align: center;
}

.table-cell-middle {
    vertical-align: middle;
}

.th-klein {
    font-size: 1.4rem;
    font-weight: normal;
}

.table-fahrplan .col_first {
    width: 13.0rem;
}

/* Teaser */

.ce_text.teaser {
    margin: 2.0rem 0;
}

@media (min-width: 1000px) {
    .content-main .ce_text.teaser {
        float: left;
        width: calc((100% - 60px) / 3);
    }
    
    .content-main .ce_text.teaser:not(:nth-of-type(3n)) {
        margin-right: 30px;
    }
    
    .content-main .ce_text.teaser:nth-of-type(3n+1) {
        clear: both;
    }
}

.ce_text.teaser h2 {
    font-size: 2.0rem;
    line-height: 2.6rem;
    margin: 0;
}

.ce_text.teaser h2 .teaser-h2 {
    display: block;
    padding-top: 1.8rem;
    padding-bottom: 1.0rem;
}

.ce_text.teaser h2 a {
    display: block;
}

.ce_text.teaser h2 img {
    display: block;
    width: 100%;
}

.ce_text.teaser .text_container {
    width: 300px;
}

.ce_text.teaser p {
    display: inline;
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin: 0;
}

@media only screen and (max-width: 320px) {
    
    .ce_text.teaser {
        padding-top: 1.0rem;
    }
}

@media only screen and (max-width: 759px) {
    
    .ce_text.teaser {
        margin-right: 10px;
        margin-left: 10px;
    }
    
    .ce_text.teaser h2,
    .ce_text.teaser .text_container {
        margin-right: auto;
        margin-left: auto;
    }
    
    .ce_text.teaser h2 {
        width: 300px;
    }
}

@media only screen and (max-width: 999px) {
    
    .ce_text.teaser {
        border-top: 1px solid #CDCDCD;
    }
}

@media only screen and (min-width: 321px) and (max-width: 999px) {
    
    .ce_text.teaser {
        padding-top: 2.0rem;
    }
}

@media only screen and (min-width: 760px) and (max-width: 999px) {
    
    .ce_text.teaser:before,
    .ce_text.teaser:after {
        content: " ";
        display: table;
    }
    
    .ce_text.teaser:after {
        clear: both;
    }
    
    .ce_text.teaser h2 img {
        float: left;
        margin-right: 25px;
    }
    
    .ce_text.teaser .text_container {
        overflow: auto;
        width: auto;
    }
}

/* SSO-Teaser */

.mod_sso_service_reader.ce_text.teaser {
    margin-bottom: 40px;
}

.mod_sso_service_reader .formbody {
    margin: 1.5rem 0 0 0;
}

@media only screen and (min-width: 1000px) {
    
    .mod_sso_service_reader .text_container {
        min-height: 12.0rem;
    }
}

.sso-login-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #018CC5;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.4rem;
    text-align: center;
    padding: .5rem 10px .6rem 10px;
    border: 1px solid #018CC5;
    border-radius: 4px;
    margin: 0;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Termine */

/* Termine Uebersicht */

.ul-event-list {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 3.5rem 0 3.0rem 0;
}

.li-event-list {
    display: table-row;
    font-family: Arial, Helvetica, sans-serif;
}

.event-list-day-date,
.event-list-title-location-time,
.event-list-title-location-time-teaser,
.event-list-image {
    display: table-cell;
    border-top: 1px solid #CDCDCD;
    vertical-align: top
}

.event-list-title-location-time,
.highlights .event-list-title-location-time-teaser {
    padding-left: 25px;
}

.event-list-title-location-time {
    width: 500px;
}

.highlights .event-list-title-location-time-teaser {
    padding-top: 24px;
    padding-right: 10px;
    padding-bottom: 24px;
}

.event-list-day-date {
    position: relative;
    padding-top: 24px;
    padding-right: 25px;
    padding-bottom: 20px;
}

.highlights .event-list-image {
    width: 320px;
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: right;
}

/* Termine Uebersicht: Datum */

.event-list-day-date:before {
    content: " ";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #028DC5;
}

.tag_15 .event-list-day-date:before /* tag_15 = Kinder */
{
    background-color: #FFD800;
}

.tag_3 .event-list-day-date:before /* tag_3 = Jugendliche */
{
    background-color: #BC1D11;
}

.tag_2.tag_3 .event-list-day-date:before { /* Erwachsene und Jugendliche */
    background-color: #028DC5;
    background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tag_2.tag_15 .event-list-day-date:before { /* Erwachsene und Kinder */
    background-color: #028DC5;
    background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tag_3.tag_15 .event-list-day-date:before { /* Jugendliche und Kinder */
    background-color: #BC1D11;
    background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tag_2.tag_3.tag_15 .event-list-day-date:before { /* Erwachsene, Jugendliche und Kinder */
    background-color: #BC1D11;
    background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 33%, #BC1D11 33%, #BC1D11 66%, #BC1D11 66%, #BC1D11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #2989D8 33%, #BC1D11 33%, #BC1D11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 33%, #BC1D11 33%, #BC1D11 66%, #FFD800 66%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.event-list-day {
    display: block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding-top: .2rem;
}

.event-list-date {
    display: block;
    font-size: 2.7rem;
    line-height: 2.7rem;
    padding-top: .2rem;
    margin-left: -1px;
}

.event-list-day-date .event-list-date:first-child {
    padding-top: 0;
}

.event-list-day-date .event-list-day:first-child {
    padding-top: .3rem;
}

/* Termine Uebersicht: Titel und Details */

/* Link */

.event-list-title-location-time a {
    box-sizing: border-box;
    position: relative;
    display: block;
    min-height: 9.3rem;
    color: #000;
    text-decoration: none;
    padding-top: 24px;
    padding-bottom: 18px;
}

.multiday .event-list-title-location-time a {
    min-height: 11.8rem;
}

.event-list-title-location-time a:before {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 17px;
    height: 28px;
    background-image: url(/files/images/layout/icons-pagination-gross.png);
    background-position: 0 0;
    background-size: 136px 28px;
    background-repeat: no-repeat;
    margin-top: -14px;
}

.event-list-title-location-time a:hover .event-list-title,
.event-list-title-location-time a:focus .event-list-title,
.event-list-title-location-time a:active .event-list-title {
    color: #DE007E;
    text-decoration: underline;
}

/*  tag_2  = Erwachsene
                    tag_3  = Jugendliche / Hoeb4U
                    tag_15 = Kinder / Kibi
                */
.tag_15:not(.tag_2) .event-list-title-location-time a:before {
    background-position: -51px 0;
}

.tag_3:not(.tag_2) .event-list-title-location-time a:before {
    background-position: -34px 0;
}

.event-list-title-location-time a:hover:before,
.event-list-title-location-time a:focus:before,
.event-list-title-location-time a:active:before {
    background-position: -17px 0 !important;
}

/* Titel */

.event-list-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.0rem;
    line-height: 2.5rem;
    padding: 0 115px 0 0;
    margin: 0;
}

.event-list-title strong {
    font-weight: 400;
}


.highlights .event-list-title {
    line-height: 2.6rem;
}

.highlights .event-list-title a {
    color: #000;
}

.highlights .event-list-title a:hover,
.highlights .event-list-title a:focus,
.highlights .event-list-title a:active {
    color: #DE007E;
}

/* Details */

.event-list-location-time {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.0rem;
    color: #777;
    padding: .3rem 115px 0 1px;
    margin: 0;
}

.event-list-teaser p {
    margin-top: 1.0rem;
    margin-bottom: 0;
}

/* Tagestipps */

.event-list-tagestipp {
    position: absolute;
    right: 30px;
    top: calc(50% - 1px);
    font-size: 1.3rem;
    line-height: 2.0rem;
    text-transform: uppercase;
}

.event-list-tagestipp:before {
    content: " ";
    display: block;
    position: absolute;
    top: -16px;
    left: calc(50% - 8px);
    width: 16px;
    height: 15px;
    background-image: url(/files/images/layout/icons-sterne.png);
    background-size: 64px 15px;
    background-repeat: no-repeat;
}

.tag_15:not(.tag_2) .event-list-tagestipp:before {
    background-position: -48px 0;
}

.tag_3:not(.tag_2) .event-list-tagestipp:before {
    background-position: -32px 0;
}

/* Termine Auswahl: Layout */

.termine-auswahl {
    margin: 4.5rem 0;
}

.standort-einstieg .termine-auswahl {
    margin-top: 7.0rem;
}

.termine-auswahl:before,
.termine-auswahl:after {
    content: " ";
    display: table;
}

.termine-auswahl:after {
    clear: both;
}

.termine-auswahl h2 {
    font-size: 2.6rem;
    text-align: center;
    margin: 0 0 1.8rem 0;
}

/* Termine Auswahl: Minikalender */

.termine-auswahl .mod_calendar {
    display: none;
    
}

@media (min-width: 760px) {
    .termine-auswahl .mod_calendar {
        display: block;
        box-sizing: border-box;
        float: left;
        width: 225px;
        margin-right: 20px;
    }
}

.termine-auswahl .mod_calendar > .inside {
    background: #F3F4F5;
    padding: 8px 10px 10px 10px;
}

.termine-auswahl .minicalendar .label {
    font-size: 1.3rem;
}

.termine-auswahl .minicalendar .days {
    width: 24px;
    height: 24px;
    padding: 2px;
}

.termine-auswahl .minicalendar .days .days-inside {
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.minicalendar-link-alle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.3rem;
    margin: 10px 0 5px 0;
}

/* Termine Auswahl: Liste */


@media (min-width: 760px) {
    #start-termine-auswahl {
        float: right;
        width: calc(100% - 245px);
    }
}

.ul-event-auswahl {
    list-style: none;
    padding: 0;
    margin: 0;
}

.li-event-auswahl {
    width: 225px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
}

@media (min-width: 760px) {
    .li-event-auswahl {
        float: left;
        margin: 0;
    }
    
    .li-event-auswahl:not(:last-child) {
        margin-right: 20px;
    }
}

.li-event-auswahl a {
    color: #000;
    text-decoration: none;
}

.li-event-auswahl p {
    font-family: Arial, Helvetica, sans-serif;
}

@media (min-width: 760px) {
    .event-auswahl-image {
    
    }
}

.event-auswahl-image:after {
    content: " ";
    display: block;
    width: 100%;
    height: 8px;
    background-color: #028DC5;
    margin-bottom: 1.3rem;
}

.tag_15 .event-auswahl-image:after /* tag_15 = Kinder */
{
    background-color: #FFD800;
}

.tag_3 .event-auswahl-image:after /* tag_3 = Jugendliche */
{
    background-color: #BC1D11;
}

.event-auswahl-date {
    font-size: 2.7rem;
    line-height: 2.7rem;
    margin: 0;
}

.event-auswahl-day {
    font-size: 1.7rem;
    text-transform: uppercase;
}

.event-auswahl-location-time {
    color: #777;
    font-size: 1.5rem;
    line-height: 2.1rem;
    margin: .1rem 0 1.2rem 0;
}

.event-auswahl-title {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0 0 30px 0;
}

.event-auswahl-title strong {
    font-weight: 400;
}

a:hover .event-auswahl-title,
a:focus .event-auswahl-title,
a:active .event-auswahl-title {
    color: #DE007E;
    text-decoration: underline;
}

/* Termine Minikalender */

.mod_calendar {
    border-top: 8px solid #018CC5;
}

.mod_calendar.mod_calendar-rot,
.rot .mod_calendar {
    border-color: #B0271C;
}

.mod_calendar.mod_calendar-gelb,
.gelb .mod_calendar {
    border-color: #FFD800;
}

#right .mod_calendar {
    background: #F3F4F5;
    padding: 8px 10px 10px 10px;
    margin: 0 0 15px 0;
}

.minicalendar {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.minicalendar .head {
    border: none;
}

.minicalendar .head.current {
    line-height: 2.4rem;
    text-align: center;
    vertical-align: top;
    padding: .3rem 0 0 0;
    border: none;
}

.minicalendar .head.previous,
.minicalendar .head.next {
    padding: 0 0 8px 0;
    vertical-align: top;
}

.minicalendar .head.previous {
    text-align: left;
}

.minicalendar .head.next {
    text-align: right;
}

.minicalendar .head.previous a,
.minicalendar .head.next a {
    display: inline-block;
}

.minicalendar .label {
    font-size: 1.4rem;
    line-height: 2.0rem;
    text-transform: uppercase;
    text-align: center;
    padding: 2px 0;
    border: 1px solid #CDCDCD;
}

.minicalendar .days {
    width: 32px;
    height: 32px;
    background-color: #F3F4F5;
    text-align: center;
    padding: 3px;
    border: 1px solid #CDCDCD;
}

.minicalendar .days .days-inside {
    display: block;
    width: 100%;
    color: #AAA;
    font-size: 1.5rem;
    line-height: 3.3rem;
}

.minicalendar .days.active a {
    color: #000;
    text-decoration: none;
}

.minicalendar .days.today .days-inside {
    color: #000;
    background: rgba(0, 0, 0, .15);
    border-radius: 100%;
}

.minicalendar .days.selected .days-inside {
    color: #FFF;
    background: #018CC5;
    border-radius: 100%;
}

.minicalendar .days a.days-inside:hover,
.minicalendar .days a.days-inside:focus,
.minicalendar .days a.days-inside:active {
    color: #FFF;
    background: #DE007E;
    border-radius: 100%;
}

/* Termine Detail */

.event-detail-foto + #breadcrumb p {
    margin-top: 3.0rem;
}

.event-detail-foto:before,
.event-detail-veranstaltungsort:before {
    content: " ";
    display: block;
    width: 100%;
    height: 8px;
    background-color: #028DC5;
}

.tag_15 .event-detail-foto:before /* tag_15 = Kinder */
{
    background-color: #FFD800;
}

.tag_3 .event-detail-foto:before /* tag_3 = Jugendliche */
{
    background-color: #BC1D11;
}

.tag_2.tag_3 .event-detail-foto:before { /* Erwachsene und Jugendliche */
    background-color: #028DC5;
    background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tag_2.tag_15 .event-detail-foto:before { /* Erwachsene und Kinder */
    background-color: #028DC5;
    background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tag_3.tag_15 .event-detail-foto:before { /* Jugendliche und Kinder */
    background-color: #BC1D11;
    background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tag_2.tag_3.tag_15 .event-detail-foto:before { /* Erwachsene, Jugendliche und Kinder */
    background-color: #BC1D11;
    background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 33%, #BC1D11 33%, #BC1D11 66%, #BC1D11 66%, #BC1D11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #028DC5 0%, #2989D8 33%, #BC1D11 33%, #BC1D11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #028DC5 0%, #028DC5 33%, #BC1D11 33%, #BC1D11 66%, #FFD800 66%, #FFD800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.event-detail-date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3.2rem;
    line-height: 3.2rem;
    padding-top: 1.3rem;
    border-top: 1px solid #CDCDCD;
    margin: 0;
}

.event-detail-day {
    font-size: 2.0rem;
    text-transform: uppercase;
    margin-right: -2px;
}

.event-detail-time-location-age-admission {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.7rem;
    line-height: 2.3rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid #CDCDCD;
    margin-top: 0.5rem;
    margin-bottom: 3.4rem;
}


.event-detail-veranstaltungsort {
    margin: 0 0 2.5rem 0;
}

.event-detail-veranstaltungsort > .inside {
    background: #F3F4F5;
    padding: 5px 20px 5px 20px;
}

.event-detail-veranstaltungsort p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.7rem;
    line-height: 2.4rem;
}

.event-detail-veranstaltungsort a {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* Termine Highlights */

/* Highlights-Button */

.event-highlights-button .button {
    box-sizing: border-box;
    width: 100%;
    background-image: url(/files/images/layout/icon-stern-weiss.png);
    background-size: 16px 15px;
    background-position: 12px 48%;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 36px;
}

#right .mod_calendar + .mod_eventlist_highlights_navigation {
    margin-top: 25px;
    margin-bottom: 0;
}

/* Termine Veranstaltungstipp */

.event-tipp {
    position: relative;
    background-color: #F3F4F5;
    padding: 42px 25px 28px 25px;
    margin: 50px 0 50px 0;
}

.standort-einstieg .event-tipp {
    margin: 70px 0 10px 0;
}

.event-tipp:before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    top: -8px;
    left: 0;
    height: 0;
}

.event-tipp.tag_15:before /* tag_15 = Kinder */
{
    border-top: 8px solid #FFD800;
}

.event-tipp.tag_3:before /* tag_3 = Jugendliche */
{
    border-top: 8px solid #B0271C;
}

.event-tipp:before {
    border-top: 8px solid #018CC5;
}

.event-tipp:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    background-size: 55px 55px;
    background-repeat: no-repeat;
    top: -24px;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    margin: 0 auto;
}

.event-tipp.tag_15:after {
    background-image: url(/files/images/layout/icon-tipp-gelb.png);
}

.event-tipp.tag_3:after {
    background-image: url(/files/images/layout/icon-tipp-rot.png);
}

.event-tipp:after {
    background-image: url(/files/images/layout/icon-tipp-blau.png);
}

.event-tipp > .inside:before,
.event-tipp > .inside:after {
    content: " ";
    display: table;
}

.event-tipp > .inside:after {
    clear: both;
}

.event-tipp h2 {
    position: absolute !important;
    top: -6000px !important;
    left: -6000px !important;
    height: 1px !important;
    width: 1px !important;
}

.event-tipp-image {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.event-tipp-info {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.7rem;
    line-height: 2.0rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #D8D8D8;
    margin-top: 0;
}

@media only screen and (min-width: 760px) {
    .event-tipp-info {
        width: calc(100% - 270px);
    }
    
    .main-right .event-tipp-info {
        width: calc(100% - 245px);
    }
}

.event-tipp-day {
    font-size: 1.7rem;
    text-transform: uppercase;
}

.event-tipp-day abbr {
    padding-right: 4px;
}

.event-tipp-date {
    font-size: 2.7rem;
    
}

.event-tipp-location-time {
    display: inline-block;
    color: #666666;
    font-size: 1.5rem;
    line-height: 2.0rem;
}

.event-tipp-title {
    font-size: 2.2rem;
    line-height: 2.9rem;
    
}

.event-tipp-title a {
    color: #121212;
    text-decoration: none;
}

.event-tipp-title a:hover,
.event-tipp-title a:focus,
.event-tipp-title a:active {
    color: #DE007E;
    text-decoration: underline;
}

.event-tipp-teaser {
    max-width: 600px;
    margin: 1.5rem 0 0 0;
}

.event-tipp-teaser p {
    display: inline;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.event-tipp-teaser-more {
}

/* Termine Dialog in Deutsch */

.link-dialog-in-deutsch p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 2.3rem;
    margin-top: 40px;
    margin-right: 20px;
}

.link-dialog-in-deutsch a {
    text-decoration: none;
}

.link-dialog-in-deutsch a:hover,
.link-dialog-in-deutsch a:focus,
.link-dialog-in-deutsch a:active {
    text-decoration: underline;
}

/* Text */

.ce_text.line-top {
    padding: 0;
    border-top: 1px solid #DBDBDB;
    margin: 4.0rem 0 0 0;
}

.ce_text.line-top + .ce_text.line-top {
    margin-top: 2.0rem;
}

.ce_text.line-top > h2 {
    margin-top: 4.0rem;
}

/* Typography */

/* Headlines */

@media (min-width: 760px) {
    h1 {
        font-size: 2.6rem;
        line-height: 3.5rem;
        
    }
}

h1 {
    font-size: 3.0rem;
    font-weight: 600;
    line-height: 3.9rem;
    margin: 0 0 2.0rem -.1rem;
}

h1.ueberschrift-zweizeilig .ueberschrift-zeile-1 {
    display: block;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: .05rem;
    text-transform: uppercase;
    line-height: 3.0rem;
    margin-bottom: .2rem;
}

h1.ueberschrift-zweizeilig .ueberschrift-zeile-2 {
    display: block;
}

h2 {
    font-size: 2.0rem;
    font-weight: 600;
    line-height: 2.8rem;
    margin: 5.0rem 0 1.2rem 0;
}

h1 + .ce_text:not(.teaser) h2:first-child {
    margin-top: 4.0rem;
}

h3,
.h2-klein {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.5rem;
    margin: 2.5rem 0 .5rem 0;
}

.content-right h3,
.content-right .h2-klein {
    line-height: 2.4rem;
}

.hx-large {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-top: 9.0rem;
}

.hx-centered {
    text-align: center;
}

/* Lists */

ul {
    padding: 0;
    margin: 1.5rem 0 1.5rem 1.4rem;
}

ol {
    padding: 0;
    margin: 1.5rem 0 1.5rem 1.8rem;
}

li {
    font-family: 'Merriweather', Georgia, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    margin: 1.8rem 0;
}

.li-ohne-abstand {
    margin: 0;
}

.li-kleiner-abstand {
    margin: .4rem 0;
}

/* Paragraphs */

p {
    font-family: 'Merriweather', Georgia, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    margin: 1.8rem 0;
}

h2 + p {
    margin-top: 1.2rem
}

.h2-klein + p {
    margin-top: 0;
}

.p-einleitung {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.9rem;
    margin: 2.5rem 0;
}

.p-claim {
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 3.1rem;
    margin: 4.0rem 0 1.2rem 0;
}

.p-copyright {
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3rem;
    line-height: 2.0rem;
    margin: .5rem 0 3.0rem 0;
}

.p-copyright a {
    color: #999;
    text-decoration: none;
}

.p-copyright a:hover,
.p-copyright a:focus,
.p-copyright a:active {
    color: #DE007E;
    text-decoration: underline;
}

.p-download {
    display: list-item;
    list-style: disc;
    list-style-position: outside;
    margin-left: 1.4rem;
}

.p-kleingedrucktes {
    color: #777;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    line-height: 2.0rem;
}

.p-centered {
    text-align: center;
}

/* Special paragraphs - Accessibility Info*/

.h3-a11y-info,
.p-a11y-info {
    padding-left: 70px;
    position: relative;
}

.h3-a11y-info {
    font-size: 1.7rem;
    margin-bottom: 0;
}

.h3-a11y-info + .p-a11y-info {
    margin-top: 0;
}

.h3-a11y-info:before,
.p-a11y-info:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: .5rem;
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    
}

.p-a11y-info:before {
    top: .5rem;
}

.a11y-info-a11y:before {
    background-image: url(/files/images/bilder/rubrik-standorte/allgemein/icon-accessibility.png);
    
}

.a11y-info-parking:before {
    background-image: url(/files/images/bilder/rubrik-standorte/allgemein/icon-parking.png);
}

.a11y-info-luggage:before {
    background-image: url(/files/images/bilder/rubrik-standorte/allgemein/icon-luggage.png);
}

.a11y-info-lift-stairs:before {
    background-image: url(/files/images/bilder/rubrik-standorte/allgemein/icon-lift-stairs.png);
    height: 101px;
    background-size: 50px 101px;
}

.a11y-info-wc-accessibility:before {
    background-image: url(/files/images/bilder/rubrik-standorte/allgemein/icon-wc-accessibility.png);
}

.a11y-info-buggy:before {
    background-image: url(/files/images/bilder/rubrik-standorte/allgemein/icon-buggy.png);
}


/* Links */

h2 a {
    text-decoration: none;
}

h2 a:hover,
h2 a:focus,
h2 a:active {
    text-decoration: underline;
}

/* Buttons */

.button {
    display: inline-block;
    background-color: #018CC5;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    padding: .3rem 14px .4rem 14px;
    border: 1px solid #018CC5;
    border-radius: 4px;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.button.button-block {
    display: block;
    padding-right: 6px;
    padding-left: 6px;
}

.rot .button,
.button.button-rot {
    background-color: #B0271C;
    color: #FFF;
    border-color: #B0271C;
}

.gelb .button,
.button.button-gelb {
    background-color: #FFD800;
    color: #000;
    border-color: #FFD800;
}

.button.button-pink {
    background-color: #DF007D;
    color: #FFF;
    border-color: #DF007D;
}

.button:hover,
.button:focus,
.button:active,
.button.button-rot:hover,
.button.button-rot:focus,
.button.button-rot:active,
.button.button-gelb:hover,
.button.button-gelb:focus,
.button.button-gelb:active {
    color: #FFF;
    background-color: #DE007E;
    border-color: #DE007E;
    text-decoration: none;
}

.button.button-pink:hover,
.button.button-pink:focus,
.button.button-pink:active {
    color: #FFF;
    background-color: #018CC5;
    border-color: #018CC5;
    text-decoration: none;
}


.p-bild-links {
    float: left;
    margin: 0.6rem 20px 5px 0;
}

.p-bild-rechts {
    float: right;
    margin: 0.6rem 0 5px 20px;
}

/* Abstaende */

.abstand-oben-100 {
    margin-top: 10.0rem;
}

.abstand-oben-75 {
    margin-top: 75.0rem;
}

.abstand-oben-50 {
    margin-top: 5.0rem;
}

.abstand-oben-40 {
    margin-top: 4.0rem;
}

.abstand-oben-30 {
    margin-top: 3.0rem;
}

.abstand-oben-20 {
    margin-top: 2.0rem;
}

.abstand-oben-10 {
    margin-top: 1.0rem;
}

.abstand-oben-0 {
    margin-top: 0;
}

.abstand-unten-50 {
    margin-bottom: 5.0rem;
}

.abstand-unten-40 {
    margin-bottom: 4.0rem;
}

.abstand-unten-30 {
    margin-bottom: 3.0rem;
}

.abstand-unten-20 {
    margin-bottom: 2.0rem;
}

.abstand-unten-10 {
    margin-bottom: 1.0rem;
}

.abstand-unten-0 {
    margin-bottom: 0;
}

/* Trennlinien */

.trennlinie-oben {
    padding-top: 1.8rem;
    border-top: 1px solid #CDCDCD;
    margin-top: 1.8rem;
}

.trennlinie-unten {
    padding-bottom: 1.8rem;
    border-bottom: 1px solid #CDCDCD;
    margin-bottom: 1.8rem;
}

/* Videos */

.ce_youtube {
    box-sizing: border-box;
    background: #F3F4F5;
    padding: 20px 20px 5px 20px;
    margin: 2.5rem 0 2.5rem 0;
}

.ce_youtube.box-video {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.ce_youtube > .inside {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 55.9%;
}

.ce_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ce_youtube h2 {
    font-size: 1.9rem;
    line-height: 2.5rem;
    margin: 2.0rem 0 0 0;
}

.ce_youtube p {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin: 1.0rem 0 2.0rem 0;
}

.content-right .ce_youtube p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.1rem;
}

.content-right .ce_youtube p .button {
    font-size: 1.5rem;
}

/* Footer */

/* Footer: Basic */

.footer-block > .inside {
    margin: 0 10px;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 760px) {
    .footer-block > .inside {
        width: 740px;
        margin: 0 auto;
    }
}

@media (min-width: 1000px) {
    .footer-block > .inside {
        width: 960px;
    }
}

.footer-block p,
.footer-block li {
    font-family: Arial, Helvetica, sans-serif;
}

.footer-block a {
    color: #FFF;
}

.footer-block-1 {
    background-color: #028DC5;
}

.footer-block-2 {
    padding: 35px 0;
    background-color: #405057;
}

@media (min-width: 1000px) {
    .footer-block-2 > .inside {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

.footer-block-3 > .inside {
    padding: 2.2rem 0;
}

@media (min-width: 1000px) {
    .footer-block-3 > .inside {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

/* Footer: Service-Telefon */

.footer-service {
    padding: 2.5rem 0 2.0rem 0;
}
@media (min-width: 600px) {
    .footer-service {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (min-width: 1000px) {
    .footer-service {
        justify-content: flex-start;
        padding: 3.0rem 0 2.5rem 0;
    }
}

.footer-service h2 {
    width: 100%;
    text-align: center;
    font-size: 2.0rem;
    line-height: 2.8rem;
    margin: 0 0 1.8rem 0;
}
@media (min-width: 600px) {
    .footer-service h2 {
        font-size: 2.3rem;
    }
}
@media (min-width: 1000px) {
    .footer-service h2 {
        width: auto;
        text-align: left;
        margin: 0 30px 0 0;
    }
}

.footer-service p {
    display: flex;
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin: 0;
}
@media (min-width: 400px) {
    .footer-service p {
        margin: 10px 0 0 0;
    }
}
@media (min-width: 600px) {
    .footer-service p {
        font-size: 1.9rem;
    }
}
@media (min-width: 600px) {
    .footer-service p {
        margin: 0 14px;
    }
}
@media (min-width: 1000px) {
    .footer-service p {
        font-size: 2.3rem;
        margin: 0 30px 0 0;
    }
}

@media (min-width: 400px) {
    .footer-service p:before {
        content: " ";
        display: inline-block;
        width: 3.8rem;
        height: 3.8rem;
        background-size: 3.8rem 3.8rem;
        background-repeat: no-repeat;
        margin: -5px 8px 0 0;
    }
}

.footer-service-phone:before {
    background-image: url(/files/system/images/global/icon-phone.svg);
}

.footer-service-e-mail:before {
    background-image: url(/files/system/images/global/icon-e-mail.svg);
}

.footer-service a {
    text-decoration: none;
}

.footer-service a:hover,
.footer-service a:focus,
.footer-service a:active {
    text-decoration: underline;
}

/* Footer: Sitemap */

.footer-sitemap {
    max-width: 50.0rem;
    margin: 15px auto 40px auto;
}

@media (min-width: 1000px) {
    .footer-sitemap {
        max-width: 100%;
        margin: 0;
    }
}

.footer-sitemap h2 {
    position: absolute !important;
    top: -6000px !important;
    left: -6000px !important;
    height: 1px !important;
    width: 1px !important;
}

.footer-sitemap ul {
    position: relative;
    min-width: 27.0rem;
    min-height: 24.0rem;
}

.footer-sitemap li {
    position: absolute;
    width: calc((100% - 20px) / 2);
    line-height: 4.0rem;
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.footer-sitemap li:nth-child(1),
.footer-sitemap li:nth-child(2),
.footer-sitemap li:nth-child(3),
.footer-sitemap li:nth-child(4),
.footer-sitemap li:nth-child(5),
.footer-sitemap li:nth-child(6) {
    left: 0;
}

.footer-sitemap li:nth-child(7),
.footer-sitemap li:nth-child(8),
.footer-sitemap li:nth-child(9),
.footer-sitemap li:nth-child(10),
.footer-sitemap li:nth-child(11),
.footer-sitemap li:nth-child(12) {
    left: calc(((100% - 20px) / 2) + 20px);
}

.footer-sitemap li:nth-child(1),
.footer-sitemap li:nth-child(7) {
    top: 0;
    border-top: 0;
}

.footer-sitemap li:nth-child(2),
.footer-sitemap li:nth-child(8) {
    top: 4.0rem;
}

.footer-sitemap li:nth-child(3),
.footer-sitemap li:nth-child(9) {
    top: 8.0rem;
}

.footer-sitemap li:nth-child(4),
.footer-sitemap li:nth-child(10) {
    top: 12.0rem;
}

.footer-sitemap li:nth-child(5),
.footer-sitemap li:nth-child(11) {
    top: 16.0rem;
}

.footer-sitemap li:nth-child(6),
.footer-sitemap li:nth-child(12) {
    top: 20.0rem;
}

.footer-sitemap a {
    box-sizing: border-box;
    display: block;
    height: 4.0rem;
}

.footer-sitemap a:hover,
.footer-sitemap a:focus,
.footer-sitemap a:active {
    text-decoration: underline;
}

/* Footer: Newsletter */

.footer-newsletter {
    max-width: 40.0rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}

@media (min-width: 1000px) {
    .footer-newsletter {
        margin: 0 45px;
    }
}

.footer-newsletter h2 {
    position: absolute !important;
    top: -6000px !important;
    left: -6000px !important;
    height: 1px !important;
    width: 1px !important;
}

.footer-newsletter p {
    font-size: 1.5rem;
    line-height: 2.1rem;
    text-align: center;
    margin: 0 0 1.0rem 0;
}

@media (min-width: 1000px) {
    .footer-newsletter p {
        max-width: 34.0rem;
    }
}


#footer-newsletter .formular-newsletter .text {
    width: calc(100% - 5px - 10.0rem);
    background: #FFF;
    color: #545454;
    font-size: 1.4rem;
    margin-right: 5px;
}

@media (min-width: 1000px) {
    .footer-newsletter .formular-newsletter .text {
        max-width: 25.0rem;
    }
}

#footer-newsletter input {
    box-sizing: border-box;
    float: left;
    height: 4.0rem;
    padding: 0 10px;
    border-width: 0;
    border-radius: 5px;
    vertical-align: bottom;
}

#footer-newsletter .formular-newsletter .submit {
    width: 10.0rem;
    background-color: #028DC5;
    color: #FFF;
    font-size: 1.4rem;
    font-weight: bold;
    cursor: pointer;
}

#footer-newsletter .formular-newsletter .submit:hover,
#footer-newsletter .formular-newsletter .submit:focus,
#footer-newsletter .formular-newsletter .submit:active {
    background-color: #DE007E;
}

/* Footer: Social + Apps */

.footer-social-app {
    padding: 60px 0 20px 0;
}

@media (min-width: 1000px) {
    .footer-social-app {
        min-width: 27.0rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 8px 0;
    }
}

.footer-social h2 {
    position: absolute !important;
    top: -6000px !important;
    left: -6000px !important;
    height: 1px !important;
    width: 1px !important;
}

.footer-social-app ul {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 1000px) {
    .footer-social-app ul {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.footer-social-app li {
    margin: 0 0 0 3px;
}

.footer-app {
    text-align: center;
}

@media (min-width: 1000px) {
    .footer-app {
        text-align: right;
    }
}

.footer-app h2 {
    display: inline-block;
    width: 14.0rem;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.8rem;
    margin: 50px 0 0 0;
    text-align: center;
}

@media (min-width: 1000px) {
    .footer-app h2 {
        margin: 20px 0 0 0;
        text-align: right;
    }
}

.footer-app p {
    text-align: center;
    margin: 5px 0 0 0;
}

@media (min-width: 1000px) {
    .footer-app p {
        text-align: right;
    }
}

/* Footer: Rechtliches */

.footer-rechtliches {
    display: -ms-flexbox;
    display: flex;
    min-width: 20.0rem;
}

@media (max-width: 1000px) {
    .footer-rechtliches {
        -ms-flex-align: center;
        justify-content: center;
    }
}


.footer-rechtliches ul {
    margin: 0;
}

@media (max-width: 1000px) {
    .footer-rechtliches ul {
        display: -ms-flexbox;
        display: flex;
    }
}

.footer-rechtliches li {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin: 0 5px;
}

@media (min-width: 360px) {
    .footer-rechtliches li {
        margin: 0 10px;
    }
}

@media (min-width: 1000px) {
    .footer-rechtliches li {
        margin: 0;
    }
}

.footer-rechtliches a {
    display: block;
    color: rgba(255, 255, 255, .8);
}

.footer-rechtliches a:hover,
.footer-rechtliches a:focus,
.footer-rechtliches a:active {
    text-decoration: underline;
}

/* Footer: Gefoerdert durch ... */

.footer-gefoerdert {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 2px;
}

@media (max-width: 1000px) {
    .footer-gefoerdert {
        -ms-flex-align: center;
        justify-content: center;
        margin: 25px 0;
    }
}

.footer-gefoerdert-txt {
    color: rgba(255, 255, 255, .8);
    font-size: 1.2rem;
    line-height: 1.7rem;
    margin-right: 25px;
}

.footer-gefoerdert-img {
    opacity: .9
}

/* Footer: Bewerten sie uns */

.footer-bewertung {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-width: 20.0rem;
    padding-bottom: 1px;
}

@media (max-width: 1000px) {
    .footer-bewertung {
        -ms-flex-align: center;
        justify-content: center;
        margin: 60px 0 0 0;
    }
}

.footer-bewertung p {
    font-size: 1.5rem;
    line-height: 2.0rem;
    margin: 0;
    text-align: center;
}

@media (min-width: 1000px) {
    .footer-bewertung p {
        text-align: right;
    }
}

.footer-bewertung a {
    display: block;
    text-decoration: none;
}

.footer-bewertung a:hover,
.footer-bewertung a:focus,
.footer-bewertung a:active {
    text-decoration: underline;
}

.footer-bewertung a:before {
    content: " ";
    display: block;
    width: 102px;
    height: 58px;
    background-image: url(/files/images/layout/icons-footer-bewertung.png);
    background-repeat: no-repeat;
    background-size: 306px 58px;
    margin: 0 auto;
}

@media (min-width: 1000px) {
    .footer-bewertung a:before {
        margin: 0 0 0 auto;
    }
}

.footer-bewertung a:hover:before,
.footer-bewertung a:focus:before,
.footer-bewertung a:active:before {
    background-position: -102px 0;
}

/* Print */

@media print {
    
    /* Print: Ausblenden */
    #header,
    #footer,
    .bereichsmenue,
    .reservations-media-type-image,
    .reservations-image,
    .leiste.checkboxes,
    .leiste.sortieren form,
    .leiste.sortieren img,
    .box.suchfilter,
    .suchergebnisse .medienliste .medium-aktion,
    .medienliste .aktion.verlaengern,
    .leiste-drucken,
    .leiste-drucken-mailen,
    .offscreen,
    .social,
    .controls,
    .medienliste-mini img,
    .startseite .slider.gross,
    .startseite .quicklinks-standorte,
    .startseite .kalender,
    .box.video,
    .schon-gewusst img,
    .termine-teaser img,
    .blog img,
    .box-mehr-link,
    .slider img,
    .box.termintipp img,
    .box.termintipp p .pfeil,
    .medienliste.konto .medium-pic br,
    .leiste.pagination.unten,
    .kontodaten a,
    .aktion {
        display: none;
    }
    
    /* Print: General */
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        line-height: 1.4;
    }
    
    h1 {
        font-size: 20pt;
        margin: 20pt 0 8pt 0;
    }
    
    h2 {
        font-size: 16pt;
        margin: 20pt 0 8pt 0;
    }
    
    h3 {
        font-size: 13pt;
        line-height: 1.4;
        margin: 20pt 0 8pt 0;
    }
    
    p {
        margin: 8pt 0;
    }
    
    a {
        color: #000;
    }
    
    ul {
        margin: 8pt 0;
    }
    
    li {
        margin: 8pt 0;
    }
    
    li h2,
    li h3,
    li h4,
    li h5,
    li h6,
    li p {
        margin: 0;
    }
    
    /* Print: Breadcrumb */
    #breadcrumb p {
        margin: 0;
    }
    
    /* Print: Links */
    #breadcrumb a,
    .box h4 a,
    .medienliste a,
    .verfuegbarkeit a,
    .termine-teaser a,
    .blog a,
    .medienliste-mini a,
    .box.schon-gewusst h3 a {
        text-decoration: none;
    }
    
    /* Print: Boxen */
    .box {
        border: 1px dotted #000;
        padding: 10pt;
        margin: 20pt 0;
    }
    
    .box p:first-child {
        margin-top: 0;
    }
    
    .box p:last-child {
        margin-bottom: 0;
    }
    
    .box h2 {
        margin-top: 0;
    }
    
    /* Konto: Vormerkungen */
    .reservations-list {
        margin-bottom: 0;
    }
    
    .reservations-media-type-text {
        left: 0;
    }
    
    .reservations-text {
        padding-left: 0;
    }
    
    /* Medienliste Konto */
    .medienliste.konto .autor {
        font-style: italic;
    }
    
    /* Medium Detail */
    .medium h1 {
        font-size: 16pt;
    }
    
    .verfuegbarkeit {
        margin-left: 10pt;
        font-weight: normal;
    }
    
    .bestand h3 {
        font-size: 12pt;
        margin: 0;
    }
    
    /* Pagination */
    .leiste .pagination,
    .leiste .anzahl-treffer {
        float: right;
        padding-bottom: 5pt;
        margin: 0;
    }
    
    .leiste .anzahl-treffer {
        float: left;
    }
    
    .leiste.sortieren.pagination {
        overflow: auto;
        border-bottom: 1px dotted #000;
    }
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}