@CHARSET "UTF-8";
/* variables                  [18] */ 
/* normalize.1.1.0          [3143] */ /*! normalize.css v1.1.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; -ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; }
/* albion-icons             [1412] */ @font-face { font-family: 'albion-icons'; src: url('../font/albion-icons.eot?98269107'); src: url('../font/albion-icons.eot?98269107#iefix') format('embedded-opentype'), url('../font/albion-icons.woff2?98269107') format('woff2'), url('../font/albion-icons.woff?98269107') format('woff'), url('../font/albion-icons.ttf?98269107') format('truetype'), url('../font/albion-icons.svg?98269107#albion-icons') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "albion-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-sprechblase:before { content: '\e800'; } .icon-individual:before { content: '\e802'; } .icon-gruppe:before { content: '\e804'; } .icon-hot:before { content: '\e805'; } .icon-suche:before { content: '\e806'; } .icon-info:before { content: '\e808'; } .icon-pfeil_o-kopie:before { content: '\e809'; } .icon-pfeil_o:before { content: '\e80a'; } .icon-pfeil_l:before { content: '\e80c'; } .icon-pfeil_r:before { content: '\e80d'; } .icon-x:before { content: '\e80e'; } .icon-sprechblase2:before { content: '\e80f'; } .icon-check:before { content: '\e810'; } 
/* base                     [3136] */ @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: #009bd9; color: #fff; text-shadow:none; } ::-webkit-selection { background: #009bd9; color: #fff; text-shadow:none; } ::-moz-selection { background: #009bd9; color: #fff; text-shadow:none; } p, ul, ol, blockquote{ margin: 0 0 15px; } strong, b{ font-weight: 700; } 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: 25px 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%; } .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: 15px; } .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; 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: 10px; padding: 2px 3px; line-height: 1em; } } @media all and (max-width: 48em){ .responsiveTable{ border: 1px solid #ccc; overflow-y: hidden; width: 100%; } } @-moz-document url-prefix() { fieldset { display: table-cell; } }
/* jquery-ui.structure      [1507] */ /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 5px 0 0 0; padding: 5px 10px; background: var(--blue); } .ui-accordion .ui-accordion-content { padding: 1em 0; border-top: 0; overflow: auto; } 
/* cols                    [12520] */ .cols { width: auto; margin-left: -15px; } .cols > * { float: left; padding-left: 15px; position: relative; } .cols > .col-100 { width: 100%; } .cols > .col-83 { width: 83.333%; } .cols > .col-83.pull { right: 16.666%; } .cols > .col-83.push { left: 16.666%; } .cols > .col-80 { width: 80%; } .cols > .col-80.pull { right: 20%; } .cols > .col-80.push { left: 20%; } .cols > .col-75 { width: 75%; } .cols > .col-75.pull { right: 25%; } .cols > .col-75.push { left: 25%; } .cols > .col-70 { width: 70%; } .cols > .col-70.pull { right: 30%; } .cols > .col-70.push { left: 30%; } .cols > .col-66 { width: 66.666%; } .cols > .col-66.pull { right: 33.333%; } .cols > .col-66.push { left: 33.333%; } .cols > .col-60 { width: 60%; } .cols > .col-60.pull { right: 40%; } .cols > .col-60.push { left: 40%; } .cols > .col-50 { width: 50%; } .cols > .col-50.pull { right: 50%; } .cols > .col-50.push { left: 50%; } .cols > .col-40 { width: 40%; } .cols > .col-40.pull { right: 60%; } .cols > .col-40.push { left: 60%; } .cols > .col-33 { width: 33.333%; } .cols > .col-33.pull { right: 66.666%; } .cols > .col-33.push { left: 66.666%; } .cols > .col-30 { width: 30%; } .cols > .col-30.pull { right: 70%; } .cols > .col-30.push { left: 70%; } .cols > .col-25 { width: 25%; } .cols > .col-25.pull { right: 75%; } .cols > .col-25.push { left: 75%; } .cols > .col-20 { width: 20%; } .cols > .col-20.pull { right: 80%; } .cols > .col-20.push { left: 80%; } .cols > .col-16 { width: 16.666%; } .cols > .col-16.pull { right: 83.333%; } .cols > .col-16.push { left: 83.333%; } .cols.no-gaps{ margin-left: 0; } .cols.no-gaps > *{ padding-left: 0; } .cols.min-gaps{ margin-left: -5px; } .cols.min-gaps > *{ padding-left: 5px; } .cols.small-gaps{ margin-left: -10px; } .cols.small-gaps > *{ padding-left: 10px; } .cols.default-gaps{ margin-left: -15px; } .cols.default-gaps > *{ padding-left: 15px; } .cols.medium-gaps{ margin-left: -25px; } .cols.medium-gaps > *{ padding-left: 25px; } .cols.large-gaps{ margin-left: -50px; } .cols.large-gaps > *{ padding-left: 50px; } .cols.larger-gaps{ margin-left: -75px; } .cols.larger-gaps > *{ padding-left: 75px; } .cols.largest-gaps{ margin-left: -100px; } .cols.largest-gaps > *{ padding-left: 100px; } @media all and (min-width: 36em){ .cols-s { width: auto; margin-left: -15px; } .cols-s > * { float: left; padding-left: 15px; position: relative; } .cols-s > .col-s-100 { width: 100%; } .cols-s > .col-s-83 { width: 83.333%; } .cols-s > .col-s-83.pull { right: 16.666%; } .cols-s > .col-s-83.push { left: 16.666%; } .cols-s > .col-s-80 { width: 80%; } .cols-s > .col-s-80.pull { right: 20%; } .cols-s > .col-s-80.push { left: 20%; } .cols-s > .col-s-75 { width: 75%; } .cols-s > .col-s-75.pull { right: 25%; } .cols-s > .col-s-75.push { left: 25%; } .cols-s > .col-s-70 { width: 70%; } .cols-s > .col-s-70.pull { right: 30%; } .cols-s > .col-s-70.push { left: 30%; } .cols-s > .col-s-66 { width: 66.666%; } .cols-s > .col-s-66.pull { right: 33.333%; } .cols-s > .col-s-66.push { left: 33.333%; } .cols-s > .col-s-65 { width: 65%; } .cols-s > .col-s-65.pull { right: 35%; } .cols-s > .col-s-65.push { left: 35%; } .cols-s > .col-s-60 { width: 60%; } .cols-s > .col-s-60.pull { right: 40%; } .cols-s > .col-s-60.push { left: 40%; } .cols-s > .col-s-50 { width: 50%; } .cols-s > .col-s-50.pull { right: 50%; } .cols-s > .col-s-50.push { left: 50%; } .cols-s > .col-s-40 { width: 40%; } .cols-s > .col-s-40.pull { right: 60%; } .cols-s > .col-s-40.push { left: 60%; } .cols-s > .col-s-35 { width: 35%; } .cols-s > .col-s-35.pull { right: 65%; } .cols-s > .col-s-35.push { left: 65%; } .cols-s > .col-s-33 { width: 33.333%; } .cols-s > .col-s-33.pull { right: 66.666%; } .cols-s > .col-s-33.push { left: 66.666%; } .cols-s > .col-s-30 { width: 30%; } .cols-s > .col-s-30.pull { right: 70%; } .cols-s > .col-s-30.push { left: 70%; } .cols-s > .col-s-25 { width: 25%; } .cols-s > .col-s-25.pull { right: 75%; } .cols-s > .col-s-25.push { left: 75%; } .cols-s > .col-s-20 { width: 20%; } .cols-s > .col-s-20.pull { right: 80%; } .cols-s > .col-s-20.push { left: 80%; } .cols-s > .col-s-16 { width: 16.666%; } .cols-s > .col-s-16.pull { right: 83.333%; } .cols-s > .col-s-16.push { left: 83.333%; } .cols-s > .col-s-12 { width: 12.5%; } .cols-s > .col-s-16.pull { right: 87.5%; } .cols-s > .col-s-16.push { left: 87.5%; } .cols-s.no-gaps{ margin-left: 0; } .cols-s.no-gaps > *{ padding-left: 0; } .cols-s.min-gaps{ margin-left: -5px; } .cols-s.min-gaps > *{ padding-left: 5px; } .cols-s.small-gaps{ margin-left: -10px; } .cols-s.small-gaps > *{ padding-left: 10px; } .cols-s.default-gaps{ margin-left: -15px; } .cols-s.default-gaps > *{ padding-left: 15px; } .cols-s.medium-gaps{ margin-left: -25px; } .cols-s.medium-gaps > *{ padding-left: 25px; } .cols-s.large-gaps{ margin-left: -50px; } .cols-s.large-gaps > *{ padding-left: 50px; } .cols-s.larger-gaps{ margin-left: -75px; } .cols-s.larger-gaps > *{ padding-left: 75px; } .cols-s.largest-gaps{ margin-left: -100px; } .cols-s.largest-gaps > *{ padding-left: 100px; } } @media all and (min-width: 48em){ .cols-m { width: auto; margin-left: -15px; } .cols-m > * { float: left; padding-left: 15px; position: relative; } .cols-m > .col-m-100 { width: 100%; } .cols-m > .col-m-83 { width: 83.333%; } .cols-m > .col-m-83.pull { right: 16.666%; } .cols-m > .col-m-83.push { left: 16.666%; } .cols-m > .col-m-80 { width: 80%; } .cols-m > .col-m-80.pull { right: 20%; } .cols-m > .col-m-80.push { left: 20%; } .cols-m > .col-m-75 { width: 75%; } .cols-m > .col-m-75.pull { right: 25%; } .cols-m > .col-m-75.push { left: 25%; } .cols-m > .col-m-70 { width: 70%; } .cols-m > .col-m-70.pull { right: 30%; } .cols-m > .col-m-70.push { left: 30%; } .cols-m > .col-m-66 { width: 66.666%; } .cols-m > .col-m-66.pull { right: 33.333%; } .cols-m > .col-m-66.push { left: 33.333%; } .cols-m > .col-m-60 { width: 60%; } .cols-m > .col-m-60.pull { right: 40%; } .cols-m > .col-m-60.push { left: 40%; } .cols-m > .col-m-50 { width: 50%; } .cols-m > .col-m-50.pull { right: 50%; } .cols-m > .col-m-50.push { left: 50%; } .cols-m > .col-m-40 { width: 40%; } .cols-m > .col-m-40.pull { right: 60%; } .cols-m > .col-m-40.push { left: 60%; } .cols-m > .col-m-33 { width: 33.333%; } .cols-m > .col-m-33.pull { right: 66.666%; } .cols-m > .col-m-33.push { left: 66.666%; } .cols-m > .col-m-30 { width: 30%; } .cols-m > .col-m-30.pull { right: 70%; } .cols-m > .col-m-30.push { left: 70%; } .cols-m > .col-m-25 { width: 25%; } .cols-m > .col-m-25.pull { right: 75%; } .cols-m > .col-m-25.push { left: 75%; } .cols-m > .col-m-20 { width: 20%; } .cols-m > .col-m-20.pull { right: 80%; } .cols-m > .col-m-20.push { left: 80%; } .cols-m > .col-m-16 { width: 16.666%; } .cols-m > .col-m-16.pull { right: 83.333%; } .cols-m > .col-m-16.push { left: 83.333%; } .cols-m.no-gaps{ margin-left: 0; } .cols-m.no-gaps > *{ padding-left: 0; } .cols-m.min-gaps{ margin-left: -5px; } .cols-m.min-gaps > *{ padding-left: 5px; } .cols-m.small-gaps{ margin-left: -10px; } .cols-m.small-gaps > *{ padding-left: 10px; } .cols-m.default-gaps{ margin-left: -15px; } .cols-m.default-gaps > *{ padding-left: 15px; } .cols-m.medium-gaps{ margin-left: -25px; } .cols-m.medium-gaps > *{ padding-left: 25px; } .cols-m.large-gaps{ margin-left: -50px; } .cols-m.large-gaps > *{ padding-left: 50px; } .cols-m.larger-gaps{ margin-left: -75px; } .cols-m.larger-gaps > *{ padding-left: 75px; } .cols-m.largest-gaps{ margin-left: -100px; } .cols-m.largest-gaps > *{ padding-left: 100px; } } @media all and (min-width: 62em){ .cols-l { width: auto; margin-left: -15px; } .cols-l > * { float: left; padding-left: 15px; position: relative; } .cols-l > .col-l-100 { width: 100%; } .cols-l > .col-l-83 { width: 83.333%; } .cols-l > .col-l-83.pull { right: 16.666%; } .cols-l > .col-l-83.push { left: 16.666%; } .cols-l > .col-l-80 { width: 80%; } .cols-l > .col-l-80.pull { right: 20%; } .cols-l > .col-l-80.push { left: 20%; } .cols-l > .col-l-75 { width: 75%; } .cols-l > .col-l-75.pull { right: 25%; } .cols-l > .col-l-75.push { left: 25%; } .cols-l > .col-l-70 { width: 70%; } .cols-l > .col-l-70.pull { right: 30%; } .cols-l > .col-l-70.push { left: 30%; } .cols-l > .col-l-66 { width: 66.666%; } .cols-l > .col-l-66.pull { right: 33.333%; } .cols-l > .col-l-66.push { left: 33.333%; } .cols-l > .col-l-60 { width: 60%; } .cols-l > .col-l-60.pull { right: 40%; } .cols-l > .col-l-60.push { left: 40%; } .cols-l > .col-l-50 { width: 50%; } .cols-l > .col-l-50.pull { right: 50%; } .cols-l > .col-l-50.push { left: 50%; } .cols-l > .col-l-40 { width: 40%; } .cols-l > .col-l-40.pull { right: 60%; } .cols-l > .col-l-40.push { left: 60%; } .cols-l > .col-l-33 { width: 33.333%; } .cols-l > .col-l-33.pull { right: 66.666%; } .cols-l > .col-l-33.push { left: 66.666%; } .cols-l > .col-l-30 { width: 30%; } .cols-l > .col-l-30.pull { right: 70%; } .cols-l > .col-l-30.push { left: 70%; } .cols-l > .col-l-25 { width: 25%; } .cols-l > .col-l-25.pull { right: 75%; } .cols-l > .col-l-25.push { left: 75%; } .cols-l > .col-l-20 { width: 20%; } .cols-l > .col-l-20.pull { right: 80%; } .cols-l > .col-l-20.push { left: 80%; } .cols-l > .col-l-16 { width: 16.666%; } .cols-l > .col-l-16.pull { right: 83.333%; } .cols-l > .col-l-16.push { left: 83.333%; } .cols-l.no-gaps{ margin-left: 0; } .cols-l.no-gaps > *{ padding-left: 0; } .cols-l.min-gaps{ margin-left: -5px; } .cols-l.min-gaps > *{ padding-left: 5px; } .cols-l.small-gaps{ margin-left: -10px; } .cols-l.small-gaps > *{ padding-left: 10px; } .cols-l.default-gaps{ margin-left: -15px; } .cols-l.default-gaps > *{ padding-left: 15px; } .cols-l.medium-gaps{ margin-left: -25px; } .cols-l.medium-gaps > *{ padding-left: 25px; } .cols-l.large-gaps{ margin-left: -50px; } .cols-l.large-gaps > *{ padding-left: 50px; } .cols-l.larger-gaps{ margin-left: -75px; } .cols-l.larger-gaps > *{ padding-left: 75px; } .cols-l.largest-gaps{ margin-left: -100px; } .cols-l.largest-gaps > *{ padding-left: 100px; } } @media all and (min-width: 75em){ .cols-xl { width: auto; margin-left: -15px; } .cols-xl > * { float: left; padding-left: 15px; position: relative; } .cols-xl > .col-xl-100 { width: 100%; } .cols-xl > .col-xl-83 { width: 83.333%; } .cols-xl > .col-xl-83.pull { right: 16.666%; } .cols-xl > .col-xl-83.push { left: 16.666%; } .cols-xl > .col-xl-80 { width: 80%; } .cols-xl > .col-xl-80.pull { right: 20%; } .cols-xl > .col-xl-80.push { left: 20%; } .cols-xl > .col-xl-75 { width: 75%; } .cols-xl > .col-xl-75.pull { right: 25%; } .cols-xl > .col-xl-75.push { left: 25%; } .cols-xl > .col-xl-70 { width: 70%; } .cols-xl > .col-xl-70.pull { right: 30%; } .cols-xl > .col-xl-70.push { left: 30%; } .cols-xl > .col-xl-66 { width: 66.666%; } .cols-xl > .col-xl-66.pull { right: 33.333%; } .cols-xl > .col-xl-66.push { left: 33.333%; } .cols-xl > .col-xl-60 { width: 60%; } .cols-xl > .col-xl-60.pull { right: 40%; } .cols-xl > .col-xl-60.push { left: 40%; } .cols-xl > .col-xl-50 { width: 50%; } .cols-xl > .col-xl-50.pull { right: 50%; } .cols-xl > .col-xl-50.push { left: 50%; } .cols-xl > .col-xl-40 { width: 40%; } .cols-xl > .col-xl-40.pull { right: 60%; } .cols-xl > .col-xl-40.push { left: 60%; } .cols-xl > .col-xl-33 { width: 33.333%; } .cols-xl > .col-xl-33.pull { right: 66.666%; } .cols-xl > .col-xl-33.push { left: 66.666%; } .cols-xl > .col-xl-30 { width: 30%; } .cols-xl > .col-xl-30.pull { right: 70%; } .cols-xl > .col-xl-30.push { left: 70%; } .cols-xl > .col-xl-25 { width: 25%; } .cols-xl > .col-xl-25.pull { right: 75%; } .cols-xl > .col-xl-25.push { left: 75%; } .cols-xl > .col-xl-20 { width: 20%; } .cols-xl > .col-xl-20.pull { right: 80%; } .cols-xl > .col-xl-20.push { left: 80%; } .cols-xl > .col-xl-16 { width: 16.666%; } .cols-xl > .col-xl-16.pull { right: 83.333%; } .cols-xl > .col-xl-16.push { left: 83.333%; } .cols-xl.no-gaps{ margin-left: 0; } .cols-xl.no-gaps > *{ padding-left: 0; } .cols-xl.min-gaps{ margin-left: -5px; } .cols-xl.min-gaps > *{ padding-left: 5px; } .cols-xl.small-gaps{ margin-left: -10px; } .cols-xl.small-gaps > *{ padding-left: 10px; } .cols-xl.default-gaps{ margin-left: -15px; } .cols-xl.default-gaps > *{ padding-left: 15px; } .cols-xl.medium-gaps{ margin-left: -25px; } .cols-xl.medium-gaps > *{ padding-left: 25px; } .cols-xl.large-gaps{ margin-left: -50px; } .cols-xl.large-gaps > *{ padding-left: 50px; } .cols-xl.larger-gaps{ margin-left: -75px; } .cols-xl.larger-gaps > *{ padding-left: 75px; } .cols-xl.largest-gaps{ margin-left: -100px; } .cols-xl.largest-gaps > *{ padding-left: 100px; } }
/* layout                  [22031] */ @media screen, projection { .page { max-width: 1300px; margin: 0 auto; padding: 0 15px; position: relative; } #dp-header .top { z-index: 25; position: relative; background: #f1f1f1; border-bottom: 1px solid #cfcfcf; padding: 10px 0; } #dp-header .top .logo { position: relative; top: -15px; left: -15px; display: inline-block; max-width: 66%; width: 168px; float: left; cursor: pointer; -webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75); } #dp-header .top .logo div { position: absolute; top: 0; left: 0; cursor: pointer; z-index: 2; width: 100%; height: 100%; opacity: 0; } #dp-header .top .logo span { position: relative; display: inline-block; width: 168px; height: 124px; background: red url('../images/logo.svg'); } #dp-header .top .header-rows { margin-left: 228px; padding: 10px 0; } #dp-header .top .header-rows .header-row { float: right; } #dp-header .top .header-rows .header-row:nth-child(2) { clear: right; } #dp-header .top #dp-infonav { float: left; padding: 0 15px; display: none; } #dp-header .top #dp-infonav li { display: inline; } #dp-header .top #dp-infonav a { padding: .375em; font-size: .875em; display: inline-block; font-weight: 700; } #dp-header .top #dp-search { float: left; width: 220px; position: relative; } #dp-header .top #dp-search .submit { position: absolute; top: 1px; right: 1px; background: #fff; outline: none; border: none; color: #3b3b39; } #dp-header .bilder {padding-top: 5px; } #dp-header .bilder .image-box,#dp-header .bilder .swiper-slide { height: 0; padding-bottom: 50%; } #dp-header .bilder .image-box .tagWrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #dp-header .bilder .image-box .page { height: 100%; } #dp-header .bilder .tag { position: absolute; left: 0; bottom: -10px; background: white; padding: 10px 15px; z-index: 2; text-align: right; } #dp-header .bilder .tag div { font-size: 125%; font-weight: bold; color: #3b3b39; } #dp-header .bild { overflow: hidden; } #dp-header .bild .bildbox { margin: -5px; padding-bottom: 25%; width: auto; } #dp-header .reisenbox .pullout { z-index: 30; position: absolute; right: -10px; top: 100px; display: block; background: #009bd9; padding: 5px; width: 60px; height: 150px; cursor: pointer; } #dp-header .reisenbox .pullout span.bg { position: absolute; display: block; border: 1px solid white; padding: 5px; color: white; width: 50px; height: 140px; cursor: pointer; } #dp-header .reisenbox .pullout span.text { position: absolute; top: 70px; left: -20px; display: inline-block; -webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg); cursor: pointer; } #dp-header .reisenbox .pullout::before { position: absolute; top: 19px; right: 19px; color: white; } #dp-header .reisenbox .mainbox { z-index: 28; position: absolute; top: 90px; right: 100px; width: 550px; max-width: 90%; background: #009bd9; color: white; box-shadow: 3px 3px 1px rgba(0,0,0,0.4); } #dp-header .reisenbox .tabs { list-style-type: none; margin: 0; padding: 0; display: block; } #dp-header .reisenbox .tabs li { display: inline-block; padding: 15px; margin: 0; width: 50%; font-size: 100%; background: #007fb2; cursor: pointer; box-shadow: inset 2px -2px 2px rgba(0,0,0,0.2); } #dp-header .reisenbox .tabs li::before { font-size: 75%; margin: 0 1em; } #dp-header .reisenbox .tabs li:first-child { box-shadow: inset -2px -2px 2px rgba(0,0,0,0.2); } #dp-header .reisenbox .tabs li.aktiv { background: #009bd9; box-shadow: none; } #dp-header .reisenbox .tabs .gruppenLink:after { display: inline-block; content: "\e80d"; font-family: "albion-icons"; margin-left: 5px; font-size: 75%; } #dp-header .reisenbox .tabs .gruppenLink a { color: white; } #dp-header .reisenbox .titel { display: block; } #dp-header .reisenbox .cols { overflow: hidden; font-size: 100%; } #dp-header .reisenbox .col-50 { padding-bottom: 25px; } #dp-header .reisenbox select { width: 100%; padding: 5px; border: 1px solid #007fb2; box-shadow: 0 0 1px rgba(0,0,0,0.2); } #dp-header .reisenbox .input { padding: 25px; } #dp-header .reisenbox .bottom { text-align: center; border-top: 2px solid white; padding-top: 25px; } #dp-header .reisenbox .bottom button { margin: 5px; font-size: 100%; } #dp-header .reisenbox .bottom .small { background: none; font-size: 66%; color: white; } #dp-header .reisenbox .bottom .small::before { margin: 5px; font-size: 66%; vertical-align: middle; } #dp-header .reisenbox .bottom .button::before { float: right; font-size: 66%; line-height: 2; margin-left: 5px; } #dp-header .reisenbox .mainbox { display: none; } #dp-content .contentWrapper { padding: 50px 0; } #dp-content .contentWrapper header.sectionHeader { margin: 0 0 10px; } #dp-content .contentWrapper header.sectionHeader h1,#dp-content .contentWrapper header.sectionHeader .h1,#dp-content .contentWrapper header.sectionHeader h2,#dp-content .contentWrapper header.sectionHeader .h2,#dp-content .contentWrapper header.sectionHeader h3,#dp-content .contentWrapper header.sectionHeader .h3,#dp-content .contentWrapper header.sectionHeader h4,#dp-content .contentWrapper header.sectionHeader .h4,#dp-content .contentWrapper header.sectionHeader h5,#dp-content .contentWrapper header.sectionHeader .h5,#dp-content .contentWrapper header.sectionHeader h6,#dp-content .contentWrapper header.sectionHeader .h6 { margin: 0; text-transform: uppercase; letter-spacing: 2px; } #dp-content .contentWrapper .contentItem header.articleHeader { margin: 0 0 25px; letter-spacing: 1px; } #dp-content .contentWrapper .contentItem header.articleHeader h1,#dp-content .contentWrapper .contentItem header.articleHeader .h1,#dp-content .contentWrapper .contentItem header.articleHeader h2,#dp-content .contentWrapper .contentItem header.articleHeader .h2,#dp-content .contentWrapper .contentItem header.articleHeader h3,#dp-content .contentWrapper .contentItem header.articleHeader .h3,#dp-content .contentWrapper .contentItem header.articleHeader h4,#dp-content .contentWrapper .contentItem header.articleHeader .h4,#dp-content .contentWrapper .contentItem header.articleHeader h5,#dp-content .contentWrapper .contentItem header.articleHeader .h5,#dp-content .contentWrapper .contentItem header.articleHeader h6,#dp-content .contentWrapper .contentItem header.articleHeader .h6 { margin: 0; text-transform: uppercase; } #dp-content .contentWrapper .contentItem .untermenu { float: left; width: 25%; } #dp-content .contentWrapper.contentStartseite header.sectionHeader h2 { font-size: 300%; text-align: center; } #dp-content .contentWrapper.contentSearchresults .contentItem { border-bottom: 1px solid #ccc; margin-bottom: 2rem; padding-bottom: 2rem; } #dp-content .contentWrapper.contentList .tabs { display: none; border-bottom: 2px solid #b0b0b0; padding: 0 10px; margin: 5px 0 0; text-align: center; line-height: 0; } #dp-content .contentWrapper.contentList .tabs .tab { position: relative; display: block; border: 2px solid #b0b0b0; text-align: center; font-size: 83.5%; font-weight: bold; color: #b0b0b0; height: 30px; background: #f1f1f1; margin-bottom: -2px; z-index: 2; } #dp-content .contentWrapper.contentList .tabs span { position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); display: inline-block; line-height: 1em; } #dp-content .contentWrapper.contentList .tabs .tab.aktiv { background: #fff; border-bottom: 2px solid #fff; } #dp-content .contentWrapper.contentList .tabs div.tab { cursor: pointer; } #dp-content .contentWrapper.contentList .tabinhalt { margin-top: 50px; overflow: hidden; } #dp-content .contentWrapper.contentList .tabinhalt h2 { text-transform: uppercase; } #dp-content .contentWrapper.contentList .tabinhalt .eintab { overflow: hidden; } #dp-content .contentWrapper.contentList .tabinhalt .eintab article { height: 0px; overflow: hidden; } #dp-content .contentWrapper.contentList .tabinhalt .eintab article .articleHeader { display: none; } #dp-content .contentWrapper.contentList .tabinhalt .eintab.aktiv article { height: auto; } #dp-content .contentWrapper.contentList .tabinhalt .accordiontab { display: block; padding: 10px; background: #009bd9; margin-bottom: 5px; color: white; } #dp-content .kursbox { border: 1px solid #b0b0b0; padding: 10px; } #dp-content .kursbox .infoArea { margin-bottom: 15px; } #dp-content .kursbox .selection { clear: both; } #dp-content .kursbox .selection > form > div { margin: 2px; background: #f1f1f1; padding: 5px; clear: both; } #dp-content .kursbox .selection .optionen .optionen > div { position: relative; padding-left: 25px; } #dp-content .kursbox .selection .optionen .optionen input { position: absolute; left: 5px; top: 9px; } #dp-content .kursbox .selection .optionen .left div { margin-bottom: 5px; } #dp-content .kursbox .selection .leftfixed { display: block; } #dp-content .kursbox .selection .left select { max-width: 100%; padding: 5px; } #dp-content .kursbox .selection button { padding: 10px 15px; background: #b0b0b0; color: white; white-space: nowrap; text-transform: uppercase; } #dp-content .kursbox .selection .gesamt { white-space: nowrap; } #dp-content .kursbox .selection .preisGesamt .gesamt { font-size: 150%; color: #8dbf1e; } #dp-content .smallkurs { position: relative; border: 1px solid #b0b0b0; border-radius: 1px; margin-bottom: 50px; } #dp-content .smallkurs .icons { position: absolute; top: 0; left: 20px; width: 100px; } #dp-content .smallkurs .icons div { display: inline-block; background: #009bd9; color: white; font-size: 75%; width: 32px; height: 32px; text-align: center; line-height: 32px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,.35); margin-right: 10px; } #dp-content .smallkurs .icons .icon-gruppe:before { width: 2em; margin: 0; } #dp-content .smallkurs .icons .icon-hot { background: #cf6157; } #dp-content .smallkurs .textBox { position: relative; padding: 50px 15px 15px; height: 15em; border: 1px solid #b0b0b0; } #dp-content .smallkurs .textBox .kursHeader { position: absolute; top: -75px; left: 20px; width: 80%; padding: 10px; background: white; max-height: 120px; } #dp-content .smallkurs .textBox .kursHeader .ortinfo { color: #8dbf1e; } #dp-content .smallkurs .textBox .kursHeader h3 { margin: 0; color: #009bd9; } #dp-content .smallkurs .textBox .kursHeader h4 { margin: 0; color: #009bd9; font-size: 100%; } #dp-content .smallkurs .textBox .kursHeader.negative { background: #009bd9; width: auto; top:-38px; } #dp-content .smallkurs .textBox .kursHeader.negative h3 { font-weight: normal; color: white; text-transform: uppercase; font-size: 1.25em; white-space: nowrap; } #dp-content .smallkurs .textBox .kursHeader.negative h4 { font-weight: normal; color: white; } #dp-content .smallkurs .textBox .contentLink { position: absolute; bottom: 25px; left: 15px; } #dp-content .contentNews .news { color: #3b3b39; } #dp-content .contentNews .zeit { color: #cfcfcf; font-size: 75%; } #dp-content .contentNews h2 { font-size: 125%; } #dp-content .doubleRlsSwiper .swiper-slide { width: 50%; } #dp-content .doubleRlsSwiper .swiper-container:after { position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: white; content: " "; z-index: 2; } #dp-content .doubleRlsSwiper .swiper-button-prev { left: -1px; } #dp-content .doubleRlsSwiper .swiper-button-next { right: -1px; } #dp-content .doubleRlsSwiper .newsWrap { padding: 0 60px; border-left: 2px solid #cfcfcf; } #dp-content .contentWrapper.dark { background: #f1f1f1; border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; } #dp-content .contentWrapper.contentKurs header.sectionHeader.kursHeader { background: white; } #dp-content .contentWrapper.contentKurs header.sectionHeader.kursHeader h1 { color: #009bd9; font-weight: bold; letter-spacing: 0; } #dp-content .contentWrapper.contentKurs header.sectionHeader.kursHeader span.landort { color: #8dbf1e; font-size: 75%; font-weight: normal; text-transform: none; } #dp-content .contentWrapper.contentKurs header.sectionHeader.kursHeader span.sprache { font-size: 125%; font-weight: bold; text-transform: uppercase; } #dp-content .contentWrapper.contentKurs .contentFullkurs { border-top: 2px solid #b0b0b0; margin-top: 50px; } #dp-content .contentWrapper.contentKurs header.articleHeader.kursHeader h3 { display: inline-block; background: #009bd9; color: white; padding: 15px 25px; text-transform: uppercase; margin-top: 50px; } #dp-content .contentNewsList article.newsListItem { margin-bottom: 15px; overflow: hidden; } #dp-content .contentNewsList article .teaserText { color: black; } #dp-content .contentNewsList article .teaserBild { margin-right: 10px; float: left; } #dp-content .video { position: relative; padding-bottom: 56.25%; width: 100%; height: 0; overflow: hidden; margin-bottom: 25px; } #dp-content .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .swiper-container .swiper-button-prev,.swiper-container .swiper-button-next { background-image: url(../images/arrowback2.png); width: 54px; height: 52px; background-size: auto; } .swiper-container .swiper-button-next { background-image: url(../images/arrowback1.png); } .swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after { position: absolute; top: 15px; left: 22px; content: "\e80d"; color: #3b3b39; font-family: "albion-icons"; text-shadow: 4px 4px 2px rgba(0,0,0,0.5); } .swiper-container .swiper-button-prev:after { content: "\e80c"; left: auto; right: 22px; } .swiper-container .swiper-button-next:hover:after,.swiper-container .swiper-button-prev:hover:after { text-shadow: 2px 2px 1px rgba(0,0,0,0.5); top: 16px; } .light .swiper-container .swiper-button-prev { background-image: url(../images/arrowback3.png); } .light .swiper-container .swiper-button-next { background-image: url(../images/arrowback4.png); } .subPage #dp-content { z-index: 2; } .subPage #dp-content .contentWrapper { margin-top: -125px; } .subPage #dp-content .contentWrapper header.sectionHeader { display: inline-block; background: #009bd9; color: white; padding: 15px 25px; text-transform: uppercase; } .subPage #dp-content .contentWrapper header.sectionHeader .sprache { display: block; font-size: 83.5%; font-weight: normal; text-transform: none; margin-bottom: 5px; } .subPage #dp-content .contentWrapper header.sectionHeader h1 { margin: 5px 0; } .subPage #dp-content .contentWrapper.contentSingle header.articleHeader,.subPage #dp-content .contentWrapper.contentUnterbereich header.articleHeader { display: inline-block; background: #009bd9; color: white; padding: 15px 25px; text-transform: uppercase; } .subPage #dp-content .contentWrapper.contentSingle header.articleHeader .sprache,.subPage #dp-content .contentWrapper.contentUnterbereich header.articleHeader .sprache { display: block; font-size: 83.5%; font-weight: normal; text-transform: none; margin-bottom: 5px; } .subPage #dp-content .contentWrapper.contentSingle header.articleHeader h1,.subPage #dp-content .contentWrapper.contentUnterbereich header.articleHeader h1 { margin: 5px 0; } .subPage #dp-content .contentForm { margin-top: -125px; } .subPage #dp-content .selection .contentForm { margin-top: -50px; } .tab { position: relative; overflow: hidden; height: 21px; } .tab > .tab { position: relative; cursor: pointer; padding-left: 20px; } .tab > .tab:before { position: absolute; top: 4px; left: 0; width: 16px; height: 16px; content: "+"; line-height: 1; text-align: center; font-size: 16px; } .tab.shown { height: auto; } .tab.shown .tab:before { top: 3px; content: "-"; } .inactive { color: #b0b0b0; } #dp-footer { font-size: .925em; line-height: 1.75; background: #f1f1f1; padding: 25px 0; border-top: 2px solid #cfcfcf; } #dp-footer .bordered-item { margin-top: 2rem; } #dp-footer .footer-title { font-size: 1em; text-transform: uppercase; } #dp-footer a { font-weight: 700; } #dp-footer li,#dp-footer p { margin-bottom: 5px; } .dp-gallery { margin: 50px 0 0; } .dp-gallery .singleImage { margin-bottom: 10px; display: block; overflow: hidden; } .dp-gallery .singleImage .fullscreenImage { transition: all .5s; } .dp-gallery .singleImage:hover .fullscreenImage { -webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15); } .infoi { position: relative; cursor: pointer; } .infoi span { position: absolute; top: 0; left: 25px; display: none; padding: 10px; background: white; border: 2px solid #b0b0b0; border-radius: 3px; z-index: 99; width: 500px; } .googleMapWrapper { position: relative; height: 0; padding-bottom: 50%; margin-bottom: 25px } .googleMapWrapper #googleMap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .googleMapWrapper img { max-width: none; } .ui-widget-overlay { background: rgba(0,0,0,0.4); } .ui-dialog { background: white; padding: 10px; border-radius: 3px; } .ui-dialog .ui-dialog-titlebar { padding-bottom: 5px; text-align: center; background: #f1f1f1; } .ui-dialog .ui-dialog-titlebar .ui-button { float: right; background: transparent; color: #f1f1f1; width: 20px; height: 20px; border: 1px solid black; border-radius: 2px; font-size: 1px; line-height: 1px; padding: 0; margin: 5px 5px 0 0; } .ui-dialog .ui-dialog-titlebar .ui-button:after { content: '\e80e'; font-family: "albion-icons"; speak: none; color: black; font-size: 12px; line-height: 12px; } .ui-dialog .ui-dialog-buttonset { text-align: center; padding: 15px 0 0; margin-bottom: -10px; } .ui-dialog .ui-dialog-buttonset .ui-button { background: #b0b0b0; color: white; padding: 10px 15px; } } @media all and (min-width: 36em){ } @media all and (min-width: 48em){ #dp-header .reisenbox .pullout { top: 200px; z-index: 24; } #dp-header .reisenbox .mainbox { top: 190px; z-index: 22; } #dp-header .top .logo { -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); margin: 0; top: 0; left: 0; } #dp-header .bilder { padding-top: 25px; } #dp-content .kursbox { padding: 15px; } #dp-content .kursbox .img { padding-right: 50px; border-right: 1px solid #b0b0b0; } #dp-content .kursbox .selection { clear: both; } #dp-content .kursbox .selection > form > div { margin: 2px; background: #f1f1f1; padding: 15px; clear: both; } #dp-content .kursbox .selection .left { display: inline-block; width: 66%; line-height: 32px; } #dp-content .kursbox .selection .left div { margin-bottom: 15px; } #dp-content .kursbox .selection .optionen .optionen { padding-left: 140px; } #dp-content .kursbox .selection .optionen .optionen input { margin-right: 5px; } #dp-content .kursbox .selection .optionen .left div { margin-bottom: 5px; } #dp-content .kursbox .selection .left div:last-child { margin-bottom: 0; } #dp-content .kursbox .selection .left select { width: 250px; } #dp-content .kursbox .selection .right { float: right; display: inline-block; width: 33%; text-align: right; } #dp-content .kursbox .selection .leftfixed { float: left; width: 140px; } #dp-content .kursbox .selection button { padding: 10px 15px; background: #b0b0b0; color: white; white-space: nowrap; text-transform: uppercase; } #dp-content .kursbox .selection .gesamt { white-space: nowrap; } #dp-content .kursbox .selection .preisGesamt .gesamt { font-size: 150%; color: #8dbf1e; } } @media all and (min-width: 62em){ #dp-footer .bordered-item { border-left: 2px solid #cfcfcf; padding-left: 25px; margin-top: 0; } #dp-header .top #dp-infonav { display: block; } #dp-header .bilder {padding-top: 25px; } #dp-header .bilder .tag { position: absolute; bottom: 100px; background: white; padding: 10px 15px; z-index: 2; text-align: right; box-shadow: 3px 3px 1px rgba(0,0,0,0.4); } #dp-header .bilder .tag div { font-size: 175%; font-weight: bold; color: #3b3b39; } #dp-content .contentWrapper.contentList .tabs { display: block; border-bottom: 2px solid #b0b0b0; padding: 0 10px; margin: 50px 0 0; text-align: center; line-height: 0; } #dp-content .contentWrapper.contentList .tabs .tab { position: relative; display: inline-block; border: 2px solid #b0b0b0; text-align: center; font-size: 83.5%; font-weight: bold; color: #b0b0b0; height: 50px; background: #f1f1f1; margin-bottom: -2px; z-index: 2; width: 160px; } #dp-content .contentWrapper.contentList .tabs span { position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); display: inline-block; line-height: 1em; } #dp-content .contentWrapper.contentList .tabs .tab.aktiv { background: #fff; border-bottom: 2px solid #fff; } #dp-content .contentWrapper.contentList .tabs div.tab { cursor: pointer; } #dp-content .contentWrapper.contentList .tabs .formtab,#dp-content .contentWrapper.contentList .tabs .formtab.aktiv { background: #009bd9; color: #fff; } #dp-content .contentWrapper.contentList .tabinhalt { margin-top: 50px; overflow: hidden; } #dp-content .contentWrapper.contentList .tabinhalt h2 { text-transform: uppercase; } #dp-content .contentWrapper.contentList .tabinhalt .eintab { display: none; } #dp-content .contentWrapper.contentList .tabinhalt .eintab.aktiv { display: block; } #dp-content .contentWrapper.contentList .tabinhalt .eintab article { height: auto; overflow: visible; } #dp-content .contentWrapper.contentList .tabinhalt .eintab article .articleHeader { display: block; } #dp-content .contentWrapper.contentList .tabinhalt .accordiontab { display: none; } #dp-content .contentWrapper.contentList .eintab article { height: 0px; overflow: hidden; } #dp-content .contentWrapper.contentList .eintab article .articleHeader { display: none; } #dp-content .contentWrapper.contentList .eintab.aktiv article { height: auto; } #dp-content .contentWrapper.contentList .accordiontab { display: block; padding: 10px; background: #009bd9; margin-bottom: 5px; color: white; } #dp-header .reisenbox .pullout { top: 260px; } #dp-header .reisenbox .mainbox { top: 250px; } .startPage #dp-header .reisenbox .pullout { display: none; } .startPage #dp-header .reisenbox .mainbox { display: block; } } @media all and (min-width: 75em){ #dp-header .bilder .image-box,#dp-header .bilder .swiper-slide { padding-bottom: 610px; } }
/* content                  [5822] */ @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: url('../font/oxygen-v7-latin-regular.eot'); src: local('Oxygen Regular'), local('Oxygen-Regular'), url('../font/oxygen-v7-latin-regular.eot?#iefix') format('embedded-opentype'), url('../font/oxygen-v7-latin-regular.woff2') format('woff2'), url('../font/oxygen-v7-latin-regular.woff') format('woff'), url('../font/oxygen-v7-latin-regular.ttf') format('truetype'), url('../font/oxygen-v7-latin-regular.svg#Oxygen') format('svg'); } @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 700; src: url('../font/oxygen-v7-latin-700.eot'); src: local('Oxygen Bold'), local('Oxygen-Bold'), url('../font/oxygen-v7-latin-700.eot?#iefix') format('embedded-opentype'), url('../font/oxygen-v7-latin-700.woff2') format('woff2'), url('../font/oxygen-v7-latin-700.woff') format('woff'), url('../font/oxygen-v7-latin-700.ttf') format('truetype'), url('../font/oxygen-v7-latin-700.svg#Oxygen') format('svg'); } @media all { body{ background: #fff; line-height: 1.5; font-size: 18px; } body, table, input, textarea, button, select{ color: #3b3b39; font-family: 'Oxygen', Arial, Helvetica, sans-serif; font-weight: 400; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ margin: 0 0 15px; line-height: 1.25; font-weight: 700; 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: #8dbf1e; text-decoration: none; } a:hover{ color: #698e16; } .no-touch a[href^='tel:']{ cursor: default; color: #3b3b39!important; } .js-hide { display: none; } .button-oben { float: right; padding: 10px 15px; background: #b0b0b0; color: white; white-space: nowrap; text-transform: uppercase; margin-left: 15px; } .button-oben:hover { background: #009bd9; } .printPage #dp-header .top { background: none; border: none; } .printPage #dp-header .top h1 { text-align: center; line-height: 120px; } .printPage #dp-content .contentWrapper.contentKurs header.articleHeader.kursHeader h3 { background: none; color: black; text-transform: none; padding: 5px 0; } .printPage #dp-content .contentWrapper { padding: 0; } .printPage #dp-content .contentWrapper.contentKurs .contentFullkurs { border: 0; margin: 0; } .printPage .mediumHintergrund { background: none; } .printPage #dp-content .kursbox .selection > form > div { background: none; } .printPage #dp-content .kursbox,.printPage #dp-content .kursbox .img { border: 0; } .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 { font-size: .825em; border: 2px solid #fff; box-shadow: 2px 2px 3px 0 rgba(0,0,0,.25); padding: 5px 10px; background: #8dbf1e; color: #fff; margin-right: 10px; display: inline-block; } .contentLink a:hover, .dp-userbutton a:hover, .button:hover, { background: #698e16; color: #fff; } .contentLink span { color: #8dbf1e; } #dp-pagination { margin: 25px 0; } #dp-pagination a { font-size: .825em; padding: 5px 10px; line-height: 1em; border: 2px solid #8dbf1e; color: #8dbf1e; background: #fff; margin-right: 5px; display: inline-block; } #dp-pagination a.current,#dp-pagination a:hover { color: #fff; background: #8dbf1e; } [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: 700; margin-bottom: 12px; content: attr(data-tooltip); background: rgba(0,0,0,.666); padding: 10px; 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{ position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; padding: .5em; font-size: 11px; background: #3b3b39; color: #fff; z-index: 100; } #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); } } @media all and (min-width: 36em){ 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; } } @media all and (min-width: 48em){ 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; } } @media all and (min-width: 62em){ h1, .h1{ font-size: 2.5em; } h2, .h2{ font-size: 2em; } h3, .h3{ font-size: 1.625em; } h4, .h4{ font-size: 1.375em; } } @media all and (min-width: 75em){ }
/* menu                     [5868] */ @media screen, projection { #dp-navigation { text-align: center; background: #b0b0b0; padding: 15px 0; } #dp-navigation ul li a { padding: 5px; display: inline-block; font-size: .75em; color: #fff; } #dp-navigation ul li.active > a,#dp-navigation ul a:hover { text-decoration: underline; } #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; right: 15px; width: 30px; height: 30px; top: 50%; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%); } .mobileMenuBtn span,.mobileMenuBtn span:before,.mobileMenuBtn span:after { display: block; width: 30px; position: absolute; height: 4px; left: 0; background: #8dbf1e; 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: #8dbf1e; } .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; } #dp-mobilemenu { display: block; position: relative; top: -1000px; left: 1000px; height: 0; } body #mm-blocker { z-index: 9999!important; } body .mm-menu { background: #009bd9; } 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: 15px 25px; } 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: 36em){ } @media all and (min-width: 48em){ #dp-navigation ul li { display: inline; } #dp-navigation ul li a { padding: 0 10px; } } @media all and (min-width: 62em){ .mobileMenuBtn{ display: none; } #dp-mobilemenu{ display: none; } #dp-mainmenu { display: block; border-top: 1px solid #3b3b39; padding-top: 15px; margin-top: 15px; } #dp-mainmenu ul.menu li { position: relative; } #dp-mainmenu ul.menu li a { display: block; } #dp-mainmenu ul.menu li.active > a,#dp-mainmenu ul.menu li:hover > a { text-decoration: none; } #dp-mainmenu ul.submenu { display: none; position: absolute; width: 200px; top: 0; right: 100%; z-index: 50; } #dp-mainmenu ul.submenu li { text-align: left; } #dp-mainmenu ul.submenu li a { color: #fff; border-bottom: 1px solid rgba(0,0,0,.1); display: block; line-height: 1.2; padding: 10px 15px; } #dp-mainmenu li:hover > ul.submenu { display: block; } #dp-mainmenu ul.menu > li { float: left; text-align: center; margin-left: 25px; } #dp-mainmenu ul.menu > li > a { color: #3b3b39; padding: 5px 0; } #dp-mainmenu ul.menu > li:first-child { margin-left: 0; } #dp-mainmenu ul.menu > li:hover > a { color: #8dbf1e; } #dp-mainmenu ul.menu > li.active { position: relative; } #dp-mainmenu ul.menu > li.active > a { position: relative; } #dp-mainmenu ul.menu > li.active .albion-subline::after,#dp-mainmenu ul.menu > li.active .albion-subline::before,#dp-mainmenu ul.menu > li.active .albion-subline { height: 2px; position: absolute; bottom: 0; content: ""; } #dp-mainmenu ul.menu > li.active .albion-subline::after { right: 115%; width: 100%; background: #009bd9; } #dp-mainmenu ul.menu > li.active .albion-subline::before { left: 115%; width: 100%; background: #cf6157; } #dp-mainmenu ul.menu > li.active .albion-subline { left: 50%; bottom: 3px; width: 30%; -webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0); background: #8dbf1e; } #dp-mainmenu ul.menuDepth1,#dp-mainmenu ul.menuDepth3 { top: 100%; left: 0; right: 0; background: #8dbf1e; margin-left: -25px; } #dp-mainmenu ul.menuDepth1 > li > a,#dp-mainmenu ul.menuDepth3 > li > a { padding-left: 25px; padding-right: 15px; } #dp-mainmenu ul.menuDepth1 > li.active > a,#dp-mainmenu ul.menuDepth1 > li:hover > a,#dp-mainmenu ul.menuDepth3 > li.active > a,#dp-mainmenu ul.menuDepth3 > li:hover > a { background: #698e16; } #dp-mainmenu ul.menuDepth3 { top: 0; left: auto; right: 100%; } #dp-mainmenu ul.menuDepth2,#dp-mainmenu ul.menuDepth4 { top: 0; right: 100%; background: #698e16; } #dp-mainmenu ul.menuDepth2 > li.active > a,#dp-mainmenu ul.menuDepth2 > li:hover > a,#dp-mainmenu ul.menuDepth4 > li.active > a,#dp-mainmenu ul.menuDepth4 > li:hover > a { background: #8dbf1e; } } @media all and (min-width: 75em){ }
/* form                     [3093] */ @media all { .dp-form input.text,.dp-form textarea,.dp-form select { width: 100%; border: 1px solid #cfcfcf; color: #3b3b39; float: right; min-height: 36px; } .dp-form select { padding: 5px; } .dp-form .textFeld { width: 60%; float: right; } .dp-form button,.dp-form input[type="button"],.dp-form input.text,.dp-form textarea { padding: .375em .625em; font-size: .875em; } .dp-form button:hover { background: #009bd9!important; } .dp-form button[type="submit"] { background: #8dbf1e!important; text-transform: uppercase; color: #fff; } .dp-form button[type="submit"]:hover { background: #009bd9!important; } .dp-form input.text:focus,.dp-form textarea:focus { box-shadow: 0 0 3px 0 rgba(0,0,0,.2); } .dp-form input[type="checkbox"],.dp-form input[type="radio"] { margin-right: 5px; } .dp-form textarea { height: 8em; } .dp-form fieldset { margin-top: 15px; } .dp-form legend { font-weight: bold; } .dp-form .row-checkbox { width: 100%; } .dp-form .row-checkbox label { position: relative; display: block; padding: 10px 0; overflow: hidden; clear: both; } .dp-form .row-checkbox input { position: absolute; left: 0; top: 18px; } .dp-form .row-checkbox .checkText { margin-left: 30px; } .dp-form .sparkasse1 { float: left; width: auto; } .dp-form .sparkasse2 { width: 50%; padding: 10px 0 10px 5px; } .dp-form .sparkasse2 input { margin-top: -2px; } .dp-form .row { margin: 0 0 10px; } .dp-form .row label { width: 100%; } .dp-form .row-error input.text,.dp-form .row-error textarea { border: 1px solid #c33; } .dp-form .row-error .message { color: #c33; font-size: .875em; font-weight: 700; } .dp-form .row-button .requiredNotice { font-size: .75em; margin: 0 0 5px; opacity: .75; } .dp-form .row-button button[disabled],.dp-form .row-button input.submit[disabled] { opacity: .25; cursor: not-allowed; } .dp-form .page { padding: 0; } .dp-form .minitext { display: inline-block; font-size: 12px; max-width: 42%; margin-top: -9px; } .dp-form .absenden-tab .header { display: block; cursor: pointer; padding: 5px 10px; background: #8dbf1e; color: #fff; margin-bottom: 5px; } .dp-form .absenden-tab.hideset fieldset { display: none!important; } .dp-form .absenden-tabfieldset { display: block; } .dp-form .hide { display: none; } .dp-form .extra_info { display: none; } .dp-form .show { display: block; } .dp-form.dp-hidden-form legend,.dp-form.dp-hidden-form div.row:not(.row-button),.dp-form.dp-hidden-form div.header,.dp-form.dp-hidden-form .requiredNotice { display: none; } .dp-form.dp-hidden-form fieldset { margin-top: 0; display: block; } #dp-search.dp-form input{ width: 100%; } } @media all and (min-width: 36em){ } @media all and (min-width: 48em){ .dp-form input.text,.dp-form textarea,.dp-form select { width: 60%; border: 1px solid #cfcfcf; color: #3b3b39; float: right; } .dp-form .col-m-100 input.text,.dp-form .col-m-100 select,.dp-form .col-m-100 .radios-div { width: 80.8%; float: right; } .dp-form .radios-div .radio-item { display: inline-block; max-width: 50%; padding-right: 30px; } } @media all and (min-width: 62em){ } @media all and (min-width: 75em){ }
/* print                    [1130] */ @media print { .noprint { display: none!important; } .logo { margin-left: 0; position: relative; top: auto; left: auto; display: block; overflow: visible; float: left; } .logo object { width: 200px; } .img { width: 50%; } .infoi *, .minitext { display: none; } #dp-header .top h1 { float: right; } .infos { padding-bottom: 20px; } .infoArea { margin-bottom: 20px; } .infoArea .col-m-40 { float: left; width: 42%; } .infoArea .col-m-40 .img, .infoArea .col-m-40 img { width: 100%; height: 100%; } .infoArea .col-m-60 { float: right; width: 54%; } .swiper-slide, .swiper-container-android .swiper-slide, .swiper-wrapper{ display: block!important; position: static!important; width: 100%!important; height: auto!important; float: none!important; -webkit-transform: none!important;-moz-transform: none!important;-o-transform: none!important;-ms-transform: none!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important; } .header-rows, .reisenbox, .dp-footer, .dp-navigation, button { display: none; } .contentWrapper{ padding: 1cm 0 0!important; margin: 1cm 0 0!important; } }