@CHARSET "UTF-8";
/* variables              [18] */ 
/* fonts                  [18] */ 
/* normalize.1.1.0      [3143] */ /*! normalize.css v1.1.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; -ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; }
/* base                 [1419] */ @media all { *, *:after, *:before{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block; } html{ height: 100%; } body{ overflow-y: scroll; } body { background: rgb(225, 224, 223); overflow-x: hidden; } body.ol-contentIframe {background:transparent;} .dp-pagewrapper { overflow: hidden; } .clear{ clear: both; font-size: 0px; height: 0px; } * html div.clear{line-height:0px;} .clearing:before, .clearing:after{ content:""; display:table; } .clearing:after{ clear:both; } .clearing{ *zoom:1; } .cleardiv:after{ content:"."; visibility: hidden; display: block; height: 0; clear: both; } input,textarea,select,button{ font-size: 1em; } fieldset { min-width: 0; width: 100%; } ul{ padding: 0 0 0 1.666em; margin: 0 0 1em; } ul.dp-readerLinks{ position: absolute; left: -1000px; top: -1000px; width: 100%; } ul.dp-readerLinks li{text-decoration: none; } 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; } } @-moz-document url-prefix() { fieldset { display: table-cell; } } 
/* cols                [12529] */ .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: -20px; } .cols.medium-gaps > *{ padding-left: 20px; } .cols.large-gaps{ margin-left: -30px; } .cols.large-gaps > *{ padding-left: 30px; } .cols.larger-gaps{ margin-left: -var(largerspacing); } .cols.larger-gaps > *{ padding-left: var(largerspacing); } .cols.largest-gaps{ margin-left: -50px; } .cols.largest-gaps > *{ padding-left: 50px; } @media all and (min-width: 36em){ .cols-s { width: auto; margin-left: -15px; } .cols-s > * { float: left; padding-left: 15px; position: relative; } .cols-s > .col-s-100 { width: 100%; } .cols-s > .col-s-83 { width: 83.333%; } .cols-s > .col-s-83.pull { right: 16.666%; } .cols-s > .col-s-83.push { left: 16.666%; } .cols-s > .col-s-80 { width: 80%; } .cols-s > .col-s-80.pull { right: 20%; } .cols-s > .col-s-80.push { left: 20%; } .cols-s > .col-s-75 { width: 75%; } .cols-s > .col-s-75.pull { right: 25%; } .cols-s > .col-s-75.push { left: 25%; } .cols-s > .col-s-70 { width: 70%; } .cols-s > .col-s-70.pull { right: 30%; } .cols-s > .col-s-70.push { left: 30%; } .cols-s > .col-s-66 { width: 66.666%; } .cols-s > .col-s-66.pull { right: 33.333%; } .cols-s > .col-s-66.push { left: 33.333%; } .cols-s > .col-s-65 { width: 65%; } .cols-s > .col-s-65.pull { right: 35%; } .cols-s > .col-s-65.push { left: 35%; } .cols-s > .col-s-60 { width: 60%; } .cols-s > .col-s-60.pull { right: 40%; } .cols-s > .col-s-60.push { left: 40%; } .cols-s > .col-s-50 { width: 50%; } .cols-s > .col-s-50.pull { right: 50%; } .cols-s > .col-s-50.push { left: 50%; } .cols-s > .col-s-40 { width: 40%; } .cols-s > .col-s-40.pull { right: 60%; } .cols-s > .col-s-40.push { left: 60%; } .cols-s > .col-s-35 { width: 35%; } .cols-s > .col-s-35.pull { right: 65%; } .cols-s > .col-s-35.push { left: 65%; } .cols-s > .col-s-33 { width: 33.333%; } .cols-s > .col-s-33.pull { right: 66.666%; } .cols-s > .col-s-33.push { left: 66.666%; } .cols-s > .col-s-30 { width: 30%; } .cols-s > .col-s-30.pull { right: 70%; } .cols-s > .col-s-30.push { left: 70%; } .cols-s > .col-s-25 { width: 25%; } .cols-s > .col-s-25.pull { right: 75%; } .cols-s > .col-s-25.push { left: 75%; } .cols-s > .col-s-20 { width: 20%; } .cols-s > .col-s-20.pull { right: 80%; } .cols-s > .col-s-20.push { left: 80%; } .cols-s > .col-s-16 { width: 16.666%; } .cols-s > .col-s-16.pull { right: 83.333%; } .cols-s > .col-s-16.push { left: 83.333%; } .cols-s.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: -20px; } .cols-s.medium-gaps > *{ padding-left: 20px; } .cols-s.large-gaps{ margin-left: -30px; } .cols-s.large-gaps > *{ padding-left: 30px; } .cols-s.larger-gaps{ margin-left: -var(largerspacing); } .cols-s.larger-gaps > *{ padding-left: var(largerspacing); } .cols-s.largest-gaps{ margin-left: -50px; } .cols-s.largest-gaps > *{ padding-left: 50px; } } @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: -20px; } .cols-m.medium-gaps > *{ padding-left: 20px; } .cols-m.large-gaps{ margin-left: -30px; } .cols-m.large-gaps > *{ padding-left: 30px; } .cols-m.larger-gaps{ margin-left: -var(largerspacing); } .cols-m.larger-gaps > *{ padding-left: var(largerspacing); } .cols-m.largest-gaps{ margin-left: -50px; } .cols-m.largest-gaps > *{ padding-left: 50px; } } @media all and (min-width: 62em){ .cols-l { width: auto; margin-left: -1.5em; } .cols-l > * { float: left; padding-left: 1.5em; position: relative; } .cols-l > .col-l-100 { width: 100%; } .cols-l > .col-l-83 { width: 83.333%; } .cols-l > .col-l-83.pull { right: 16.666%; } .cols-l > .col-l-83.push { left: 16.666%; } .cols-l > .col-l-80 { width: 80%; } .cols-l > .col-l-80.pull { right: 20%; } .cols-l > .col-l-80.push { left: 20%; } .cols-l > .col-l-75 { width: 75%; } .cols-l > .col-l-75.pull { right: 25%; } .cols-l > .col-l-75.push { left: 25%; } .cols-l > .col-l-70 { width: 70%; } .cols-l > .col-l-70.pull { right: 30%; } .cols-l > .col-l-70.push { left: 30%; } .cols-l > .col-l-66 { width: 66.666%; } .cols-l > .col-l-66.pull { right: 33.333%; } .cols-l > .col-l-66.push { left: 33.333%; } .cols-l > .col-l-60 { width: 60%; } .cols-l > .col-l-60.pull { right: 40%; } .cols-l > .col-l-60.push { left: 40%; } .cols-l > .col-l-50 { width: 50%; } .cols-l > .col-l-50.pull { right: 50%; } .cols-l > .col-l-50.push { left: 50%; } .cols-l > .col-l-40 { width: 40%; } .cols-l > .col-l-40.pull { right: 60%; } .cols-l > .col-l-40.push { left: 60%; } .cols-l > .col-l-33 { width: 33.333%; } .cols-l > .col-l-33.pull { right: 66.666%; } .cols-l > .col-l-33.push { left: 66.666%; } .cols-l > .col-l-30 { width: 30%; } .cols-l > .col-l-30.pull { right: 70%; } .cols-l > .col-l-30.push { left: 70%; } .cols-l > .col-l-25 { width: 25%; } .cols-l > .col-l-25.pull { right: 75%; } .cols-l > .col-l-25.push { left: 75%; } .cols-l > .col-l-20 { width: 20%; } .cols-l > .col-l-20.pull { right: 80%; } .cols-l > .col-l-20.push { left: 80%; } .cols-l > .col-l-16 { width: 16.666%; } .cols-l > .col-l-16.pull { right: 83.333%; } .cols-l > .col-l-16.push { left: 83.333%; } .cols-l.no-gaps{ margin-left: 0; } .cols-l.no-gaps > *{ padding-left: 0; } .cols-l.min-gaps{ margin-left: -5px; } .cols-l.min-gaps > *{ padding-left: 5px; } .cols-l.small-gaps{ margin-left: -10px; } .cols-l.small-gaps > *{ padding-left: 10px; } .cols-l.default-gaps{ margin-left: -15px; } .cols-l.default-gaps > *{ padding-left: 15px; } .cols-l.medium-gaps{ margin-left: -20px; } .cols-l.medium-gaps > *{ padding-left: 20px; } .cols-l.large-gaps{ margin-left: -30px; } .cols-l.large-gaps > *{ padding-left: 30px; } .cols-l.larger-gaps{ margin-left: -var(largerspacing); } .cols-l.larger-gaps > *{ padding-left: var(largerspacing); } .cols-l.largest-gaps{ margin-left: -50px; } .cols-l.largest-gaps > *{ padding-left: 50px; } } @media all and (min-width: 75em){ .cols-xl { width: auto; margin-left: -15px; } .cols-xl > * { float: left; padding-left: 15px; position: relative; } .cols-xl > .col-xl-100 { width: 100%; } .cols-xl > .col-xl-83 { width: 83.333%; } .cols-xl > .col-xl-83.pull { right: 16.666%; } .cols-xl > .col-xl-83.push { left: 16.666%; } .cols-xl > .col-xl-80 { width: 80%; } .cols-xl > .col-xl-80.pull { right: 20%; } .cols-xl > .col-xl-80.push { left: 20%; } .cols-xl > .col-xl-75 { width: 75%; } .cols-xl > .col-xl-75.pull { right: 25%; } .cols-xl > .col-xl-75.push { left: 25%; } .cols-xl > .col-xl-70 { width: 70%; } .cols-xl > .col-xl-70.pull { right: 30%; } .cols-xl > .col-xl-70.push { left: 30%; } .cols-xl > .col-xl-66 { width: 66.666%; } .cols-xl > .col-xl-66.pull { right: 33.333%; } .cols-xl > .col-xl-66.push { left: 33.333%; } .cols-xl > .col-xl-60 { width: 60%; } .cols-xl > .col-xl-60.pull { right: 40%; } .cols-xl > .col-xl-60.push { left: 40%; } .cols-xl > .col-xl-50 { width: 50%; } .cols-xl > .col-xl-50.pull { right: 50%; } .cols-xl > .col-xl-50.push { left: 50%; } .cols-xl > .col-xl-40 { width: 40%; } .cols-xl > .col-xl-40.pull { right: 60%; } .cols-xl > .col-xl-40.push { left: 60%; } .cols-xl > .col-xl-33 { width: 33.333%; } .cols-xl > .col-xl-33.pull { right: 66.666%; } .cols-xl > .col-xl-33.push { left: 66.666%; } .cols-xl > .col-xl-30 { width: 30%; } .cols-xl > .col-xl-30.pull { right: 70%; } .cols-xl > .col-xl-30.push { left: 70%; } .cols-xl > .col-xl-25 { width: 25%; } .cols-xl > .col-xl-25.pull { right: 75%; } .cols-xl > .col-xl-25.push { left: 75%; } .cols-xl > .col-xl-20 { width: 20%; } .cols-xl > .col-xl-20.pull { right: 80%; } .cols-xl > .col-xl-20.push { left: 80%; } .cols-xl > .col-xl-16 { width: 16.666%; } .cols-xl > .col-xl-16.pull { right: 83.333%; } .cols-xl > .col-xl-16.push { left: 83.333%; } .cols-xl.no-gaps{ margin-left: 0; } .cols-xl.no-gaps > *{ padding-left: 0; } .cols-xl.min-gaps{ margin-left: -5px; } .cols-xl.min-gaps > *{ padding-left: 5px; } .cols-xl.small-gaps{ margin-left: -10px; } .cols-xl.small-gaps > *{ padding-left: 10px; } .cols-xl.default-gaps{ margin-left: -15px; } .cols-xl.default-gaps > *{ padding-left: 15px; } .cols-xl.medium-gaps{ margin-left: -20px; } .cols-xl.medium-gaps > *{ padding-left: 20px; } .cols-xl.large-gaps{ margin-left: -30px; } .cols-xl.large-gaps > *{ padding-left: 30px; } .cols-xl.larger-gaps{ margin-left: -var(largerspacing); } .cols-xl.larger-gaps > *{ padding-left: var(largerspacing); } .cols-xl.largest-gaps{ margin-left: -50px; } .cols-xl.largest-gaps > *{ padding-left: 50px; } }
/* spacings            [29402] */ .m-none { margin: 0 !important; } .mt-none, .my-none { margin-top: 0 !important; } .mr-none, .mx-none { margin-right: 0 !important; } .mb-none, .my-none { margin-bottom: 0 !important; } .ml-none, .mx-none { margin-left: 0 !important; } .m-min { margin: var(--minspacing) !important; } .mt-min, .my-min { margin-top: var(--minspacing) !important; } .mr-min, .mx-min { margin-right: var(--minspacing) !important; } .mb-min, .my-min { margin-bottom: var(--minspacing) !important; } .ml-min, .mx-min { margin-left: var(--minspacing) !important; } .m-small { margin: var(--smallspacing) !important; } .mt-small, .my-small { margin-top: var(--smallspacing) !important; } .mr-small, .mx-small { margin-right: var(--smallspacing) !important; } .mb-small, .my-small { margin-bottom: var(--smallspacing) !important; } .ml-small, .mx-small { margin-left: var(--smallspacing) !important; } .m-default { margin: var(--defaultspacing) !important; } .mt-default, .my-default { margin-top: var(--defaultspacing) !important; } .mr-default, .mx-default { margin-right: var(--defaultspacing) !important; } .mb-default, .my-default { margin-bottom: var(--defaultspacing) !important; } .ml-default, .mx-default { margin-left: var(--defaultspacing) !important; } .m-medium { margin: var(--mediumspacing) !important; } .mt-medium, .my-medium { margin-top: var(--mediumspacing) !important; } .mr-medium, .mx-medium { margin-right: var(--mediumspacing) !important; } .mb-medium, .my-medium { margin-bottom: var(--mediumspacing) !important; } .ml-medium, .mx-medium { margin-left: var(--mediumspacing) !important; } .m-large { margin: var(--largespacing) !important; } .mt-large, .my-large { margin-top: var(--largespacing) !important; } .mr-large, .mx-large { margin-right: var(--largespacing) !important; } .mb-large, .my-large { margin-bottom: var(--largespacing) !important; } .ml-large, .mx-large { margin-left: var(--largespacing) !important; } .m-larger { margin: var(--largerspacing) !important; } .mt-larger, .my-larger { margin-top: var(--largerspacing) !important; } .mr-larger, .mx-larger { margin-right: var(--largerspacing) !important; } .mb-larger, .my-larger { margin-bottom: var(--largerspacing) !important; } .ml-larger, .mx-larger { margin-left: var(--largerspacing) !important; } .m-largest { margin: var(--largestspacing) !important; } .mt-largest, .my-largest { margin-top: var(--largestspacing) !important; } .mr-largest, .mx-largest { margin-right: var(--largestspacing) !important; } .mb-largest, .my-largest { margin-bottom: var(--largestspacing) !important; } .ml-largest, .mx-largest { margin-left: var(--largestspacing) !important; } .p-none { padding: 0 !important; } .pt-none, .py-none { padding-top: 0 !important; } .pr-none, .px-none { padding-right: 0 !important; } .pb-none, .py-none { padding-bottom: 0 !important; } .pl-none, .px-none { padding-left: 0 !important; } .p-min { padding: var(--minspacing) !important; } .pt-min, .py-min { padding-top: var(--minspacing) !important; } .pr-min, .px-min { padding-right: var(--minspacing) !important; } .pb-min, .py-min { padding-bottom: var(--minspacing) !important; } .pl-min, .px-min { padding-left: var(--minspacing) !important; } .p-small { padding: var(--smallspacing) !important; } .pt-small, .py-small { padding-top: var(--smallspacing) !important; } .pr-small, .px-small { padding-right: var(--smallspacing) !important; } .pb-small, .py-small { padding-bottom: var(--smallspacing) !important; } .pl-small, .px-small { padding-left: var(--smallspacing) !important; } .p-default { padding: var(--defaultspacing) !important; } .pt-default, .py-default { padding-top: var(--defaultspacing) !important; } .pr-default, .px-default { padding-right: var(--defaultspacing) !important; } .pb-default, .py-default { padding-bottom: var(--defaultspacing) !important; } .pl-default, .px-default { padding-left: var(--defaultspacing) !important; } .p-medium { padding: var(--mediumspacing) !important; } .pt-medium, .py-medium { padding-top: var(--mediumspacing) !important; } .pr-medium, .px-medium { padding-right: var(--mediumspacing) !important; } .pb-medium, .py-medium { padding-bottom: var(--mediumspacing) !important; } .pl-medium, .px-medium { padding-left: var(--mediumspacing) !important; } .p-large { padding: var(--largespacing) !important; } .pt-large, .py-large { padding-top: var(--largespacing) !important; } .pr-large, .px-large { padding-right: var(--largespacing) !important; } .pb-large, .py-large { padding-bottom: var(--largespacing) !important; } .pl-large, .px-large { padding-left: var(--largespacing) !important; } .p-larger { padding: var(--largerspacing) !important; } .pt-larger, .py-larger { padding-top: var(--largerspacing) !important; } .pr-larger, .px-larger { padding-right: var(--largerspacing) !important; } .pb-larger, .py-larger { padding-bottom: var(--largerspacing) !important; } .pl-larger, .px-larger { padding-left: var(--largerspacing) !important; } .p-largest { padding: var(--largestspacing) !important; } .pt-largest, .py-largest { padding-top: var(--largestspacing) !important; } .pr-largest, .px-largest { padding-right: var(--largestspacing) !important; } .pb-largest, .py-largest { padding-bottom: var(--largestspacing) !important; } .pl-largest, .px-largest { padding-left: var(--largestspacing) !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media all and (min-width: var(--breakpoint-s)){ .m-s-none { margin: 0 !important; } .mt-s-none, .my-s-none { margin-top: 0 !important; } .mr-s-none, .mx-s-none { margin-right: 0 !important; } .mb-s-none, .my-s-none { margin-bottom: 0 !important; } .ml-s-none, .mx-s-none { margin-left: 0 !important; } .m-s-min { margin: var(--minspacing) !important; } .mt-s-min, .my-s-min { margin-top: var(--minspacing) !important; } .mr-s-min, .mx-s-min { margin-right: var(--minspacing) !important; } .mb-s-min, .my-s-min { margin-bottom: var(--minspacing) !important; } .ml-s-min, .mx-s-min { margin-left: var(--minspacing) !important; } .m-s-small { margin: var(--smallspacing) !important; } .mt-s-small, .my-s-small { margin-top: var(--smallspacing) !important; } .mr-s-small, .mx-s-small { margin-right: var(--smallspacing) !important; } .mb-s-small, .my-s-small { margin-bottom: var(--smallspacing) !important; } .ml-s-small, .mx-s-small { margin-left: var(--smallspacing) !important; } .m-s-default { margin: var(--defaultspacing) !important; } .mt-s-default, .my-s-default { margin-top: var(--defaultspacing) !important; } .mr-s-default, .mx-s-default { margin-right: var(--defaultspacing) !important; } .mb-s-default, .my-s-default { margin-bottom: var(--defaultspacing) !important; } .ml-s-default, .mx-s-default { margin-left: var(--defaultspacing) !important; } .m-s-medium { margin: var(--mediumspacing) !important; } .mt-s-medium, .my-s-medium { margin-top: var(--mediumspacing) !important; } .mr-s-medium, .mx-s-medium { margin-right: var(--mediumspacing) !important; } .mb-s-medium, .my-s-medium { margin-bottom: var(--mediumspacing) !important; } .ml-s-medium, .mx-s-medium { margin-left: var(--mediumspacing) !important; } .m-s-large { margin: var(--largespacing) !important; } .mt-s-large, .my-s-large { margin-top: var(--largespacing) !important; } .mr-s-large, .mx-s-large { margin-right: var(--largespacing) !important; } .mb-s-large, .my-s-large { margin-bottom: var(--largespacing) !important; } .ml-s-large, .mx-s-large { margin-left: var(--largespacing) !important; } .m-s-larger { margin: var(--largerspacing) !important; } .mt-s-larger, .my-s-larger { margin-top: var(--largerspacing) !important; } .mr-s-larger, .mx-s-larger { margin-right: var(--largerspacing) !important; } .mb-s-larger, .my-s-larger { margin-bottom: var(--largerspacing) !important; } .ml-s-larger, .mx-s-larger { margin-left: var(--largerspacing) !important; } .m-s-largest { margin: var(--largestspacing) !important; } .mt-s-largest, .my-s-largest { margin-top: var(--largestspacing) !important; } .mr-s-largest, .mx-s-largest { margin-right: var(--largestspacing) !important; } .mb-s-largest, .my-s-largest { margin-bottom: var(--largestspacing) !important; } .ml-s-largest, .mx-s-largest { margin-left: var(--largestspacing) !important; } .p-s-none { padding: 0 !important; } .pt-s-none, .py-s-none { padding-top: 0 !important; } .pr-s-none, .px-s-none { padding-right: 0 !important; } .pb-s-none, .py-s-none { padding-bottom: 0 !important; } .pl-s-none, .px-s-none { padding-left: 0 !important; } .p-s-min { padding: var(--minspacing) !important; } .pt-s-min, .py-s-min { padding-top: var(--minspacing) !important; } .pr-s-min, .px-s-min { padding-right: var(--minspacing) !important; } .pb-s-min, .py-s-min { padding-bottom: var(--minspacing) !important; } .pl-s-min, .px-s-min { padding-left: var(--minspacing) !important; } .p-s-small { padding: var(--smallspacing) !important; } .pt-s-small, .py-s-small { padding-top: var(--smallspacing) !important; } .pr-s-small, .px-s-small { padding-right: var(--smallspacing) !important; } .pb-s-small, .py-s-small { padding-bottom: var(--smallspacing) !important; } .pl-s-small, .px-s-small { padding-left: var(--smallspacing) !important; } .p-s-default { padding: var(--defaultspacing) !important; } .pt-s-default, .py-s-default { padding-top: var(--defaultspacing) !important; } .pr-s-default, .px-s-default { padding-right: var(--defaultspacing) !important; } .pb-s-default, .py-s-default { padding-bottom: var(--defaultspacing) !important; } .pl-s-default, .px-s-default { padding-left: var(--defaultspacing) !important; } .p-s-medium { padding: var(--mediumspacing) !important; } .pt-s-medium, .py-s-medium { padding-top: var(--mediumspacing) !important; } .pr-s-medium, .px-s-medium { padding-right: var(--mediumspacing) !important; } .pb-s-medium, .py-s-medium { padding-bottom: var(--mediumspacing) !important; } .pl-s-medium, .px-s-medium { padding-left: var(--mediumspacing) !important; } .p-s-large { padding: var(--largespacing) !important; } .pt-s-large, .py-s-large { padding-top: var(--largespacing) !important; } .pr-s-large, .px-s-large { padding-right: var(--largespacing) !important; } .pb-s-large, .py-s-large { padding-bottom: var(--largespacing) !important; } .pl-s-large, .px-s-large { padding-left: var(--largespacing) !important; } .p-s-larger { padding: var(--largerspacing) !important; } .pt-s-larger, .py-s-larger { padding-top: var(--largerspacing) !important; } .pr-s-larger, .px-s-larger { padding-right: var(--largerspacing) !important; } .pb-s-larger, .py-s-larger { padding-bottom: var(--largerspacing) !important; } .pl-s-larger, .px-s-larger { padding-left: var(--largerspacing) !important; } .p-s-largest { padding: var(--largestspacing) !important; } .pt-s-largest, .py-s-largest { padding-top: var(--largestspacing) !important; } .pr-s-largest, .px-s-largest { padding-right: var(--largestspacing) !important; } .pb-s-largest, .py-s-largest { padding-bottom: var(--largestspacing) !important; } .pl-s-largest, .px-s-largest { padding-left: var(--largestspacing) !important; } .m-s-auto { margin: auto !important; } .mt-s-auto, .my-s-auto { margin-top: auto !important; } .mr-s-auto, .mx-s-auto { margin-right: auto !important; } .mb-s-auto, .my-s-auto { margin-bottom: auto !important; } .ml-s-auto, .mx-s-auto { margin-left: auto !important; } } @media all and (min-width: var(--breakpoint-m)){ .m-m-none { margin: 0 !important; } .mt-m-none, .my-m-none { margin-top: 0 !important; } .mr-m-none, .mx-m-none { margin-right: 0 !important; } .mb-m-none, .my-m-none { margin-bottom: 0 !important; } .ml-m-none, .mx-m-none { margin-left: 0 !important; } .m-m-min { margin: var(--minspacing) !important; } .mt-m-min, .my-m-min { margin-top: var(--minspacing) !important; } .mr-m-min, .mx-m-min { margin-right: var(--minspacing) !important; } .mb-m-min, .my-m-min { margin-bottom: var(--minspacing) !important; } .ml-m-min, .mx-m-min { margin-left: var(--minspacing) !important; } .m-m-small { margin: var(--smallspacing) !important; } .mt-m-small, .my-m-small { margin-top: var(--smallspacing) !important; } .mr-m-small, .mx-m-small { margin-right: var(--smallspacing) !important; } .mb-m-small, .my-m-small { margin-bottom: var(--smallspacing) !important; } .ml-m-small, .mx-m-small { margin-left: var(--smallspacing) !important; } .m-m-default { margin: var(--defaultspacing) !important; } .mt-m-default, .my-m-default { margin-top: var(--defaultspacing) !important; } .mr-m-default, .mx-m-default { margin-right: var(--defaultspacing) !important; } .mb-m-default, .my-m-default { margin-bottom: var(--defaultspacing) !important; } .ml-m-default, .mx-m-default { margin-left: var(--defaultspacing) !important; } .m-m-medium { margin: var(--mediumspacing) !important; } .mt-m-medium, .my-m-medium { margin-top: var(--mediumspacing) !important; } .mr-m-medium, .mx-m-medium { margin-right: var(--mediumspacing) !important; } .mb-m-medium, .my-m-medium { margin-bottom: var(--mediumspacing) !important; } .ml-m-medium, .mx-m-medium { margin-left: var(--mediumspacing) !important; } .m-m-large { margin: var(--largespacing) !important; } .mt-m-large, .my-m-large { margin-top: var(--largespacing) !important; } .mr-m-large, .mx-m-large { margin-right: var(--largespacing) !important; } .mb-m-large, .my-m-large { margin-bottom: var(--largespacing) !important; } .ml-m-large, .mx-m-large { margin-left: var(--largespacing) !important; }.m-s-larger { margin: var(--largerspacing) !important; } .mt-m-larger, .my-m-larger { margin-top: var(--largerspacing) !important; } .mr-m-larger, .mx-m-larger { margin-right: var(--largerspacing) !important; } .mb-m-larger, .my-m-larger { margin-bottom: var(--largerspacing) !important; } .ml-m-larger, .mx-m-larger { margin-left: var(--largerspacing) !important; } .m-m-largest { margin: var(--largestspacing) !important; } .mt-m-largest, .my-m-largest { margin-top: var(--largestspacing) !important; } .mr-m-largest, .mx-m-largest { margin-right: var(--largestspacing) !important; } .mb-m-largest, .my-m-largest { margin-bottom: var(--largestspacing) !important; } .ml-m-largest, .mx-m-largest { margin-left: var(--largestspacing) !important; } .p-m-none { padding: 0 !important; } .pt-m-none, .py-m-none { padding-top: 0 !important; } .pr-m-none, .px-m-none { padding-right: 0 !important; } .pb-m-none, .py-m-none { padding-bottom: 0 !important; } .pl-m-none, .px-m-none { padding-left: 0 !important; } .p-m-min { padding: var(--minspacing) !important; } .pt-m-min, .py-m-min { padding-top: var(--minspacing) !important; } .pr-m-min, .px-m-min { padding-right: var(--minspacing) !important; } .pb-m-min, .py-m-min { padding-bottom: var(--minspacing) !important; } .pl-m-min, .px-m-min { padding-left: var(--minspacing) !important; } .p-m-small { padding: var(--smallspacing) !important; } .pt-m-small, .py-m-small { padding-top: var(--smallspacing) !important; } .pr-m-small, .px-m-small { padding-right: var(--smallspacing) !important; } .pb-m-small, .py-m-small { padding-bottom: var(--smallspacing) !important; } .pl-m-small, .px-m-small { padding-left: var(--smallspacing) !important; } .p-m-default { padding: var(--defaultspacing) !important; } .pt-m-default, .py-m-default { padding-top: var(--defaultspacing) !important; } .pr-m-default, .px-m-default { padding-right: var(--defaultspacing) !important; } .pb-m-default, .py-m-default { padding-bottom: var(--defaultspacing) !important; } .pl-m-default, .px-m-default { padding-left: var(--defaultspacing) !important; } .p-m-medium { padding: var(--mediumspacing) !important; } .pt-m-medium, .py-m-medium { padding-top: var(--mediumspacing) !important; } .pr-m-medium, .px-m-medium { padding-right: var(--mediumspacing) !important; } .pb-m-medium, .py-m-medium { padding-bottom: var(--mediumspacing) !important; } .pl-m-medium, .px-m-medium { padding-left: var(--mediumspacing) !important; } .p-m-large { padding: var(--largespacing) !important; } .pt-m-large, .py-m-large { padding-top: var(--largespacing) !important; } .pr-m-large, .px-m-large { padding-right: var(--largespacing) !important; } .pb-m-large, .py-m-large { padding-bottom: var(--largespacing) !important; } .pl-m-large, .px-m-large { padding-left: var(--largespacing) !important; } .p-m-larger { padding: var(--largerspacing) !important; } .pt-m-larger, .py-m-larger { padding-top: var(--largerspacing) !important; } .pr-m-larger, .px-m-larger { padding-right: var(--largerspacing) !important; } .pb-m-larger, .py-m-larger { padding-bottom: var(--largerspacing) !important; } .pl-m-larger, .px-m-larger { padding-left: var(--largerspacing) !important; } .p-m-largest { padding: var(--largestspacing) !important; } .pt-m-largest, .py-m-largest { padding-top: var(--largestspacing) !important; } .pr-m-largest, .px-m-largest { padding-right: var(--largestspacing) !important; } .pb-m-largest, .py-m-largest { padding-bottom: var(--largestspacing) !important; } .pl-m-largest, .px-m-largest { padding-left: var(--largestspacing) !important; } .m-m-auto { margin: auto !important; } .mt-m-auto, .my-m-auto { margin-top: auto !important; } .mr-m-auto, .mx-m-auto { margin-right: auto !important; } .mb-m-auto, .my-m-auto { margin-bottom: auto !important; } .ml-m-auto, .mx-m-auto { margin-left: auto !important; } } @media all and (min-width: var(--breakpoint-l)){ .m-l-none { margin: 0 !important; } .mt-l-none, .my-l-none { margin-top: 0 !important; } .mr-l-none, .mx-l-none { margin-right: 0 !important; } .mb-l-none, .my-l-none { margin-bottom: 0 !important; } .ml-l-none, .mx-l-none { margin-left: 0 !important; } .m-l-min { margin: var(--minspacing) !important; } .mt-l-min, .my-l-min { margin-top: var(--minspacing) !important; } .mr-l-min, .mx-l-min { margin-right: var(--minspacing) !important; } .mb-l-min, .my-l-min { margin-bottom: var(--minspacing) !important; } .ml-l-min, .mx-l-min { margin-left: var(--minspacing) !important; } .m-l-small { margin: var(--smallspacing) !important; } .mt-l-small, .my-l-small { margin-top: var(--smallspacing) !important; } .mr-l-small, .mx-l-small { margin-right: var(--smallspacing) !important; } .mb-l-small, .my-l-small { margin-bottom: var(--smallspacing) !important; } .ml-l-small, .mx-l-small { margin-left: var(--smallspacing) !important; } .m-l-default { margin: var(--defaultspacing) !important; } .mt-l-default, .my-l-default { margin-top: var(--defaultspacing) !important; } .mr-l-default, .mx-l-default { margin-right: var(--defaultspacing) !important; } .mb-l-default, .my-l-default { margin-bottom: var(--defaultspacing) !important; } .ml-l-default, .mx-l-default { margin-left: var(--defaultspacing) !important; } .m-l-medium { margin: var(--mediumspacing) !important; } .mt-l-medium, .my-l-medium { margin-top: var(--mediumspacing) !important; } .mr-l-medium, .mx-l-medium { margin-right: var(--mediumspacing) !important; } .mb-l-medium, .my-l-medium { margin-bottom: var(--mediumspacing) !important; } .ml-l-medium, .mx-l-medium { margin-left: var(--mediumspacing) !important; } .m-l-large { margin: var(--largespacing) !important; } .mt-l-large, .my-l-large { margin-top: var(--largespacing) !important; } .mr-l-large, .mx-l-large { margin-right: var(--largespacing) !important; } .mb-l-large, .my-l-large { margin-bottom: var(--largespacing) !important; } .ml-l-large, .mx-l-large { margin-left: var(--largespacing) !important; }.m-s-larger { margin: var(--largerspacing) !important; } .mt-l-larger, .my-l-larger { margin-top: var(--largerspacing) !important; } .mr-l-larger, .mx-l-larger { margin-right: var(--largerspacing) !important; } .mb-l-larger, .my-l-larger { margin-bottom: var(--largerspacing) !important; } .ml-l-larger, .mx-l-larger { margin-left: var(--largerspacing) !important; } .m-l-largest { margin: var(--largestspacing) !important; } .mt-l-largest, .my-l-largest { margin-top: var(--largestspacing) !important; } .mr-l-largest, .mx-l-largest { margin-right: var(--largestspacing) !important; } .mb-l-largest, .my-l-largest { margin-bottom: var(--largestspacing) !important; } .ml-l-largest, .mx-l-largest { margin-left: var(--largestspacing) !important; } .p-l-none { padding: 0 !important; } .pt-l-none, .py-l-none { padding-top: 0 !important; } .pr-l-none, .px-l-none { padding-right: 0 !important; } .pb-l-none, .py-l-none { padding-bottom: 0 !important; } .pl-l-none, .px-l-none { padding-left: 0 !important; } .p-l-min { padding: var(--minspacing) !important; } .pt-l-min, .py-l-min { padding-top: var(--minspacing) !important; } .pr-l-min, .px-l-min { padding-right: var(--minspacing) !important; } .pb-l-min, .py-l-min { padding-bottom: var(--minspacing) !important; } .pl-l-min, .px-l-min { padding-left: var(--minspacing) !important; } .p-l-small { padding: var(--smallspacing) !important; } .pt-l-small, .py-l-small { padding-top: var(--smallspacing) !important; } .pr-l-small, .px-l-small { padding-right: var(--smallspacing) !important; } .pb-l-small, .py-l-small { padding-bottom: var(--smallspacing) !important; } .pl-l-small, .px-l-small { padding-left: var(--smallspacing) !important; } .p-l-default { padding: var(--defaultspacing) !important; } .pt-l-default, .py-l-default { padding-top: var(--defaultspacing) !important; } .pr-l-default, .px-l-default { padding-right: var(--defaultspacing) !important; } .pb-l-default, .py-l-default { padding-bottom: var(--defaultspacing) !important; } .pl-l-default, .px-l-default { padding-left: var(--defaultspacing) !important; } .p-l-medium { padding: var(--mediumspacing) !important; } .pt-l-medium, .py-l-medium { padding-top: var(--mediumspacing) !important; } .pr-l-medium, .px-l-medium { padding-right: var(--mediumspacing) !important; } .pb-l-medium, .py-l-medium { padding-bottom: var(--mediumspacing) !important; } .pl-l-medium, .px-l-medium { padding-left: var(--mediumspacing) !important; } .p-l-large { padding: var(--largespacing) !important; } .pt-l-large, .py-l-large { padding-top: var(--largespacing) !important; } .pr-l-large, .px-l-large { padding-right: var(--largespacing) !important; } .pb-l-large, .py-l-large { padding-bottom: var(--largespacing) !important; } .pl-l-large, .px-l-large { padding-left: var(--largespacing) !important; } .p-l-larger { padding: var(--largerspacing) !important; } .pt-l-larger, .py-l-larger { padding-top: var(--largerspacing) !important; } .pr-l-larger, .px-l-larger { padding-right: var(--largerspacing) !important; } .pb-l-larger, .py-l-larger { padding-bottom: var(--largerspacing) !important; } .pl-l-larger, .px-l-larger { padding-left: var(--largerspacing) !important; } .p-l-largest { padding: var(--largestspacing) !important; } .pt-l-largest, .py-l-largest { padding-top: var(--largestspacing) !important; } .pr-l-largest, .px-l-largest { padding-right: var(--largestspacing) !important; } .pb-l-largest, .py-l-largest { padding-bottom: var(--largestspacing) !important; } .pl-l-largest, .px-l-largest { padding-left: var(--largestspacing) !important; } .m-l-auto { margin: auto !important; } .mt-l-auto, .my-l-auto { margin-top: auto !important; } .mr-l-auto, .mx-l-auto { margin-right: auto !important; } .mb-l-auto, .my-l-auto { margin-bottom: auto !important; } .ml-l-auto, .mx-l-auto { margin-left: auto !important; } } @media all and (min-width: var(--breakpoint-xl)){ .m-xl-none { margin: 0 !important; } .mt-xl-none, .my-xl-none { margin-top: 0 !important; } .mr-xl-none, .mx-xl-none { margin-right: 0 !important; } .mb-xl-none, .my-xl-none { margin-bottom: 0 !important; } .ml-xl-none, .mx-xl-none { margin-left: 0 !important; } .m-xl-min { margin: var(--minspacing) !important; } .mt-xl-min, .my-xl-min { margin-top: var(--minspacing) !important; } .mr-xl-min, .mx-xl-min { margin-right: var(--minspacing) !important; } .mb-xl-min, .my-xl-min { margin-bottom: var(--minspacing) !important; } .ml-xl-min, .mx-xl-min { margin-left: var(--minspacing) !important; } .m-xl-small { margin: var(--smallspacing) !important; } .mt-xl-small, .my-xl-small { margin-top: var(--smallspacing) !important; } .mr-xl-small, .mx-xl-small { margin-right: var(--smallspacing) !important; } .mb-xl-small, .my-xl-small { margin-bottom: var(--smallspacing) !important; } .ml-xl-small, .mx-xl-small { margin-left: var(--smallspacing) !important; } .m-xl-default { margin: var(--defaultspacing) !important; } .mt-xl-default, .my-xl-default { margin-top: var(--defaultspacing) !important; } .mr-xl-default, .mx-xl-default { margin-right: var(--defaultspacing) !important; } .mb-xl-default, .my-xl-default { margin-bottom: var(--defaultspacing) !important; } .ml-xl-default, .mx-xl-default { margin-left: var(--defaultspacing) !important; } .m-xl-medium { margin: var(--mediumspacing) !important; } .mt-xl-medium, .my-xl-medium { margin-top: var(--mediumspacing) !important; } .mr-xl-medium, .mx-xl-medium { margin-right: var(--mediumspacing) !important; } .mb-xl-medium, .my-xl-medium { margin-bottom: var(--mediumspacing) !important; } .ml-xl-medium, .mx-xl-medium { margin-left: var(--mediumspacing) !important; } .m-xl-large { margin: var(--largespacing) !important; } .mt-xl-large, .my-xl-large { margin-top: var(--largespacing) !important; } .mr-xl-large, .mx-xl-large { margin-right: var(--largespacing) !important; } .mb-xl-large, .my-xl-large { margin-bottom: var(--largespacing) !important; } .ml-xl-large, .mx-xl-large { margin-left: var(--largespacing) !important; }.m-s-larger { margin: var(--largerspacing) !important; } .mt-xl-larger, .my-xl-larger { margin-top: var(--largerspacing) !important; } .mr-xl-larger, .mx-xl-larger { margin-right: var(--largerspacing) !important; } .mb-xl-larger, .my-xl-larger { margin-bottom: var(--largerspacing) !important; } .ml-xl-larger, .mx-xl-larger { margin-left: var(--largerspacing) !important; } .m-xl-largest { margin: var(--largestspacing) !important; } .mt-xl-largest, .my-xl-largest { margin-top: var(--largestspacing) !important; } .mr-xl-largest, .mx-xl-largest { margin-right: var(--largestspacing) !important; } .mb-xl-largest, .my-xl-largest { margin-bottom: var(--largestspacing) !important; } .ml-xl-largest, .mx-xl-largest { margin-left: var(--largestspacing) !important; } .p-xl-none { padding: 0 !important; } .pt-xl-none, .py-xl-none { padding-top: 0 !important; } .pr-xl-none, .px-xl-none { padding-right: 0 !important; } .pb-xl-none, .py-xl-none { padding-bottom: 0 !important; } .pl-xl-none, .px-xl-none { padding-left: 0 !important; } .p-xl-min { padding: var(--minspacing) !important; } .pt-xl-min, .py-xl-min { padding-top: var(--minspacing) !important; } .pr-xl-min, .px-xl-min { padding-right: var(--minspacing) !important; } .pb-xl-min, .py-xl-min { padding-bottom: var(--minspacing) !important; } .pl-xl-min, .px-xl-min { padding-left: var(--minspacing) !important; } .p-xl-small { padding: var(--smallspacing) !important; } .pt-xl-small, .py-xl-small { padding-top: var(--smallspacing) !important; } .pr-xl-small, .px-xl-small { padding-right: var(--smallspacing) !important; } .pb-xl-small, .py-xl-small { padding-bottom: var(--smallspacing) !important; } .pl-xl-small, .px-xl-small { padding-left: var(--smallspacing) !important; } .p-xl-default { padding: var(--defaultspacing) !important; } .pt-xl-default, .py-xl-default { padding-top: var(--defaultspacing) !important; } .pr-xl-default, .px-xl-default { padding-right: var(--defaultspacing) !important; } .pb-xl-default, .py-xl-default { padding-bottom: var(--defaultspacing) !important; } .pl-xl-default, .px-xl-default { padding-left: var(--defaultspacing) !important; } .p-xl-medium { padding: var(--mediumspacing) !important; } .pt-xl-medium, .py-xl-medium { padding-top: var(--mediumspacing) !important; } .pr-xl-medium, .px-xl-medium { padding-right: var(--mediumspacing) !important; } .pb-xl-medium, .py-xl-medium { padding-bottom: var(--mediumspacing) !important; } .pl-xl-medium, .px-xl-medium { padding-left: var(--mediumspacing) !important; } .p-xl-large { padding: var(--largespacing) !important; } .pt-xl-large, .py-xl-large { padding-top: var(--largespacing) !important; } .pr-xl-large, .px-xl-large { padding-right: var(--largespacing) !important; } .pb-xl-large, .py-xl-large { padding-bottom: var(--largespacing) !important; } .pl-xl-large, .px-xl-large { padding-left: var(--largespacing) !important; } .p-xl-larger { padding: var(--largerspacing) !important; } .pt-xl-larger, .py-xl-larger { padding-top: var(--largerspacing) !important; } .pr-xl-larger, .px-xl-larger { padding-right: var(--largerspacing) !important; } .pb-xl-larger, .py-xl-larger { padding-bottom: var(--largerspacing) !important; } .pl-xl-larger, .px-xl-larger { padding-left: var(--largerspacing) !important; } .p-xl-largest { padding: var(--largestspacing) !important; } .pt-xl-largest, .py-xl-largest { padding-top: var(--largestspacing) !important; } .pr-xl-largest, .px-xl-largest { padding-right: var(--largestspacing) !important; } .pb-xl-largest, .py-xl-largest { padding-bottom: var(--largestspacing) !important; } .pl-xl-largest, .px-xl-largest { padding-left: var(--largestspacing) !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }
/* layout               [6135] */ @media screen, projection { body {overflow-y:scroll;} .dp-pagewrapper {min-height:600px;} .page { margin: 0 auto; padding: 0 10px; position: relative; } #dp-header { padding-top: 50px; overflow: hidden; } #dp-header .ob-header a {color:#222;font-size:75%;} #dp-header a:hover {text-decoration: underline;} #dp-header .ob-header {background: rgb(255,181,7);text-align: right;} #dp-header .ob-header,#dp-header .ob-header .page {height:90px;} #dp-header .ob-header .nav-box,#dp-header .ob-header .nav-box a.nav-icon {height:50px;} #dp-header a.logo {position:absolute;left:1em;top:50%;max-width: 66%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);} #dp-header .nav-box-items { position: absolute; bottom: 100%; left: 0; width: 100%; background: #fff; z-index: 155; } #dp-header .nav-box-items::before,#dp-header .nav-box-items::after { position: absolute; top: 0; height: 100%; width: 100%; background: #fff; content: ""; } #dp-header .nav-box-items::before { right: 100%; } #dp-header .nav-box-items::after { left: 100%; } #dp-header .nav-box-items.has-4-items .nav-box { width: 25%; } #dp-header .nav-box-items.has-5-items .nav-box { width: 20%; } #dp-header .nav-box {float: left;padding-top:6px;display:inline-block;position:relative;vertical-align:top;border-left:1px solid var(brandprimarydark);} #dp-header .nav-box #search-form { display: none; } #dp-header .nav-box .dp-navigation {position:relative;top:54px;white-space: nowrap;} #dp-header .nav-box a.nav-icon { width: 100%; display: block;text-align: center;} #dp-header .nav-box a.nav-icon:hover {text-decoration: none;} #dp-header .nav-box a.nav-icon>img { height:16px; } #dp-header .nav-box a.nav-icon>span.d {margin-top: 2px;} #dp-header .nav-box span.d {display:block;} #dp-header .nav-box.nav-contains-suche #search-form {position:absolute;left: .5em;margin-top: .5em; top:100%;width:300px;z-index:1; padding: 15px; background: rgb(229,165,25); box-shadow: 0 0 5px 0 rgba(0,0,0,.5); } #dp-header .nav-box.nav-contains-suche #search-form input {width: 100%;padding: 5px;} #dp-header .nav-box.nav-contains-suche #search-form img.nav-suche-lupe {display: none;} #dp-header #breadcrumbs ol {margin:.5em 0 .75em; padding:0;color:#999;font-size:11px; padding-top:0;} #dp-header #breadcrumbs ol li {display:inline-block;margin:0;padding:0;} #dp-header #breadcrumbs ol li::AFTER {content:"〉";margin:0 0.25em;font-size:90%;vertical-align: middle;color:#bbb;position: relative;top:-2px;} #dp-header #breadcrumbs ol li a {color:inherit;vertical-align: middle;} #dp-footer { padding: 20px 0; } .dp-gallery { margin: 30px 0 0; } .dp-gallery .singleImage { background: #000; margin-bottom: 10px; display: block; overflow: hidden; } .dp-gallery .singleImage .fullscreenImage { opacity: .8; -webkit-transition: all .666s; -moz-transition: all .666s; transition: all .666s; } .dp-gallery .singleImage:hover .fullscreenImage { opacity: 1; -webkit-transform: scale(1.25); -moz-transform: scale(1.25) rotate(0.02deg); -webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25); } .googleMapWrapper { position: relative; height: 0; padding-bottom: 100%; } .googleMapWrapper #googleMap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .googleMapWrapper img { max-width: none; } } @media all and (min-width: 36em){ } @media all and (min-width: 38em){ #dp-header .nav-box.nav-contains-suche {display:inline-block;} .googleMapWrapper { padding-bottom: 45%; } } @media all and (min-width: 48em){ .page { max-width: 47em; } #dp-header #breadcrumbs ol {font-size:14px;} #dp-header #breadcrumbs ol li {line-height:30px;} #dp-header #breadcrumbs ol li::AFTER {margin:0 0.5em;font-size:100%;} } @media all and (min-width: 62em){ .page { max-width: 61em; } #dp-header { padding-top: 0; overflow: visible; } #dp-header .nav-box-items { margin-right: 50px; position: static; bottom: auto; left: auto; width: auto; display: block; background: none; } #dp-header .nav-box-items::before,#dp-header .nav-box-items::after { display: none; } #dp-header .nav-box-items.has-4-items .nav-box,#dp-header .nav-box-items.has-5-items .nav-box { width: auto; } #dp-header .ob-header .nav-box,#dp-header .ob-header .nav-box a.nav-icon {height:90px;} #dp-header .nav-box.nav-contains-suche {position: relative;} #dp-header .nav-box.nav-contains-suche .textlink.nav-icon { display: none; } #dp-header .nav-box.nav-contains-suche #search-form {display: block;position:absolute;right:1em;left:auto;margin:10px 0 0;top:1em;width:250px;z-index:1;padding:0; background:none;box-shadow:none;} #dp-header .nav-box.nav-contains-suche #search-form img.nav-suche-lupe {display:inline;position:absolute;right:0.5em;top:50%;height:20px;width:auto;margin-top:-10px;} #dp-header .nav-box { float: none;padding-top:0; } #dp-header .nav-box a.nav-icon>img {height:32px;width:auto;position:absolute;left:50%;margin-left:-16px;margin-top:-16px;top:32px; transition: margin 0.25s, height 0.25s;} #dp-header .nav-box a.nav-icon>span.d {display:block;position:relative;top:54px;margin-top: 0;} #dp-header .nav-box a.nav-icon:hover>img {height:40px;margin:-20px 0 0 -20px;} #dp-header .nav-box a.nav-icon { display:inline-block;position:relative;margin:0px 15px;min-width:40px;width: auto;} #dp-header #breadcrumbs ol {margin:1em 0 2em; font-size:16px;} #dp-header #breadcrumbs ol li::AFTER {font-size:130%;} } @media all and (min-width: 75em){ .page { max-width: 74em; } #dp-header .nav-box-items { margin-right: 0; } #dp-header .nav-box.nav-contains-suche #search-form {margin:0;} #dp-header .nav-box a.nav-icon { margin:0px 30px; } } @media all and (min-width: 36em){ .till-s{ display: none; } } @media all and (min-width: 48em){ .till-m{ display: none; } } @media all and (min-width: 62em){ .till-l{ display: none; } } @media all and (min-width: 75em){ .till-xl{ display: none; } } @media all and (max-width: 36em){ .from-s{ display: none; } } @media all and (max-width: 48em){ .from-m{ display: none; } } @media all and (max-width: 62em){ .from-l{ display: none; } } @media all and (max-width: 75em){ .from-xl{ display: none; } } 
/* content             [53298] */ @keyframes heartbeatInit { 0% {filter: brightness(100%);box-shadow:none;} 100% {filter: brightness(110%);box-shadow:0 0 5px 0 rgb(255,181,7),0 0 2px 1px rgba(0,0,0,0.25);} } @keyframes heartbeat { 0% {filter: brightness(100%);box-shadow:none;} 0.001% {filter: brightness(110%);box-shadow:0 0 5px 0 rgb(255,181,7),0 0 2px 1px rgba(0,0,0,0.25);} 1% {filter: brightness(110%);box-shadow:0 0 5px 0 rgb(255,181,7),0 0 2px 1px rgba(0,0,0,0.25);background-color:rgba(255,255,255,0);} 5% {filter: brightness(115%);box-shadow:0 0 12px 1px rgb(255,181,7),0 0 3px 1px rgba(0,0,0,0.25);background-color:rgba(255,255,255,0.1);} 25% {filter: brightness(110%);box-shadow:0 0 5px 0 rgb(255,181,7),0 0 2px 1px rgba(0,0,0,0.25);background-color:rgba(255,255,255,0);} 100% {filter: brightness(110%);box-shadow:0 0 5px 0 rgb(255,181,7),0 0 2px 1px rgba(0,0,0,0.25);} } @media all { body { line-height: 1.6; cursor:default; } body,table,input,textarea,button,select { color: #222; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ margin: 0 0 15px; line-height: 1.25; font-weight: 700; display: block; } h1, .h1{ font-size: 25px; } h2, .h2{ font-size: 22px; } h3, .h3{ font-size: 20px; } h4, .h4{ font-size: 18px; } h5, .h5{ font-size: 16px; } h6, .h6{ font-size: 14px; } p,.margin-p,ul,ol,blockquote,table{ margin: 0 0 15px; } div~p { margin-top:15px; } p:last-child {margin-bottom:0;} strong, b{ font-weight: 700; } .hidden {display:none;} .gray {color:gray;} em.mark {background:yellow;} input[name=suche] {padding:0.5em 1em;border:0;width:100%;border:1px solid #ddd;} .nowrap {white-space: nowrap; } .text-cut {overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} hr {border:0;border-top:1px solid #ccc;margin:2em 0;} .shariff-button {border-radius:4px;} .shariff-button:last-child {margin-bottom:0;} .shariff-button>a>.share_text {display:none;position:absolute;left:-1000px;} .shariff-button>a::AFTER {text-indent: 0;display: inline;padding-left: 3px;line-height: 30px;font-size:12px;} .shariff-button.facebook A::AFTER {content:"Facebook";} .shariff-button.twitter A::AFTER {content:"Twitter";} .shariff-button.whatsapp A::AFTER {content:"WhatsApp";} .shariff-button.mail A::AFTER {content:"E-Mail";} .shariff-button.telegram A::AFTER {content:"Telegram";} .shariff-button.pinterest A::AFTER {content:"Pinterest";} .-hasTeilenPopup {cursor:pointer;position:relative;} .ol-teilen-popup {display:none;overflow:hidden;position:absolute;width:120px;background:rgba(230,230,230,0.75);border-radius:4px;padding:0 4px;z-index:1000;box-shadow:0 0 3px 1px rgba(0,0,0,0.25);} .ol-mini-icon::BEFORE {content:"";display:inline-block;width:20px;height:20px;vertical-align:middle; background:transparent none no-repeat;background-position:center center;background-size:auto 100%;} .ol-mini-icon.-smaller::BEFORE {width:14px;height:14px;} .ol-mini-icon.-comments::BEFORE {background-image:url("../images/site/sprechblase-orange.png");} .ol-mini-icon.-klicks::BEFORE {background-image:url("../images/site/zeigefinger-orange.png");position:relative;top:-2px;} .ol-mini-icon.-empfehlen::BEFORE {background-image:url("../images/site/brief.png");} .ol-mini-icon.-melden::BEFORE {background-image:url("../images/galerie/papierkorb.png");} .ol-mini-icon.-teilen::BEFORE {background-image:url("../images/galerie/sharer2.png");} .ol-mini-icon.-like {cursor:pointer;position:relative;} .ol-mini-icon.-like::BEFORE {background-image:url("../images/site/thumbup.png");margin-right:2px;position:relative;top:-2px;} .ol-mini-icon.-download {cursor:pointer;position:relative;} .ol-mini-icon.-download::BEFORE {background-image:url("../images/galerie/down-pfeil.png");} .ol-mini-icon>span {line-height:20px;vertical-align:middle;margin-left:0.25em;} table.ol-stdTable td {padding: 5px 10px;border-bottom:1px solid #ddd;transition:background 0.5s;} table.ol-stdTable tr:hover td {background:rgba(255,181,7,0.1);} table.ol-stdTable tr.head td {background:rgb(255,181,7);font-weight:Bold;} table.ol-keyValueTable td {padding: 5px 8px;} table.ol-keyValueTable td:first-child {padding-left:0;} a { color: #666; text-decoration: none; } a:hover{ color: #888; } a:not(.logo):hover {} a:focus{ outline: none; } a, a:before, a:after, button, input, button:before, input:before, button:after, input:after,.ui-button{ transition: all .25s; } h1 a,h2 a {color:var(--defaultfontcolor);} .textlink {text-decoration: none !important;cursor:pointer;} .textlink >span,.textlink span.tl {position: relative;} .textlink >span:not(.d)::AFTER,.textlink span.tl::AFTER {content:"";position:absolute;left:50%;right:50%;bottom:-2px;background:transparent;height:1px;transition:left 1s, right 1s, background 1s;} .textlink:hover>span:not(.d)::AFTER,.textlink:hover span.tl::AFTER {left:0%;right:0%;transition:left 0.33s, right 0.33s, background 0.33s;background:#333;} .textlink.-tl-gray:hover>span:not(.d)::AFTER,.textlink.-tl-gray:hover span.tl::AFTER {background:gray;} .content-box p a:not(.button) {text-decoration:underline;cursor:pointer;position: relative;} .content-box .skVB-bottomLinks p a {text-decoration: none;} button ,input.submit ,a.button ,.ui-button {display: inline-block;position:relative; padding: .5em .75em; border: none; outline: none; background: rgb(255,181,7); color: #333; filter: brightness(100%);box-shadow:none;transition: filter 0.15s, box-shadow 0.15s; } button:hover,input.submit:hover,a.button:hover,.ui-button:hover {filter: brightness(110%);box-shadow:0 0 5px 0 rgb(255,181,7),0 0 2px 1px rgba(0,0,0,0.25);} button:hover::BEFORE,input.submit:hover::BEFORE,a.button:hover::BEFORE,.ui-button:hover::BEFORE {content:"";display:block;position:Absolute;left:0;top:0;bottom:0;right:0; animation: heartbeatInit 0.15s linear 0s 1, heartbeat 2s linear 0.15s infinite;} button.-small,input.submit.-small,a.button.-small,.ui-button.-small {padding: .25em .75em;} a.button>img,a.button>span {vertical-align: middle;} button:hover, input.submit:hover { color:black;} .no-touch a[href^='tel:']{ cursor: default; color: #222!important; } .content-box.simple-content {padding:1em;} .ol-skmehrwert-box {padding:1em; margin:1em 0;border:3px solid rgb(255,181,7);} .responsiveTable{ min-height: 0.01%; overflow-x: auto; } td p { margin: 0; } .teaserBild { float: left; margin-right: 15px; max-width: 33.33%; } .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; } .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-mobileslider{ padding-bottom: 75%; } .imageFormat.format-widgetheader{ padding-bottom: 0; height: 200px; } .fullscreenImage{ background-repeat: no-repeat; background-position: center; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fullscreenImage.contain{ -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .fullscreenImage.-fits{ -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; } .contentLink td,.dp-userbutton td,.dp-pagination td {min-width:3em;} .contentLink a,.contentLink .fake-a,.contentLink .no-a,.dp-userbutton a,.dp-userbutton .fake-a,.dp-userbutton .no-a,.dp-pagination a,.dp-pagination .fake-a,.dp-pagination .no-a {padding: 5px 10px;margin-right: 10px; display: inline-block; min-width:2.25em; } .contentLink a,.contentLink .fake-a,.dp-userbutton a,.dp-userbutton .fake-a,.dp-pagination a,.dp-pagination .fake-a { background-color: rgb(255,181,7); color: black; text-decoration: none !important;} .contentLink .fake-a.-inactive,.dp-userbutton .fake-a.-inactive,.dp-pagination .fake-a.-inactive {background-color:#eee;color:#aaa;} .dp-pagination { margin-bottom: 5em; } .dp-pagination a.current {background:rgb(229,165,25);box-shadow:0 0 2px 1px rgba(0,0,0,0.5);} .dp-pagination .dots {color:gray;margin-right: 10px; } .dp-pagination table td {text-align:center;} .dp-pagination table td:first-child {text-align:left;} .dp-pagination table td:last-child {text-align:right;} .dp-pagination table td:last-child > a {margin-right: 0;} .dp-pagination a { font-size: .9em; font-weight: bold; text-align: center; } .hidden {display:hidden;} .olAdmToggler.inverted {display:inline-block;color:#aaa;opacity:0.2;filter:grayscale(100%);} .olAdmToggler.inverted.off {color:#0a0;opacity:1;filter:none;} } h1,h2 { margin-bottom:0;font-size:15px; color: #222;overflow:hidden;} h1.ol-headline span ,h2.ol-headline span { text-transform:uppercase;display:inline-block;padding:2px 40px;vertical-align:bottom; background:rgb(255,181,7);position:relative;overflow:hidden; } h1.ol-headline span::AFTER,h1.ol-headline span::BEFORE,h2.ol-headline span::AFTER,h2.ol-headline span::BEFORE {content:""; position:absolute;width: 50px;height: 200%;top:-75%;background:rgb(225, 224, 223);} h1.ol-headline span::AFTER,h2.ol-headline span::AFTER {right:-35px; -webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg); } h1.ol-headline span::BEFORE,h2.ol-headline span::BEFORE { left:-35px; -webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg); } h1.ol-headline span a,h2.ol-headline span a {color: #222;} .content-box {border:1px solid #ddd;box-shadow:2px 2px 5px rgba(0,0,0,0.25);margin-bottom:1.5em; background:white;position: relative;} .content-box.-has-min-height {min-height:200px;} .content-box.-padding {padding:.9em;} .input-mit-lupe {background:white url("../images/navigation/magnifier.png") no-repeat; background-size:1em;background-position:98% center;} .ol-link-bigbox { display:block;width:200px;max-width:100%;padding:80px 0 10px; color:inherit;font-weight:bold;text-align: center; font-size: .95em; box-shadow:0 10px 0 -5px rgb(227, 152, 26); background:rgb(249, 169, 27) url("../images/veranstaltung_eintragen.png") no-repeat; background-position:70px 10px;background-size:80px; } .ol-link-bigbox.-smaller {width:160px;padding-top:100px;background-position:50px 20px;line-height:1.2;} .ol-link-bigbox:hover {color:inherit;} .ol-pfeil {color:black; display:inline-block;width:35px;height:35px;} a.ol-pfeil[href=""],a.ol-pfeil:not([href]) {filter:grayscale(100%);opacity:0.5;cursor:default;} .ol-pfeil.-left {background-image:url("../images/veranstaltung_pfeil_l.png");} .ol-pfeil.-right {background-image:url("../images/veranstaltung_pfeil_r.png");} .responsive-content-ad-inhaltInline { margin: 45px 0 30px; } .responsive-content-ad-inner{ width: 300px; height: 250px; margin: 0 auto; position: relative; } .content-ad-adnotice {position:relative;} .content-ad-adnotice:after{ content: "WERBUNG"; font-size: .6em;line-height:16px; opacity: .666; position: absolute; bottom: 100%; left: 0; width: 100%; text-align: center; padding: .15em; } .ol-contentouter-ads{ display: none; } .adformat-skyscraper{ width: 120px; height: 600px; } .ol-ads-bildbanner {margin: 45px -6px 30px;width:auto;position:relative;text-align:center;} .ol-ads-bildbanner .-inner {margin:0 auto;max-width:100%;width:300px;} .ol-ads-bildbanner img {max-width:100%;} .ol-ads-bildbanner .-leaderboard {display:none;} .ol-ads-bildbanner .-rectangle {display:block;} @media all and (min-width: 48em){ .ol-ads-bildbanner .-inner {width:728px;} .ol-ads-bildbanner .-leaderboard {display:block;} .ol-ads-bildbanner .-rectangle {display:none;} } .mobileNewsSlider { margin-bottom: 2.5em; } .mobileNewsSlider .swiper-pagination { bottom: auto; top: 100%; width: 100%; margin-top: 5px; } .mobileNewsSlider .swiper-pagination .swiper-pagination-bullet { margin: 0 3px 0; height: 12px; width: 12px; } .mobileNewsSlider .swiper-pagination .swiper-pagination-bullet-active { background: rgb(255,181,7); } .mobileNewsSlider .swiper-button-white { display: none; -webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9); -webkit-filter: drop-shadow( 0 0 5px rgba(0,0,0,.5) );filter: drop-shadow( 0 0 5px rgba(0,0,0,.5) ); } .mobileNewsSlider .slide-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 50px 15px 20px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.666) 50%, rgba(0,0,0,0.666) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.666) 50%,rgba(0,0,0,0.666) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.666) 50%,rgba(0,0,0,0.666) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); } .mobileNewsSlider .slide-text .title,.mobileNewsSlider .slide-text .subtitle,.mobileNewsSlider .slide-text .teaser { color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.5); margin: 5px 0 0; } .mobileNewsSlider .slide-text .title { font-size: 1.1em; } .mobileNewsSlider .slide-text .subtitle { font-size: .75em; } .mobileNewsSlider .slide-text .teaser { font-size: .825em; color: #fff; line-height: 1.25; } .contentSingle .contentItem .content-box {padding:.9em;} .contentSingle .contentItem h2 {color:gray;margin-bottom:0.5em;} .contentSingle .contentItem ul { padding-left: 0; list-style-position: inside; } .contentItem {position: relative;} .contentItem h3 {font-size:100%;margin:0 0 0.25em;} .contentItem .news-picture {padding-bottom:100%;height:0;position:relative;;overflow:hidden;} .contentItem .news-picture img {max-width:none;} .contentItem .newsBannerOverlay {left:0px;right:0;color:white;text-align: center;background-color:rgb(255,181,7);} .contentItem .newsBannerOverlay,.contentItem .newsBannerOverlay-schnipsel {position:absolute;top:14px;font-size:105%;} .contentItem .newsBannerOverlay-schnipsel {left:-8px;width:8px;overflow:hidden;padding-bottom:8px;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;} .contentItem .newsBannerOverlay-schnipsel::BEFORE {content:"";position:absolute;left:0;top:0;right:0;bottom:8px;background-color:rgb(255,181,7);} .contentItem .newsBannerOverlay-schnipsel::AFTER {content:"";width:0px;height:0px;position:absolute;left:0;bottom:0px; border:0px solid transparent;border-width:8px 8px 0px 8px;border-top-color:rgb(183, 122, 21);} .contentItem .newsBannerOverlay-schnipsel.-rightside {right:-8px;left:auto;} .contentItem .newsBannerOverlay-schnipsel.-rightside::AFTER {left:auto;right:0; border-width:8px 8px 0px 8px;} .contentItem a.teaser {color:inherit;} .contentItem .ol-inhalt-quelle {text-align: right; color:gray; font-size:80%;margin-top:40px;} .ol-std-container {padding:1.5em 1.5em 0 1.5em;min-height:200px;} .ol-std-container .beforeBottomBar {height:225px;} .beforeBottomBar {position:relative;overflow:hidden;text-overflow:ellipsis;padding:0;} .beforeBottomBar header h3 {font-size:90%;color:gray;font-weight:normal;margin:0 0 0.5em 0;} .beforeBottomBar header h2 {font-size:150%;color:#333;margin:0.5em 0;} .beforeBottomBar header h2 a {color:#333;} .beforeBottomBar header h2 a:hover {color:#666;} [data-copyright]:not([data-copyright=""])::AFTER{ content:attr(data-copyright);display:Block; position: absolute; right: 0; bottom: 0; z-index: 2; font-size: .6em; line-height: 1.5; color: #fff; text-shadow:1px 1px 1px rgba(0,0,0,1); padding:0.05em 0.25em; background: rgba(0,0,0,.25); } .ajax-loading-target {transition:opacity 0.5s;} .ajax-loading-overlay {position:relative;opacity:0.5;} .ajax-loading-overlay::BEFORE {content:"";position:absolute;left:50%;top:60px;z-index:1; background-image:url("../images/ajaxloading_ol.gif");display:block;width:64px;height:64px;background-size:100%;} .ol-edgeOverlay {position:absolute;background:rgba(0,0,0,0.3);padding:0 8px;color:white;overflow:hidden;} .ol-edgeOverlay.-topLeft {left:0; top:0;} .ol-edgeOverlay.-bottomRight {right:0;bottom:0;} .ol-edgeOverlay.-topRight {right:0;top:0;} .ol-edgeOverlay.-bottomLeft {left:0; bottom:0;} .ol-edgeOverlay.-bottom {right:0;bottom:0;left:0;} .ol-edgeOverlay.-top {right:0;top:0;left:0;} .ol-edgeOverlay >.-text-left { float: left; } .ol-edgeOverlay >.-text-right { float: right; } .ol-edgePos {position:absolute !important;} .ol-edgePos.-bottomLeft {left:0;bottom:0;} .ol-edgePos.-topLeft {left:0; top:0;} .ol-edgePos.-bottomRight {right:0;bottom:0;} .ol-edgePos.-topRight {right:0;top:0;} .ol-edgePos.-bottom {left:0; bottom:0; right:0;} .ol-edgePos.-top {left:0; top:0; right:0;} .ol-widget {overflow:hidden;} .ol-widget .title {font-size:125%;font-weight:Bold;line-height:1.25;} .ol-widget.-height1 {max-height:200px;} .ol-widget.-height2 {max-height:440px;} .ol-widget.-hasBottomBar {padding-bottom:100px;} .ol-widget .ol-header-image { border-bottom: 1px solid #ddd; position: relative; } .ol-widget .ol-header-image > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ol-widget .ol-header-image > div.contain { top: 10px; left: 10px; right: 10px; bottom: 10px; } .ol-widget.-bfMehrwertPartner >.-logo {text-align:center;margin-top:1em;max-height:220px;} .ol-widget.-bfBranchenfuehrerFull {margin-bottom:1.5em;} .ol-widget.-bfBranchenfuehrerFull .ol-bf-pfeil {float:left;width:50px;height:100px;background-repeat: no-repeat;background-position: center center; cursor:pointer;} .ol-widget.-bfBranchenfuehrerFull .ol-bf-pfeil.links {background-image:url("../images/branchenfuehrer/bf_pfeil_links.png");} .ol-widget.-bfBranchenfuehrerFull .ol-bf-pfeil.rechts {background-image:url("../images/branchenfuehrer/bf_pfeil_rechts.png");} .ol-widget.-bfBranchenfuehrerFull .item {width:240px;height:100px;min-height:0;background:white;position:relative;float:left;margin:0 10px;} .ol-widget .ol-widget-topGals-thumbs >.-entry {float:left;width:46%;margin-bottom:5%;} .ol-widget .ol-widget-topGals-thumbs >.-entry:nth-child(odd) {margin-right:7%;} .ol-widget .ol-widget-topGals-thumbs >.-entry >.-thumb {position:relative;height:120px;box-shadow:0 0 2px rgba(0,0,0,0.2);transition:box-shadow 0.3s;} .ol-widget .ol-widget-topGals-thumbs >.-entry >.-thumb>.-creator {opacity:0;transition: opacity 0.3s;} .ol-widget .ol-widget-topGals-thumbs >.-entry:hover>.-thumb>.-creator {opacity:1;} .ol-widget .ol-widget-topGals-thumbs >.-entry >.-titleOuter {position:relative;height:20px;} .ol-widget .ol-widget-topGals-thumbs >.-entry >.-titleOuter >.-title {font-size:80%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; transition:color 0.3s, background 0.3s, box-shadow 0.3s, padding 0.3s, left 0.3s, right 0.3s; position:absolute;top:0%;left:0;right:0;background:transparent;padding:0;} .ol-widget .ol-widget-topGals-thumbs >.-entry:hover>.-thumb {box-shadow:0 0 5px 2px rgba(0,0,0,0.25);} .ol-widget .ol-widget-topGals-thumbs >.-entry:hover>.-titleOuter>.-title {color:black;white-space:normal;background:white;box-shadow:0 0 3px 1px rgba(0,0,0,0.25);z-index:1;padding:0 3px; left:-3px;right:-3px;} .ol-widget .ol-widget-news-inhalte >a.-entry {display:block;margin-bottom:1em;} .ol-widget .ol-widget-news-inhalte >a.-entry >.-thumb {position:relative;float:left; width:100px;height:60px;margin-right:0.5em;text-align:center;overflow:hidden; box-shadow:0 0 2px rgba(0,0,0,0.2);} .ol-widget .ol-widget-news-inhalte >a.-entry >.-thumb::AFTER {white-space: nowrap;} .ol-widget .ol-widget-news-inhalte >a.-entry >.-title {font-weight:bold;font-size:90%;} .ol-widget .ol-widget-news-inhalte >a.-entry >.-subtitle {color:gray;font-size:85%;} .widget-size-big .beforeBottomBar.-fullHeight {min-height:547px;} .bottomBar {margin:0 0;position:relative;} .bottomBar.-fix {position:absolute;bottom:0;left:0;right:0;background:white;} .bottomBar.-padding {padding:0 1.5em;} .bottomBar >.-whiteFadeOut {position:absolute;left:0;right:0;top:-40px;height:51px;overflow:hidden;} .bottomBar >.-whiteFadeOut::BEFORE {content:"";position:absolute;left:0;right:0;bottom:0px;box-shadow:0 0px 45px 45px rgba(255,255,255,1),0 0px 22px 22px rgba(255,255,255,1);height:0px;} .bottomBar a {margin:0;} .bottomBar a.button {padding:5px 10px;color:black;} .bottomBar .slot {margin:0.5em 1em 1.5em;} .bottomBar .slot.-left {float:left;margin-left:0;} .bottomBar .slot.-right {float:right;margin-right:0;} .bottomBar .comments,.bottomBar .zeigefinger,.bottomBar .camera,.bottomBar .tipp {position:relative;margin-bottom:-12px; height:40px;background-repeat: no-repeat;color:black;display:block;background-color:transparent;} .bottomBar .camera {width:55px; background-image: url("../images/site/camera.png");top:-3px;background-position: 0 0px;} .bottomBar .tipp {width:32px; background-image: url("../images/site/thumbup.png");top:-5px;} .bottomBar .comments,.bottomBar .zeigefinger {text-align: center;width:60px;} .bottomBar .zeigefinger {color:black;width:50px;height:59px;padding:20px 0 0 9px; background: transparent url("../images/site/zeigefinger-tp2.png") no-repeat; top:-15px;margin:0px -10px -15px -10px;} .bottomBar .comments {color:black; width:58px;height:49px;line-height:34px;top:-5px;margin:0 -3px -5px -7px; background: transparent url("../images/site/sprechblase-tp2.png") no-repeat; } .bgmaxW, .bgmaxH {width:100%;height:100%;background-position:center center;background-repeat:no-repeat;transition:background 0.5s;} .bgmaxW {background-size:auto 100%;} .bgmaxW:hover {background-size:auto 105%;} .bgmaxH {background-size:100% auto;} .bgmaxH:hover {background-size:105% auto;} .ol-widget-startseite-bignews .bottomBar.-padding {padding:0 1em;} .ol-widget-startseite-bignews .beforeBottomBar {height:225px;} .ol-widget-startseite-bignews a {color:#333;} .ol-widget-startseite-bignews a:hover {color:#666;} .ol-widget-startseite-bignews .item-content { display: none!important; } .ol-widget-startseite-bignews .item-content.active { display: block!important;} .ol-widget-startseite-bignews .item-content-inhalt {padding:1em;} .ol-widget-startseite-bignews .ol-widget-bigbild {height:220px;width:100%;position:relative;border:1px solid #ccc; border-right:none;border-left:none;margin:1em 0 0;} .ol-widget-startseite-bignews .ol-widget-bigbild >a.-bild {display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;} .ol-widget-startseite-bignews .ol-widget-bigbild >a.-bild:hover {background-size:105%;} .ol-widget-startseite-bignews >.-twoCols {position:relative;} .ol-widget-startseite-bignews >.-twoCols >.-left ul {margin:0;margin-left:-1px;padding:0;padding-right:0em;} .ol-widget-startseite-bignews >.-twoCols >.-left ul li { display:Block;position:relative;} .ol-widget-startseite-bignews >.-twoCols >.-left ul li::BEFORE {content:"〉";font-weight:normal;position:absolute;left:1em;top:1em;z-index:1;} .ol-widget-startseite-bignews >.-twoCols >.-left.-veranstaltung ul li::BEFORE { left:1.75em;} .ol-widget-startseite-bignews >.-twoCols >.-left.-nachrichten ul li:not(:last-child):not(.active)::AFTER {content:"";position:Absolute;left:1em;right:1em;height:1px;bottom:0;background:#eee;} .ol-widget-startseite-bignews >.-twoCols >.-left li {transition: background 0.75s;} .ol-widget-startseite-bignews >.-twoCols >.-left li a {outline:none;display:block;font-weight:bold;font-size:110%;line-height:1.3;} .ol-widget-startseite-bignews >.-twoCols >.-left li:hover {background:rgb(255, 225, 156);} .ol-widget-startseite-bignews >.-twoCols >.-left li.active {background:rgb(255,181,7);} .ol-widget-startseite-bignews >.-twoCols >.-left.-nachrichten li a {overflow:hidden;position: relative;padding:1.125em 1.75em;white-space: nowrap; text-overflow: ellipsis;} .ol-widget-startseite-bignews >.-twoCols >.-left.-veranstaltung li {height:110px;position:relative;border-bottom:1px solid #eee; } .ol-widget-startseite-bignews >.-twoCols >.-left.-veranstaltung li a {padding:1em 2.75em;height:100%;overflow:hidden;text-overflow: ellipsis;} .ol-widget-startseite-bignews >.-twoCols >.-left.-veranstaltung li a>.-datumort {color:gray;font-weight:normal;font-size: 13px;} .ol-widget-startseite-bignews >.-twoCols >.-left.-veranstaltung li.active>a>.-datumort {color:black;} .ol-widget-startseite-bignews >.-twoCols >.-right {position:relative;} @media all { .bf-suche-loading {min-height:200px;} .bf-suche a.active {font-weight:bold;} .ol-bf-start h2 {font-size: 130%;} header.ol-bf-navi-header>h2 {display:inline-block;margin:0 !important;vertical-align:bottom;} header.ol-bf-navi-header>a {font-size:75%;} table.bf-navi-table tr td {padding:6px;} table.bf-navi-table tr td:first-child {padding-left: 0;} table.bf-navi-table select {width:200px;} .bf-eintrag {padding:1em;background:#f4f4f4;} .bf-eintrag h2 { font-size: 1.1em; } .bf-eintrag .logo {float:right;max-width:25%} .bf-eintrag .logo>img {border:1px solid #ccc;} .bf-eintrag >.-adresse {margin-bottom:0.75em;} .bf-eintrag .pre-text {display:inline-block;width:4em;} .bf-eintrag header {margin-bottom:0.2em;} .bf-eintrag ul.info-buttons {margin:1em 0;padding:0;} .bf-eintrag ul.info-buttons li {list-style: none;display:inline-block;left:0;padding-right:0;width:32px;} .bf-eintrag ul.info-buttons li .icon {margin:0 .5em .5em 0;} .bf-eintrag ul.info-buttons li .icon:not(.-skmehrwert) {display:inline-block;} .bf-eintrag ul.info-buttons li .icon:not(.active) {filter:grayscale(100%);opacity:0.25;} .bf-eintrag ul.info-buttons li .icon.active:hover {cursor:pointer;background:#ddd;} .bf-eintrag ul.info-buttons li .icon.-skmehrwert {padding:0;} .bf-eintrag .zusatz-info-box {display:none;background:#eee;padding:0.5em;} .bf-eintrag .zusatz-info-box h3 {font-size:100%;margin:0 0 0.25em;} .bf-eintrag .firma-rubriken-liste {margin:1em 0 0.5em;color:gray;font-size:80%;} .bf-eintrag .firma-rubriken-liste a {display:inline-block;white-space:nowrap; margin-right:0.35em;} .bf-eintrag .firma-rubriken-liste a:not(:first-child)::BEFORE {content:"|"; color:gray;margin-right:0.35em;} .bf-eintrag .ol-bf-entry-verstoss-link {position:absolute;right:1em;bottom:1em;} .bf-eintrag .ol-bf-entry-verstoss-link >img {width:24px;height:24px;filter:grayscale(100%);opacity:0.5;} .bf-eintrag .ol-bf-entry-verstoss-link:hover>img {filter:none;opacity:1;} .ol-contentNormal .bf-eintrag ul.info-buttons li .icon img {background:rgb(255, 180, 9);} .ol-contentNormal .bf-eintrag.-erweitert {background-color:rgb(255, 240, 205);} } @media all and (min-width: 36em){ .bf-eintrag h2 { font-size: 1.25em; } .bf-eintrag ul.info-buttons li {width:60px;} } @media all and (min-width: 48em){ } @media all and (min-width: 62em){ } @media all and (min-width: 75em){ } .error {color: #c33;} .ol-veranstaltung-main >.header {margin-bottom:1.5em;} .ol-veranstaltung-main >.header::after {content:"";clear:both;display:block;} .ol-veranstaltung-main >.header .ol-link-bigbox { margin: 15px auto; } .ol-veranstaltung-main >.header .kalender {width:100%;} .ol-veranstaltung-main >.header .kalender .ol-pfeil {margin-top:3px;} .ol-veranstaltung-main >.header .kalender .monat {text-align: center;background:white;border:1px solid #ccc;padding:5px 10px;box-shadow:1px 1px 2px rgba(0,0,0,0.1); width:70%;margin:0 auto;display:block;color:black;} .ol-veranstaltung-main >.header .kalender table.kalender {width:100%;font-weight:bold;border:0;} .ol-veranstaltung-main >.header .kalender table.kalender td {text-align:center;} .ol-veranstaltung-main >.header .kalender table.kalender tr.days td {color:gray;border-bottom:1px solid #bbb;} .ol-veranstaltung-main >.header .kalender table.kalender td.day {height:2.5em;width:14.285%} .ol-veranstaltung-main >.header .kalender table.kalender td.day.-otherMonth {color:gray;} .ol-veranstaltung-main >.header .kalender .day-marked {background:rgb(255, 181, 7);display:block;height:2em;width:2em;border-radius:100%;margin:0 auto;color:black;line-height:2em; cursor:pointer;} .ol-veranstaltung-main >.header .kalender .day-selected {box-shadow:0 0 4px 2px rgba(0,0,0,0.75);} .ol-veranstaltung-main >.header .ol-checkbox { display:block;background:transparent url("../images/checkbox_empty.png") no-repeat; padding-left:40px;line-height:30px;cursor:pointer;color:inherit;font-weight:bold;margin-bottom:0.25em;} .ol-veranstaltung-main >.header .ol-checkbox.-checked { background-image:url("../images/checkbox_checked.png");} #widLogin { z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } #widLogin .loginBackground { z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.75); cursor: default; } #widLogin form { z-index: 8;position:absolute;left:50%;top:200px;width:360px;margin-left:-180px; background:white;border:1px solid gray;box-shadow:5px 5px 5px rgba(0,0,0,0.25); text-align:center; padding:1em;z-index:100;} #widLogin .title {font-size:150%;} #widLogin input {width:100%;margin:1em 0;} #widLogin button {border:0; background:rgb(255,181,7);padding:1em 2em;} #widLogin button:hover {background:rgb(229,165,25);} #widLogin .links {margin:1em 0;text-align: left;} #widLogin .closeButton { position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; background: url(../images/close.png) center no-repeat; } .ol-wfrz-main .msg {border:2px solid black;padding:0.5em 1em;margin:2em 0;padding-left:50px; background:#f5f5f5 url("../images/cow/information.png") no-repeat;background-position: 10px center;} .ol-wfrz-main .msgok {border:2px solid #0A0;padding:0.5em 1em;margin:2em 0;padding-left:50px; background:#f5fff5 url("../images/cow/tick.png") no-repeat;background-position: 10px center;} .ol-wfrz-main .ol-wfrz-buttons {margin:1em 0 2em;} .ol-wfrz-main .ol-wfrz-buttons a {margin-right:1em;} .ol-sucheCompactMain .ol-sc-resultHeader {margin:1em 0 2em;} .ol-sucheCompactMain .ol-sc-resultHeader h2 {background:#bbb;padding:0.5em;} .ol-sucheCompactMain .ol-sc-resultMoreButtonOuter {margin:2em 0 3em;text-align:right;} .ol-kleinanzeigen-main ul {list-style: none;margin-bottom:0.5em;} .ol-kleinanzeigen-main li {list-style: none;} .ol-kleinanzeigen-main .gray {color:#bbb;} .ol-kleinanzeigen-main .ol-kleinanzeige >.-mediumOuter {position:relative;float:left;min-width:140px;min-height:100px;padding-bottom:1em;text-align:center;margin-top:5px;} .ol-kleinanzeigen-main .ol-kleinanzeige >.-right {margin-left:156px;min-height:110px;} .ol-kleinanzeigen-main .ol-kleinanzeige p {margin-bottom:0;} .ol-kleinanzeigen-main .ol-kleinanzeige .ol-ka-preis {margin:0.5em;font-size:125%;} .ol-kleinanzeigen-main .ol-kleinanzeige .ol-ka-pricetag>span {display:inline-block;max-width:180px;overflow:hidden;text-overflow: ellipsis;} .ol-kleinanzeigen-main .ol-kleinanzeige .bottomBar {margin-top:-1em;} .ol-kleinanzeige-details .ol-ka-otherKAs {margin:0.5em 0;} .ol-kleinanzeige-details .ol-ka-otherKAs>a>* {vertical-align: middle;} .ol-ka-pricetag {-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg);white-space:nowrap;position:relative;margin:0 5px 0 10px;display:inline-block;height:25px; border-radius: 0 5px 5px 0;padding: 0 15px 0 15px;background:#E8EDF0;border: 1px solid #C7D2D4;color:#999;line-height:23px;} .ol-ka-pricetag::before {position:absolute;background:#E8EDF0;content:"\25CF";color:white;text-shadow: 0 0 1px #aaa;font-size:12px; line-height:13px;text-indent:6px;top:3px;left:-10px;width: 18px;height: 18px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); border-left:1px solid #C7D2D4;border-bottom:1px solid #C7D2D4;} @media all and (min-width: 36em){ } @media all and (min-width: 48em){ } @media all and (min-width: 62em){ } @media all and (min-width: 75em){ } #bildAnsichtSwiper{ margin: 0 -10px; } .ol-bildergalerie h1 {font-size:125%;font-weight:normal;} .ol-bildergalerie .olbg-rechteigenesbild {float:right;margin:2em 0 0;font-size:90%;} .ol-bildergalerie .ol-galerieNavbar { margin-bottom: 15px; text-align: center; } .ol-bildergalerie .ol-galerieNavbar .ol-pfeil.-left {float:left;} .ol-bildergalerie .ol-galerieNavbar .ol-pfeil.-right {float:right;} .ol-bildergalerie header.olbggs-header .inputSuche {width:100%;margin:1em 0;} .ol-bildergalerie header.olbggs-header .inputSuche input {width:100%;} .ol-bildergalerie header.olbggs-header .ol-link-bigbox { background-image:url("../images/galerie_eintragen.png"); width:100%;max-width:220px;margin: 0 auto;} .ol-bildergalerie header.olbggs-header .olbg-jahrwahl {position:relative;padding:0 43px;margin:30px 0 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ol-bildergalerie header.olbggs-header .olbg-jahrwahl .swiper-button-prev,.ol-bildergalerie header.olbggs-header .olbg-jahrwahl .swiper-button-next {position:absolute;top:50%;margin-top:-17px;width: 35px;height: 35px;background-size: 35px 35px;} .ol-bildergalerie header.olbggs-header .olbg-jahrwahl .swiper-button-prev {left:0;} .ol-bildergalerie header.olbggs-header .olbg-jahrwahl .swiper-button-next {right:0;} .ol-bildergalerie header.olbggs-header .olbg-jahrwahl .swiper-slide { width:65px } .ol-bildergalerie header.olbggs-header .olbg-jahrwahl .olbg-jahrlink {display:inline-block; width:60px;margin-right:5px; height:60px;border:2px solid rgb(255,181,7);text-align: center;color:var(--textcolor); font-size:80%;line-height:55px;} .ol-bildergalerie header.olbggs-header .olbg-jahrwahl .olbg-jahrlink.active {background:#ccc;border-color:#ccc;} .ol-bildergalerie header.olbggs-header .olbg-jahrwahl .olbg-jahrlink:hover {background:#bbb;} .ol-bildergalerie .olbg-overviewList {color:white;margin:20px 0;} .ol-bildergalerie .olbg-overviewList .olbg-headline {background-color:rgb(255,181,7);padding:8px 15px;margin:0 0 20px 0;} .ol-bildergalerie .olbg-overviewList .olbg-headline >* {display:inline-block;vertical-align: baseline;} .ol-bildergalerie .olbg-overviewList .olbg-headline >.-title {font-size:125%;font-weight:bold;width:150px;color:black;} .ol-bildergalerie .olbg-overviewList .olbg-headline >.-title::BEFORE {content:"〉";position:relative;top:-3px;font-weight:normal;} .ol-bildergalerie .olbg-overviewList .olbg-headline >.-subtitle {font-weight:bold;color:white;} .ol-bildergalerie .olbg-overviewList .-entries {padding:0 0;} .ol-bildergalerie .olbg-overviewList .-entries .-entry {position:relative;color:white; margin-bottom: 20px; display:block; background: transparent no-repeat center center;background-size: cover; box-shadow:none;z-index:1;transition: box-shadow 0.5s, z-index 0.6s;} .ol-bildergalerie .olbg-overviewList .-entries .-entry.-onlyForAdminVisible {box-shadow:0 0 8px 1px rgba(255,0,0,1);} .ol-bildergalerie .olbg-overviewList .-entries .-entry >.-onHoverInfo {position:absolute;left:0;top:100%;right:0;background:rgb(255,181,7); padding: 8px; opacity:0; transition: opacity 0.5s, transform 0s linear 0.5s; -webkit-transform:translateX(-10000px);-ms-transform:translateX(-10000px);transform:translateX(-10000px); } .ol-bildergalerie .olbg-overviewList .-entries .-entry >.-onHoverInfo >.-buttons {text-align:right;padding:8px 0 0;} .ol-bildergalerie .olbg-overviewList .-entries .-entry >.-thumb {position:relative;width:100%;height:200px;font-size:80%;} .ol-bildergalerie .olbg-overviewList .-entries .-entry >.-title {font-size:95%;line-height:1.5;padding:4px 8px;background:rgba(0,0,0,0.3); height:55px;overflow:hidden;} .ol-bildergalerie .olbg-overviewList .-entries .-entry >.-title >.-subtitle {font-size:75%;} .ol-bildergalerie.olbg-galerieAnsicht {color:#444;} .ol-bildergalerie.olbg-galerieAnsicht header {margin-bottom:20px;} .ol-bildergalerie.olbg-galerieAnsicht header .col-m-50:not(:first-child) {margin-top: 20px;} .ol-bildergalerie.olbg-galerieAnsicht header .olbgga-headerMiddle .content-box { margin-bottom: 0; } .ol-bildergalerie.olbg-galerieAnsicht header .olbgga-headerMiddle select[name=sort] {width:100%;padding: .5em; font-size: .875em;margin-bottom: 15px;} .ol-bildergalerie.olbg-galerieAnsicht header .olbgga-headerMiddle .olbgga-infolabel { font-size: .875em; font-weight: bold; } .ol-bildergalerie.olbg-galerieAnsicht header .colsOuter {margin: 20px 0 0;} .ol-bildergalerie.olbg-galerieAnsicht header .colsOuter input[name=suche] {width:100%;} .ol-bildergalerie.olbg-galerieAnsicht header .colsOuter a.button {float:right;display:inline-block;margin-top:1em;} .ol-bildergalerie.olbg-galerieAnsicht header .colsOuter .olbg-galDetailsTable >div {margin:6px 0;} .ol-bildergalerie.olbg-galerieAnsicht header .colsOuter .olbg-galDetailsTable >div>label {float:left; width:105px;font-weight:bold;font-size: 14px;} .ol-bildergalerie.olbg-galerieAnsicht header .colsOuter .olbg-galDetailsTable >div>.-data {margin-left:110px;font-size: 14px;} .ol-bildergalerie.olbg-galerieAnsicht header .olbgga-galerieAdminPanel {margin: 20px 0 0;} .ol-bildergalerie.olbg-galerieAnsicht header .olbgga-galerieAdminPanel > p { margin: 0; } .ol-bildergalerie.olbg-galerieAnsicht header .olbgga-galerieAdminPanel .button {margin: 10px 10px 0 0;} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry {margin-bottom:20px;background:white;padding:6px;box-shadow:none;transition: box-shadow 0.5s, filter 0.5s;} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry:hover {box-shadow:0 0 5px 2px rgba(0,0,0,0.25);filter:brightness(110%);} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry >.-picOuter {position:relative;background:#eee;width:100%;height:180px; cursor:pointer;} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry >.-picOuter >.-picInner::AFTER {transition:opacity 0.5s, transform 0.5s ease-out;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry >.-picOuter >.-picInner {position:relative;display:block;height:100%;background:transparent none no-repeat center;background-size: contain;z-index:1;} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry >.-picOuter >.-picInner::AFTER {content:"";opacity:0; position:absolute;left:0;top:0;right:0;bottom:0;} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry >.-picOuter >.ol-edgePos {font-size: .7em;padding:6px 2px;z-index:2;background:rgba(238,238,238,0.5);} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry >.-picOuter >.ol-teilen-popup {bottom:0%;right:50%;margin-bottom:13px;margin-right:-59px;} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry >.-picOuter:hover+.-infoBar>.-middleIcons {opacity:1;} .ol-bildergalerie .olbgga-flexad { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; } .ol-bildergalerie .olbgga-flexad .olbgga-flexad-image { flex-shrink: 1; flex-groß: 1; width: 100%; } .ol-bildergalerie .olbgga-flexad .olbgga-flexad-btn { width: 90px; flex-shrink: 0; flex-groß: 0; margin-left: 15px; } .ol-bildergalerie.olbg-bildAnsicht {color:#444;} .ol-bildergalerie.olbg-bildAnsicht header {margin-bottom:1em;} .ol-bildergalerie.olbg-bildAnsicht header .olbgga-headerMiddle { font-size: .875em; } .ol-bildergalerie.olbg-bildAnsicht header .olbgga-middleLine>* {vertical-align: middle;} .ol-bildergalerie.olbg-bildAnsicht header .ol-backButton {display:inline-block;width:12%;text-align: center;} .ol-bildergalerie.olbg-bildAnsicht header h1 {font-size:100%;opacity: .666;} .ol-bildergalerie.olbg-bildAnsicht header .olbgba-bildVonHeadline {margin-bottom: 5px;white-space:nowrap;opacity: .666;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-bildMain {width:100%;height:0;padding-bottom: 68%;background:transparent none no-repeat center;background-size:contain;position:relative;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-bildMain >.-naviOverlay {display:none;position:absolute;top:0;bottom:0;left:0;right:0;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-bildMain >.-naviOverlay >.-navi {position:absolute;top:0;bottom:0;cursor:pointer;background-repeat: no-repeat;opacity:1;background-size: 25px 25px;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-bildMain >.-naviOverlay >.-navi.-to-left {left:0;right:60%;background-image:url("../images/galerie/pfeil_l.png");background-position: 15% center;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-bildMain >.-naviOverlay >.-navi.-to-right {left:40%;right:0;padding-left:20%;background-image:url("../images/galerie/pfeil_r.png");background-position: 93% center;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-werbung-forward { display:inline-block;width:100%;height:100%;max-height:100%; background:#eee; background-image:url("../images/galerie/pfeil_r.png");background-repeat: no-repeat;opacity:1;background-size: 60px 60px; background-position: center; } .ol-bildergalerie.olbg-bildAnsicht .olbgga-bottomBar {margin:15px 0 0; } .ol-bildergalerie.olbg-bildAnsicht .olbgga-bottomBar .-shareMore,.ol-bildergalerie.olbg-bildAnsicht .olbgga-bottomBar .-shareArea {display:inline-block;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-bottomBar .-shareArea .shariff .shariff-button {margin-right:10px} .ol-bildergalerie.olbg-bildAnsicht .olbgga-bottomBar .-likeArea { font-size: .825em; } .ol-bildergalerie.olbg-bildAnsicht .olbgga-bottomBar .-likeArea >.ol-mini-icon {display:inline-block;text-align:right;margin-left: 15px;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-commentsList >.-entry {margin: 1em 0; } .ol-bildergalerie.olbg-bildAnsicht .olbgga-commentsList >.-entry >.-title {color:gray;font-size:90%;} .ol-bildergalerie.olbg-bilderupload #fileupload {margin-top:2em;} .ol-bildergalerie.olbg-bilderupload .fileupload-buttonbar .fileupload-buttons >* {vertical-align: middle;height:40px;margin-right:1em;} .ol-bildergalerie.olbg-bilderupload .fileupload-buttonbar .fileupload-buttons .delete,.ol-bildergalerie.olbg-bilderupload .fileupload-buttonbar .fileupload-buttons .delete,.ol-bildergalerie.olbg-bilderupload .fileupload-buttonbar .fileupload-buttons input.toggle,.ol-bildergalerie.olbg-bilderupload .fileupload-buttonbar .fileupload-buttons .cancel {display:none;} .ol-bildergalerie.olbg-bilderupload .fileupload-buttonbar .fileupload-buttons .ui-button-icon {display:none;} .ol-bildergalerie.olbg-bilderupload .fileupload-buttonbar .fileupload-buttons .fileupload-processing .cancel {display:inline-block;} .ol-bildergalerie.olbg-bilderupload .fileupload-buttonbar .fileupload-buttons .ol-fileupload-done {display:none;margin:1em 0;font-weight:bold;} .ol-bildergalerie.olbg-bilderupload .fileupload-buttonbar .fileupload-progress {margin:1em 0;} .ol-bildergalerie.olbg-bilderupload .ui-progressbar {display:none;} .ol-bildergalerie.olbg-bilderupload .fileupload-processing .ui-progressbar {display:block;} .ol-bildergalerie.olbg-bilderupload table {margin-top:1em;} .ol-bildergalerie.olbg-bilderupload table .ui-button.start {display:none;} .ol-bildergalerie.olbg-bilderupload table .ui-button.delete {display:none;} .ol-bildergalerie.olbg-bilderupload table input[name=delete] {display:none;} .ol-bildergalerie.olbg-bilderupload table td {padding:0.25em 0.5em;} .ol-bildergalerie.olbg-bilderupload table td:first-child {padding-left:0;} .ol-bildergalerie ul.olbgbb-liste {margin:0;padding:0;} .ol-bildergalerie ul.olbgbb-liste >li.-entry {list-style: none;padding:4px 0;border-bottom:1px solid #ccc; transition:background 0.33s;} .ol-bildergalerie ul.olbgbb-liste >li.-entry:hover:not(.-head) {background-color:#eee;} .ol-bildergalerie ul.olbgbb-liste >li.-entry.-head {font-weight:bold;} .ol-bildergalerie ul.olbgbb-liste >li.-entry >.-col {display:inline-block;width:200px;vertical-align:middle;} .ol-bildergalerie ul.olbgbb-liste >li.-entry >.-col.-optionen {width:400px;} .ol-bildergalerie ul.olbgbb-liste >li.-entry >.-col.-optionen a {font-size:150%;cursor:pointer;} .ol-bildergalerie ul.olbgbb-liste >li.-entry >.-col.-thumb {width:80px;text-align:center;cursor:move;} .ol-bildergalerie ul.olbgbb-liste >li.-entry >.-col.-thumb >img {max-height:40px;} @media all and (min-width: 36em){ } @media all and (min-width: 48em){ .ol-bildergalerie h1 {font-size:175%;} .ol-bildergalerie header.olbggs-header h1 {float:left; display:inline-block;} .ol-bildergalerie header.olbggs-header .inputSuche {float:right;width:300px;max-width:50%;margin:.25em 0;} .ol-bildergalerie header.olbggs-header .olbg-jahrwahl .swiper-slide { width:115px } .ol-bildergalerie header.olbggs-header .olbg-jahrwahl .olbg-jahrlink {width:100px;margin-right:15px; height:100px; font-size:133%;line-height:90px;} .ol-bildergalerie.olbg-galerieAnsicht header .col-m-50:not(:first-child) {margin-top: auto;min-height:110px;border-left:1px solid #ccc;} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry >.-picOuter {height:210px;} .ol-bildergalerie.olbg-bildAnsicht header .olbgba-bildVonHeadline {text-align: right;margin: 0;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-bottomBar .-likeArea { float: right; } } @media all and (min-width: 62em){ .ol-bildergalerie h1 {font-size:200%;} .ol-bildergalerie .olbg-overviewList .-entries .-entry:hover {box-shadow:0 0 5px 2px rgba(0,0,0,0.25);z-index:10; } .ol-bildergalerie .olbg-overviewList .-entries .-entry:hover >.-onHoverInfo {opacity:1;-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);transition: opacity 0.5s, transform 0s;} .ol-bildergalerie.olbg-galerieAnsicht {color:#444;} .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry >.-picOuter {height:190px;} .ol-bildergalerie.olbg-bildAnsicht header .olbgga-headerMiddle { font-size: .9em; } .ol-bildergalerie.olbg-bildAnsicht .olbgga-bildMain >.-naviOverlay { display:block; } .ol-bildergalerie.olbg-bildAnsicht .olbgga-bildMain >.-naviOverlay >.-navi {background-size: 40px 40px;} } @media all and (min-width: 75em){ .ol-bildergalerie.olbg-galerieAnsicht .olbgga-bilderListe .-entry >.-picOuter {height:230px;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-bildMain >.-naviOverlay >.-navi {background-size: 60px 60px;opacity:0.333;} .ol-bildergalerie.olbg-bildAnsicht .olbgga-bildMain >.-naviOverlay >.-navi:hover {opacity:1;} } .ol-mittagstisch-woche {margin-top:1.5em;} .ol-mittagstisch-woche h2 {color:#333;} .ol-mittagstisch-woche >.-dayOuter {margin:0.75em 0;padding:0.75em 0.75em 0.75em 0;} .ol-mittagstisch-woche >.-dayOuter.-today {border:4px solid rgb(255,181,7);} .ol-mittagstisch-woche >.-dayOuter >.-daySign {float:left;width:25%;padding:1em 0;text-align: center;} .ol-mittagstisch-woche >.-dayOuter >.-daySign >.-dayToday {font-weight:bold;font-size:150%;color:rgb(229, 165, 25);} .ol-mittagstisch-woche >.-dayOuter >.-daySign >.-dayName {font-weight:bold;font-size:110%;} .ol-mittagstisch-woche >.-dayOuter >.-daySign >.-dayDate {color:gray;} .ol-mittagstisch-woche >.-dayOuter.-today>.-daySign {padding-top:0;} .ol-mittagstisch-woche >.-dayOuter >.-content {margin-left:25.1%;background:rgba(0,0,0,0.05);min-height:110px;padding:1em;} .ol-mt-startseite .ol-mts-speiseTable .ol-mts-st-row {margin:1em 0 2em 0;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;flex-direction: row;align-items: center;} .ol-mt-startseite .ol-mts-speiseTable .ol-mts-st-row .ol-mts-st-colLogo {width:20%;padding-right:16px;} .ol-mt-startseite .ol-mts-speiseTable .ol-mts-st-row .ol-mts-st-colCard {width:80%;background:rgba(0,0,0,0.05);min-height:130px;padding:1em; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;justify-content:center;flex-direction:column;} .ol-mt-startseite .ol-mts-speiseTable .ol-mts-st-row .ol-mts-addy {margin-top:6px;font-size:90%;line-height:1.3;color:gray;} .ol-mt-widget .ol-mtw-title {display:block;margin-bottom:0.5em;font-weight:bold;color:rgb(255,181,7);} .ol-mt-widget a.ol-mtw-entrylink {display:block;} .ol-mt-widget a.ol-mtw-entrylink:not(:first-child) {margin-top:1.5em;} .ol-mt-widget .ol-mtw-speisekarteEntry {background:rgb(242, 242, 242);padding:0.5em;} .ol-mt-widget .ol-mtw-row {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;flex-direction: row;align-items: center;} .ol-mt-widget .ol-mtw-row .ol-mtw-colLogo {width:33%;padding-right:16px;} .ol-mt-widget .ol-mtw-row .ol-mtw-colCard {width:66%;font-size:90%;line-height:1.3;} .ol-mittagstisch-main.ol-mittagstisch-extern .ol-mittagstisch-woche>.-dayOuter.-today {border-color:#999;} .ol-mittagstisch-main.ol-mittagstisch-extern .ol-mittagstisch-woche>.-dayOuter.-today>.-daySign>.-dayToday {color:#222;} .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe,.video-container object,.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media all and (max-width: 48em){ .responsiveTable{ border: 1px solid #ccc; overflow-y: hidden; width: 100%; } } @media all and (min-width: 36em){ .imageFormat.format-mobileslider{ padding-bottom: 60%; } .mobileNewsSlider .swiper-button-white { display: inline; } .contentSingle .contentItem .content-box {padding:1.5em;} .contentItem .news-picture {width:50%;height:100%;position:absolute;left:0;top:0;padding:0;} .contentItem .right {width:49.9%;margin-left:50%;} .mobileNewsSlider .slide-text .title { font-size: 1.375em; } .mobileNewsSlider .slide-text .subtitle { font-size: .925em; } } @media all and (min-width: 48em){ .imageFormat.format-mobileslider{ padding-bottom: 56.25%; } .responsive-content-ad-inner{ width: 728px; height: 90px; } .content-box.-padding {padding:1.5em;} .ol-widget-startseite-bignews .ol-widget-bigbild {border:none;margin:0;height:330px;} .ol-widget-startseite-bignews .item-content {opacity:0;transition:opacity 0.75s;display:block!important; } .ol-widget-startseite-bignews .item-content.active {opacity:1;left:0px;z-index:1;display:block!important;} .ol-widget-startseite-bignews .item-content-inhalt {position:absolute;left:0;top:0;right:0;bottom:0;} .ol-widget-startseite-bignews >.-twoCols >.-left {float:left;width:49.99%;} .ol-widget-startseite-bignews >.-twoCols >.-left.-nachrichten li a::AFTER,.ol-widget-startseite-bignews >.-twoCols >.-left.-nachrichten li a::BEFORE {content:""; position:absolute; right:-50px; width: 70px;height: 200%;background:white;} .ol-widget-startseite-bignews >.-twoCols >.-left.-nachrichten li a::BEFORE { -webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg); top:0; } .ol-widget-startseite-bignews >.-twoCols >.-left.-nachrichten li a::AFTER { -webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg); bottom:0; } .ol-widget-startseite-bignews >.-twoCols >.-left.-veranstaltung li::AFTER {content:"";position:absolute;left:100%;top:0;width: 0px;height: 0px; margin-left:-1px; border: 55px solid transparent; border-right: 0; border-left: 0px solid rgb(255, 225, 156); transition: border-left-width 0.75s, border-left-color 0.75s;z-index:2; } .ol-widget-startseite-bignews >.-twoCols >.-left.-veranstaltung li:hover::AFTER {border-left-width: 10px;border-left-color: rgb(255, 225, 156);} .ol-widget-startseite-bignews >.-twoCols >.-left.-veranstaltung li.active::AFTER {border-left-width: 20px;border-left-color: rgb(255,181,7);} .ol-widget-startseite-bignews >.-twoCols >.-right {float:right;width:49.99%;height:320px;} .ol-widget-startseite-bignews.-has-bigbild-absolute .ol-widget-bigbild {position:absolute;top:0;left:0;} .ol-widget-startseite-bignews.-has-bigbild-absolute >.-twoCols {padding-top: 330px;} .ol-veranstaltung-main >.header {margin-bottom:1.5em;} .ol-veranstaltung-main >.header .kalender-box {border-right:1px solid #bbb;padding-right:20px} .ol-veranstaltung-main >.header .kalender {width:100%;} .ol-veranstaltung-main >.header .kalender .ol-pfeil {margin-top:10px;} .ol-veranstaltung-main >.header .kalender .monat {padding:10px 20px; font-size:125%;} .ol-veranstaltung-content .contentItem {height:320px;} } @media all and (min-width: 62em){ .responsive-content-ad-inhaltInline{ margin: 46px 0; } .responsive-content-ad-inner{ width: 468px; height: 60px; } .imageFormat.format-widgetheader{ padding-bottom: 56%; height: 0; } .main-sidebar-widgets .ol-widget{ height: 460px; max-height: none; } } @media all and (min-width: 75em){ .ol-link-bigbox { padding:160px 0 10px; background-position:70px 50px; } .responsive-content-ad-inner{ width: 728px; height: 90px; } h1,h2 { font-size:19px; } .main-sidebar-widgets .ol-widget{ height: 470px; } .ol-veranstaltung-main >.header .ol-link-bigbox { margin: auto; } } @media all and (min-width: 1400px){ .ol-contentouter-ads { display: block; position: absolute; top: 0; left: 0; right: 0; height: 0; } .ol-contentouter-ads .-ad-item { position: absolute; top: 0; margin: 54px 5px 0; } .ol-contentouter-ads .-ad-item.-left { right: 100%; } .ol-contentouter-ads .-ad-item.-right { left: 100%; } } 
/* menu                 [6181] */ @media screen, projection { #dp-navigationfooter { text-align: center; } #dp-navigationfooter > ul li a { padding: 5px; display: inline-block; font-size: .75em; } #dp-navigationfooter > ul li.active > a,#dp-navigationfooter > ul a:hover { text-decoration: underline; } #dp-navigation {display:none;} #dp-navigation > ul li a { padding: 5px; display: inline-block; } .mobileMenuBtn { z-index: 55; position: absolute; display: block; right: 15px; top: 50%; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%); width: 30px; height: 30px; } .mobileMenuBtn span,.mobileMenuBtn span:before,.mobileMenuBtn span:after { display: block; width: 30px; position: absolute; height: 4px; left: 0; background: #222; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .25s; 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: #222; } .mm-opened .mobileMenuBtn span:before { -webkit-transform: rotate(-45deg); -webkit-transform-origin: top right; -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin: top right; } .mm-opened .mobileMenuBtn span:after { -webkit-transform: rotate(45deg); -webkit-transform-origin: bottom right; -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); transform-origin: bottom right; } #dp-mainmenu { display: none; } body #mm-blocker { z-index: 9999!important; } body .mm-menu { background: rgb(255,181,7); } 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 20px; } body .mm-listview > li:not(.mm-divider)::after { left: 0; } body .mm-listview > li.active,body .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),body .mm-menu .mm-listview>li.mm-selected>span { background: rgba(255,255,255,.05)!important; } body .mm-menu:after {content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.3)} body .mm-menu.mm-right:after {left:auto;right:100%} body .mm-menu.mm-front:after,body .mm-menu.mm-next:after {content:none;display:none} } @media all and (min-width: 36em){ } @media all and (min-width: 48em){ #dp-navigationfooter { display: inline-block; position: relative; left: 50%; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } #dp-navigationfooter > ul li { float: left; } #dp-navigationfooter > ul li a { padding: 0 10px; } } @media all and (min-width: 62em){ } @media all and (min-width: 75em){ #dp-navigation { display: block; position: relative; } #dp-navigation > ul li { display:inline-block; } #dp-navigation > ul li a { padding: 0 10px; } .mobileMenuBtn{ display: none; } .dp-mainmenu-outer {background:white;border-bottom:1px solid #ddd;box-shadow:0 1px 2px rgba(0,0,0,0.15);} #dp-mainmenu { display: table; width:100%; z-index:10;} #dp-mainmenu ul.menu { display:table-row;white-space:nowrap;} #dp-mainmenu ul.menu li a { display: block; text-align: center;font-size:125; color:#222;filter:brightness(100%); padding: 0.5em 0.25em;font-weight: bold; transition:background 0.75s, color 0.75s;} #dp-mainmenu ul.menu li.active > a,#dp-mainmenu ul.menu li:hover > a { text-decoration: none; background:rgb(229,165,25); transition:all 0.25s;} #dp-mainmenu ul.menu li:not(.active):hover>a {background:rgba(229,165,25,0.7);} #dp-mainmenu ul.menu > li { display:table-cell; position: relative; border-right:1px solid #ddd; } #dp-mainmenu ul.menu > li:first-child {border-left:1px solid #ddd;} #dp-mainmenu ul.menu > li > a { padding:0.75em 0.5em;font-size:120%;font-weight: normal;} #dp-mainmenu ul.menu li:first-child div.menuDepth1 {-webkit-transform:none;-ms-transform:none;transform:none;left:0;} #dp-mainmenu ul.menu li:last-child div.menuDepth1 {-webkit-transform:none;-ms-transform:none;transform:none;right:0;left:auto;} #dp-mainmenu div.menuDepth1 li a { font-size:100%;transition:all 0.5s; margin:1px 0.3em; padding: 0.25em 0.33em;text-align:left; } #dp-mainmenu div.menuDepth1 li a:hover {padding-left:0.43em;padding-right:0.23em;} #dp-mainmenu div.menuDepth1 li a::BEFORE {content: "〉";font-weight:normal;font-size: 100%; margin:0 3px;vertical-align: middle; position: relative; top: -2px; } #dp-mainmenu li div.menuDepth1 {pointer-events: none;display: block; width:auto;white-space:nowrap; position: absolute; left: 50%;top:-5000px; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); transition: top 0s linear 0.5s; overflow:hidden; } #dp-mainmenu li:hover > div.menuDepth1 {top:100%;z-index:1;transition: top 0s linear 0.01s;} #dp-mainmenu li >div.menuDepth1>div {pointer-events: none;position:relative; display:inline-block;vertical-align:top;top:-100%;transition: top 0.25s linear 0.25s; } #dp-mainmenu li:hover > div.menuDepth1>div {top:0%;transition: top 0.25s linear 0s;} #dp-mainmenu li > div.menuDepth1>div>ul {pointer-events: all;position:relative;topX:-100%;transition: top 0.25s ease-out 0.25s, opacity 0.25s linear 0.25s, background 0.5s linear 0.01s; background:#eee; padding:1em 0.75em;opacity:0; } #dp-mainmenu li:hover > div.menuDepth1>div>ul {top:0%;transition: top 0.25s ease-out 0.01s, opacity 0s linear 0.01s, background 0s linear 0.01s;opacity:1;background:rgb(255,181,7);} }
/* form                 [2679] */ @media all { .dp-form fieldset { border: 0; padding: 0; margin: 0; } .dp-form input.text,.dp-form textarea,.dp-form select { width: 100%; border: 1px solid #ccc; padding: .55em .75em; color: #222; background-color:#f9f9f9;} .dp-form input.text:focus,.dp-form textarea:focus { background-color: #f4f4f4; } .dp-form input[type="checkbox"],.dp-form input[type="radio"] { margin-right: 5px; } .dp-form input[disabled],.dp-form select[disabled],.dp-form textarea[disabled] { color:gray;border-color:#ddd; } .dp-form textarea { height: 8em; } .dp-form .row.row-text>label { display:block;width:100%; } .dp-form .row { margin: 0 0 15px; } .dp-form .row.row-text input.-datum[type=text] { width:160px;} .dp-form .row.row-text input.-zeit[type=text] { width:100px;} .dp-form .row input[name=newsdatum] {max-width:120px;} .dp-form .checkboxes-div,.dp-form .radios-div {display:inline-block;} .dp-form .checkboxes-div label,.dp-form .radios-div label {display:block;} .dp-form .checkboxes-div label>*,.dp-form .radios-div label>* {vertical-align: middle;} .dp-form .captchaDiv img {margin-bottom:1em;} .dp-form input.text.dpf-ajax-checked,.dp-form textarea.dpf-ajax-checked,.dp-form select.dpf-ajax-checked { background-position: right 4px center;background-repeat: no-repeat;transition: background-color 0.25s,border 0.25s,color 0.25s;} .dp-form select.dpf-ajax-checked {background-position: right 14px center;} .dp-form textarea.dpf-ajax-checked {background-position: right 4px top 4px;} .dp-form input.text.dpf-ajax-ok,.dp-form textarea.dpf-ajax-ok,.dp-form select.dpf-ajax-ok {border: 1px solid #3c3; background-image:url("../images/cow/tick.png"); } .dp-form input.text.dpf-ajax-error,.dp-form textarea.dpf-ajax-error,.dp-form select.dpf-ajax-error {border: 1px solid #c33; background-image:url("../images/cow/exclamation.png"); } .dp-form .row-error .message,.dp-form .row-ajax-checked .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.ol-submit-right button {float:right;} .ol-gewinnspiel-form-outer .dp-form .row-checkbox {font-size:90%;} } @media all and (min-width: 36em){ } @media all and (min-width: 48em){ .dp-form .row.row-text input[type=text],.dp-form .row.row-text input[type=password],.dp-form .row.row-text input[type=file],.dp-form .row textarea,.dp-form .row select { width:74.9%;} .dp-form .row.row-text .message {margin-left:25%;} .dp-form .row.row-text>label { float:left; width:25%; padding-top:5px; } .dp-form .row.row-text>label+label {width:70%;} } @media all and (min-width: 62em){ } @media all and (min-width: 75em){ }
/* print                [1672] */ @media print { #dp-header{ margin-bottom: 1em; } .fullscreenImage, .olbgga-bildMain{ -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .swiper-slide, .swiper-container-android .swiper-slide, .swiper-wrapper, .cols, .cols-s, .cols-m, .cols-l, .cols-xl, .cols > *, .cols-s > *, .cols-m > *, .cols-l > *, .cols-xl > *, .contentItem .news-picture, .contentItem .right, .ol-std-container .beforeBottomBar, .ol-std-container, .content-box.-has-min-height, .content-box, .ol-widget-startseite-bignews > .-twoCols > .-right, .ol-widget-startseite-bignews .item-content-inhalt, h1.ol-headline span, h2.ol-headline span, .contentItem .newsBannerOverlay, .contentItem .newsBannerOverlay-schnipsel { margin: auto!important; padding: 0!important; min-height: none!important; max-width: none!important; min-width: none!important; max-height: none!important; display: block!important; position: static!important; width: 100%!important; height: auto!important; float: none!important; overflow: auto!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; border: none!important; box-shadow: none!important; opacity: 1!important; } .noprint, .fullscreenImage, .-whiteFadeOut, *.noprint, body .noprint, body .swiper-slide, .ol-headline span::before, .ol-headline span::after { display: none!important; } body .swiper-slide-active{ display: block!important; } h1.ol-headline span, h2.ol-headline span{ border-bottom: 3px solid #ccc!important; margin-bottom: 1em!important; } }