@charset "UTF-8";
/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, /*sub,*/ sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight: 300;}
strong{font-weight:500;}
body {line-height:1}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
nav ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:none}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:400}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}

ol,ul{margin:0;}

/* clearfix */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

a.button, button,.teaserBlock a, .teaserBlock .noLink, nav#menu a, #content article a.buttonSmall, #pagination a, #pagination span, #content fieldset input.buttonSmall, .lageplan input.buttonSmall, aside a, nav#footermenu a {transition: background-color 0.4s, border-color 0.4s;}

#content a, footer a{ color: #3c0000; font-size:16px; text-decoration:none; text-shadow: 1px 1px #FFFFFF;}
#content a{max-width: 88%;}
#content a:hover, footer a:hover{ text-decoration: underline; background: none; box-shadow:none;}

/* document */
html,body{height: 100%; color: #4c0000;}
html,body {background: url("../images/background/background.jpg")no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;font-family: 'Ubuntu', Arial, Helvetica, sans-serif;}
#bg_logo{position:fixed; right: 20px; bottom: 20px; background: url("../images/background/bg_logo.png")no-repeat center; width: 120px; height: 50px;}

/* header */
header, #container, footer, #wrapper{max-width:990px; width:100%;margin: 0 auto;position:relative;}
#wrapper-outer{margin: 40px auto;max-width:990px; padding:0 10px;}
#wrapper{box-shadow: 0 0 25px #000;}
header .slider-caption {position:absolute; top: 40px; left: 40px; color: #8c0000; font-size: 30px;}
#container{background: url("../css/img/bg_container.png") repeat center transparent; display:block}

/* footer */
footer{background: #e6e6e6;}
#footermenu{ float:left; margin: 20px 0; width: 100%;}
#footermenu ul{float:right;}
#footermenu ul:first-child{float:left;}
#footermenu ul:first-child li{ padding: 5px 0; line-height: 18px;}
#footermenu ul:first-child li a{ display: inline; padding: 0; font-size: inherit;line-height: 1.5em;}
#footermenu ul:first-child li a:hover{ text-decoration: underline; background: none; box-shadow:none;}
#footermenu li span{display: inline-block; font-size: 32px; line-height: 32px; padding-right: 10px; position: relative; text-align: center; top: 4px; width: 50px;}
#footermenu li a{padding: 0 12px 6px 0; display:block; }
#footermenu li a:hover{ box-shadow: 1px 1px 4px -2px #000 inset; border-radius: 4px; background: #f5f5f5; text-decoration: none; }

/* trenner */
.trenner-full {height: 17px; background: url("../css/img/trenner_full.png") no-repeat center transparent;}
footer .trenner-full {height: 17px; background: url("../css/img/trenner_full_rev.png") no-repeat center transparent;}

/* menu */
nav#menu {position:absolute;top: 358px; left: 30px; background: url("../css/img/bg_menu.png") no-repeat center transparent;z-index:999;}
nav#menu ul, nav#menu li{ float:left; }
nav#menu ul{padding:0; width:930px;}
nav#menu li{padding:12px 0 13px; border-left: 1px solid #4C0000; border-right: 1px solid #1C0000; overflow:hidden;}
nav#menu a{padding:15px 20px; color:#fff; text-decoration:none; font-size: 17px; line-height: 25px;z-index:999;}
nav#menu li a:hover, nav#menu li.active a{background-color:#5c0000; }

/* slider - skitter*/
/* #slider { height:421px; border-color: #FFFFFF; border-image: none; border-style: solid; border-width: 10px 0; width: 990px;} */
#slider ul{ list-style: none; }
.prev_button, .next_button, .info_slide {display: none !important;}
.box_skitter .label_skitter{ display: block; height: 82px; left: 0; position: absolute; top: -10px; width: 100%; background: transparent;opacity: 1;}
/*****NIVO*****/
#slider { border-color: #FFFFFF; border-image: none; border-style: solid; border-width: 10px 0;}
.theme-default .nivoSlider {box-shadow: 0 0; margin-bottom:0;}
.nivo-caption {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; bottom: auto; height: 82px; left: 0; top: -10px;}
.theme-default .nivo-caption{font-family: 'Ubuntu', Arial, Helvetica, sans-serif;}
.slider-wrapper {height: 441px;}
/* Platz für Slider bereits vor JS-Initialisierung */
header.slider-wrapper #slider.nivoSlider {
    width: 100%;
    aspect-ratio: 990 / 421;
}

/* sidebar */
aside {width: 200px; float:left; margin-top: 20px; margin-bottom:70px;}
aside article{ background-color: #FEFEFE; box-shadow: 1px 1px 10px #b3b3b3; margin-bottom: 20px; width: 100%; }
aside article header { background-color: #510600; color: #FFFFFF; display: block; font: 18px/30px 'fontinregular',Arial,sans-serif; letter-spacing: 0;  margin-bottom: 0;   padding: 3px 8px 1px;  text-align: left; width:auto;}
aside article p, aside article a { color: #510600; display: block; font-size: 18px; line-height: 23px; padding: 5px; text-decoration: none;}
aside article a:hover { background-color: #EDE8E8; }
aside article.sidebar{ padding:0; margin: 0 0 35px; float:left; border:none;}
aside article.sidebar h1{clear:none;}
aside article.sidebar img{float:left;}
aside article.sidebar .trenner_sidebar{float:left; margin: 2px 0 0;}
aside article.sidebar p{float:left;}

/* content */
#content{padding-top:30px; padding-bottom:30px;float: left; font: 100 16px/20px 'ubuntu',Arial,sans-serif;}
#content header {width: auto;}
#content section{ width:100%; }
#content ul { margin: 0 0 0 10px; padding: 5px 0 5px 20px;}
#content ol { margin-left: 0.9375rem; padding-left: 0.9375rem;}

#content article.teaserFull {}
#content article .teaserFullImage{ }
#content article img.teaserFullImage {float:left; margin:0 35px 0 0;}
#content article p{ margin: 0 0 35px}
#content article a.button{background: url("../css/img/btn_arrow_bl.png") no-repeat scroll 13px center #C9E7F2; color: #003C6E; font-size: 15px; font-style: italic; font-weight: 400; line-height: 21px; padding: 12px 13px 13px 23px;text-decoration: none;border-color: #C9E7F2 #ccc #ccc #C9E7F2; border-style: solid; border-width: 1px;display: inline-block; font-family: Arial, Helvetica, sans-serif;}
#content article a.button:hover{background-image0: url("../css/img/btn_arrow_wt.png"); background-color: #97d0e8; color0: #fff; border-color: #002e54 #fff #fff #002e54;}

#content article { margin-bottom: 7px; padding-bottom: 3px;}
#content article header { font-weight: 400; margin: 5px 0 0;}
#content article strong{ font-weight: 400; }

/* content - images */
#content article .img-right { border: 5px solid #FFFFFF; box-shadow: 2px 2px 3px #CCCCCC; margin: 11px 0 11px 11px; float:right; clear: both;}
#content article .img-left { border: 5px solid #FFFFFF; box-shadow: 2px 2px 3px #CCCCCC; margin: 11px 11px 11px 0; float:left; clear: both;}

#content article .fancy-zoom-right { border: 5px solid #FFFFFF; box-shadow: 2px 2px 3px #CCCCCC; margin: 11px 0 11px 11px; float:right; clear: both;}
#content article .fancy-zoom-left { border: 5px solid #FFFFFF; box-shadow: 2px 2px 3px #CCCCCC; margin: 11px 11px 11px 0; float:left; clear: both;}
#content article .fancy-zoom { border: 5px solid #FFFFFF; box-shadow: 2px 2px 3px #CCCCCC; margin: 11px ; float:none; clear: both; display: inline-block;}
#content article .zoom img { display: block;max-width: 100%;}

/* header */
h1 {font: 29px/35px 'ubuntu', Arial, sans-serif;letter-spacing: 0; display:block; text-align:left; padding-bottom: 7px; border-bottom: 3px solid; color: #8c0000; text-shadow: 1px 1px #FFFFFF; box-shadow: 0 1px 0 #FFFFFF; margin-bottom: 25px;}
h2 {font-size:23px; line-height: 25px; font-weight: 400;margin:0 0 15px;}
h3 {font-size:20px; line-height: 30px; font-weight: 400;margin:0 0 15px;}
h4 {font-size:16px; line-height: 27px; font-weight: 500;margin:0 0 10px;}

/* formular */
#kontaktform {background: none repeat scroll 0 0 #ddd; padding: 5px 20px 20px; max-width: 420px; float:left;}
#kontaktform label{/*float:left; width: 450px;*/ width:100%; margin:20px 0 0; font-size:14px;}
#kontaktform input,#kontaktform textarea{border: 1px solid #AAAAAA; display: block; padding: 8px; width: 100%; margin-bottom: 0.25rem;}
#kontaktform .errors{border:2px solid #f00; color:#f00; padding:10px; font-size: 17px; line-height: 20px; margin-top:15px;text-shadow: 1px 1px 0 #FFFFFF;}
#kontaktform .errors .requiredlist span{padding-left:4px; margin-left:5px;border-left: 1px solid; font-weight: 500;}
#kontaktform .errors .requiredlist span:first-child{border: none; margin: 0; padding: 0;}

.gmap_content_text label{float:left; width: auto;margin:20px 0 0; font-size:14px;}
.gmap_content_text input{border: 1px solid #AAAAAA; display: block; padding: 8px; width: 295px;}


/* buttons */
#wrapper .button{    background: linear-gradient(#EDEDED 0%, #E0E0E0 100%) repeat scroll 0 0 #E0E0E0;   border: 1px solid #DCDCDC;    border-radius: 5px 5px 5px 5px;    box-shadow: 0 2px 3px -1px #FFFFFF inset;    color: #777777;    font-size: 12px;    font-weight: bold;    padding: 5px;    text-decoration: none;    text-shadow: 1px 1px 1px #FFFFFF;		width: auto !important;		display: inline-block;		margin: 8px 8px 0 0;		 cursor: pointer;		background-image: -webkit-linear-gradient(#ededed 0%, #e0e0e0 100%); 		background-image: -moz-linear-gradient(#ededed 0%, #e0e0e0 100%); 		background-image: -o-linear-gradient(#ededed 0%, #e0e0e0 100%); background-image: linear-gradient(#ededed 0%, #e0e0e0 100%);		-webkit-box-shadow: inset 0px 2px 3px -1px #fff;	box-shadow: inset 0px 2px 3px -1px #fff;  font: bold 13px/18px 'fontinregular', Arial, sans-serif;	}
#wrapper .block .button-small{ font-size: 12px; font-weight: normal; line-height: 18px; margin: 4px 0; padding: 0 4px; width: auto;}
#wrapper .button:hover{ background-image: linear-gradient(#D0D0D0 0%, #EDEDED 100%);box-shadow: 0 -2px 3px -1px #FFFFFF inset;transition: background-color 0.4s, background-image 0.4s, color 0.2s, box-shadow 0.4s; }
#wrapper input[name=submit],#wrapper input[name=Submit]{border: none; display: block; padding: 8px; width: auto; margin-top: 20px; border: 1px solid #bbb;color: #510600; float:left;}

/* picto */
.pc-list li {border-radius: 8px; box-shadow: 2px 2px 10px #CCCCCC; font-size: 25px; font-weight: 400; margin: 5px; padding: 5px 10px 8px;}
.pc{font: 50px/40px 'ModernPictogramsNormal',Arial,sans-serif;}
.pc-green{text-shadow: 1px 1px #fff; color:#008000; font-size:40px; padding: 5px;}

/* ############## GOOGLE-MAPS ############# */
div.gmap_h1, div.gmap_h2 {color : #333;line-height : 13px;font-family : Arial, Helvetica, sans-serif;font-size : 10px;}
div.gmap_h1 {font-size : 11px;font-weight : bold;text-decoration : underline;}
div.gmap_left {float : left;margin : 0 10px 0 0;}
div.gmap_right {float : left;}
div.gmap_right img {height : 66px;width : 99px;border : 1px solid #000;}
div.gmap_content_zoom {height : 328px;margin-bottom: 30px; border:1px solid #ccc; }
div.gmap_content_big {height : 413px; border:1px solid #ccc;}
div.gmap_content_text {background-color: #DDDDDD; float: left; /*height: 373px;*/ padding: 20px; border:1px solid #ccc;min-height: 250px;}


/* ##### Kalender #### */
.calender a {color:black; text-decoration: none;}
.calender a:hover {text-decoration: underline; background: #eaeaea;}
.calender {width:168px; border:1px solid #cdcdcd; background:#e4e4e4; margin:2px 3px 3px 2px; min-height: 186px; font-size: 12px;}
* html .calender,
* + html .calender {width:168px;}
.calender div.after,
.calender div.before{color:silver; border-color: #e4e4e4; background: #e4e4e4;}
.calender .day {float:left; width:20px; height:20px; line-height: 20px; text-align: center; background: #079800;border: 1px solid #fff; margin:1px; color: #eee;}
.calender .day.headline {background: #f2f2f2; border-color: #cdcdcd #fff; border-width: 1px 0; margin: 0; width: 24px; color:#666;}
.calender .day.current {font-weight:bold;}
.calender .day.daystart{background: url("../images/daystart.png") no-repeat center; text-decoration: line-through;}
.calender .day.dayend{background: url("../images/dayend.png") no-repeat center; text-decoration: line-through;}
.calender .day.dayfwd{ background:#8c0100; text-decoration: line-through;}
.calender .clear {clear:left;}
.calender .pagination {text-align: center; height:20px; line-height:20px; font-weight: bold; color:#666;}
.calender .pagination a {width:20px; height:20px;}

/* kalenderfarben */
.iframe-wrapper .kalender {border:1px solid #cccccc;}
.iframe-wrapper .budat, .iframe-wrapper .budat0, .iframe-wrapper .xbudat, .iframe-wrapper .xbudat0, .iframe-wrapper .leer {text-align:center;font-size:13;width:16px;height:15px;color:333333;font-family:Tahoma, Arial, Helvetica;font-size:13;cursor:hand;cursor:pointer;padding:2px;margin:0px;}
.iframe-wrapper .leer {cursor:default; background: #e5e5e5;}
.iframe-wrapper .budat0 {background-color:#71DF61;bord er:1px solid #71DF61;color:#000;}
.iframe-wrapper .budat {background-color:#F77;bord er:1px solid #F77;text-decoration:line-through;} /* altes rot E8BDA4 */
.iframe-wrapper .xbudat {background: #71df61;background: -moz-linear-gradient(-45deg,  #71df61 0%, #71df61 50%, #ff7777 50%, #ff7777 100%);background: -webkit-linear-gradient(-45deg,  #71df61 0%,#71df61 50%,#ff7777 50%,#ff7777 100%);background: linear-gradient(135deg,  #71df61 0%,#71df61 50%,#ff7777 50%,#ff7777 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71df61', endColorstr='#ff7777',GradientType=1 );}
.iframe-wrapper .xbudat0 {background: #ff7777;background: -moz-linear-gradient(-45deg,  #ff7777 0%, #ff7777 50%, #71df61 50%, #71df61 100%);background: -webkit-linear-gradient(-45deg,  #ff7777 0%,#ff7777 50%,#71df61 50%,#71df61 100%);background: linear-gradient(135deg,  #ff7777 0%,#ff7777 50%,#71df61 50%,#71df61 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7777', endColorstr='#71df61',GradientType=1 );}
.iframge-wrapper .xbudat0 {background-image:url(http://www.dormino.de/images/kal_.png);background-repeat:no-repeat;}
.iframe-wrapper .budatover {border:1px solid #000000;}
/* wochentage*/
.iframe-wrapper .wota {background-color:#f4f4f4;font-family:Tahoma, Arial, Helvetica, sans;font-size:11;letter-spacing:0.05;text-align:center;color:222;}
.iframe-wrapper .monat {background-color:e4e4e4;padding-bottom:1px;padding-top:1px;font-family:Tahoma, Arial, Helvetica, sans;font-size:11;letter-spacing:0.8;text-align:center;}
.iframe-wrapper .heute {color:#ff0000;font-weight:normal;font-family:Tahoma, Arial, Helvetica, sans;font-size:12;text-align:center;border: 1px solid #ff0000;text-decoration:none;}

.iframe-wrapper table{ background: #e5e5e5;}
.iframe-wrapper table td{padding: 0.25rem 0.55rem !important; font-size: 0.8em;background-position: center; background-size:100%; border: 1px solid #eee;}
.iframe-wrapper div {float:left;width:auto; margin: 5px;}
.iframe-wrapper div:last-child {float:none;clear: both; width: 100%;}


/*
/ * kalenderfarben * /
.kalender	{ border:1px solid #cccccc; }
.budat, .budat0, .xbudat, .xbudat0, .leer {text-align:center; color:333333;}
.leer		{ cursor:default; }
.budat0		{ background-color:#71DF61; border:1px solid #71DF61; color:#000; }
.budat		{ background-color:#F77; border:1px solid #F77; text-decoration:line-through; }
.xbudat		{ background: url("../images/daystart.png") no-repeat center; text-decoration: line-through;}
.xbudat0	{ background: url("../images/dayend.png") no-repeat center; text-decoration: line-through;}
.budatover	{ border:1px solid #000000; }

/ * wochentage* /
.wota{ background-color:#f4f4f4; font-family:Tahoma, Arial, Helvetica, sans;font-size:11; letter-spacing:0.05; text-align:center; color:222;}
.monat{ background-color:e4e4e4; padding-bottom:1px; padding-top:1px; font-family:Tahoma, Arial, Helvetica, sans;font-size:11; letter-spacing:0.8; text-align:center;}
.heute{ color:#ff0000; font-weight:normal; font-family:Tahoma, Arial, Helvetica, sans;font-size:12; text-align:center; border: 1px solid #ff0000; text-decoration:none; }
*/


/* responsive*/
html.overlayVisible,
html.overlayVisible body {
    height: 100%;
    overflow: hidden;
    user-select: none;
}

.off-canvas-content{background:none;}
header .slider-caption{top: 30px;left:20px;}
#wrapper-outer{margin:0 auto; padding: 40px 0;}
.slider-wrapper{height: auto;}
aside img{width: 100%;}

.title-bar {padding: 0.5rem;background: #5c0000; border-bottom: 1px solid #030405;}
.menu-icon{height: 25px; width: 25px;}
.menu-icon::after{top:4px;height:3px;}
.title-bar .menu-icon{margin-right: 0.75rem;}
#fancybox-close{right: -35px;}

.off-canvas-wrapper{overflow: hidden;}

.slider-wrapper .hide-for-large {background: rgba(255, 255, 255, 0.75);padding: 8px ;border-radius: 0;bottom: 40px;position: absolute;right: 26px;z-index: 999;width:60px;color:#fff;}
.slider-wrapper .hide-for-large.fi-indent-less {background: #8c0000;bottom: auto;box-shadow: 3px 0 7px rgba(0, 0, 0, 0.5);color: #fff;left: 0;padding: 10px;right: auto;top: 0;opacity:0; transition: opacity 1s;}
.is-off-canvas-open .slider-wrapper .hide-for-large.fi-indent-less{opacity:1;}

.slider-wrapper .hide-for-large {bottom: 35px;font-size: 36px;padding: 6px;right: 20px;width: 52px;}

#datenschutz{list-style:none;}
#content article #datenschutz p{margin-bottom: 1rem;}
#content article #datenschutz strong{font-weight: 500;}

@media (max-width: 639px) {
    aside article header{font-size: 3.5vw;line-height: 1.75em;}
    aside article p, aside article a{font-size: 3.5vw;line-height: 1.25em;}
    #footermenu ul:nth-child(4n+2),#footermenu ul:nth-child(4n+3) {border-top: 1px solid #f3f3f3;margin-top: 1.5em;padding-top: 1em;box-shadow: 0 -1px #ccc;}
    #footermenu ul:nth-child(4n+2){float:left;}
    #footermenu ul:nth-child(4n+3){float:right;}
    #footermenu ul:nth-child(4n+4){float:left;}
    #content article .fancy-zoom{max-width: 40vw;}
    #content{padding-top: 0;}
}
@media (min-width: 640px) {
    aside article header{font-size: 18px;}
    #footermenu ul:nth-child(4n+2){float:left;}
    #footermenu ul:nth-child(4n+3){float:right;}
    #footermenu ul:nth-child(4n+4){float:left;}
    #content{padding-top: 15px;}
    /*.slider-wrapper .hide-for-large.fi-indent-more {bottom: 5.5vw;font-size: 6vw;padding: 1vw;right: 3vw;width: 8vw;}*/
}
@media (max-width: 1023px) {
    .off-canvas-content{background: transparent;box-shadow: 0 0;}
    .js-off-canvas-exit{z-index: 999999;}
    header{background:#eee;}
    .nivo-caption {top: 0;}
    .nivo-caption p{padding:0; margin:0;}

    #wrapper-outer{padding-top: 4vw;}
    #wrapper-outer{padding: 0;}

    #offCanvas{background:#030405;max-height:9999px;}
    .off-canvas-wrapper{background: #030405;}
    nav#menu{position: relative;left:0; top:0;display:blocK;}
    nav#menu ul{width:100%;}
    nav#menu li{float: none; border:none;padding:0;}
    nav#menu a{display:block;}
    header .slider-caption{font-size: 3vw;top:2vw;left:2vw;}
    #slider{border-width: 1vw 0;}

    #footermenu ul:first-child li a{line-height: 2.5em;}

    div.gmap_content_big{width:inherit; max-height: 50vw;margin-bottom:2em;min-height: 40vw;}
    div.gmap_content_text{width:inherit; height:auto;;margin-bottom:2em;}
    div.gmap_content_text label {width:100%;}
    div.gmap_content_text label[for="saddr"] {margin-top: 0.25em;}
    div.gmap_content_text label input {margin-bottom: 0.25rem; width:100%;}

}
@media (min-width: 991px) and (max-width: 1023px) {
    #wrapper,#wrapper-outer,#container,footer{max-width: 1023px;}
    #wrapper-outer{background:#fff;}
    .trenner-full{display:none;}
}
@media (min-width: 1024px) {
    #offCanvas{background: url("../css/img/bg_menu.png") no-repeat scroll center center; left: 30px;position: absolute;top: 358px;z-index: 999; width: auto;}
    nav#menu{position: relative; left: 0; top: 0;}
}

/* dormino */
#content #dormino_wrapper .dormino_kalender_wochentag span{width:14.28%}
#content #dormino_wrapper .dormino_kalender_tage span{width:14.28%}

/* Ganz am Ende von resources/css/app.css einfuegen.
 * Ersetzt in der Wirkung die bisherige #slider-aspect-ratio-Regel.
 * Bildformat: 990x421, plus vorhandener weisser Rand oben und unten.
 */
header.slider-wrapper #slider.nivoSlider {
    position: relative;
    box-sizing: content-box; /* Border ausserhalb des Bildformats */
    width: 100%;
    height: auto;
    aspect-ratio: 990 / 421;
    overflow: hidden;
}

/* Vor JS-Initialisierung NUR das erste Originalbild anzeigen. */
header.slider-wrapper #slider.nivoSlider:not(.nivo-ready) > img:first-of-type {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* Weitere Slides und das neue Nivo-Hauptbild bis zum Umschalten ausblenden. */
header.slider-wrapper #slider.nivoSlider:not(.nivo-ready) > img:not(:first-of-type) {
    display: none !important;
}

/* Nivos sichtbares Hauptbild fuellt den reservierten Bereich,
 * statt die Hoehe des Sliders durch seine eigene Layout-Hoehe zu aendern. */
header.slider-wrapper #slider.nivoSlider > img.nivo-main-image {
    display: block !important;
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}