@CHARSET "UTF-8";
/* base         [3387] */ @media all { *, *::after, *::before{ -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } html{ height: 100%; } body{ overflow-y: scroll; overflow-x: hidden; } ::selection { background: var(--brandprimary); color: #fff; text-shadow:none; } ::-webkit-selection { background: var(--brandprimary); color: #fff; text-shadow:none; } ::-moz-selection { background: var(--brandprimary); color: #fff; text-shadow:none; } p, ul, ol, blockquote{ margin: 0 0 var(--defaultspacing); } strong, b{ font-weight: var(--fontweightbold); } a:focus{ outline: none; } table, input, textarea, button, select{ font-size: 1em; } button, input[type='submit']{ border: none; outline: none; -webkit-appearance:none;-moz-appearance:none;appearance:none; } fieldset { border: 0; padding: 0; margin: 0; min-width: 0; width: 100%; } ul{ padding: 0 0 0 1.666em; margin: 0 0 1em; } hr{ border: none; outline: none; background: rgba(0,0,0,.15); height: 1px; margin: var(--mediumspacing) 0; } .medium, img{ max-width: 100%; height: auto; } .imageFormat { display: block; height: 0; width: 100%; overflow: hidden; position: relative; } .imageFormat.format-1-1{ padding-bottom: 100%; } .imageFormat.format-4-3{ padding-bottom: 75%; } .imageFormat.format-3-2{ padding-bottom: 66.6666666667%; } .imageFormat.format-16-9{ padding-bottom: 56.25%; } .imageFormat.format-2-1{ padding-bottom: 50%; } .imageFormat.format-3-1{ padding-bottom: 33.3333333333%; } .imageFormat.format-4-1{ padding-bottom: 25%; } .imageFormat.format-5-1{ padding-bottom: 20%; } .imageFormat.format-parent{ height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .fullscreenImage{ background-repeat: no-repeat; background-position: center; background-attachment: scroll; background-size: cover; -webkit-backface-visibility:hidden;backface-visibility:hidden; } .fullscreenImage.contain{ background-size: contain; } .fullscreenImage.fill{ background-size: 100% 100%; } a, a:before, a:after, button, input, button:before, button:after{ transition: all .25s; } .responsiveTable{ min-height: 0.01%; overflow-x: auto; margin-bottom: var(--defaultspacing); } .responsiveTable table{ max-width: 99.9%; } td p { margin: 0; } .clear{ clear: both; font-size: 0px; height: 0px; } .clearing::before, .clearing::after{ content:""; display:table; } .clearing::after{ clear:both; } ul.dp-readerLinks{ position: absolute; left: -1000px; top: -1000px; width: 100%; } ul.dp-readerLinks a:active, ul.dp-readerLinks a:hover, ul.dp-readerLinks a:focus{ position:absolute; left:1000px; top:1000px; width:40%; background:white; color:black; border:1px solid gray; padding:8px; } .listReset{ margin: 0; padding: 0; } .listReset li{ margin: 0; padding: 0; list-style-type: none; } a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } [data-copyright]{ position: relative; } [data-copyright].fit-inner{ display: inline-block; } [data-copyright]:after{ content: attr(data-copyright); position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,.333); color: #fff; font-size: 11px; padding: 2px 3px; line-height: 1em; } } @media all and (max-width: var(--breakpoint-m)){ .responsiveTable{ border: 1px solid #ccc; overflow-y: hidden; width: 100%; } } @-moz-document url-prefix() { fieldset { display: table-cell; } }
/* content      [6175] */ @media all { body{ background: #fff; line-height: 1.5; font-size: var(--fontsizeroot); } body, table, input, textarea, button, select{ color: var(--defaultfontcolor); font-family: var(--fontfamilyprimary), sans-serif; font-weight: var(--fontweightregular); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ color: var(--darkgrey); margin: 0 0 var(--defaultspacing); line-height: 1.25; font-weight: var(--fontweightregular); display: block; } h1, .h1{ font-size: 1.5em; } h2, .h2{ font-size: 1.25em; } h3, .h3{ font-size: 1.125em; } h4, .h4{ font-size: 1.0625em; } h5, .h5{ font-size: 1em; } h6, .h6{ font-size: .875em; } a { color: var(--defaultlinkcolor); text-decoration: none; } a:hover{ color: var(--defaultlinkhover); } .no-touch a[href^='tel:']{ cursor: default; color: var(--defaultfontcolor)!important; } .medium { display: inline-block; } .medium img { vertical-align: bottom; } .mediumleft { margin: 0 1em 0.25em 0; float: left; } .mediumright { margin: 0 0 0.25em 1em; float: right; } .mediumcenter { margin: 0.5em 0; width: 100%; } .mediumcenter img { margin: 0 auto 0; display: block; } .mediumHintergrund { color: #666; background: #efefef; font-size: .825em; padding: .25em .625em; display: block; } .mediumcenter .mediumHintergrund { margin: 0 auto; } .mediumBeschriftung { text-align: left; padding: .25em 0; display: block; } .mediumCopyright { text-align: left; font-weight: bold; font-size: .825em; padding: .25em 0; display: block; } .contentLink a, .dp-userbutton a, button, input[type='submit'] { font-size: .925em; padding: .75em 2em; background: rgba(255,255,255,.9); line-height: 1.25em; color: var(--defaultlinkcolor); border: 1px solid var(--defaultlinkcolor); margin-right: var(--smallspacing); display: inline-block; } .contentLink a:hover, .dp-userbutton a:hover, button:hover, input[type='submit']:hover { background: var(--defaultlinkcolor); color: #fff; } #dp-pagination a { font-size: .875em; border-radius: 3px; padding: var(--minspacing) var(--smallspacing); line-height: 1em; border: 2px solid var(--defaultlinkcolor); color: var(--defaultlinkcolor); background: var(--defaultlinkcolorcontrast); margin-right: var(--minspacing); display: inline-block; } #dp-pagination a:hover { color: var(--defaultlinkcolorcontrast); background: var(--defaultlinkcolor); } [data-tooltip]{ position: relative; } [data-tooltip]:before, [data-tooltip]:after{ z-index: 1000; visibility: hidden; font-size: 12px; line-height: 1em; position: absolute; bottom: 100%; left: 50%; color: #fff; white-space: nowrap; opacity: 0; -webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px); transition: all .25s; } [data-tooltip]:before{ margin-bottom: 5px; width: 0;height: 0;border-style: solid;border-width: 7px 7px 0 7px; border-color: rgba(0,0,0,.666) transparent transparent transparent; content: ""; } [data-tooltip]:after{ font-weight: var(--fontweightbold); margin-bottom: 12px; content: attr(data-tooltip); background: rgba(0,0,0,.666); padding: var(--smallspacing); border-radius: 3px; } [data-tooltip]:hover:before, [data-tooltip]:hover:after{ opacity: 1; visibility: visible; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } #cookienotice{ z-index: 9999; position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; padding: 1.5em 1em; font-size: 15px; background: var(--darkgrey); color: #fff; } #cookienotice span{ display: inline-block; padding: .25em; } #cookienotice a{ color: #fff; display: inline-block; margin-left: .25em; padding: .25em .75em; background: rgba(0,0,0,.25); -webkit-border-radius: 4px; border-radius: 4px; } #cookienotice a:hover{ background: rgba(0,0,0,.5); } .dp-fullscreenvideo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; } .dp-fullscreenvideo video { height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0); } .format-smallheader{ padding-bottom: 66%; } a[data-lightbox]{ position: relative; display: block; overflow: hidden; } a[data-lightbox]:before{ opacity: 0; content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.2); z-index: 2; } a[data-lightbox]:after{ opacity: 0; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,1); font-size: 1.5em; content: "\f0fe"; font-family: "Font Awesome 5 Free"; font-weight: regular; position: absolute; top: 50%; left: 0; right: 0; text-align: center; margin-top: -.5em; line-height: 1em; z-index: 3; } a[data-lightbox]:after, a[data-lightbox]:before { transition: all .333s; } a[data-lightbox]:hover:after, a[data-lightbox]:hover:before { opacity: 1; } a[data-lightbox]:hover:after{ -webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5); transform-origin: 50% 50%; } a[data-lightbox] img, a[data-lightbox] .fullscreenImage { transition: all 1.5s; } a[data-lightbox]:hover img, a[data-lightbox]:hover .fullscreenImage { -webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); } } @media only screen and (min-aspect-ratio: 16/9) { .dp-fullscreenvideo video { height: auto; width: 100%; top: 50%; left: 0; -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%); } } @media all and (min-width: var(--breakpoint-s)){ h1, .h1{ font-size: 1.75em; } h2, .h2{ font-size: 1.5em; } h3, .h3{ font-size: 1.25em; } h4, .h4{ font-size: 1.125em; } h5, .h5{ font-size: 1.0625em; } h6, .h6{ font-size: 1em; } .format-smallheader{ padding-bottom: 50%; } } @media all and (min-width: var(--breakpoint-m)){ h1, .h1{ font-size: 2em; } h2, .h2{ font-size: 1.625em; } h3, .h3{ font-size: 1.375em; } h4, .h4{ font-size: 1.25em; } h5, .h5{ font-size: 1.125em; } .format-smallheader{ padding-bottom: 40%; } } @media all and (min-width: var(--breakpoint-l)){ h1, .h1{ font-size: 2.5em; } h2, .h2{ font-size: 2em; } h3, .h3{ font-size: 1.625em; } h4, .h4{ font-size: 1.375em; } .format-smallheader{ padding-bottom: 35%; } } @media all and (min-width: var(--breakpoint-xl)){ .format-smallheader{ padding-bottom: 30%; } }
/* menu         [6837] */ @media screen, projection { .dp-language { position: absolute; top: 0; right: var(--defaultspacing); font-size: .875em; } .dp-language li { display: inline; } .dp-language a { opacity: .6; } .dp-language a.active,.dp-language a:hover { opacity: 1; } #dp-navigation { text-align: center; } #dp-navigation > ul li a { padding: var(--minspacing); display: inline-block; font-size: .875em; } #dp-navigation > ul li.active > a,#dp-navigation > ul a:hover { text-decoration: underline; } #dp-intromenu { margin: var(--mediumspacing) 0; } #dp-intromenu li { padding: var(--minspacing); } #dp-intromenu a { display: inline-block; color: #fff; text-transform: uppercase; } #dp-introsmmenu li { display: inline; font-size: 1.375em; } #dp-introsmmenu a { color: #fff; opacity: .666; display: inline-block; padding: 0 var(--smallspacing); } #dp-introsmmenu a:hover { -webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5); opacity: 1; color: var(--brandsecondary); } #breadcrumbs ol {margin:1em 0 2em; padding:0;color:#999;} #breadcrumbs ol li {display:inline-block;margin:0;padding:0;} #breadcrumbs ol li:not(:first-child)::BEFORE {content:"〉";margin:0 0.5em;vertical-align: middle;} #breadcrumbs ol li a {color:inherit;vertical-align: middle;} .mobileMenuBtn { position: absolute; display: block; top: 33px; right: var(--defaultspacing); width: 30px; height: 30px; } .mobileMenuBtn span,.mobileMenuBtn span:before,.mobileMenuBtn span:after { display: block; width: 30px; position: absolute; height: 4px; left: 0; background: var(--brandprimary); border-radius: 2px; transition: all .25s; } .mobileMenuBtn span { top: 50%; margin-top: -2px; } .mobileMenuBtn span:before,.mobileMenuBtn span:after { content: ""; } .mobileMenuBtn span:before { bottom: 10px; } .mobileMenuBtn span:after { top: 10px; } .mm-opened .mobileMenuBtn span { background: transparent; } .mm-opened .mobileMenuBtn span:before,.mm-opened .mobileMenuBtn span:after { background: var(--defaultfontcolor); } .mm-opened .mobileMenuBtn span:before { bottom: 0; -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin: 50% 50%; } .mm-opened .mobileMenuBtn span:after { top: 0; -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); transform-origin: 50% 50%; } #dp-mainmenu { display: none; } body #mm-blocker { z-index: 9999!important; } body .mm-menu { background: var(--brandprimary); } body .mm-menu,body .mm-menu .mm-navbar a,body .mm-menu .mm-navbar > * { color: rgba(255,255,255,.9); } body .mm-listview > li,body .mm-listview > li .mm-next,body .mm-listview > li .mm-next::before,body .mm-listview > li::after,body .mm-navbar { border-color: rgba(255, 255, 255, .25); } body .mm-menu .mm-btn::after,body .mm-menu .mm-btn::before,body .mm-menu .mm-listview > li .mm-arrow::after,body .mm-menu .mm-listview > li .mm-next::after { border-color: rgba(255, 255, 255, .9); } body .mm-listview .mm-next { background: rgba(255,255,255,.1); margin-bottom: 1px; } body .mm-listview > li > a,body .mm-listview > li > span { padding: var(--defaultspacing) var(--mediumspacing); } body .mm-listview > li:not(.mm-divider)::after { left: 0; } body .mm-listview > li.active,body .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),body .mm-menu .mm-listview>li.mm-selected>span { background: rgba(255,255,255,.05)!important; } body .mm-menu:after {content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.3)} body .mm-menu.mm-right:after {left:auto;right:100%} body .mm-menu.mm-front:after,body .mm-menu.mm-next:after {content:none;display:none} } @media all and (min-width: var(--breakpoint-s)){ } @media all and (min-width: var(--breakpoint-m)){ #dp-navigation { display: inline-block; position: relative; left: 50%; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } #dp-navigation > ul li { float: left; } #dp-navigation > ul li a { padding: 0 var(--smallspacing); } #dp-intromenu { margin: var(--largespacing) 0; } #dp-intromenu ul.menu { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-wrap: wrap; } #dp-intromenu li { float: left; width: 50%; flex-grow: 1; padding: var(--smallspacing); } #dp-intromenu a { font-size: 1.5em; } } @media all and (min-width: var(--breakpoint-l)){ #dp-intromenu { margin: var(--largerspacing) 0; } #dp-intromenu li { width: 50%; padding: var(--defaultspacing) var(--smallspacing); } #dp-intromenu a { font-size: 2em; border-bottom: 3px solid transparent; line-height: 1.25; } #dp-intromenu a:hover { border-color: var(--brandprimary); } .mobileMenuBtn{ display: none; } #dp-mainmenu { display: block; float: right; margin-right: 80px; padding-right: 15px; position: relative; } #dp-mainmenu ul.menu li { position: relative; } #dp-mainmenu ul.menu li a { display: block; font-size: 16px; } #dp-mainmenu ul.menu li.active > a,#dp-mainmenu ul.menu li:hover > a { text-decoration: none; } #dp-mainmenu ul.submenu { display: none; } #dp-mainmenu ul.submenu li a { display: block; } #dp-mainmenu li:hover > ul.submenu { display: block; } #dp-mainmenu ul.menu > li { float: left; } #dp-mainmenu ul.menu > li > a { padding: var(--mediumspacing) var(--smallspacing); text-transform: uppercase; } #dp-mainmenu ul.menu > li.active > a { color: var(--brandsecondary); } #dp-mainmenu ul.menu > li:hover > a { color: var(--brandsecondary); } #dp-mainmenu ul.menuDepth1 { padding: var(--smallspacing) 0; position: absolute; top: 100%; left: 50%; margin-left: -125px; width: 250px; background: var(--brandprimary); opacity: .9; } #dp-mainmenu ul.menuDepth1 > li > a { color: #fff; padding: var(--minspacing) var(--defaultspacing); border-bottom: 1px solid rgba(255,255,255,.2); } #dp-mainmenu ul.menuDepth1 > li:last-child a { border-bottom: none; } #dp-mainmenu ul.menuDepth1 > li.active > a,#dp-mainmenu ul.menuDepth1 > li:hover > a { background: rgba(255,255,255,.1); } #dp-mainmenu ul.menuDepth1:after { position: absolute; bottom: 100%; left: 50%; margin-left: -6px; content: ""; width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent var(--brandprimary) transparent; } #dp-mainmenu:after{ content: ""; position: absolute; top: 50%; right: 0; height: 1.2em; margin-top: -.6em; width: 1px; background: var(--brandprimary); } .dp-language { position: absolute; top: 50%; -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%); font-size: 1em; } body.scrolling #dp-mainmenu ul.menu > li > a { padding-top: var(--defaultspacing); padding-bottom: var(--defaultspacing); } } @media all and (min-width: var(--breakpoint-xl)){ #dp-intromenu li { width: 33.333%; } #dp-intromenu a { font-size: 1.75em; } }