@CHARSET "UTF-8";
/* variables                  [96] */ a { color: rgba(255,255,255, 0.4); } a:hover { color: rgba(255,255,255, 1); } 
/* fonts                    [1885] */ @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 200; src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), url('../fonts/open-sans-v15-latin-300.woff') format('woff'); } @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), url('../fonts/open-sans-v15-latin-regular.woff') format('woff'); } @font-face { font-family: 'OpenSans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), url('../fonts/open-sans-v15-latin-italic.woff') format('woff'); } @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 500; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), url('../fonts/open-sans-v15-latin-600.woff') format('woff'); } @font-face { font-family: 'OpenSans'; font-style: italic; font-weight: 500; src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'); } @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), url('../fonts/open-sans-v15-latin-700.woff') format('woff'); } @font-face { font-family: 'FontAwesome'; src: url('../fonts/fa-solid-900.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesomeReg'; src: url('../fonts/fa-regular-400.woff') format('woff'); font-weight: normal; font-style: normal; }
/* 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; }
/* base                     [3127] */ @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: #000; color: #fff; text-shadow:none; } ::-webkit-selection { background: #000; color: #fff; text-shadow:none; } ::-moz-selection { background: #000; 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      [1503] */ /*! * 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: #c5deef; } .ui-accordion .ui-accordion-content { padding: 1em 0; border-top: 0; overflow: auto; } 
/* cols                    [12659] */ .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: 32em){ .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.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-x-200-fixed { width: 200px; } .cols-l > .col-x-250-fixed { width: 250px; } .cols-l > .col-x-mid { width: auto; } .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-200-fixed { width: 200px; } .cols-xl > .col-xl-250-fixed { width: 250px; } .cols-xl > .col-xl-mid { width: auto; } .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                  [54404] */ @media screen, projection { .print { display: none!important; } html, body, .dp-pagewrapper, #mm-0 { position: relative; height: 100%; -webkit-overflow-scrolling: touch; } .page { margin: 0 auto; padding: 0; position: relative; } .table { display: block; width: 100%; min-width: 320px; max-width: 100%; } .table #dp-header { display: block; width: 100%; background: #d8172f; vertical-align: top; max-width: 100%; min-width: 320px; z-index: 2; font-size: 75%; } .table #dp-main { display: block; width: 100%; vertical-align: top; border-top: 1px solid white; padding-top: 5px; max-width: 100%; min-width: 320px; font-size: 87.5%; } .table #dp-footer { display: block; width: 100%; vertical-align: top; max-width: 100%; min-width: 320px; padding-bottom: 66px; } .table #dp-footer::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 185px; content: " "; background: url(../images/welle.png) center bottom no-repeat; background-size: 100% auto; } #dp-header { position: relative; } #dp-header .topLogo { position: absolute; top: -5px; left: 10px; width: 150px; z-index: 3; } #dp-header .logo { z-index: 2; background: #fff; width: 100%; height: 100px; display: inline-block; color: #e83343; padding: 25px 0 0 125px; font-size: 112%; } #dp-header .logo h2 { font-weight: 500; font-style: italic; margin: 0; font-size: 132%; } #dp-header .whiteback { position: relative; background: #fff; } #dp-header #dp-mainmenu { position: relative; background: #e83343; } #dp-header #dp-mainmenu .dienste { font-size: 100%; color: rgba(255,255,255,0.75); margin-bottom: 5px; } #dp-header #dp-mainmenu::after { position: absolute; left: 0; bottom: 0; content: " "; background: url(../images/RoteWelle2.png) no-repeat center top; width: 100%; height: 15px; } #dp-header .menubox-wrap { position: relative; padding: 15px 35px 100px; overflow: hidden; background: #d8172f; } #dp-header #dp-menuboxen { padding-bottom: 66px; } #dp-header #dp-menuboxen ul { padding: 0; } #dp-header #dp-menuboxen li .box { position: relative; width: 100%; height: 62px; margin-bottom: 5px; } #dp-header #dp-menuboxen li a { position: relative; display: block; height: 62px; background: #e83343; padding: 10px 15px; color: #fff; line-height: 58px; overflow: hidden; font-size: 75%; font-weight: 500; } #dp-header #dp-menuboxen li .titel { position: relative; display: block; line-height: 15px; top: 50%; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%); } #dp-header #dp-menuboxen li .text { display: none; } #dp-header #dp-menuboxen li .image { display: none; } #dp-header #dp-menuboxen li .rechtSammlungLink a { position: relative; background: #ed5c69; } #dp-header #dp-menuboxen li .rechtSammlungLink a:after { content: " "; display: block; position: absolute; width: 100%; height: 15px; background: #e83343; bottom: -5px; left: 0; -webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg); } #dp-header #dp-menuboxen li .rechtSammlungLink a:before { content: "\f24e"; font-family: 'FontAwesome'; font-weight: normal; font-size: 100%; opacity: 0.5; display: block; position: absolute; right: 5px; top: 0px; -webkit-transform:scale(0.8,1);-ms-transform:scale(0.8,1);transform:scale(0.8,1); } #dp-header .footerLogos { position: absolute; bottom: 0; left: 0; width: 100%; height: 66px; background: #fff; padding: 0 0 0 25px; } #dp-header .footerLogos img { float: left; max-width: 32%; position: relative; top: 50%; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%); } #dp-header .hidden { display: none; } #dp-header #dp-search { position: absolute; top: 50px; left: 5px; width: 40px; height: 40px; margin: 0; background: #d8172f; border: 5px solid #d8172f; border-radius: 5px; z-index: 4; } #dp-header #dp-search input { display: none; margin-left: 40px; padding: 10px 50px 10px 10px; border-radius: 5px; background: #efefef; border: 0; font-size: 83.333%; width: 290px; } #dp-header #dp-search input:focus { display: block; } #dp-header #dp-search form { display: none; padding: 10px; } #dp-header #dp-search form::after { position: absolute; content:"\f002"; right: 20px; top: 18px; font-size: 0.75rem; font-family: 'FontAwesome'; font-weight: normal; } #dp-header #dp-search .invisiblesubmit { position: absolute; right: 18px; top: 16px; width: 24px; height: 24px; background: transparent; text-indent: 100px; overflow: hidden; border-radius: 0; margin: 0; padding: 0; z-index: 2; } #dp-header #dp-search.no-js:hover,#dp-header #dp-search.show { top: 210px; width: 350px; height: 60px; } #dp-header #dp-search.no-js:hover input,#dp-header #dp-search.show input { display: block; } #dp-header #dp-search::before { position: absolute; content:"\f002"; left: 2px; top: 0; font-family: 'FontAwesome'; font-weight: normal; color: #fff; font-size: 150%; cursor: pointer; } #dp-header #dp-search.no-js:hover::before,#dp-header #dp-search.show::before { top: 10px; } #dp-header #dp-search.no-js:hover form,#dp-header #dp-search.show form { display: block; } #dp-header a.rechtSammlungLink { position:relative; padding: 25px 15px 35px; background: #ed5c69; color: white; margin: 0 35px; font-size: 100%; overflow: hidden; } #dp-header a.rechtSammlungLink:after { content: " "; display: block; position: absolute; width: 100%; height: 25px; background: #d8172f; bottom: -5px; left: 0; -webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg); } #dp-header a.rechtSammlungLink:before { content: "\f24e"; font-family: 'FontAwesome'; font-weight: normal; font-size: 200%; opacity: 0.8; display: block; position: absolute; right: 25px; top: 5px; -webkit-transform:scale(0.8,1);-ms-transform:scale(0.8,1);transform:scale(0.8,1); } .table #dp-header .footerLogos { display: none; } .table #dp-header #dp-search::before { font-size: 1.35rem; top: -1px; left: 3px; } .table #dp-header #dp-search.show { top: 50px; height: 40px; width: 310px; } .table #dp-header #dp-search form { padding: 0; } .table #dp-header #dp-search input { padding: 5px; height: 30px; width: 260px; font-size: 125%; } .table #dp-header #dp-search form::after { right: 8px; top: 8px; } .table #dp-header #dp-search .invisiblesubmit { right: 6px; top: 6px; } .table #dp-header #dp-search.show::before { top: -1px; } #dp-main > section { margin: 15px; } #dp-main > .contentWrapper.contentMid { margin-bottom: 25px; } #dp-main > .contentWrapper.contentMid header.sectionHeader { margin: 0 0 10px; } #dp-main > .contentWrapper.contentMid header.sectionHeader h1,#dp-main > .contentWrapper.contentMid header.sectionHeader .h1,#dp-main > .contentWrapper.contentMid header.sectionHeader h2,#dp-main > .contentWrapper.contentMid header.sectionHeader .h2,#dp-main > .contentWrapper.contentMid header.sectionHeader h3,#dp-main > .contentWrapper.contentMid header.sectionHeader .h3,#dp-main > .contentWrapper.contentMid header.sectionHeader h4,#dp-main > .contentWrapper.contentMid header.sectionHeader .h4,#dp-main > .contentWrapper.contentMid header.sectionHeader h5,#dp-main > .contentWrapper.contentMid header.sectionHeader .h5,#dp-main > .contentWrapper.contentMid header.sectionHeader h6,#dp-main > .contentWrapper.contentMid header.sectionHeader .h6 { margin: 0; } #dp-main > .contentWrapper.contentMid header.sectionHeader h2 { font-size: 2em; } #dp-main > .contentWrapper.contentMid .suche .suchtext_wrap { display: block; font-size: 100%; font-weight: 200; line-height: 1.2; margin-bottom: 15px; } #dp-main > .contentWrapper.contentMid .suche .suchtext { color: #e83343; } #dp-main > .contentWrapper.contentMid .suche .itemBox { font-size: 87.5%; } #dp-main > .contentWrapper.contentMid .suche .itemBox h4 { font-size: 100%;; color: #000; font-weight: bold; } #dp-main > .contentWrapper.contentMid .suche .itemBox h4.recht { position: relative; padding-left: 35px; } #dp-main > .contentWrapper.contentMid .suche .itemBox h4.recht:before { content: "\f24e"; font-family: 'FontAwesome'; font-weight: normal; font-size: 175%; opacity: 0.8; display: block; color: #e83343; position: absolute; left: 0; top: 2px; -webkit-transform:scale(0.8,1);-ms-transform:scale(0.8,1);transform:scale(0.8,1); } #dp-main > .contentWrapper.contentMid .suche .itemBox p { color: #000; } #dp-main > .contentWrapper.contentMid .contentMidBox { position: relative; padding: 15px; background: #fff; margin-bottom: 25px; } #dp-main > .contentWrapper.contentMid .contentMidBox header.contentHeader a { color: #000; } #dp-main > .contentWrapper.contentMid .contentMidBox ul li { margin-bottom: 5px; } #dp-main > .contentWrapper.contentMid .contentMidBox ul li a { display: block; padding: 5px 10px; background: #c5deef; color: #000; font-size: 87.5%; } #dp-main > .contentWrapper.contentMid .contentMidBox ul li h4 { font-size: 1em; margin: 0; font-weight: normal; } #dp-main > .contentWrapper.contentMid .contentMidBox .rechtsMenu ul.menuDepth1 > li > a { background: transparent; } #dp-main > .contentWrapper.contentMid .contentMidBox .rechtsMenu .menuDepth2 { margin-left: 10px; } #dp-main > .contentWrapper.contentMid .contentMidBox .backlink a { display: block; padding: 10px; margin-bottom: 5px; background: #c5deef; color: #000; margin-top: 15px; } #dp-main > .contentWrapper.contentMid .contentMidBox .inhaltTopics a { display: block; font-size: 87.5%; line-height: 1; margin-bottom: 5px; } #dp-main > .contentWrapper.contentMid .contentMidBox .wermachtwas label { position: relative; display: block; margin-bottom: 10px; font-size: 100%; height: 65px; vertical-align: top; } #dp-main > .contentWrapper.contentMid .contentMidBox .wermachtwas label span { position: relative; top: 50%; display: inline-block; line-height: 1; width: 60%; -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%); vertical-align: top; } #dp-main > .contentWrapper.contentMid .contentMidBox .wermachtwas label img { width: 50px; vertical-align: middle; } #dp-main > .contentWrapper.contentMid .contentMidBox .wermachtwas label input { float: right; margin: 27px 25px 0 0; -webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2); } #dp-main > .contentWrapper.contentMid .contentMidBox .buttons { overflow: hidden; } #dp-main > .contentWrapper.contentMid .contentMidBox .roundButton { float: left; display: inline-block; width: 25px; height: 25px; background: #3d92cb; border-radius: 15px; margin-right: 15px; text-align: center; font-family: "FontAwesome"; color: #fff; line-height: 2.2; font-size: 75%; } #dp-main > .contentWrapper.contentMid .contentMidBox .roundButton:hover { background: rgba(0,0,0, 0.6); color: #fff; } #dp-main > .contentWrapper.contentMid .contentMidBox .recht { color: #d8172f; } #dp-main > .contentWrapper.contentMid .contentMidBox .box { position: relative; } #dp-main > .contentWrapper.contentMid .contentMidBox .aktiv { position: absolute; display: none; top: 17px; right: 10px; width: 25px; height: 25px; transition: right 2s; font-family: "FontAwesome"; color: #000; font-size: 150%; } #dp-main > .contentWrapper.contentMid .contentMidBox .box .aktiv { top: -1px; right: -5px; } #dp-main > .contentWrapper.contentMid .contentMidBox .active .aktiv { display: block; right: 0; animation: arrow-d 4s ease-in-out 0s 1; } #dp-main > .contentWrapper.contentMid .contentMidBox .active .aktiv .r { display: none; } #dp-main > .contentWrapper.contentMid .contentMidBox .buchstaben { column-count: 6; column-gap: 10px; } #dp-main > .contentWrapper.contentMid .contentMidBox .buchstaben span { display: block; width: 100%; } #dp-main > .contentWrapper.contentMid .contentMidBox .rollen .rolle { display: block; padding: 5px 10px 5px 35px; background: #c5deef; color: #000; font-size: 100%; margin-bottom: 5px; } #dp-main > .contentWrapper.contentMid .contentMidBox .rollen .rolle::before { display: inline-block; content: "+"; border: 1px solid #000; line-height: 0.7; height: 15px; width: 15px; text-align: center; margin-right: 5px; font-size: 1.25em; vertical-align: -2px; margin-left: -25px; } #dp-main > .contentWrapper.contentMid .contentMidBox .rollen .rolle.open::before { content: "-"; font-size: 1.7em; line-height: 0.25; } #dp-main > .contentWrapper.contentMid .contentMidBox .rollen .unterrollen { padding-left: 20px; } #dp-main > .contentWrapper.contentMid .contentMidBox .rolleNamen { margin: 10px; margin-left: 25px; } #dp-main > .contentWrapper.contentMid .contentMidBox .rolleNamen div { letter-spacing: -0.02em; font-weight: bold; margin-bottom: 10px; } #dp-main > .contentWrapper.contentMid .contentMidBox .rolleNamen div span { display: block; font-weight: normal; } #dp-main > .contentWrapper.contentMid .contentMidBox .rolleNamen div a { background: transparent; } #dp-main > .contentWrapper.contentMid .contentMidBox .rolleNamen div a.blue,#dp-main > .contentWrapper.contentMid .contentMidBox .rolleNamen div a:hover { color: #48c; } #dp-main > .contentWrapper.contentMid .contentMidBox .rolleNamen div a.blue span,#dp-main > .contentWrapper.contentMid .contentMidBox .rolleNamen div a:hover span { color: #000; } #dp-main > .contentWrapper.contentMid .contentMidBox ul.rechtsmenu ul { padding-left: 15px; } #dp-main > .contentWrapper.contentMid .contentMidBox ul.rechtsmenu a.box { margin-bottom: 5px; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner h3 { font-size: 112.5%; font-weight: bold; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .wcb { position: relative; min-height: 32px; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .dekanat { height: 40px; overflow: hidden; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .dekanat.open { height: auto; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .name { display: block; padding: 5px 10px; background: #c5deef; color: #000; font-size: 100%; margin-bottom: 5px; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .name::before { display: inline-block; content: "+"; border: 1px solid #000; line-height: 0.6; height: 15px; width: 15px; text-align: center; margin-right: 5px; font-size: 1.25em; vertical-align: -2px; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .open .name::before { content: "-"; font-size: 1.7em; line-height: 0.25; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner input[type=checkbox] { position: relative; opacity: 0.0001; width: 25px; height: 25px; margin: 5px 10px 0 0; z-index: 2; float: right; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner label.wcb { display: block; overflow: hidden; padding-left: 35px; padding-right: 40px; margin-bottom: 5px; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner label.wcb span { line-height: 30px; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .name input[type=checkbox] { margin: 0 0 -5px 0; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .wcb label { position: absolute; right: 15px; top: 7px; font-size: 0px; line-height: 0px; width: 20px; height: 20px; border: 1px solid #3d92cb; background: white; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .wcb label::before { position: absolute; content: " "; top: 4px; left: 2px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; height: 9px; width: 14px; background: white; border-bottom: 4px solid #3d92cb; border-left: 4px solid #3d92cb; -webkit-transform:rotate(-45deg) scale(0);-ms-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0); transition: .1s; transform-origin: center; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .wcb input[type=checkbox]:checked + label::before { -webkit-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1); } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner .wcb input[type=checkbox]:indeterminate + label::before { -webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);transform:rotate(0) scale(1); top: 7px; left: 3px; width: 12px; height: 4px; } #dp-main > .contentWrapper.contentMid .contentMidBox.contentMidAnsprechpartner label.open { background: #eff5ff; } #dp-main > .contentWrapper.contentMid .rechtsMenu h4 { font-size: 87.5%; font-weight: bold; } #dp-main > .contentWrapper.contentMid .rechtsMenu h4 a { color: black; } #dp-main > .contentWrapper.contentMid #dp-rechtsearch { position: relative; top: 0; left: auto; width: auto; height: auto; margin: 0; background: #fff; z-index: 2; padding: 0 0 15px; } #dp-main > .contentWrapper.contentMid #dp-rechtsearch > div { padding-bottom: 5px; } #dp-main > .contentWrapper.contentMid #dp-rechtsearch form { display: block; padding: 0; } #dp-main > .contentWrapper.contentMid #dp-rechtsearch form::after { position: absolute; content:"\f002"; right: 10px; top: 8px; font-family: 'FontAwesome'; font-weight: normal; } #dp-main > .contentWrapper.contentMid #dp-rechtsearch .invisiblesubmit { position: absolute; right: 8px; top: 6px; width: 24px; height: 24px; background: transparent; text-indent: 100px; overflow: hidden; border-radius: 0; margin: 0; padding: 0; z-index: 2; } #dp-main > .contentWrapper.contentMid #dp-rechtsearch input { display: block; margin-left: 0; border: 0; font-size: 83.333%; width: 100%; padding: 10px 50px 10px 10px; border-radius: 5px; background: #efefef; } #dp-main > .contentWrapper.contentMid #dp-rechtsearch.no-js:hover { top: 0; width: auto; height: auto; } #dp-main > .contentWrapper.contentMid #dp-rechtsearch::before { display: none; } #dp-main > .contentWrapper.contentMid #dp-rechtsearch::before { position: absolute; content:"\f002"; left: 2px; top: 0; font-family: 'FontAwesome'; font-weight: normal; color: #fff; font-size: 150%; cursor: pointer; } .mark { background: #fbf4b3; } .startPage #dp-content { background-repeat: no-repeat; background-position: center; background-attachment: scroll; background-size: cover; -webkit-backface-visibility:hidden;backface-visibility:hidden; } .startPage #dp-content .contentWrapper.contentSingle { padding: 0 100px; background: transparent; } .startPage #dp-content .contentWrapper.contentSingle .contentItem { position: relative; text-align: center; font-size: 83.333%; padding-top: 50px; } .startPage #dp-content .contentWrapper.contentSingle p { padding: 0; } .startPage #dp-content .contentWrapper.contentSingle ul { position: relative; bottom: 0; left: 50%; width: 90%; margin: 25px 0 0; padding: 0; text-align: left; -webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0); border-radius: 5px 5px 0 0; color: rgba(0,0,0, 0.9); } .startPage #dp-content .contentWrapper.contentSingle ul > li { position: relative; padding-left: 25px; list-style-type: none; margin-bottom: 10px; } .startPage #dp-content .contentWrapper.contentSingle ul > li:before { position: absolute; top: -2px; left: 0; font-family: 'FontAwesome'; content: "\f105"; width: 25px; height: 25px; background: rgba(0,0,0,0.5); color: #fff; text-align: center; line-height: 23px; border-radius: 15px; font-size: 28px; font-weight: bold; text-shadow: 2px 0 #000; -webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5); } .startPage #dp-content .contentWrapper.contentSingle a { color: rgba(0,0,0, 0.4); } .startPage #dp-content .contentWrapper.contentSingle a:hover { color: rgba(0,0,0, 1); } .startPage .table #dp-content .contentWrapper.contentSingle { padding: 0 15px; } #dp-content { background: #fff; } #dp-content .contentWrapper { padding: 25px 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; } #dp-content .contentWrapper .contentItem header.articleHeader { margin: 0 0 25px; } #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; } #dp-content .contentWrapper .contentItem header.articleRechtsHeader { position: relative; padding-left: 50px; } #dp-content .contentWrapper .contentItem header.articleRechtsHeader:before { content: "\f24e"; font-family: 'FontAwesome'; font-weight: normal; font-size: 200%; opacity: 0.8; display: block; position: absolute; left: 0; top: 5px; -webkit-transform:scale(0.8,1);-ms-transform:scale(0.8,1);transform:scale(0.8,1); } #dp-content .contentWrapper .breadcrumb { font-size: 87.5%; } #dp-content .contentWrapper .breadcrumb .angle-double-right::before { content: "\f101"; font-family: 'FontAwesome'; font-weight: normal; font-size: 75%; color: #8c8b8b; margin: 5px; opacity: 0.5; } #dp-content .contentWrapper .ansprechpartner { position: relative; } #dp-content .contentWrapper .ansprechpartner .hidden { display: none; } #dp-content .contentWrapper .ansprechpartner a { word-wrap: break-word; } #dp-content .contentWrapper .ansprechpartner .nobot { font-weight: bold; margin: 0; } #dp-content .contentWrapper .ansprechpartner .mitBild { margin-left: 79px; } #dp-content .contentWrapper .ansprechpartner .bild { position: absolute; left: 0; width: 69px; height: 92px; overflow: hidden; } #dp-content .contentWrapper .ansprechpartner .vorschaubild img { max-width: none; margin: 0 50%; -webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0); } #dp-content .contentWrapper .ansprechpartner .roledata { margin: 5px 0; border-top: 1px solid #c5deef; padding: 10px 0; } #dp-content .contentWrapper .ansprechpartner .roledata .role { font-size: 85.714%; color: var(--grey); } #dp-content .contentWrapper .ansprechpartner .roledata .role span { display: none; } #dp-content .contentWrapper .ansprechpartner .roledata .telephone::before { content: "\f095"; font-family: 'FontAwesome'; font-weight: normal; margin-right: 5px; } #dp-content .contentWrapper .ansprechpartner .roledata .email::before { content: "\f0e0"; font-family: 'FontAwesomeReg'; font-weight: normal; margin-right: 5px; } #dp-content .contentWrapper .ansprechpartner .roledata .ausklappbar { padding-top: 10px; } #dp-content .contentWrapper .ansprechpartner .roledata .ausklappbar h4 { background: #c5deef; color: #000; padding: 5px 10px; font-size: 114.285%; font-weight: 400; } #dp-content .contentWrapper .ansprechpartner .roledata .ausklappbar h4 span { display: inline-block; border: 1px solid #000; line-height: 0.7; height: 15px; width: 15px; text-align: center; margin-right: 5px; font-size: 1.125rem; border-radius: 0; vertical-align: 0; } #dp-content .contentWrapper .ansprechpartner .roledata .ausklappbar h4 span.minus { font-size: 2rem; line-height: 0.2; vertical-align: -3px; } #dp-content .contentWrapper .ansprechpartner .roledata .ausklappbar p { color: #000; } #dp-content #ansprechAnker .ansprechpartner .bild { width: 60px; height: 80px; } #dp-content #ansprechAnker .ansprechpartner .mitBild { margin-left: 65px; } #dp-content .contentWrapper.contentSingle { background: #fff; padding: 15px; } #dp-content .contentWrapper.contentSingle .contentItem .filterbar .filterbar-icons img { width: 30px; } #dp-content .contentWrapper.contentSingle .contentItem .filterbar.hidden { opacity: 0.5; } #dp-content .contentWrapper.contentSingle .contentItem .tabbar .tab { border: 1px solid #8c8b8b; padding: 10px; min-height: 100px; } #dp-content .contentWrapper.contentSingle .contentItem .tabbar .tablinks { z-index: 2; } #dp-content .contentWrapper.contentSingle .contentItem .tabbar .tablink,#dp-content .contentWrapper.contentSingle .contentItem .tabbar h4 { float: left; cursor: pointer; border: 1px solid #8c8b8b; padding: 5px 10px; border-radius: 5px 5px 0 0; margin: 0; font-size: 125%; user-select: none; } #dp-content .contentWrapper.contentSingle .contentItem .tabbar .tab_on { position: relative; top: 1px; margin-bottom: -1px; border-bottom-color: #fff; z-index: 2; } #dp-content .contentWrapper.contentSingleExtra { background: #fff; padding: 15px; margin-top: 35px; } #dp-content .contentWrapper.contentThemen,#dp-content .contentWrapper.contentUntermenu,#dp-content .contentWrapper.contentDownloads { background: #fff; padding: 25px; } #dp-content .contentWrapper.contentThemen .contentItem .buchstaben,#dp-content .contentWrapper.contentUntermenu .contentItem .buchstaben,#dp-content .contentWrapper.contentDownloads .contentItem .buchstaben { width: 100%; } #dp-content .contentWrapper.contentThemen .contentItem .buchstaben span,#dp-content .contentWrapper.contentUntermenu .contentItem .buchstaben span,#dp-content .contentWrapper.contentDownloads .contentItem .buchstaben span { display: inline-block; min-width: 3%; white-space: no-break; } #dp-content .contentWrapper.contentThemen .contentItem .themen .hidden,#dp-content .contentWrapper.contentUntermenu .contentItem .themen .hidden,#dp-content .contentWrapper.contentDownloads .contentItem .themen .hidden { display: none; } #dp-content .ausklappbar { cursor: pointer; color: #e83343; } #dp-content .ausklappbar .plus,#dp-content .ausklappbar .minus { display: inline-block; border-radius: 5px; border: 1px solid #e83343; line-height: 15px; width: 15px; text-align: center; margin-right: 5px; } #dp-content .zustand { color: #e83343; padding: 0 0 1em ; } #dp-content .material { position: relative; display: block; margin-bottom: 10px; overflow: hidden; line-height: 48px; height: 60px; break-inside: avoid; } #dp-content .material img { float: left; width: 48px; height: 48px; margin: 6px 11px 6px 6px; } #dp-content .material .text { position: relative; display: block; top: 50%; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%); line-height: 1.2; padding-left: 45px; word-break: break-word; } #dp-content .small .text { font-size: 87.5%; line-height: 1.1; } #dp-content .vsmall .text { font-size: 75%; line-height: 1.1; } #dp-content .contentWrapper.contentDownloads .download { clear: both; padding-left: 56px; } #dp-content .contentWrapper.contentDownloads .accordion h2 { position: relative; clear: both; } #dp-content .contentWrapper.contentDownloads .accordion h2 a { padding-left: 35px; display: inline-block; color: #000; } #dp-content .contentWrapper.contentDownloads .accordion h2 a span { position: absolute; left: 5px; top: 6px; width: 33px; height: 25px; background-position: 0px -10px; filter: invert(100%); background-size: cover; background-repeat: no-repeat; } #dp-content .contentRecht { margin-bottom: 15px; } #dp-content .rechtspfad { font-size: 66%; display: block; } #dp-content .rechtspfad .rtext { white-space: nowrap; } #dp-content .rechtspfad .angle-double-right::before { content: "\f101"; font-family: 'FontAwesome'; font-weight: normal; font-size: 75%; color: #8c8b8b; margin: 5px; opacity: 0.5; } #dp-content .contentWrapper.contentKompetenz { background: #fff; padding: 10px; font-size: 75%; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass { border: 0; border-collapse: collapse; width: 100%; font-size: 75%; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass table { position: relative; border-spacing: 0px; border-collapse: collapse; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass th { padding: 0.8em; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass th.over { border-left: 1px solid #999; border-bottom: 1px solid #999; height: 120px; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass th.text,#dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass th.button,#dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass th.textbutton { border-bottom: 2px solid #FF0014; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass th.textbutton.extrapos span { position: absolute; top: 0; right: 5%; width: 50%; background: #fff; border-left: 1px solid black; border-bottom: 1px solid black; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass th.smallbutton,#dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass td.smallbutton { padding: 0; text-align: center; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass td { padding: 0.8em; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .button { border-left: 1px solid #999; width: 3%; z-index: 2; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .buttonWrap { position: relative; z-index: 2; padding: 5px 0; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass button { margin: 0; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .textbutton { border-left: 1px solid #999; width: 15%; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass tr:nth-child(even) { background-color: #eee; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass tr.white { background-color: #fff; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass { overflow: hidden; padding: 5px 0; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .empfehlung { margin: 10px 0 20px; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .empfehlung tr { background-color: #eee; border-bottom: 2px solid #FF0014; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .empfehlung tr:last-child { border-bottom: 0px; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .empfehlung .druckswitch { vertical-align: bottom; margin-right: 3px; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .forward,#dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .druck { float: right; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .left { float: left; } #dp-content .contentWrapper.contentKompetenz .contentItem .empfehlung .elink { display: inline-block; margin: 10px 0 0; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortschrittWrap { position: relative; top: -40px; display: inline-block; padding: 0 80px; width: 100%; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortLeft { padding-left: 120px; } #dp-content .contentWrapper.contentKompetenz .contentItem .hinweis { position: absolute; margin-top: -40px; font-size: 83.333%; min-width: 200px; display: none; line-height: 1; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortschrittWrap .fortWrap { position: absolute; top: 0; left: 0; width: 100%; text-align: center; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortschrittWrap .fortschrittInfo { display: inline-block; margin: 5px 10px 5px 0; height: 20px; line-height: 20px; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortschrittWrap .schritt { display: inline-block; margin: 5px 10px 5px 0; height: 20px; line-height: 20px; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortschrittWrap .fortschritt { display: inline-block; margin: 5px 0; overflow: hidden; border: 1px solid #aaa; box-shadow: 2px 2px 10px #000; line-height: 18px; width: 100%; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortschrittWrap .fortschritt span { display: inline-block; width: 20%; height: 18px; background: #eee; text-align: center; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortschrittWrap .fortschritt span.on { background: #aaa; border-right: 1px solid rgba(0,0,0,0.2); } #dp-content .contentWrapper.contentKompetenz .contentItem .notice { padding: 10px 0; font-size: 87.5%; } #dp-content .contentRechtsmenu .loadHide { display: none; } #dp-content .contentRechtsmenu .contentItem { position: relative; margin-bottom: 15px; } #dp-content .contentRechtsmenu .closed .dp-footnode-text {opacity: 0.66; } #dp-content .contentRechtsmenu .dp-footnode-text { position: relative; cursor: pointer; font-size: 75%; margin-bottom: 5px; line-height: 1.2; font-style: italic; } #dp-content .contentRechtsmenu .dp-footnode-text .footnode-nr { position: absolute; top: 3px; color: gray; } #dp-content .contentRechtsmenu .dp-footnode-text .footnode-text { display: inline-block; padding-left: 32px; } #dp-content .contentRechtsmenu .dp-footnode { position: relative; display: inline-block; margin: -23px -20px -20px; padding: 20px; font-size: 83.275%; font-weight: 500; color: #3d92cb; vertical-align: super; cursor: pointer; } #dp-content .contentRechtsmenu h4 .dp-footnode {font-size: 66%; } #dp-content .contentRechtsmenu .footnode-popup { position: absolute; z-index: 1000; display: inline-block; background: white; border: 1px solid black; padding: 10px; } #dp-content .contentRechtsmenu .dp-foot { border-top: 1px solid black; margin-top: 50px; padding-top: 10px; } #dp-content .contentRechtsmenu .ui-accordion .ui-accordion-content { overflow: hidden; } .makeLeft { position: relative; display: inline-block; margin-left: -30px; min-width: 30px; } #dp-menubox { padding: 0; margin: 0; font-weight: bolder; line-height: 1.15; } #dp-menubox #dp-menuboxen ul { padding: 0; } #dp-menubox #dp-menuboxen li { position: relative; height: 100px; margin-bottom: 15px; } #dp-menubox #dp-menuboxen li .box { position: relative; width: 100%; height: 100px; } #dp-menubox #dp-menuboxen li a { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background: #c5deef; padding: 25px 15px; color: #000; line-height: 66px; overflow: hidden; } #dp-menubox #dp-menuboxen li a .titel { position: relative; display: inline-block; line-height: 16px; width: 135px; z-index: 2; font-size: 85%; } #dp-menubox #dp-menuboxen li a .image { position: absolute; right: 5px; top: -20px; width: 100px; height: 100px; background: transparent center no-repeat; background-size: cover; } #dp-menubox #dp-menuboxen li a .text { display: block; height: 0; opacity: 0; width: 100%; line-height: 1.1; } #dp-menubox #dp-menuboxen li a::after { content: " "; display: block; position: absolute; width: 100%; height: 20px; background: #a8cee8; bottom: -5px; left: 0; -webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg); } #dp-menubox #dp-menuboxen li a:hover { position: absolute; top: 50%; bottom: auto; left: -25px; right: -25px; z-index: 2; background: #3d92cb; line-height: 50px; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%); z-index: 3; } #dp-menubox #dp-menuboxen li a:hover .titel { color: #fff; line-height: 18px; } #dp-menubox #dp-menuboxen li a:hover .image { width: 60px; height: 60px; top: 0; } #dp-menubox #dp-menuboxen li a:hover .text { height: auto; opacity: 1; font-size: 87.5%; font-weight: normal; line-height: 1.2; color: #fff; } #dp-menubox #dp-menuboxen li a:hover::after { opacity: 0; } #dp-menubox #dp-menubars ul,#dp-menubox #dp-menubars li { margin: 0; padding: 0; } #dp-menubox #dp-menubars li { position: relative; display: block; height: 38px; margin-bottom: 15px; } #dp-menubox #dp-menubars a { position: relative; left: 0px; right: 0px; top: 0; bottom: 0; margin: 0; display: block; padding: 10px; background: #a8cee8; color: #000; text-align: center; } #dp-menubox #dp-menubars a:hover { position: absolute; top: 50%; bottom: auto; margin-left: -25px; margin-right: -25px; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%); z-index: 3; background: #3d92cb; line-height: 50px; } #dp-footer { position: relative; background: #fbf4b3; overflow: hidden; } #dp-footer #dp-content { position: relative; margin: 15px; background: transparent; z-index: 2; font-size: 87.5%; } #dp-footer #dp-content .contentWrapper.contentList header.sectionHeader h1,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader .h1,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader h2,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader .h2,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader h3,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader .h3,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader h4,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader .h4,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader h5,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader .h5,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader h6,#dp-footer #dp-content .contentWrapper.contentList header.sectionHeader .h6 { margin: 0; } #dp-footer #dp-content .contentWrapper.contentList header.sectionHeader h1 { font-size: 2em; font-weight: 200; } #dp-footer #dp-content .contentWrapper.contentList .contentItem { background: #fff; padding: 10px 15px; } #dp-footer #dp-content .contentWrapper.contentList .col { margin-bottom: 5px; } #dp-footer #dp-content .contentWrapper.contentList .contentGruppe header.sectionHeader { margin: 0 0 15px; } #dp-footer #dp-content .contentWrapper.contentList .contentGruppe .roundButton { float: left; display: inline-block; width: 25px; height: 25px; background: #3d92cb; border-radius: 15px; margin-right: 15px; text-align: center; font-family: "FontAwesome"; color: #fff; line-height: 2.2; font-size: 75%; } #dp-footer #dp-content .contentWrapper.contentList .contentGruppe .roundButton:hover { background: rgba(0,0,0, 0.6); color: #fff; } #dp-footer #dp-content .contentWrapper.contentList .contentGruppe .recht { background: #e83343; } #dp-footer #dp-content .contentWrapper .watermark { position: relative; padding-left: 60px; } #dp-footer #dp-content .contentWrapper .watermark span { position: absolute; top: 0; left: 0; width: 55px; height: 45px; background-position: -4px -14px; filter: invert(100%); } #dp-footer .contentWrapper.contentNeuesteInhalte,#dp-footer .contentGruppe { position: relative; padding: 15px; z-index: 2; } #dp-footer .contentWrapper.contentNeuesteInhalte header.sectionHeader h3,#dp-footer .contentGruppe header.sectionHeader h3 { font-size: 1.25em; } #dp-footer .contentWrapper.contentNeuesteInhalte a,#dp-footer .contentGruppe a { color: #000; } #dp-footer .contentWrapper.contentNeuesteInhalte .flex-container,#dp-footer .contentGruppe .flex-container { column-count: 1; column-gap: 10px; } #dp-footer .contentWrapper.contentNeuesteInhalte .flex-box,#dp-footer .contentGruppe .flex-box { display: inline-block; width: 100%; margin-bottom: 10px; } #dp-footer .contentWrapper.contentNeuesteInhalte .contentItem,#dp-footer .contentGruppe .contentItem { background: #fff; padding: 10px 15px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #dp-footer .contentWrapper.contentNeuesteInhalte .contentItem header.articleHeader,#dp-footer .contentGruppe .contentItem header.articleHeader { margin-bottom: 0; } #dp-footer .contentWrapper.contentNeuesteInhalte .contentItem header.articleHeader h2,#dp-footer .contentGruppe .contentItem header.articleHeader h2 { font-size: 1.25em; font-weight: bold; word-wrap: break-word; min-height: 50px; } #dp-footer .contentWrapper.contentNeuesteInhalte .contentItem header.articleHeader h2:first-letter,#dp-footer .contentGruppe .contentItem header.articleHeader h2:first-letter { font-size: 2.9em; float: left; line-height: 0.61em; padding-top: 6px; } #dp-footer .contentWrapper.contentNeuesteInhalte .contentItem .itemTeaser,#dp-footer .contentGruppe .contentItem .itemTeaser { margin: 15px 0 0; overflow: hidden; } #dp-footer .contentGruppe { padding: 35px 0 0; } #dp-footer .contentHatBild .rightBild { text-align: right; padding: 0 0 10px 50%; } #dp-footer .contentHatBild .contentGruppe { padding: 0; clear: right; } #dp-menufooter { display: none; clear: both; padding: 5px 10px; } #dp-menufooter li { display: inline-block; padding: 0 5px; } #dp-menufooter a { color: #d8172f; font-size: 87.5%; } .columns { column-count: 1; column-gap: 10px; line-height: 1.25; } .columns a { display: block; width: 100%; line-height: 1; margin-bottom: 10px; break-inside: avoid; } .columns.ansprechpartner a { line-height: 1.5; margin-bottom: 25px; } .columns.ansprechpartner a span { font-size: 83.5%; display: block; color: #8c8b8b; } .roundBox { border-radius: 5px; box-shadow: 2px 2px 1px rgba(0,0,0,0.15); } .schlagworte { position: relative; padding: 10px 0; margin-bottom: 5px; } article.schlagworte a { padding: 15px 40px; margin: -15px; display: block; font-size: 1.25em; font-weight: bold; word-wrap: break-word; width: 100%; } article.schlagworte a:before { position: absolute; top: 11px; left: 15px; content: "\f101"; font-family: 'FontAwesome'; font-weight: normal; font-size: 75%; margin: 5px; opacity: 0.5; } .schlagworte span, .meta span { font-style: italic; } .meta { padding: 10px 0; font-size: 75%; } .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); } .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; } .mainPage #dp-content .contentWrapper { padding: 75px 0; } .backlink { display: none; } #dp-content .contentWrapper.contentKompetenz .contentItem .inhaltText,#dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass { font-size: 75%; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .text,#dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass td,#dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass th { padding: 0.2em; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .hinweis { position: relative; margin-top: 0; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .fortschrittWrap { top: 0; padding: 0; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortschrittWrap { top: 0; padding: 0; } #dp-content .contentWrapper.contentKompetenz .contentItem .hinweis { position: relative; max-width: 100%; margin-top: 0; } .openclose { position: relative; padding: 15px; background: #fff; padding-left: 35px; cursor: pointer; } .openclose .a { display: none; } .close { border-bottom: 25px solid #efefef; } .close .a { display: inline-block; } .close .e { display: none; } .openclose::before { position: absolute; top: 15px; left: 15px; content: "\f107"; font-family: 'FontAwesome'; width: 20px; height: 20px; font-size: 20px; } .openclose.close::before { content: "\f105"; } .openclose.close + section { height: 0; overflow: hidden; } .contentMid #dp-footer #dp-content { margin: 25px; } .contentMid #dp-footer .close + #dp-content { margin: 0; } .contentMid #dp-footer #dp-content .contentList { padding-top: 0; } .contentMid #dp-footer { padding-bottom: 0; } .contentMid #dp-footer::after { display: none; height: 0; } .contentMid #dp-footer .openclose + .contentMid #dp-footer #dp-content { margin-bottom: 15px; } .totop { position: fixed; display: none; bottom: 100px; right: 0; width: 100px; background: #3d92cb; height: 80px; padding: 15px; border-radius: 15px 0 0 15px; color: #fff; z-index: 10; text-align: right; } .totop::before { position: absolute; top: 20px; left: 15px; content: "\f062"; font-family: 'FontAwesome'; width: 20px; height: 20px; font-size: 25px; } .totop.show { display: block; } .totop:hover { background: rgba(0,0,0, 0.6); color: #fff; } .druckbutton { position: relative; float: right; display: inline-block; padding-left: 30px; font-size: 0; text-indend: 1000px; min-width: 30px; min-height: 30px; } .druckbutton::before { position: absolute; left: 0; top: 0; font-family: 'FontAwesome'; content: "\f02f"; width: 25px; height: 25px; background: #3d92cb; border-radius: 15px; line-height: 1.8; color: #fff; font-size: 0.875rem; text-align: center; text-indend: 0; } .druckbutton:hover::before { background: rgba(0,0,0, 0.6); color: #fff; } .mobile-footerLogos { display: block; background: #fff; padding: 0 10px 0; text-align: center; } .mobile-footerLogos img { vertical-align: middle; max-width: 30%; } .teaserBild { padding-bottom: 10px; } .teaserBildLeft { float: left; margin-right: 5px; } } @media all and (min-width: 32em){ .table #dp-header { font-size: 100%; } .table #dp-header .topLogo { top: 4px; left: 14px; width: 180px; } .table #dp-header .logo { height: 120px; padding: 35px 0 35px 152px; } .table #dp-header #dp-search,.table #dp-header #dp-search.show { top: 65px; left: 10px; } .table #dp-main { font-size: 100%; } .columns { column-count: 2; } #dp-content .contentWrapper.contentKompetenz { padding: 25px; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass .text,#dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass td,#dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass th { padding: 0.8em; } #dp-content .contentWrapper.contentKompetenz .contentItem .inhaltText,#dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass { font-size: 87.5%; } #dp-content .contentWrapper.contentKompetenz .contentItem .hinweis { position: absolute; margin-top: -40px; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortschrittWrap { top: -40px; padding: 0 80px; } #dp-content .contentWrapper.contentKompetenz .contentItem .fortLeft { padding-left: 120px; } #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass th.textbutton.extrapos span { position: relative; top: 0; right: auto; width: auto; background: #fff; border: 0; } #dp-content .contentWrapper.contentKompetenz .contentItem .notice { font-size: 100%; } #dp-footer .contentHatBild .rightBild { float: right; padding: 0 0 0 5px; max-width: 50%; } .startPage .table #dp-content .contentWrapper.contentSingle p { padding: 0 25px; } .startPage .table #dp-content .contentWrapper.contentSingle ul { width: 80%; padding: 15px; } .mobile-footerLogos { padding-right: 33%; } } @media all and (min-width: 48em){ .startPage .table #dp-content .contentWrapper.contentSingle { padding: 0 50px; } .startPage .table #dp-content .contentWrapper.contentSingle p { padding: 0 50px; } #dp-footer .contentGruppe .flex-container { column-count: 2; } #dp-content .contentWrapper.contentKompetenz .contentItem .inhaltText, #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass { font-size: 100%; } #dp-content .contentWrapper.contentThemen .contentItem .themen .columns { column-count: 3; } #dp-content .contentRechtsmenu .contentItem table.pastoralraum td { font-size: 100%; } .mobile-footerLogos { padding-right: 50%; } #dp-content .contentWrapper.contentDownloads .accordion h2 a { padding-left: 40px; } #dp-content .contentWrapper.contentDownloads .accordion h2 a span { width: 40px; height: 30px; background-position: 0px -14px; } } @media all and (min-width: 62em){ .table { display: table; } .table #dp-header { position: absolute; } .table #dp-main { display: table-cell; width: 400px; border-top: 120px solid white; padding-top: 0; } .table #dp-footer { display: table-cell; width: auto; max-width: auto; z-index: 2; } .table #dp-footer::after { content: " "; height: 185px; background: url(../images/welle.png) center bottom no-repeat; background-size: 100% auto; } .startPage .table #dp-content .contentWrapper.contentSingle { padding: 0 15px; } .startPage .table #dp-content .contentWrapper.contentSingle p { padding: 0 15px; } .startPage .table #dp-main { width: auto; } .startPage .table #dp-footer { width: 400px; } .backlink { display: block; } #dp-content .contentWrapper.contentKompetenz .contentItem .inhaltText, #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass { font-size: 87.5%; } #dp-main > .contentWrapper.contentMid .contentMidBox .active .aktiv { display: block; right: 0; animation: arrow-r 4s ease-in-out 0s 1; } #dp-main > .contentWrapper.contentMid .contentMidBox .active .aktiv .r { display: inline-block; } #dp-main > .contentWrapper.contentMid .contentMidBox .active .aktiv .d { display: none; } #dp-content .contentRechtsmenu .contentItem table.pastoralraum td { font-size: 75%; } #dp-content .contentWrapper.contentDownloads .accordion h2 a { padding-left: 50px; } #dp-content .contentWrapper.contentDownloads .accordion h2 a span { width: 48px; height: 35px; background-position: 0 -14px; } } @media all and (min-width: 75em){ .table #dp-header { position: static; display: table-cell; width: 300px; min-width: 300px; background: #d8172f; height: auto; } .table #dp-header .whiteback { z-index: 2; padding-bottom: 50px; } .table #dp-header .whiteback::after { position: absolute; content: " "; background: url(../images/RoteWelle.png) no-repeat center top; width: 100%; height: 50px; } .table #dp-header .topLogo { left: -15px; top: -8px; width: 145px; } .table #dp-header .logo { position: relative; width: auto; height: auto; padding: 20px 0 30px 96px; font-size: 84%; } .table #dp-header #dp-search { position: relative; top: -10px; left: auto; width: auto; height: auto; margin: 0 25px; background: #fff; border-color: #efefef; } .table #dp-header #dp-search form { display: block; padding: 0; } .table #dp-header #dp-search form::after { right: 10px; top: 8px; } .table #dp-header #dp-search .invisiblesubmit { right: 8px; top: 6px; } .table #dp-header #dp-search input { display: block; margin-left: 0; border: 0; font-size: 83.333%; width: 100%; border-radius: 0; } .table #dp-header #dp-search.no-js:hover { top: -10px; width: auto; height: auto; } .table #dp-header #dp-search::before { display: none; } .table #dp-header .footerLogos { width: 100%; } .table #dp-main { border-top: 0; } .table #dp-content .contentWrapper.contentSingle { padding: 25px; } .table #dp-footer::after { content: " "; height: 185px; background: url(../images/welle.png) center bottom no-repeat; background-size: 100% auto; } .startPage .table #dp-header { background: #e83343; } .startPage .table #dp-mainmenu::after { display: none; } .columns { column-count: 1; } #dp-content .contentWrapper.contentKompetenz .contentItem .inhaltText, #dp-content .contentWrapper.contentKompetenz .contentItem #kompetenzkompass { font-size: 100%; } #dp-content .contentRechtsmenu .contentItem table.pastoralraum td { font-size: 100%; } .mobile-footerLogos { display: none; } } @media all and (min-width: 95em){ .table { display: table; width: 100%; } .table #dp-header { width: 400px; } .table #dp-header .topLogo { left: -14px; top: 4px; width: 180px; } .table #dp-header .logo { font-size: 112%; padding: 35px 25px 35px 125px; } .table #dp-header #dp-search { margin: 0 35px; } .table #dp-header .footerLogos { width: 100%; } .table #dp-header #dp-menuboxen li a { font-size: 81.25%; } .table #dp-header #dp-menuboxen li .rechtSammlungLink a:before { font-size: 200%; } .table #dp-main { width: 475px; } .startPage .table #dp-main { width: auto; } .startPage .table #dp-footer { width: 475px; max-width: 475px; } #dp-main .contentWrapper.contentMid, #dp-main #dp-content, #dp-main #dp-menubox { margin: 35px; } #dp-footer #dp-content, #dp-footer .contentWrapper.contentNeuesteInhalte, #dp-footer .contentGruppe { margin: 25px; font-size: 100%; } #dp-footer .contentHatBild .rightBild { margin-right: 25px; padding-left: 30px; } #dp-menubox #dp-menuboxen li a .image { top: -20px; width: 90px; height: 90px; } .druckbutton { font-size: 100%; text-indend: 0px; } #dp-content .contentWrapper .ansprechpartner .mitBild { margin-left: 85px; } #dp-content .contentWrapper .ansprechpartner .bild { width: 75px; height: 100px; } } @media all and (min-width: 110em){ #dp-menubox #dp-menuboxen li a .image { top: -35px; width: 120px; height: 120px; } #dp-menubox #dp-menuboxen li a .titel { font-size: 100%; } #dp-menubox #dp-menuboxen li a { padding: 25px; } .startPage .table { display: table; } .startPage .table #dp-content .contentWrapper.contentSingle ul { width: 55%; } #dp-footer #dp-content { font-size: 100%; } #dp-footer #dp-content .contentWrapper.contentList header.sectionHeader h1 { font-size: 2.5em; } #dp-footer #dp-content header.sectionHeader h3,#dp-footer .contentWrapper.contentNeuesteInhalte header.sectionHeader h3,#dp-footer .contentGruppe header.sectionHeader h3 { font-size: 1.8em; } #dp-main .contentWrapper.contentMid .contentMidBox { padding: 25px; } .columns { column-count: 2; column-gap: 15px; } } @keyframes arrow-r { 0% { right: 0px; } 11% { right: 5px; } 22% { right: -10px; } 44% { right: 5px; } 55% { right: -10px; } 77% { right: 5px; } 88% { right: -10px; } 99% { right: 0px; } } @keyframes arrow-d { 0% { top: 17px; } 11% { top: 10px; } 22% { top: 24px; } 44% { top: 10px; } 55% { top: 24px; } 77% { top: 10px; } 88% { top: 24px; } 99% { top: 17px; } }
/* content                  [9888] */ @media all { body{ background: #efefef; line-height: 1.5; font-size: 16px; } body, table, input, textarea, button, select{ color: #222; font-family: 'OpenSans', 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: 200; 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: #48c; text-decoration: none; } a:hover{ color: rgba(0,0,0, 0.6); } a.no, a.no:hover { color: #000; } .no-touch a[href^='tel:']{ cursor: default; color: #222!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: .875em; border-radius: 3px; padding: 5px 10px; background: #48c; color: #fff; margin-right: 10px; display: inline-block; } .contentLink a:hover, .dp-userbutton a:hover, button:hover, input[type='submit']:hover { background: rgba(0,0,0, 0.6); color: #fff; } #dp-pagination a { font-size: .875em; border-radius: 3px; padding: 5px 10px; line-height: 1em; border: 2px solid #48c; color: #48c; background: rgba(255,255,255, 0.4); margin-right: 5px; display: inline-block; } #dp-pagination a:hover { color: rgba(255,255,255, 0.4); background: #48c; } .footerText { font-style: italic; font-size: 87.5%; margin-bottom: 10px; } [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{ z-index: 99999; position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; padding: .5em; font-size: 11px; background: #666; 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); } h1, .h1{ font-size: 1.5em; } h2, .h2{ font-size: 1.25em; } h3, .h3{ font-size: 1em; } h4, .h4{ font-size: 1.125em; } h5, .h5{ font-size: 1.0625em; } h6, .h6{ font-size: 1em; } .contentWrapper ol[type="1"] { padding: 0 0 0 30px; } .contentWrapper ol[type="1"] li { padding: 0 0 0 5px; } .contentWrapper ol.list-a-bracket { counter-reset: list1; padding: 0 0 0 35px; } .contentWrapper ol.list-a-bracket > li { list-style: none; position: relative; padding: 0; counter-increment: list1; } .contentWrapper ol.list-a-bracket > li:before { content: counter(list1, lower-alpha) ") "; position: absolute; left: -2em; } .contentWrapper ol.list-a-brackets { position: relative; counter-reset: list7; padding: 0 0 0 35px; } .contentWrapper ol.list-a-brackets > li { list-style: none; position: relative; padding: 0; counter-increment: list7; } .contentWrapper ol.list-a-brackets > li:before { content: "(" counter(list7, lower-alpha) ") "; position: absolute; left: -2em; } .contentWrapper ol.list-aa-bracket { counter-reset: list2; padding: 0 0 0 35px; } .contentWrapper ol.list-aa-bracket > li { list-style: none; position: relative; padding: 0; counter-increment: list2; } .contentWrapper ol.list-aa-bracket > li:before { content: counter(list2, lower-alpha) counter(list2, lower-alpha) ") "; position: absolute; left: -2.1em; } .contentWrapper ol.list-1-bracket { counter-reset: list3; padding: 0 0 0 35px; } .contentWrapper ol.list-1-bracket > li { list-style: none; position: relative; padding: 0; counter-increment: list3; } .contentWrapper ol.list-1-bracket > li:before { content: counter(list3) ") "; position: absolute; left: -2em; } .contentWrapper ol.list-1-brackets { counter-reset: list4; padding: 0 0 0 35px; } .contentWrapper ol.list-1-brackets > li { list-style: none; position: relative; padding: 0; counter-increment: list4; } .contentWrapper ol.list-1-brackets > li:before { content: "(" counter(list4) ") "; position: absolute; left: -2em; } .contentWrapper ol.list-dash { padding: 0 0 0 12px; } .contentWrapper ol.list-dash > li { list-style: none; position: relative; padding: 0; counter-increment: list5; } .contentWrapper ol.list-dash > li:before { content: "\2013"; position: absolute; left: -0.8em; } .contentWrapper ol.section-counter { counter-reset: section; padding: 0; margin: 0; } .contentWrapper ol.section-counter > li { counter-increment: section; margin: 0; padding: 0; list-style: none; } .contentWrapper ol.list-1-dot { counter-reset: list6 section; padding: 0 0 0 25px; } .contentWrapper ol.list-1-dot > li { list-style: none; position: relative; padding: 0; counter-increment: list6 section; } .contentWrapper ol.list-1-dot > li:before { content: counter(list6) ". "; position: absolute; left: -1.4em; } .contentWrapper ol.list-1-dot ol.subsection-counter,.contentWrapper ol.section-counter ol.subsection-counter { counter-reset: subsection; padding: 0 0 0 45px; } .contentWrapper ol.list-1-dot ol.subsection-counter > li,.contentWrapper ol.section-counter ol.subsection-counter > li { list-style: none; position: relative; padding: 0; counter-increment: subsection; } .contentWrapper ol.list-1-dot ol.subsection-counter > li:before,.contentWrapper ol.section-counter ol.subsection-counter > li:before { content: counter(section) "." counter(subsection); position: absolute; left: -2.5em; } .contentWrapper ol.list-1-dot ol.subsection-counter ol.subsection-counter,.contentWrapper ol.section-counter ol.subsection-counter ol.subsection-counter { counter-reset: subsubsection; padding: 0 0 0 50px; } .contentWrapper ol.list-1-dot ol.subsection-counter ol.subsection-counter > li,.contentWrapper ol.section-counter ol.subsection-counter ol.subsection-counter > li { list-style: none; position: relative; padding: 0; counter-increment: subsubsection; } .contentWrapper ol.list-1-dot ol.subsection-counter ol.subsection-counter > li:before,.contentWrapper ol.section-counter ol.subsection-counter ol.subsection-counter > li:before { content: counter(section) "." counter(subsection) "." counter(subsubsection); position: absolute; left: -3.1em; } .contentWrapper ol.section-counter ol.subsection-blind { counter-reset: bsection; padding: 0; margin: 0; } .contentWrapper ol.section-counter ol.subsection-blind > li { counter-increment: bsection; margin: 0; padding: 0; list-style: none; } .contentWrapper ol.section-counter ol.subsection-blind ol.subsection-counter { padding: 0 0 0 50px; } .contentWrapper ol.section-counter ol.subsection-blind ol.subsection-counter > li { list-style: none; position: relative; padding: 0; counter-increment: subsection; } .contentWrapper ol.section-counter ol.subsection-blind ol.subsection-counter > li:before { content: counter(section) "." counter(bsection) "." counter(subsection); position: absolute; left: -3.1em; } .contentWrapper ol.section-counter ol.subsection-counter ol.subsection-counter ol.subsection-counter { position: relative; counter-reset: subsubsubsection; padding: 0 0 0 55px; } .contentWrapper ol.section-counter ol.subsection-counter ol.subsection-counter ol.subsection-counter > li { list-style: none; position: relative; padding: 0; counter-increment: subsubsubsection; } .contentWrapper ol.section-counter ol.subsection-counter ol.subsection-counter ol.subsection-counter > li:before { content: counter(section) "." counter(subsection) "." counter(subsubsection) "." counter(subsubsubsection); position: absolute; left: -3.7em; } .contentWrapper span.kapitalchen { font-variant: small-Caps; } .contentWrapper table.pastoralraum td { border-right:1px solid black; border-bottom:1px solid black; padding: 5px; vertical-align: top; font-size: 75%; } .contentWrapper table.pastoralraum td:first-child { border-left: 1px solid black; } .contentWrapper table.pastoralraum tr.novert td { border-left: 0; border-right: 0; } .contentWrapper table.pastoralraum tr.nohori td { border-bottom: 0; } } @media all and (min-width: 32em){ h1, .h1{ font-size: 1.75em; } h2, .h2{ font-size: 1.5em; } h3, .h3{ font-size: 1em; } 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: 2.5em; } h2, .h2{ font-size: 1.625em; } h3, .h3{ font-size: 1.2em; } h4, .h4{ font-size: 1.25em; } h5, .h5{ font-size: 1.125em; } } @media all and (min-width: 62em){ h1, .h1{ font-size: 2.75em; } h2, .h2{ font-size: 2em; } h3, .h3{ font-size: 1.35em; } h4, .h4{ font-size: 1.375em; } } @media all and (min-width: 75em){ }
/* menu                     [3908] */ @media screen, projection { #dp-navigation { text-align: center; } #dp-navigation > ul li a { padding: 5px; display: inline-block; font-size: .875em; } #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; width: 40px; height: 40px; left: 5px; top: 25px; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%); background: #d8172f; border: 5px solid #d8172f; border-radius: 5px; z-index: 4; } .mobileMenuBtn span,.mobileMenuBtn span:before,.mobileMenuBtn span:after { display: block; width: 30px; position: absolute; height: 4px; left: 0; background: #fff; 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: #fff; } .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, #dp-menuboxen, .rechtSammlungLink, #dp-menubox, .menubox-wrap { display: none; } body #mm-blocker { z-index: 9999!important; } body .mm-menu { background: #d8172f; } 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: 32em){ .mobileMenuBtn { top: 30px; left: 10px; } } @media all and (min-width: 75em){ .rechtSammlungLink, #dp-menubox, .menubox-wrap, #dp-menufooter, #dp-menuboxen { display: block; } .mobileMenuBtn{ display: none; } #dp-mainmenu { display: block; padding: 35px; } #dp-mainmenu ul.menu li { position: relative; } #dp-mainmenu ul.menu li a { display: block; background: #d8172f; padding: 5px 10px; margin-bottom: 5px; color: rgba(255,255,255, 0.9); font-size: 83.333%; } #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.menuDepth1 { position: absolute; top: 100%; left: 0; } }
/* form                     [1053] */ @media all { .dp-form input.text,.dp-form textarea { width: 100%; border: 1px solid #ccc; padding: .5em .75em; color: #222; } .dp-form input.text:focus,.dp-form textarea:focus { box-shadow: 0 0 3px 0 rgba(0,0,0,.25); } .dp-form input[type="checkbox"],.dp-form input[type="radio"] { margin-right: 5px; } .dp-form textarea { height: 8em; } .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: .5; } .dp-form .row-button button[disabled]:hover,.dp-form .row-button input.submit[disabled]:hover { cursor: not-allowed; } } @media all and (min-width: 32em){ } @media all and (min-width: 48em){ } @media all and (min-width: 62em){ } @media all and (min-width: 75em){ }
/* print                    [2424] */ @media print { .footerLogos, .totop, .mobile-footerLogos, .roundbutton, .noprint, .buttons, .contentMid, .rechtsMenu, .rechtsTexteListe, .druckbutton, #dp-rechtsearch { display: none!important; } .print { display: block!important; } .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; } .contentWrapper{ border-top: 1mm solid #ccc; padding: 1cm 0 0!important; margin: 1cm 0 0!important; } .ui-accordion .ui-accordion-content { display:block !important; } .breadcrumb { font-size: 75%; } .angle-double-right:after { content: "->"; display: inline-block; padding: 0 5px; } .breadcrumb .angle-double-right:first-child { display: none; } a.material[href]:after { content: " https://www.verwaltung-erzbistum-paderborn.de" attr(href) " "; } a.material img { width: 40px; } a.material .text { display: none; } a.recht[href]:after { content: " (https://www.verwaltung-erzbistum-paderborn.de" attr(href) ") "; } .contentRechtsmenu .accordion h4.ui-accordion-header-active { display: block!important; margin-top: 40px; border-top: 1px solid black; paddig-top: 40px; } .contentRechtsmenu .accordion h4.ui-accordion-header-collapsed { display: none!important; } .contentRechtsmenu .accordion.allClosed h4.ui-accordion-header-collapsed { display: block!important; } .contentRechtsmenu .accordion.allClosed h4.ui-accordion-header-collapsed .dp-footnode { display: none!important; } .contentRechtsmenu .accordion .accInhalt { display: none!important; } .contentRechtsmenu .accordion .ui-accordion-content-active { display: block!important; } .contentRechtsmenu .dp-footnode { vertical-align: super; } .contentRechtsmenu .dp-foot:before { display: block; content:"Fußnoten:"; } .contentRechtsmenu .dp-foot { font-size: 75%; } .contentRechtsmenu .dp-foot .dp-footnode-wrap.closed { display: none!important; } .contentRechtsmenu .dp-foot .dp-footnode-text { position: relative; padding-bottom: 6px; } .contentRechtsmenu .dp-foot .footnode-nr { position:absolute; top: 3px; } .contentRechtsmenu .dp-foot .footnode-text { padding-left: 32px; display: inline-block; } }