.mobile { display:none } @media (orientation: landscape) { .mobilemsg { display:none } } @media (orientation: portrait) { .mobilemsg { display:block; padding:10px; margin-top:5px; color:#8b0000!important } } html { top:0; font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); color:var(--textcolor2); height:100%; background:#fff; background-attachment:fixed; font-size:var(--des_fontsize); margin:0 } body[data-admin="1"]{ margin-top: 44px; } a i[aria-hidden="true"], a svg[aria-hidden="true"] { pointer-events: none; } .ui-datepicker-calendar a { color: #000 !important; } ol { counter-reset: item; margin: 0; padding: 0; } ol li { display: block; counter-increment: item; margin: 0.3em 0; padding-left: calc(1.5em + (var(--level, 1) - 1) * 1.5em); text-indent: calc(-1.5em - (var(--level, 1) - 1) * 1.5em); } ol li::before { content: counters(item, ".") ". "; font-weight: bold; } li > ol { counter-reset: item; --level: calc(var(--level, 1) + 1); } #admincontainer { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 999; max-height: 50px; background: #353535 !important; color: #D2D0D0; padding: 10px; filter: none !important; will-change: transform; } body.poc-theme-bw[data-browser="fixcssfilter"] #admincontainer, body.poc-theme-night[data-browser="fixcssfilter"] #admincontainer, body.poc-blaufilter[data-browser="fixcssfilter"] #admincontainer, body.poc-high-contrast[data-browser="fixcssfilter"] #admincontainer, body.poc-colorblind[data-browser="fixcssfilter"] #admincontainer { top: -44px; } @media screen and (max-width: 999px) { body.poc-theme-bw[data-browser="fixcssfilter"] #admincontainer, body.poc-theme-night[data-browser="fixcssfilter"] #admincontainer, body.poc-blaufilter[data-browser="fixcssfilter"] #admincontainer, body.poc-high-contrast[data-browser="fixcssfilter"] #admincontainer, body.poc-colorblind[data-browser="fixcssfilter"] #admincontainer { top: -44px; } } #infoframe-oben, #infoframe-rechts { display: none; } body[data-admin="1"] { margin-top: 44px; } @media screen and (min-width: 1000px) { body[data-werbung="1"] #infoframe-oben, body[data-werbung="1"] #infoframe-rechts { display: block; position: fixed; background-color: var(--infoframe-color); z-index: 98; } body[data-werbung="1"] #infoframe-oben { left: 0; right: 0; height: 150px; z-index: 99; } body[data-werbung="1"]:not([data-admin="1"]) #infoframe-oben { top: 0; } body[data-werbung="1"][data-admin="1"] #infoframe-oben { top: 44px; } body[data-werbung="1"][data-admin="1"] #infoframe-rechts { top: 194px; } body[data-werbung="1"] #infoframe-rechts { top: 150px; right: 0; bottom: 0; width: clamp(300px, calc(100vw - 1000px), 500px); background-color: var(--infoframe-color); overflow: hidden; } body[data-werbung="1"][data-admin="1"].poc-theme-bw[data-browser="fixcssfilter"] #infoframe-oben, body[data-werbung="1"][data-admin="1"].poc-theme-night[data-browser="fixcssfilter"] #infoframe-oben, body[data-werbung="1"][data-admin="1"].poc-blaufilter[data-browser="fixcssfilter"] #infoframe-oben, body[data-werbung="1"][data-admin="1"].poc-high-contrast[data-browser="fixcssfilter"] #infoframe-oben, body[data-werbung="1"][data-admin="1"].poc-colorblind[data-browser="fixcssfilter"] #infoframe-oben { top: 0px; } body[data-werbung="1"][data-admin="1"].poc-theme-bw[data-browser="fixcssfilter"] #infoframe-rechts, body[data-werbung="1"][data-admin="1"].poc-theme-night[data-browser="fixcssfilter"] #infoframe-rechts, body[data-werbung="1"][data-admin="1"].poc-blaufilter[data-browser="fixcssfilter"] #infoframe-rechts, body[data-werbung="1"][data-admin="1"].poc-high-contrast[data-browser="fixcssfilter"] #infoframe-rechts, body[data-werbung="1"][data-admin="1"].poc-colorblind[data-browser="fixcssfilter"] #infoframe-rechts { top: 150px; } body[data-werbung="1"] { padding-top: 150px; padding-right: clamp(300px, calc(100vw - 1000px), 500px); } body[data-werbung="1"][data-admin="1"] #main-content { scroll-margin-top: 200px; } body[data-werbung="1"] #main-content { scroll-margin-top: 150px; } } @media screen and (max-width: 999px) { #infoframe-oben, #infoframe-rechts { display: none !important; } body[data-werbung="1"] { padding-top: 0 !important; padding-right: 0 !important; } #infoframe-modal .uk-modal-dialog { width: 350px; max-width: 80vw; border-radius: 12px; padding: 10px; background: white; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); } body[data-admin="1"] #main-content { scroll-margin-top: 50px; } } #skip-links a, #skip-links button { font-weight: bold; font-size: 1rem; } a { text-decoration:none } a:active { color:var(--color3); text-decoration:none } a:hover { color:var(--color3); text-decoration:none } a:link { text-decoration:none } a:visited { text-decoration:none } ::selection { background:var(--color1); color:#fff } ::-moz-selection { background:var(--color1); color:#fff } #menue :is(a,button,input,select,textarea,[tabindex]):focus, #menue:focus { outline: 3px solid #66ccff; outline-offset: 2px; border-radius: 4px; } .cke_editable{ color: #333333 !important; } .cke_editable:focus{ color: #333333 !important; background-color: #fff9c4 !important; } input:not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus { background-color: #fff9c4 !important; color: #333333 !important; border: 1px solid #ff9800 !important; } .highlighted { background-color: transparent; outline: 2px dashed #f0ad4e; } table tbody tr { transition: background-color 0.3s ease, color 0.3s ease; } table tbody tr:hover { background-color: #f0f0f0 !important; color: #000 !important; } .textarea-container { display: flex; } .textarea-container textarea, .textarea-container .line-numbers { font-family: monospace; line-height: 1.5; } .textarea-container textarea { flex-grow: 1; border: none; border-left: 1px solid #ddd; white-space: nowrap; overflow-x: auto; resize: none; font-size: 1rem !important; color: #1967d2; } .line-numbers { padding-top: 7px; padding-bottom: 5px; padding-right: 10px; user-select: none; text-align: right; overflow: hidden; width: 50px; flex-shrink: 0; font-size: 1rem; color: #CCC; } .poc-button { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding: 4px 15px; height:50px; width:auto } .poc-button:hover { color: #666; background: #f1f1f1; } .poc-button-cta { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .poc-button-icon { border-color: #c6c6c6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 13px; } .poc-button-important, a.poc-button-important { padding: 7px 20px; color: #FFF !important; border: 0; margin-right: 10px; font-size: 0.9rem; transition: all 150ms ease-in-out; border-radius: 25px; border: 1px solid #CC1076; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.07) 0 1px 1px, rgba(0, 0, 0, 0.07) 0 2px 2px, rgba(0, 0, 0, 0.07) 0 4px 4px; font-weight: 400; background-image: linear-gradient(180deg, #FF1493 0%, #CC1076 100%); } .poc-button-important:hover { background-image: linear-gradient(180deg, #CC1076 0%, #FF1493 100%) !important; color: #FFF; } .poc-button-update { padding: 7px 20px; border: 0; margin-right: 10px; font-size: 0.9rem; transition: all 150ms ease-in-out; border-radius: 25px; border: 1px solid #7fff00; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.07) 0 1px 1px, rgba(0, 0, 0, 0.07) 0 2px 2px, rgba(0, 0, 0, 0.07) 0 4px 4px; color: black; font-weight: 400; background-image: linear-gradient(180deg, #7fff00 0%, #6ddb00 100%); text-shadow: -1px 0 1px #6ddb00, 0 1px 1px #6ddb00, 1px 0 1px #6ddb00, 0 -1px 1px #6ddb00; } .poc-button-update:hover { filter: brightness(1.1); color: black; } .poc-button-black { padding: 7px 20px; border: 0; margin-right: 10px; font-size: 1rem; transition: all 150ms ease-in-out; border-radius: 25px; border: 1px solid #ee6807; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.07) 0 1px 1px, rgba(0, 0, 0, 0.07) 0 2px 2px, rgba(0, 0, 0, 0.07) 0 4px 4px; color: #FFF; font-weight: 400; background-image: linear-gradient(180deg, #ff8d14 0%, #ee6807 100%); text-shadow: -1px 0 1px #ff8d14, 0 1px 1px #ff8d14, 1px 0 1px #ff8d14, 0 -1px 1px #ff8d14; } .poc-button-black:hover { background-image: linear-gradient(180deg, #ee6807 0%, #ff8d14 100%); color: white !important; } .poc-button-left { border-radius: 0 25px 25px 0; } .poc-button-right { border-radius: 25px 0 0 25px; } .poc-button-cancel { padding: 7px 20px; border: 0; margin-right: 10px; font-size: 0.9rem; transition: all 150ms ease-in-out; border-radius: 25px; border: 1px solid #cecece; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.07) 0 1px 1px, rgba(0, 0, 0, 0.07) 0 2px 2px, rgba(0, 0, 0, 0.07) 0 4px 4px; color: black !important; font-weight: 400; background-image: linear-gradient(180deg, #f2f2f2 0%, #cecece 100%); text-shadow: -1px 0 1px #cecece, 0 1px 1px #cecece, 1px 0 1px #cecece, 0 -1px 1px #cecece; } .poc-button-cancel:hover { filter: brightness(1.1); color: black; } .cms-button-container { display: flex; border: 1px solid #ff8d14; border-radius: 10rem; overflow: hidden; } .cms-button { flex: 1; padding: 10px 20px; text-align: center; border: none; background-image: linear-gradient(180deg, #ff8d14 0%, #ee6807 100%); color: white; font-size: 1rem; cursor: pointer; transition: background-color 0.3s; } .cms-button:hover { background-image: linear-gradient(180deg, #ee6807 0%, #ff8d14 100%); } .cms-button + .cms-button { border-left: 1px solid #ff8d14; } .cms-button:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .cms-button:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .poc-editbutton { display: none; } .poc-editbutton.editmode { display: inline; } .poc-offline { display: none; } .poc-offline.editmode { display: block; } .poc-offline-style { background-color: var(--textcolor6); color: white; padding: 3px 15px; margin: 10px 10px 30px 0; cursor: not-allowed; } .editmode-switcher { color: deeppink; transition: color 0.3s ease; } .editmode-switcher.editmode { color: #28a745; transition: color 0.3s ease; } .uk-link-heading a:hover,a.uk-link-heading:hover { color:var(--color1); text-decoration:none } .uk-background-primary { background-image: linear-gradient(180deg, #FF1493 0%, #CC1076 100%) !important; color: #FFF !important; } .uk-button-primary { text-transform:none; background-color:var(--buttoncolor2); border-color:var(--buttoncolor2); color:#fff; border:1px solid transparent } a:hover .uk-button-primary,.uk-button-primary:hover { background-color:var(--buttoncolor3); background-image:-webkit-linear-gradient(var(--buttoncolor2) 0%,var(--buttoncolor3) 100%); background-image:-o-linear-gradient(var(--buttoncolor2) 0%,var(--buttoncolor3) 100%); background-image:linear-gradient(var(--buttoncolor2) 0%,var(--buttoncolor3) 100%) } .uk-button-primary.uk-active,.uk-button-primary:active { background-color:var(--buttoncolor2); color:#fff } .uk-button-link { padding:0; line-height:1.5; background:0 0; color:var(--color1) } .uk-button-large { line-height: 2; padding: 15px; } .uk-section-primary { background:var(--color1) } .uk-tile-primary { background:var(--color1) } .uk-card-primary { box-shadow:0 5px 15px rgba(0,0,0,.08) } .uk-comment-primary { background-color:transparent } .uk-heading-line { font-family:var(--font-family-1); font-weight:var(--font-family-weight-1); font-size: 1.5rem; color:var(--textcolor2)!important } .uk-section-muted .uk-heading-line, .uk-section-muted .uk-card-body { color:var(--textcolor-dark)!important } .uk-icon-button { border-style:solid; border-width:1px; border-color:var(--table2) } .uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle { font-family:var(--font-family-2); font-weight:400; font-size: 1rem } .uk-navbar-nav>li>a { display:inline; padding:0 10px; font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); text-transform:none; min-height:0 } .uk-offcanvas-bar { box-sizing:border-box; overflow-y:auto; -webkit-overflow-scrolling:touch; width:90%; min-width:350px; max-width:480px } .uk-table th { font-size:.7rem; color:var(--textcolor2); text-align:left; vertical-align:bottom; padding:12px; font-weight:400; text-transform:none } .uk-badge { box-sizing:border-box; min-width:22px; height:22px; padding:0 5px; border-radius:500px; vertical-align:middle; background:var(--color5) !important; color:#fff; font-size:.875rem; display:inline-flex; justify-content:center; align-items:center } .uk-label { display:inline-block; padding:0 10px; background:var(--color1)!important; line-height:1.5; font-size:.875rem; color:#fff!important; vertical-align:middle; white-space:nowrap; border-radius:2px; text-transform:uppercase } .uk-subnav-pill>.uk-active>a { background-color:#ff8d14 !important; color:#fff !important; } .uk-active>a { color:var(--textcolor2); border-color:var(--color1) } .uk-notification-message-primary { color:var(--color1) } .uk-progress::-webkit-progress-value { background-color:var(--color1); transition:width .6s ease } .uk-progress::-moz-progress-bar { background-color:var(--color1) } .uk-progress::-ms-fill { background-color:var(--color1); transition:width .6s ease; border:0 } .uk-text-primary { color:var(--color1)!important } .uk-text-background { -webkit-background-clip:text; -webkit-text-fill-color:transparent; display:inline-block; color:var(--color1)!important; background-color:var(--color1) } .uk-text-lead { font-weight:700 } .uk-section-muted { background-color: #262626 !important; color: #CCC !important; } .poc-menu-text{ color: #CCC !important; font-size: 0.9em !important; border: none !important; -webkit-appearance: none; cursor: pointer; padding: 0; background: transparent; } .poc-menu-text:hover{ text-decoration: none; color: #CCC !important; } .poc-setelement { font-weight: bold; text-align: right; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; background-color: #000 !important; padding: 15px } .poc-setelement * { color: #CCC !important; } .poc-navi-fixed { padding:15px 15px 10px; height:30px } .poc-short { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1 } .poc-short-2 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 } .poc-short-3 { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3 } .poc-buttonlink { border:none; padding:5px 15px; background-color:transparent; font-size:1rem; margin-bottom:-15px; cursor:pointer; text-transform:none } .poc-formbuttonlink { color:#242424!important; border:none; padding:3px 0; background-color:transparent; font-size:1rem; margin-bottom:-3px; cursor:pointer; text-transform:none!important } .poc-section { display:block } .poc-dark { color:var(--textcolor1); } .poc-sidebar { display:inline-block; width:270px; background-color: #1c1c1c; color:#fff } .poc-sidebar-full { display:inline; background-color: #111111; } .poc-container-sidebar { display:inline-block; width:calc(100% - 270px); background-color: #111111; float:right; } .poc-sticky { position:-webkit-sticky; position:sticky; top:40px } .poc-navarea { overflow:scroll } .poc-navi-line { padding-bottom: 7px; padding-top: 7px; border-bottom: #e5e5e5 solid 1px; } .uk-nav-sub { padding-left: 0px !important; } .uk-nav-sub li { padding:7px; margin-top:3px } .uk-nav-sub li { padding: 5px 40px !important; margin-top: 0; font-size: 0.9em; border-top: #eeeeee solid 1px; } .uk-offcanvas-bar .uk-link-reset:hover { font-weight: unset; } .uk-offcanvas-bar .uk-nav-sub li { font-size: unset; border-top: none; } .poc-menu-admin .uk-nav-sub li { font-size: unset; font-weight: unset; border-top: none; padding:7px !important; border-bottom: #565656 solid 1px; } .poc-menu-admin .uk-link-reset:hover { font-weight: unset; } @media only screen and (max-width: 1200px) { .poc-sidebar { width:240px } .poc-container-sidebar { width:calc(100% - 240px) } .poc-sticky { position:relative; top:0 } .uk-nav-sub li { } } @media only screen and (max-width: 640px) { .poc-sidebar { display:none } .poc-sidebar-full { display:none } .poc-container-sidebar { width:100% } } blockquote p { margin:0 } div.hidden { filter:alpha(opacity=0); opacity:0; -webkit-transition:all .8s linear; -moz-transition:all .8s linear; -o-transition:all .8s linear; -ms-transition:all .8s linear; transition:all .8s linear } div.visible { filter:alpha(opacity=1); opacity:1 } em { color:var(--textcolor2) } figcaption { font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); font-size:.9rem; text-align:left; padding:5px } figure { position:relative; width:100%; padding:0; margin:0; break-inside:avoid-column } hr { border:0; height:0; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(255,255,255,0.3) } .poc-liner { padding-top:15px; padding-bottom:15px; border-top:1px dotted var(--textcolor1); border-bottom:1px dotted var(--textcolor1) } iframe { font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); font-size:.8rem; border:none } img { max-width:100% } .poc-modal { z-index:999; height:100%; width:100%; background-color:rgba(0,0,0,0.4); -webkit-animation-name:modal-animation; -webkit-animation-duration:.5s; animation-name:modal-animation; animation-duration:.5s } .poc-modal-body { padding: 10px; } @-webkit-keyframes modal-animation { from { top:-100px; opacity:0 } to { top:0; opacity:1 } } @keyframes modal-animation { from { top:-100px; opacity:0 } to { top:0; opacity:1 } } .poc-modal-title { background-image: linear-gradient(180deg, #ff8d14 0%, #ee6807 100%); color:#fff; padding:15px 30px } .poc-modalbox { position:absolute; z-index:9999; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff; color:#141414 !important; width:100%; max-width:640px; min-height:50px } @media screen and (max-width: 640px) { .poc-modal-title { padding:10px } .poc-modalbox { position:absolute; z-index:9999; top:0; left:0; width:100%; transform:none } } .poc-modalbg { position:fixed; top:0; left:0; z-index:1040; width:100vw; height:100vh; background-color:rgba(0,0,0,0.4); backdrop-filter:blur(2px) } .poc-magazin-b-img { z-index:10; display:inline-block; position:relative; top:0; width:60%; margin-bottom:15px } @media only screen and (max-width: 760px) { .poc-magazin-b-img { display:block; width:100%; padding:0 } } .poc-magazin-b-text { z-index:12; display:inline-block; position:relative; top:50px; left:-5%; width:-moz-calc(40% - 30px); width:-webkit-calc(40% - 30px); width:calc(40% - 30px); background-color:rgba(255,255,255,0.9); color: #383838 !important; } .poc-magazin-b-text:after { background-color:var(--color1); bottom:0; content:''; display:block; height:5px; left:40px; position:absolute; transform:translate(-50%,0); width:80px } .poc-magazin-b-text .uk-textarea { color: #383838 !important; } @media only screen and (max-width: 760px) { .poc-magazin-b-text { display:block; top:0; left:0; width:100%; padding:0 } } .poc-button { font-weight:700; text-transform:none; height:50px; padding:7px 15px; background:#fff } .poc-button:hover { color:var(--textcolor2); background:var(--table2) } .poc-button-icon { text-transform:none; background-color:#fff; border:var(--buttoncolor1) solid 1px; color:var(--textcolor2); height:28px; padding:13px } .poc-button-icon:focus { outline:none!important } .poc-button-cta { text-transform:none; background-color:var(--buttoncolorcta2); border-color:var(--buttoncolorcta2); color:#fff; border:1px solid transparent } .poc-input-date { min-width:80px } .poc-input-time { width:60px; min-width:85px; } .poc-select { font-size:.9rem; color:var(--textcolor2); padding:5px 15px } .poc-select:hover { background-color:var(--table2); color:var(--buttoncolor2) } [class*=uk-drop-top] { margin-top:-5px } [class*=uk-drop-bottom] { margin-top:5px } .poc-selectionbox { padding:0; border-style:solid; border-width:1px; border-color:var(--buttoncolor1); background:#fff } .poc-fixed-bottom { z-index:1001; position:fixed; bottom:0; left:0; right:0; min-height:1px } .poc-container-white { padding:.6rem; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px); background-color:#fff } .poc-container-attention { padding:.6rem; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px); background-color:var(--color1) } .pc-bild { border-radius:5px 5px 0 0 } .pc-bildflex { display:flex; justify-content:center; align-items:center; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } .poc-width-caldate { width:65px; display:flex; padding-left:15px } .poc-width-caltext { width:calc(100% - 110px); display:flex } .poc-width-small { min-width:50px } .poc-width-medium { min-width:90px } .poc-width-large { min-width:140px } .poc-width-xlarge { min-width:250px } .plus { display:block; position:fixed; right:0; top:20vh; z-index:999 } .poc-form-switch { display:inline-block; cursor:pointer; -webkit-tap-highlight-color:transparent } .poc-form-switch i { position:relative; display:inline-block; margin-right:.5rem; width:46px; height:26px; background-color:#e6e6e6; border-radius:23px; vertical-align:text-bottom; transition:all .3s linear } .poc-form-switch i::before { content:""; position:absolute; left:0; width:42px; height:22px; background-color:#fff; border-radius:11px; transform:translate3d(2px,2px,0) scale3d(1,1,1); transition:all .25s linear } .poc-form-switch i::after { content:""; position:absolute; left:0; width:22px; height:22px; background-color:#fff; border-radius:11px; box-shadow:0 2px 2px rgba(0,0,0,0.24); transform:translate3d(2px,2px,0); transition:all .2s ease-in-out } .poc-form-switch:active i::after { width:28px; transform:translate3d(2px,2px,0) } .poc-form-switch:active input:checked + i::after { transform:translate3d(16px,2px,0) } .poc-form-switch input { display:none } .poc-form-switch input:checked + i { background-color:#4BD763 } .poc-form-switch.form-red input:checked + i { background-color:red } .poc-form-switch.form-yellow input:checked + i { background-color:#ff0 } .poc-form-switch input:checked + i::before { transform:translate3d(18px,2px,0) scale3d(0,0,0) } .poc-form-switch input:checked + i::after { transform:translate3d(22px,2px,0) } a:hover .poc-button-cta,.poc-button-cta:hover { background-color:var(--buttoncolorcta3); background-image:-webkit-linear-gradient(var(--buttoncolorcta2) 0%,var(--buttoncolorcta3) 100%); background-image:-o-linear-gradient(var(--buttoncolorcta2) 0%,var(--buttoncolorcta3) 100%); background-image:linear-gradient(var(--buttoncolorcta2) 0%,var(--buttoncolorcta3) 100%) } li span .pc-search-mark { color:var(--textcolor2); font-weight:400 } ol { list-style-position:outside } pre { font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); font-size:.7rem; color:var(--textcolor2); line-height:1.4 } th { text-align:left } ul.setright { text-align:right } @media only screen and (min-width: 641px) { #contentplaceportrait { display:block; position:inherit; top:-20vh; text-align:left; max-width:1120px; min-height:300px; padding:40px; margin:auto; margin-bottom:-15vh; width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width:calc(100% - 100px); background:#fff } } @media only screen and (max-width: 640px) { #contentplaceportrait { text-align:left; padding:20px; margin:auto; width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:calc(100% - 40px); background:#fff } } .poc-code { word-break:break-word; color:#008b8b; background-color:transparent!important; padding:0!important } .poc-vcode { font-family:'Courier New',serif; background-color:#f5f5f5; padding:10px; font-size:2rem; color:#404040 } .uk-tab { display:flex; flex-wrap:wrap; margin-left:-20px; padding:0; list-style:none; color:var(--color1) } .uk-tab>*>a { display:block; text-align:center; padding:0; color:var(--color1); border-bottom:1px solid transparent; font-size:.875rem; text-transform:uppercase; transition:color .1s ease-in-out } .uk-tab>.uk-active>a { color:var(--color1); border-color:var(--color1) } .uk-tab::before { border-bottom:1px solid transparent } #logwindow { display:block; position:fixed; top:50%; bottom:50%; left:50%; right:50%; z-index:120; font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); font-size:1rem; color:var(--textcolor2); text-align:left; line-height:1.3; width:320px; min-height:180px; padding:20px; margin:auto; border-style:solid; border-width:1px; border-color:var(--color1); background:#fff } #pc-cookiebanner { display:block; position:fixed; bottom:0; left:0; right:0; z-index:10000; margin:0 } #flaggenpos { display:block; position:absolute; top:10px; right:10px; z-index:997; width:265px; height:20px; padding:0; margin:0 } .flagge { float:right; width:25px; padding:0; margin:2px; border:none; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2) } #ajax_response { display:none; position:static; z-index:1002; font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); font-size:.9rem; color:var(--textcolor2)!important; width:100%!important; padding:4px; border-style:solid; border-width:1px; border-color:var(--table2); background:#fff } #pc-search-response { display:none; position:static; z-index:1002; font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); font-size:.9rem; color:var(--textcolor2)!important; width:100%!important; padding:5px; border-style:solid; border-width:1px; border-color:var(--table2); background:#fff } #zeitsuche { display:none } .list { z-index:1002; list-style-type:none; padding:0; margin:0 } .list li a { display:block; color:var(--textcolor2); text-align:left; text-decoration:none; padding:2px; cursor:pointer } .underline { width:100%; border-style:none none solid; border-width:1px; border-color:var(--color1) } .bold { color:var(--color3); font-weight:700 } .selected { background:var(--table2) } .pc-search-list { z-index:1002; list-style-type:none; padding:0; margin:0 } .pc-search-list li a { display:block; color:var(--textcolor2)!important; text-align:left; text-decoration:none; padding:5px; cursor:pointer } .pc-search-mark { color:var(--color3); font-weight:700 } .pc-search-selected { background:var(--table2) } .pc-search-underline { width:100%; border-style:none none solid; border-width:1px; border-color:var(--color3) } .poc-nowrap { break-inside:avoid-column } .topnr { display:inline-table; position:relative; font-family:var(--font-family-2); font-size:1.5rem; color:#fff; text-align:center; vertical-align:middle; font-weight:900; width:25px; height:25px; padding:10px; background:var(--color1) } .poc-topnr { display:inline-table; font-family:var(--font-family-2); font-size:1.3rem; color:#fff; text-align:center; vertical-align:middle; font-weight:900; height:25px; padding:10px; margin-left:15px; background:var(--color2); border-radius:70% 30% 30% 70% / 60% 40% 60% 40% } .seitenzahl { font-family:Arial,Helvetica,sans-serif; font-size:.9rem; color:var(--color3); font-weight:700; border:solid 1px #da7c0c; padding:7px; margin:1px; background-color:#fff } .seitenzahl1 { font-family:Arial,Helvetica,sans-serif; font-size:.9rem; color:#fff; font-weight:700; padding:7px; margin:1px; border:solid 1px var(--color3); background-color:var(--color3) } .fixedfooter, #fixedfooter { display:block; position:fixed; bottom:0; left:0; right:0; z-index:99; overflow:hidden; min-height:20px; padding:7px; margin:0; padding-right:60px; border-top:#FFF solid thin; font-size:.8rem; color:#fff!important; text-align:right; vertical-align:middle; text-shadow:0 1px 1px rgba(0,0,0,.3); background:var(--color1) } .pc-background-bb { color:#fff!important; min-height:30px; background:var(--color3) } .pc-background-bb-more { color:#fff!important; padding:10px; background:var(--color3) } .poc-background-bb-more { color:#fff; padding:10px } .poc-calender-list { position:relative; top:4px; font-size:1.5rem; color:#fff; text-align:center; line-height:.8; font-weight:700; width:35px; height:45px; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-right:10px } .poc-calender-medium { position:absolute; top:0; left:15px; font-size:1.7em; color:#fff; text-align:center; line-height:.9; width:35px; height:45px; padding:8px; border-left:thin #fff solid; border-right:thin #fff solid; border-bottom:thin #fff solid; box-shadow:2px 2px 2px 1px rgba(0,0,0,0.2); background:var(--color2) } .poc-calender-small { position:absolute; top:15px; left:15px; text-align:center; line-height:.9; width:35px; height:45px; padding:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:1.5rem } a:hover .poc-calender-small { opacity:0 } .pc-background { -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px } a:hover .pc-background { position:absolute; top:0; color:#fff; vertical-align:bottom; font-size:1.2rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } a:hover .pc-background:after { position:absolute; bottom:20px; right:20px; background-image:url(data:image/svg+xml; base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJsb25nLWFycm93LXJpZ2h0IiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtbG9uZy1hcnJvdy1yaWdodCBmYS13LTE0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zMTEuMDMgMTMxLjUxNWwtNy4wNzEgNy4wN2MtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxTDM4Ny44ODcgMjM5SDEyYy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjEwYzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMzc1Ljg4N2wtODMuOTI4IDgzLjQ0NGMtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxbDcuMDcxIDcuMDdjNC42ODYgNC42ODYgMTIuMjg0IDQuNjg2IDE2Ljk3IDBsMTE2LjQ4NS0xMTZjNC42ODYtNC42ODYgNC42ODYtMTIuMjg0IDAtMTYuOTcxTDMyOCAxMzEuNTE1Yy00LjY4Ni00LjY4Ny0xMi4yODQtNC42ODctMTYuOTcgMHoiPjwvcGF0aD48L3N2Zz4=); width:20px; height:20px; filter:invert(1) } .pc-grid-background { -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; bottom:0; left:15px; right:0; padding:15px } .pc-grid-background0 { -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; bottom:0; left:15px; right:0; padding:15px; background:rgba(227,227,227,1) } a:hover .pc-grid-background { position:absolute; top:0; vertical-align:bottom; font-size:1rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } a:hover .pc-grid-background:after { position:absolute; bottom:15px; right:15px; background-image:url(data:image/svg+xml; base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJsb25nLWFycm93LXJpZ2h0IiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtbG9uZy1hcnJvdy1yaWdodCBmYS13LTE0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zMTEuMDMgMTMxLjUxNWwtNy4wNzEgNy4wN2MtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxTDM4Ny44ODcgMjM5SDEyYy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjEwYzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMzc1Ljg4N2wtODMuOTI4IDgzLjQ0NGMtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxbDcuMDcxIDcuMDdjNC42ODYgNC42ODYgMTIuMjg0IDQuNjg2IDE2Ljk3IDBsMTE2LjQ4NS0xMTZjNC42ODYtNC42ODYgNC42ODYtMTIuMjg0IDAtMTYuOTcxTDMyOCAxMzEuNTE1Yy00LjY4Ni00LjY4Ny0xMi4yODQtNC42ODctMTYuOTcgMHoiPjwvcGF0aD48L3N2Zz4=); width:20px; height:20px } .color0 { background-color:#fff } .color00 { background:rgba(252,252,252,1) } a:hover .color0 { top:0; background:rgba(255,255,255,0.5); background:linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0.4)) } a:hover .color00 { top:0; background:rgba(252,252,252,0.5); background:linear-gradient(to top,rgba(252,252,252,1),rgba(252,252,252,1),rgba(252,252,252,0.4)) } .poc-bild-medium { width:90px; height:90px; object-fit:cover; object-position:center center } .poc-bild-small { width:60px; height:60px; object-fit:cover; object-position:center center } .poc-picture-round { width:60px; height:60px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; object-fit:cover; object-position:top center } .poc-rotate-info { position:absolute; left:10px; top:20px; writing-mode:vertical-rl; -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); vertical-align:middle; text-align:right; font-weight:500; word-break:break-word; height:inherit; width:inherit; font-size:9px; color:rgba(255,255,255,0.6)!important } .poc-bilderrahmen { padding:5px; margin:10px; border:none; background:#fff } .poc-bildquer { display:block; position:relative; width:960px; height:640px; padding:10px; margin:0; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); transform:rotate(-2deg); background:#fff; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-backface-visibility:hidden } .pc-preistext { font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); font-size:36px; color:var(--color1)!important } .preistext { font-family:var(--font-family-5); font-weight:var(--font-family-weight-5); font-size:1.6rem; color:var(--color4) } .preistextliste { font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); font-size:.9rem; color:var(--color4) } .reduziert { display:block; position:relative; left:0; width:100%; height:25px; background-image:url(../design/ind/reduziert.png); background-repeat:no-repeat } .prozente { font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); color:red } .verkauft { display:block; position:relative; left:-50px; z-index:99; width:200px; height:68px; background-image:url(../design/ind/verkauft.png); background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-backface-visibility:hidden } .verkauft2 { display:block; position:relative; top:50px; left:100px; z-index:99; width:200px; height:68px; background-image:url(../design/ind/verkauft.png); background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-backface-visibility:hidden } .reserviert { display:block; position:relative; left:-50px; z-index:99; width:200px; height:68px; background-image:url(../design/ind/reserviert.png); background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-backface-visibility:hidden } .reserviert2 { display:block; position:relative; top:50px; left:100px; z-index:99; width:200px; height:68px; background-image:url(../design/ind/reserviert.png); background-repeat:no-repeat } .poc-slider-grid { color:var(--textcolor2)!important; max-height:300px } .poc-slidershow-text { font-weight:400; font-size:1rem } .poc-slidershow-titel { font-weight:900; font-size:1.3rem; line-height:1.3; padding-top:20px; padding-bottom:15px } .poc-slidertext { font-size:.9rem; color:#fff!important; font-style:italic } .poc-sliderttitel { font-size:35px; color:#fff!important; text-transform:uppercase; padding-top:20px; padding-bottom:40px; background-repeat:no-repeat; background-position:50% 75%; background-size:auto } .poc-slideshow-text { font-size:3vw; color:#fff!important; line-height:1.3; font-weight:700; -webkit-text-shadow:0 1px 2px rgba(0,0,0,.2); -moz-text-shadow:0 1px 2px rgba(0,0,0,.2); text-shadow:0 1px 2px rgba(0,0,0,.2); -webkit-transform:translate(0,-50%); transform:translate(0,-50%) } .poc-slideshow-title { font-size:4vw; color:#fff!important; font-weight:900; -webkit-text-shadow:0 1px 2px rgba(0,0,0,.2); -moz-text-shadow:0 1px 2px rgba(0,0,0,.2); text-shadow:0 1px 2px rgba(0,0,0,.2); -webkit-transform:translate(0,-50%); transform:translate(0,-50%) } .poc-iconbutton { width:30px; padding:5px } .poc-icon-top { position:relative; top:-70px; margin-bottom:-70px } .poc-link-aktiv { display:inline-block; border-bottom:1px solid var(--color1); padding-bottom:0 } .poc-link-aktiv2 { display:inline-block; border-bottom:1px solid var(--color1); padding-bottom:0 } .poc-border-remove { border:none!important } .adminmenue { background:#3C3C3C!important; color:#D2D0D0; padding:10px } .poc-icon { color:#D2D0D0; font-size:1rem!important; outline:none; padding:0 5px } a:hover .poc-icon { color:gray!important; background:transparent!important } .poc-attention { color:orange } .poc-menu { padding:10px 20px 10px 30px; border-bottom:1px #fff solid } .poc-menu-admin { padding:10px 20px 10px 30px; border-bottom:1px #424242 solid } .poc-nav-icon>.uk-parent>a::after { content:"\f054"; font-family:"Font Awesome 5 Pro"; margin-left:auto } .poc-nav-icon > .uk-parent.uk-open > a::after { content:"\f078"; font-family:"Font Awesome 5 Pro"; margin-left:auto } .poc-nav-close { content:"\f00d"; font-family:"Font Awesome 5 Pro"; color:#fff!important; float:right; right:15px!important; top:15px!important; z-index:9999 } @-webkit-keyframes colorful { 0% { background-position:7% 0 } 50% { background-position:94% 100% } 100% { background-position:7% 0 } } @-moz-keyframes colorful { 0% { background-position:7% 0 } 50% { background-position:94% 100% } 100% { background-position:7% 0 } } @-o-keyframes colorful { 0% { background-position:7% 0 } 50% { background-position:94% 100% } 100% { background-position:7% 0 } } @keyframes colorful { 0% { background-position:7% 0 } 50% { background-position:94% 100% } 100% { background-position:7% 0 } } .uk-offcanvas-admin { position:absolute; top:0; bottom:0; left:-270px; color:#fff; width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); width:calc(100% - 50px); padding:0; background:linear-gradient(270deg,rgba(24,24,24,1),rgba(58,58,58,1))!important; background-size:400% 400%; -webkit-animation:colorful 20s ease infinite; -moz-animation:colorful 20s ease infinite; -o-animation:colorful 20s ease infinite; animation:colorful 20s ease infinite } @media (min-width: 640px) { .uk-offcanvas-admin { left:-350px; width:350px; padding:40px } } .uk-offcanvas-half { position:absolute; top:0; background:linear-gradient(270deg,rgba(24,24,24,1),rgba(58,58,58,1))!important; padding:20px; width:calc(100% - 40px) } .uk-offcanvas-half span, .uk-offcanvas-half h3, .uk-offcanvas-half .uk-button-text { color:#fff !important; } @media (min-width: 640px) { .uk-offcanvas-half { left:-350px; padding:20px; width:calc(100% - 70px) } } .boxer { display:table; font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); font-size:.8rem; color:var(--textcolor2); width:100%; border-collapse:collapse; background:#fff } .boxer .box { display:table-cell; text-align:left; vertical-align:middle; padding:5px; border-style:none none solid; border-width:1px; border-color:grey } .boxer .box-row { display:table-row } .boxer .boxr { display:table-cell; text-align:right; vertical-align:middle; padding:5px; border-style:none none solid; border-width:1px; border-color:grey } .boxv { display:block; float:left; height:220px; min-width:190px; padding:10px; margin:5px; border-style:solid; border-width:1px; border-color:var(--table2); width:-moz-calc(25% - 34px); width:-webkit-calc(25% - 34px); width:calc(25% - 34px) } .boxvv { display:block; float:left; height:200px; padding:10px; margin:3px; border-style:solid; border-width:1px; border-color:var(--table2); width:-moz-calc(25% - 40px); width:-webkit-calc(25% - 40px); width:calc(25% - 40px) } .boxx { display:block; overflow:hidden; float:left; font-family:var(--font-family-1); font-weight:var(--font-family-weight-1); font-size:.8rem; color:var(--textcolor2); height:315px; padding:5px; margin:5px; background:#fff } .summenfarbe { color:var(--table2); border-style:none none solid; border-width:2px; border-color:var(--color1); background:var(--table2) } .col { display:table-cell; text-align:center; width:33%; padding:10px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); background:rgba(255,255,255,0.9) } .col .icon { position:relative; top:-40px; display:inline-grid; width:60px; height:60px; margin:0 auto; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#E9C378 } .calpassiv { background-color:var(--buttoncolor1); color:#fff; padding:7px } .calaktiv { background-color:var(--buttoncta2); color:#fff; padding:7px } .editorwindow { display:block; position:fixed; top:40px; left:0; right:0; z-index:105; overflow:hidden; text-align:left; min-height:50px; padding:20px; margin:0; border-style:none none solid; border-width:5px; border-color:var(--color2); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); background:#fff } .gold { background-image:linear-gradient(to right,#f6f2c0 0,#f6e27a 15%,#cb9b51 50%,#f6e27a 90%,#f6f2c0 100%) } .pc-line { border:0; height:1px; background-image:linear-gradient(to right,rgba(69,67,71,0),rgba(69,67,71,0.75),rgba(69,67,71,0)); margin-bottom:35px } .clearfix:after { content:""; display:table; clear:both } .zentriert { margin-left:auto; margin-right:auto } .zoomer { -webkit-transition:all .7s ease; transition:all .7s ease } .zoomer:hover { -ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1) } .cke_textarea_inline { overflow:auto; min-height:50px; padding:0; border-right:1px solid var(--table2); background:#fff; resize:vertical; outline:none } .cke_textarea_inline a { color: #ff4100 !important; } #prowwinfo { display:block; font-family:var(--font-family-2); font-weight:var(--font-family-weight-2); font-size:.9rem; color:#fff; text-align:left; padding:10px; margin:0; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px); background-color:#2C2C2C } .blur { filter:blur(5px); -webkit-filter:blur(5px); -moz-filter:blur(5px); -o-filter:blur(5px); -ms-filter:blur(5px) } .grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -o-filter:grayscale(100%); -ms-filter:grayscale(100%) } @-webkit-keyframes shake { 40% { transform:translate3d(0,-1px,0) } 70% { transform:translate3d(0,2px,0) } } @keyframes shake { 40% { transform:translate3d(0,-1px,0) } 70% { transform:translate3d(0,2px,0) } } @-webkit-keyframes typing { from { width:0 } } @-webkit-keyframes blink-caret { 50% { border-color:transparent } } .animation-autotype { font:bold 300% Consolas,Monaco,monospace; border-right:.1em solid #000; width:16.5rem; width:21ch; margin:2em 1rem; white-space:nowrap; overflow:hidden; -webkit-animation:typing 7s steps(21,end),blink-caret .5s step-end infinite alternate } .poc-attention { -webkit-animation:pulse 3s infinite ease-in-out; -o-animation:pulse 3s infinite ease-in-out; -ms-animation:pulse 3s infinite ease-in-out; -moz-animation:pulse 3s infinite ease-in-out; animation:pulse 3s infinite ease-in-out } @-webkit-keyframes pulse { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.7 } } @keyframes pulse { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.7 } } @media only screen and (min-width: 641px) { .poc-moreinfos { display:none } a:hover .poc-moreinfos { display:block; color:var(--textcolor2)!important; font-size:1rem } a:hover .pc-grid-back { position:absolute; top:0; font-size:1rem; vertical-align:bottom; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } a:hover .pc-grid-back:after { position:absolute; bottom:20px; right:15px; background-image:url(data:image/svg+xml; base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJsb25nLWFycm93LXJpZ2h0IiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtbG9uZy1hcnJvdy1yaWdodCBmYS13LTE0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zMTEuMDMgMTMxLjUxNWwtNy4wNzEgNy4wN2MtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxTDM4Ny44ODcgMjM5SDEyYy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjEwYzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMzc1Ljg4N2wtODMuOTI4IDgzLjQ0NGMtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxbDcuMDcxIDcuMDdjNC42ODYgNC42ODYgMTIuMjg0IDQuNjg2IDE2Ljk3IDBsMTE2LjQ4NS0xMTZjNC42ODYtNC42ODYgNC42ODYtMTIuMjg0IDAtMTYuOTcxTDMyOCAxMzEuNTE1Yy00LjY4Ni00LjY4Ny0xMi4yODQtNC42ODctMTYuOTcgMHoiPjwvcGF0aD48L3N2Zz4=); width:20px; height:20px } .color0x { background-color:#fff } a:hover .color00x { background:rgba(252,252,252,.5); background:linear-gradient(to top,var(--table1),var(--table1),rgba(252,252,252,.4)) } .color00x { background:var(--table1) } a:hover .color0x { background:rgba(255,255,255,.5); background:linear-gradient(to top,white,white,rgba(255,255,255,.4)) } .poc-grid-name { font-size:1rem; color:var(--textcolor2); line-height:1.3 } a:hover .poc-grid-name { position:absolute; bottom:15px!important } } @media only screen and (max-width: 640px) { .desktop { display:none } html { font-size:1rem; color:var(--textcolor2) } h1 { font-size:2rem; word-wrap:break-word } h2,.uk-article-title { font-size:1.7rem; word-wrap:break-word } h3,.uk-text-lead { word-wrap:break-word } h4 { font-size:1.1rem; word-wrap:break-word } .poc-moreinfos { display:none } .poc-grid-name { font-size:1em; color:var(--textcolor2); line-height:1.3 } } @media only screen and (min-width: 640px) { .poc-text-versetzt { border-left: var(--color1) dotted 7px; padding: 20px 20px 20px 40px; } } .product-grid { display: flex; flex-wrap: wrap; gap: 15px; } .product-link { display: block; text-decoration: none; color: inherit; position: relative; } .product { flex: 1 1 calc(33.33% - 10px); max-width: calc(33.33% - 10px); box-sizing: border-box; position: relative; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; } @media (max-width: 768px) { .product { flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px); } } .product-image { width: 100%; padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .product-info { position: absolute; bottom: 0; width: 100%; background-color: rgba(255, 255, 255, 0.7); text-align: center; padding: 5px 0; box-sizing: border-box; } .product-name { font-size: 14px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; padding: 0; } .product-price { font-size: 15px; color: var(--textcolor2); margin: 0; padding: 0; text-align: right; } .product-icon { position: absolute; top: 10px; right: 10px; z-index: 10; width: 30px; height: 30px; display: flex; color: var(--color2); align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); cursor:help; } .product-icon img { max-width: 70%; max-height: 70%; display: block; } .product:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-2px); transition: all 0.3s ease; cursor: pointer; } .product:hover .product-info { background-color: rgba(255, 255, 255, 1); } .poc-crossedout { text-decoration: line-through; text-decoration-color: red; color: var(--textcolor1); } .price-old { position: relative; display: inline-block; font-size: 16px; color: #888; } .price-old::before, .price-old::after { content: ''; position: absolute; top: 10; left: 0; width: 90%; height: 3px; background-color: rgba(255, 0, 0, 0.7); transform: rotate(20deg); } .price-old::after { transform: rotate(-20deg); } .business-grid { display: flex; flex-wrap: wrap; gap: 12px; } .business-tile { flex: 1 1 calc(33.33% - 10px); max-width: calc(33.33% - 10px); box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; display: flex; flex-direction: column; cursor: pointer; } .business-tile:focus, .theme-tile:focus, .uk-button:focus, .poc-button-black:focus, .poc-button-cancel:focus, .poc-table-link:focus, .uk-nav-sub:focus, .uk-breadcrumb > li > a:focus, .poc-navi > a:focus, .poc-navi-aktiv > a:focus, .product:focus, a:focus, i:focus { outline: 3px solid #1e87f0 !important; outline-offset: 4px !important; border-radius: 4px; } input:focus, select:focus, textarea:focus, button:focus { outline: 3px solid #1e87f0 !important; outline-offset: 3px !important; border-radius: 3px; } @media (max-width: 1024px) { .business-tile { flex: 1 1 calc(33.33% - 10px); max-width: calc(33.33% - 10px); } } @media (max-width: 768px) { .business-tile { flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px); } } .business-image { aspect-ratio: 3 / 2; flex: 2; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; position: relative; } .business-info { flex: 1; background-color: #f8f8f8; padding: 10px; text-align: center; display: flex; flex-direction: column; justify-content: center; } .business-category { font-size: 12px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .business-name { font-size: 14px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .business-location { font-size: 12px; margin-top: 5px; color: var(--textcolor2); } .business-icon { position: absolute; top: 10px; right: 10px; z-index: 10; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.8); color: var(--color2); border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); cursor:help; } .business-icon img { max-width: 70%; max-height: 70%; display: block; } .business-tile:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-2px); transition: all 0.3s ease; cursor: pointer; } .business-tile:hover .business-info { background-color: rgba(255, 255, 255, 1); } .zeit:hover { background-color: rgba(255, 255, 255, 0.2) !important; } #logintop{ background-color: #000; color: #CCC; font-weight: 700; } ul.poc-striped li:nth-of-type(odd) { background: rgba(0, 0, 0, 0.1); } ul.aktionsfeld li:nth-of-type(odd) { background-color: transparent; } ul.poc-striped > li { border-bottom: 1px solid #ddd; padding: 4px; } .poc-input-icon { width: -moz-calc(100% - 30px)!important; width: -webkit-calc(100% - 30px)!important; width: calc(100% - 30px)!important; padding-left: 10px; } .toggle-banner-audio.pulsierend { animation: pulse 1.5s infinite; } .poc-tts-enabled .poc-vorlesetext { cursor: url("/img/cursor-speaker.cur"), pointer; } .glass-effect { position: relative; background: rgba(255, 255, 255, 0.08); border-radius: 16px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.15), inset 0 -10px 30px rgba(0, 0, 0, 0.1), 0 4px 30px rgba(0, 0, 0, 0.1); padding: 2rem; color: white; overflow: hidden; } .glass-effect::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), transparent); border-top-left-radius: 16px; border-top-right-radius: 16px; pointer-events: none; z-index: 1; } .glass-effect h2 { color: white !important; } .glass-button { display: inline-block; padding: 0.6em 1.8em; font-size: 1rem; font-weight: 500; color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 9999px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); text-shadow: 0 1px 2px rgba(0,0,0,0.25); box-shadow: inset 0 1px 2px rgba(255,255,255,0.1), 0 2px 10px rgba(0,0,0,0.1); transition: all 0.3s ease; cursor: pointer; position: relative; overflow: hidden; } .glass-button:hover { background: rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(255,255,255,0.15), 0 4px 20px rgba(0,0,0,0.2); transform: scale(1.02); } .glass-button:active { transform: scale(0.98); } .glass-button:focus { outline: 3px solid #1e87f0; outline-offset: 4px; } .barriere-buttons { display: flex; flex-direction: column; gap: 8px; } .toggle-btn { display: inline-block; padding: 10px 16px; background: rgba(255, 255, 255, 0.08); border: 2px solid #888; border-radius: 8px; color: #fff; font-size: 1rem; font-weight: 500; cursor: pointer; user-select: none; transition: all 0.2s ease; width: calc(100% - 32px) } .toggle-btn i { margin-right: 8px; } .toggle-btn:hover, .toggle-btn:focus { background: rgba(255, 255, 255, 0.15); outline: none; border-color: #1e87f0; } .toggle-btn[aria-checked="true"] { background: #1e87f0; color: #fff; border-color: #1e87f0; } .toggle-btn.active { background: #1e87f0; border-color: #1e87f0; color: white; } .toggle-btn.muted-warning { border-color: #ffcc00; box-shadow: 0 0 4px 2px #ffcc00; } #filterSelect { display: flex; flex-direction: column; gap: 8px; } .a11y-access-button { position: fixed !important; top: 50% !important; right: 0 !important; transform: translateY(-50%) !important; background: #EE6A07; color: white; font-size: 1.4rem; padding: 12px 14px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; z-index: 9999 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); transition: background 0.3s ease; filter: none !important; will-change: transform; } .a11y-access-button:hover, .a11y-access-button:focus { background: #EE6A07; text-decoration: none; outline: none; } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.15); opacity: 0.6; } 100% { transform: scale(1); opacity: 1; } } .bell { -webkit-animation: ring 4s .7s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -moz-animation: ring 4s .7s ease-in-out infinite; -moz-transform-origin: 50% 4px; animation: ring 4s .7s ease-in-out infinite; transform-origin: 50% 4px; } @-webkit-keyframes ring { 0% { -webkit-transform: rotateZ(0); } 1% { -webkit-transform: rotateZ(30deg); } 3% { -webkit-transform: rotateZ(-28deg); } 5% { -webkit-transform: rotateZ(34deg); } 7% { -webkit-transform: rotateZ(-32deg); } 9% { -webkit-transform: rotateZ(30deg); } 11% { -webkit-transform: rotateZ(-28deg); } 13% { -webkit-transform: rotateZ(26deg); } 15% { -webkit-transform: rotateZ(-24deg); } 17% { -webkit-transform: rotateZ(22deg); } 19% { -webkit-transform: rotateZ(-20deg); } 21% { -webkit-transform: rotateZ(18deg); } 23% { -webkit-transform: rotateZ(-16deg); } 25% { -webkit-transform: rotateZ(14deg); } 27% { -webkit-transform: rotateZ(-12deg); } 29% { -webkit-transform: rotateZ(10deg); } 31% { -webkit-transform: rotateZ(-8deg); } 33% { -webkit-transform: rotateZ(6deg); } 35% { -webkit-transform: rotateZ(-4deg); } 37% { -webkit-transform: rotateZ(2deg); } 39% { -webkit-transform: rotateZ(-1deg); } 41% { -webkit-transform: rotateZ(1deg); } 43% { -webkit-transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(0); } } @-moz-keyframes ring { 0% { -moz-transform: rotate(0); } 1% { -moz-transform: rotate(30deg); } 3% { -moz-transform: rotate(-28deg); } 5% { -moz-transform: rotate(34deg); } 7% { -moz-transform: rotate(-32deg); } 9% { -moz-transform: rotate(30deg); } 11% { -moz-transform: rotate(-28deg); } 13% { -moz-transform: rotate(26deg); } 15% { -moz-transform: rotate(-24deg); } 17% { -moz-transform: rotate(22deg); } 19% { -moz-transform: rotate(-20deg); } 21% { -moz-transform: rotate(18deg); } 23% { -moz-transform: rotate(-16deg); } 25% { -moz-transform: rotate(14deg); } 27% { -moz-transform: rotate(-12deg); } 29% { -moz-transform: rotate(10deg); } 31% { -moz-transform: rotate(-8deg); } 33% { -moz-transform: rotate(6deg); } 35% { -moz-transform: rotate(-4deg); } 37% { -moz-transform: rotate(2deg); } 39% { -moz-transform: rotate(-1deg); } 41% { -moz-transform: rotate(1deg); } 43% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(0); } } @keyframes ring { 0% { transform: rotate(0); } 1% { transform: rotate(30deg); } 3% { transform: rotate(-28deg); } 5% { transform: rotate(34deg); } 7% { transform: rotate(-32deg); } 9% { transform: rotate(30deg); } 11% { transform: rotate(-28deg); } 13% { transform: rotate(26deg); } 15% { transform: rotate(-24deg); } 17% { transform: rotate(22deg); } 19% { transform: rotate(-20deg); } 21% { transform: rotate(18deg); } 23% { transform: rotate(-16deg); } 25% { transform: rotate(14deg); } 27% { transform: rotate(-12deg); } 29% { transform: rotate(10deg); } 31% { transform: rotate(-8deg); } 33% { transform: rotate(6deg); } 35% { transform: rotate(-4deg); } 37% { transform: rotate(2deg); } 39% { transform: rotate(-1deg); } 41% { transform: rotate(1deg); } 43% { transform: rotate(0); } 100% { transform: rotate(0); } }