:root{ --color-contrast: white; --textcolor5: green; --textcolor6: red; --textcolor-system: #3D3D3D; --color1-dark: rgba(229,117,50,1); --color2-dark: rgba(205,51,102,1); --color-dark: #000; --textcolor-dark: #FFF; --poc-icon-color: #000; --uk-color-background: transparent; --color-card-dark: #2d2d2d; --gradient-start: #CCC; --gradient-mid: #FFF; --gradient-end: #FFF;}h1 {text-transform: uppercase;font-family: var(--font-family-1);font-weight: var(--font-family-weight-1);font-size: min(max(24px, 3vw), 2.7em);color: var(--textcolor1) !important;}h2 {text-transform: uppercase;font-family: var(--font-family-1);font-weight: var(--font-family-weight-1);font-size: min(max(19px, 3vw), 2.5em);color: var(--textcolor1);}h3 {text-transform: uppercase;font-family: var(--font-family-1);font-weight: var(--font-family-weight-1);font-size: min(max(17px, 3vw), 1.8em);color: var(--textcolor1);}h4 { text-transform: uppercase; font-family: var(--font-family-3); font-weight: var(--font-family-weight-3); font-size: 1.2em; color: var(--color2) !important; line-height: 1.3; } @media only screen and (max-width: 639px) { h1 { font-size: 1.5rem !important; } h2 { font-size: 1.3rem !important; } h3 { font-size: 1.2rem !important; } h4 { font-size: 1.1rem !important; } .uk-text-lead { font-size: 1.1rem !important; } .uk-dropcap::first-letter, .uk-dropcap>p:first-of-type::first-letter { all: unset; }}a { color:var(--color1); text-decoration:none; cursor:pointer}a:hover { color:var(--color2); text-decoration:none}.poc-lghinweis {background: white;border-radius: 50px !important;padding-right: 50px;padding-left: 50px;margin-left: auto;margin-right: auto;margin-top: 30px;margin-bottom: 30px;}.uk-card-default { box-shadow:0 5px 15px rgba(0,0,0,.08); background-color:#fff}.uk-card-title { color:var(--textcolor2)!important}.uk-input,.uk-select,.uk-textarea { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}.uk-input:focus { border-color:var(--color1); outline:none}.uk-icon-button { border-style:solid; border-width:1px; border-color:#AAA}.uk-slideshow { margin:auto; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0}.uk-offcanvas-bar { top:0; bottom:0; left:-270px; box-sizing:border-box; overflow-y:auto; -webkit-overflow-scrolling:touch}.uk-offcanvas-color { position:absolute; top:76px; color:#fff; background:var(--color3); background-image:-webkit-linear-gradient(to right,#8d3b63,#bc4167); background-image:-o-linear-gradient(to right,#8d3b63,#bc4167); background-image:linear-gradient(to right,#8d3b63,#bc4167); padding:20px 0; width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); width:calc(100% - 50px)}@media (min-width: 640px) { .uk-offcanvas-color { left:-350px; width:350px; padding:20px 0 }}.uk-breadcrumb { display:flex; flex-wrap:wrap; padding:0; list-style:none}.uk-breadcrumb>* { flex:none}.uk-breadcrumb>*>* { display:inline-block; font-size:.875rem; color:var(--textcolor1)}.uk-breadcrumb>*>:focus,.uk-breadcrumb>*>:hover { color:#666; text-decoration:none}.uk-breadcrumb>:last-child>a:not([href]),.uk-breadcrumb>:last-child>span { color:#666}.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { content:"\003e"; display:inline-block; margin:0 10px; font-size:.875rem; color:var(--textcolor1); position:relative; left:3px}.poc-farbverlauf { background-image:-webkit-linear-gradient(#fff 30%,rgba(255,255,255,0.1) 100%); background-image:-o-linear-gradient(#fff 30%,rgba(255,255,255,0.1) 100%); background-image:linear-gradient(#fff 30%,rgba(255,255,255,0.1) 100%)}.poc-navi-text { display:flex; flex-wrap:wrap; margin-left:-20px; padding:0; list-style:none; position:static; color:var(--color1)}.poc-navi-text>* { flex:none; position:relative}.poc-navi-text>*>a { display:block; text-align:center; padding:0; color:var(--color1); border-bottom:1px solid transparent; transition:color .1s ease-in-out}.poc-navi-text>*>a:active { color:var(--color1); border-color:var(--color1)}.poc-navi-text>*>a:hover { color:var(--color1); border-color:var(--color1)}.uk-heading-line { text-transform:uppercase; font-size:26px; margin-bottom:25px}.uk-heading-line>::after,.uk-heading-line>::before { border-bottom:none}.uk-article-title { font-size:2.2rem; line-height:1.2}.uk-background-primary { background:#e57532; background-image:linear-gradient(19deg,#e57532 0%,#f49819 100%)!important}.uk-button-default { color:#3c3c3c; -webkit-border-radius:5px!important; -moz-border-radius:5px!important; border-radius:5px!important; text-transform:none}.pc-preistext { font-family:var(--font-family-1); font-weight:var(--font-family-weight-1); font-size:1.8em; color:var(--color1)!important}.preistext { font-family:var(--font-family-3); font-weight:var(--font-family-weight-3); font-size:1.2em; color:var(--textcolor2)}.preistextliste { font-family:var(--font-family-3); font-weight:var(--font-family-weight-3); font-size:1em; color:var(--textcolor2)}.pc-topnavi { height:40px; padding:0px; vertical-align:middle; white-space:nowrap; background:-webkit-linear-gradient(left,#973465 0%,#cf3367 51%,#f3971c 100%); background:-o-linear-gradient(left,#973465 0%,#cf3367 51%,#f3971c 100%); background:linear-gradient(to right,#973465 0%,#cf3367 51%,#f3971c 100%)}select::-ms-expand { display:none}.pc-suchfeld { color:#3C3C3C; max-width:500px; position:relative; padding-left:45px; padding-right:8px; background-color:#fff; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' height='21' width='21'%3E%3Cpath d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z' /%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:10px 50%!important; width:100%; border:#c6c6c6 thin solid; height:35px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; outline:none; font-size:1em}#topsuche > input::placeholder { color:#d3d3d3}:-moz-placeholder { color:#c6c6c6; font-size:15px}::-webkit-input-placeholder { color:rgba(255,255,255,1); font-size:15px}::-moz-placeholder { color:rgba(255,255,255,1); font-size:15px}:-ms-input-placeholder { color:rgba(255,255,255,1); font-size:15px}.uk-button-primary,.uk-button-secondary { color:#fff; background-color:var(--buttoncolor1); border-color:var(--buttoncolor1); -webkit-border-radius:5px!important; -moz-border-radius:5px!important; border-radius:5px!important}a:hover .uk-button-primary { background-color:#346699; background-image:-webkit-linear-gradient(#346699 0%,#2b4670 100%); background-image:-o-linear-gradient(#346699 0%,#2b4670 100%); background-image:linear-gradient(#346699 0%,#2b4670 100%)}#show-index { display:none; position:absolute; z-index:1002; width:500px; max-width:100%; padding:5px; border-style:solid; border-width:1px; border-color:#AAA; font-weight:300; font-size:14px; color:#3C3C3C!important; background:#FFF; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}.poc-navi {padding: 10px 0px 6px 0px;}.poc-navi>a { color:#FFF!important}.poc-navi-aktiv { background-color:#FFF; padding: 10px 0px 6px 0px; position:relative; top: 0px}.poc-navi-aktiv>a { color:#973465!important}.pc-input-color { height:30px; padding-left:0; padding-right:8px; width:250px; max-width:90%; border:0; background:transparent; border-bottom:rgba(255,255,255,0.8) thin solid; font-size:15px; box-sizing:border-box; outline:none}input::placeholder .pc-input-color { color:rgba(255,255,255,1)}.labl { display:block; text-align:center; vertical-align:middle}.labl > input { visibility:hidden; position:absolute}.labl > input + div { cursor:pointer; border:1px solid #CCC; padding:10px; width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:calc(100% - 22px)}.labl > input:checked + div { background-color:var(--buttoncolor2); border:1px solid var(--buttoncolor2); color:#fff!important}.labl-small { font-size:11px}.labl-off { padding:11px}.pc-bildflex { background-color:#fff}.color1,.ccolor1 { background:var(--color1)}.color2,.ccolor2 { background:var(--color2)}.color3,.ccolor3 { background:var(--color5)}.color4,.ccolor4 { background:var(--color3)}.color5,.ccolor5 { background:var(--color4)}a:hover .color1 { top:0; background:rgba(205,51,102,0.5); background:linear-gradient(to top,rgba(205,51,102,1),rgba(205,51,102,0.8),rgba(205,51,102,0.3))}a:hover .color2 { top:0; background:rgba(154,52,103,0.5); background:linear-gradient(to top,rgba(154,52,103,1),rgba(154,52,103,0.8),rgba(154,52,103,0.3))}a:hover .color3 { top:0; background:rgba(52,102,153,0.5); background:linear-gradient(to top,rgba(52,102,153,1),rgba(52,102,153,0.8),rgba(52,102,153,0.3))}a:hover .color4 { top:0; background:rgba(102,51,102,0.5); background:linear-gradient(to top,rgba(102,51,102,1),rgba(102,51,102,0.8),rgba(102,51,102,0.3))}a:hover .color5 { top:0; background:rgba(229,117,50,0.5); background:linear-gradient(to top,rgba(229,117,50,1),rgba(229,117,50,0.8),rgba(229,117,50,0.3))}.poc-selectionbox { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}.poc-more-mitmachen { background-color:var(--buttoncolorcta2); height:160px; padding:15px}a:hover .poc-more-mitmachen { background-color:var(--buttoncolorcta3)}.poc-more-mitmachen:after { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' height='100%' width='100%'%3E%3Cpath d='M505.12019,19.09375c-1.18945-5.53125-6.65819-11-12.207-12.1875C460.716,0,435.507,0,410.40747,0,307.17523,0,245.26909,55.20312,199.05238,128H94.83772c-16.34763.01562-35.55658,11.875-42.88664,26.48438L2.51562,253.29688A28.4,28.4,0,0,0,0,264a24.00867,24.00867,0,0,0,24.00582,24H127.81618l-22.47457,22.46875c-11.36521,11.36133-12.99607,32.25781,0,45.25L156.24582,406.625c11.15623,11.1875,32.15619,13.15625,45.27726,0l22.47457-22.46875V488a24.00867,24.00867,0,0,0,24.00581,24,28.55934,28.55934,0,0,0,10.707-2.51562l98.72834-49.39063c14.62888-7.29687,26.50776-26.5,26.50776-42.85937V312.79688c72.59753-46.3125,128.03493-108.40626,128.03493-211.09376C512.07526,76.5,512.07526,51.29688,505.12019,19.09375ZM384.04033,168A40,40,0,1,1,424.05,128,40.02322,40.02322,0,0,1,384.04033,168Z' /%3E%3C/svg%3E"); position:absolute; top:10%; left:10%; width:40%; filter:invert(1) opacity(0.3)}.poc-more-mitmacher { background-color:var(--buttoncolorcta2); height:160px; padding:15px}a:hover .poc-more-mitmacher { background-color:var(--buttoncolorcta3)}.poc-more-mitmacher:after { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 630 512' height='100%' width='100%'%3E%3Cpath d='M602 118.6L537.1 15C531.3 5.7 521 0 510 0H106C95 0 84.7 5.7 78.9 15L14 118.6c-33.5 53.5-3.8 127.9 58.8 136.4 4.5.6 9.1.9 13.7.9 29.6 0 55.8-13 73.8-33.1 18 20.1 44.3 33.1 73.8 33.1 29.6 0 55.8-13 73.8-33.1 18 20.1 44.3 33.1 73.8 33.1 29.6 0 55.8-13 73.8-33.1 18.1 20.1 44.3 33.1 73.8 33.1 4.7 0 9.2-.3 13.7-.9 62.8-8.4 92.6-82.8 59-136.4zM529.5 288c-10 0-19.9-1.5-29.5-3.8V384H116v-99.8c-9.6 2.2-19.5 3.8-29.5 3.8-6 0-12.1-.4-18-1.2-5.6-.8-11.1-2.1-16.4-3.6V480c0 17.7 14.3 32 32 32h448c17.7 0 32-14.3 32-32V283.2c-5.4 1.6-10.8 2.9-16.4 3.6-6.1.8-12.1 1.2-18.2 1.2z' /%3E%3C/svg%3E"); position:absolute; top:10%; left:10%; width:40%; filter:invert(1) opacity(0.3)}.poc-more-blog { background-color:var(--buttoncolorcta2)}a:hover .poc-more-blog { background-color:var(--buttoncolorcta3)}.poc-more-blog:after { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' height='100%' width='100%'%3E%3Cpath d='M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z' /%3E%3C/svg%3E"); position:absolute; top:5%; left:5%; width:100px; height:100px; filter:invert(1) opacity(0.3)}.poc-more-dingsda { background-image:url(/images/dingsda-rechts.svg),linear-gradient(to right,#973465 0%,#cf3367 25%,#f3971c 100%); background-repeat:no-repeat; background-position:120% center}a:hover .poc-more-dingsda { background-color:var(--buttoncolorcta3)}.poc-more-event { background-color:var(--buttoncolorcta2)}a:hover .poc-more-event { background-color:var(--buttoncolorcta3)}.poc-more-mein { background-color:var(--buttoncolor2)}a:hover .poc-more-mein { background-color:var(--buttoncolor2); background-image:linear-gradient(296.2deg,var(--buttoncolor2) 36.1%,var(--buttoncolor3) 93.6%)}.poc-more-event { background-color:var(--buttoncolorcta2)}a:hover .poc-more-event { background-color:var(--buttoncolorcta3)}.poc-more-event:after { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' height='100%' width='100%'%3E%3Cpath d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z' /%3E%3C/svg%3E"); position:absolute; top:5%; left:5%; width:100px; height:100px; filter:invert(1) opacity(0.3)}.poc-more-bullhorn { background-color:var(--buttoncolorcta2)}a:hover .poc-more-bullhorn { background-color:var(--buttoncolorcta3)}.poc-more-bullhorn:after { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' height='100%' width='100%'%3E%3Cpath d='M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z' /%3E%3C/svg%3E"); position:absolute; top:10%; left:5%; width:150px; height:150px; filter:invert(1) opacity(0.3)}.poc-colorgrid4 { height:355px}.poc-colorgrid4 .poc-bildhoehe { height:355px}.poc-grid4 { display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:1fr; grid-column-gap:15px; grid-row-gap:15px; height:220px}.poc-grid4 .poc-bildhoehe { height:220px}.pc-slider-blog { background-color:var(--color1); color:#fff!important; font-size:min(max(16px,3vw),36px); line-height:1.3; word-wrap:break-word; overflow:hidden; border-top-right-radius:5px; border-bottom-right-radius:5px}.pc-slider-blog-mobil { background-color:#9a3467; color:#fff!important; font-size:5vw; line-height:1.3; padding:20px 20px 40px; margin:auto; word-wrap:break-word; overflow:hidden; border-radius:0 0 5px 5px; min-height:160px}.pc-slider-lgtext { background-color:#9a3467; color:#fff; font-size:3vw; line-height:1.3em; padding:20px; word-wrap:break-word; overflow:hidden; border-top-right-radius:5px; border-bottom-right-radius:5px}.pc-slider-lgtext-mobil { background-color:#9a3467; color:#fff!important; font-size:5vw; line-height:1.3; padding:20px 20px 40px; margin:auto; word-wrap:break-word; overflow:hidden; border-radius:0 0 5px 5px; min-height:160px}.pc-slider-overlay { background-color:#9a3467; color:#fff; font-size:4vw; line-height:1.3; padding:30px; width:25%; vertical-align:middle!important; word-wrap:break-word; overflow:hidden; border-top-right-radius:5px; border-bottom-right-radius:5px}@media screen and (min-width: 1200px) { .pc-slider-overlay { font-size:36px } .pc-slider-lgtext { font-size:36px }}.pc-text-kat { font-size:2vw; color:#fff; text-transform:uppercase}.pc-slider { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:none}.pc-slider-img { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}.box-shadow { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}.poc-bbcontent { display:block; position:inherit; max-width:100%; min-height:300px; padding:0; margin:auto; margin-top:0; margin-bottom:30px; width:100%; background:#fff}.poc-background-bb-more-1 { background:var(--buttoncolor2); color:#fff; padding:10px 15px; border-radius:5px}.poc-background-bb-more-1:hover { background:var(--buttoncolor3)}.poc-background-bb-more-2 { background:var(--buttoncolor2); color:#fff; padding:10px 15px; border-radius:5px}.poc-background-bb-more-2:hover { background:var(--buttoncolor3)}.poc-input-date { min-width:80px}.poc-input-time { width:60px}.poc-text-title { font-size:33px; color:var(--textcolor2); font-weight:700}.poc-text-default { color:var(--textcolor2)!important}.poc-text-small { font-size:.8em; font-weight: 400; color: #8c8c8c;}.poc-text-medium { font-size:1em}.poc-text-grey { color:var(--textcolor1)}.poc-border-rounded-top { border-radius:5px 5px 0 0}#pc-footer { display:block; z-index:10; margin:auto; font-size:16px; color:#fff!important; line-height:1.4; background-image:url(/images/LOCALgenie_Logo_hoch_weiss_trans-cut.svg),linear-gradient(to right,#973465 0%,#cf3367 51%,#f3971c 100%); background-size:auto; background-repeat:no-repeat; background-position:90% center}@media only screen and (max-width: 640px) { #pc-footer { display:block; z-index:10; margin:auto; font-family:var(--font-family-2); font-weight:var(--font-family-weight-1); font-size:16px; color:#fff!important; line-height:1.4em; background-image:url(/images/LOCALgenie_Logo_hoch_weiss_trans.svg),linear-gradient(to right,#973465 0%,#cf3367 51%,#f3971c 100%); background-size:auto; background-repeat:no-repeat; background-position:90% center }}#pc-footer a { color:#fff!important}.poc-more-blog { background-color:var(--buttoncolorcta2)}a:hover .poc-more-blog { background-color:var(--buttoncolorcta3)}.poc-more-job { background-color:var(--buttoncolorcta2); height:200px; width:100%}a:hover .poc-more-job { background-color:var(--buttoncolorcta3)}.poc-more-job:after { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' height='100%' width='100%'%3E%3Cpath d='M416 48c0-8.84-7.16-16-16-16h-64c-8.84 0-16 7.16-16 16v48h96V48zM63.91 159.99C61.4 253.84 3.46 274.22 0 404v44c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32V288h32V128H95.84c-17.63 0-31.45 14.37-31.93 31.99zm384.18 0c-.48-17.62-14.3-31.99-31.93-31.99H320v160h32v160c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-44c-3.46-129.78-61.4-150.16-63.91-244.01zM176 32h-64c-8.84 0-16 7.16-16 16v48h96V48c0-8.84-7.16-16-16-16zm48 256h64V128h-64v160z' /%3E%3C/svg%3E"); position:absolute; top:5%; left:5%; width:100px; height:100px; filter:invert(1) opacity(0.3)}.poc-grid5 { display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,1fr); grid-column-gap:15px; grid-row-gap:15px; margin-bottom:15px}.poc-grid5 .div1 { grid-area:1 / 1 / 3 / 3; height:455px}.poc-grid5 .div2 { grid-area:1 / 3 / 2 / 4; height:220px}.poc-grid5 .div3 { grid-area:1 / 4 / 2 / 5; height:220px}.poc-grid5 .div4 { grid-area:2 / 3 / 3 / 4; height:220px}.poc-grid5 .div5 { grid-area:2 / 4 / 3 / 5; height:220px}.poc-grid5 .div1 .poc-bildhoehe { height:455px}.poc-grid5 .div2 .poc-bildhoehe,.poc-grid5 .div3 .poc-bildhoehe,.poc-grid5 .div4 .poc-bildhoehe,.poc-grid5 .div5 .poc-bildhoehe { height:220px}@media only screen and (max-width: 960px) { .poc-grid5 { display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(3,auto); grid-column-gap:15px; grid-row-gap:15px } .poc-grid5 .div1 { grid-area:1 / 1 / 2 / 3; height:455px } .poc-grid5 .div2 { grid-area:2 / 1 / 3 / 2; height:300px } .poc-grid5 .div3 { grid-area:2 / 2 / 3 / 3; height:300px } .poc-grid5 .div4 { grid-area:3 / 1 / 4 / 2; height:300px } .poc-grid5 .div5 { grid-area:3 / 2 / 4 / 3; height:300px } .poc-grid5 .div1 .poc-bildhoehe { height:455px } .poc-grid5 .div2 .poc-bildhoehe,.poc-grid5 .div3 .poc-bildhoehe,.poc-grid5 .div4 .poc-bildhoehe,.poc-grid5 .div5 .poc-bildhoehe { height:300px }}@media only screen and (max-width: 640px) { .poc-grid5 { display:block; grid-column-gap:0; width:100% } .boxcol { width:100%; margin-bottom:15px } .poc-grid5 .div1,.poc-grid5 .div2,.poc-grid5 .div3,.poc-grid5 .div4,.poc-grid5 .div5 { height:300px } .poc-grid5 .div1 .poc-bildhoehe,.poc-grid5 .div2 .poc-bildhoehe,.poc-grid5 .div3 .poc-bildhoehe,.poc-grid5 .div4 .poc-bildhoehe,.poc-grid5 .div5 .poc-bildhoehe { height:300px }}.poc-grid55 { display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:150px 190px; grid-column-gap:15px; grid-row-gap:15px}.poc-grid55 .div1 { grid-area:1 / 1 / 3 / 2; height:355px}.poc-grid55 .div2 { grid-area:1 / 2 / 3 / 3; height:355px}.poc-grid55 .div3 { grid-area:1 / 3 / 3 / 4; height:355px}.poc-grid55 .div4 { grid-area:1 / 4 / 2 / 5; height:150px}.poc-grid55 .div5 { grid-area:2 / 4 / 3 / 5; height:190px}.poc-grid55 .div1 .poc-bildhoehe,.poc-grid55 .div2 .poc-bildhoehe,.poc-grid55 .div3 .poc-bildhoehe { height:355px}.poc-grid55 .div4 .poc-bildhoehe { height:150px}.poc-grid55 .div5 .poc-bildhoehe { height:190px}@media only screen and (max-width: 960px) { .poc-grid55 { display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(3,auto); grid-column-gap:15px; grid-row-gap:15px } .poc-grid55 .div1 { grid-area:1 / 1 / 2 / 3; height:455px } .poc-grid55 .div2 { grid-area:2 / 1 / 3 / 2; height:300px } .poc-grid55 .div3 { grid-area:2 / 2 / 3 / 3; height:300px } .poc-grid55 .div4 { grid-area:3 / 1 / 4 / 2; height:200px } .poc-grid55 .div5 { grid-area:3 / 2 / 4 / 3; height:200px } .poc-grid55 .div1 .poc-bildhoehe { height:455px } .poc-grid55 .div2 .poc-bildhoehe,.poc-grid55 .div3 .poc-bildhoehe { height:300px } .poc-grid55 .div4 .poc-bildhoehe,.poc-grid55 .div5 .poc-bildhoehe { height:200px }}@media only screen and (max-width: 640px) { .poc-grid55 { display:block; grid-column-gap:0; width:100% } .boxcol { width:100%; margin-bottom:15px } .poc-grid55 .div1,.poc-grid55 .div2,.poc-grid55 .div3 { height:300px } .poc-grid55 .div4,.poc-grid55 .div5 { height:200px } .poc-grid55 .div1 .poc-bildhoehe,.poc-grid55 .div2 .poc-bildhoehe,.poc-grid55 .div3 .poc-bildhoehe { height:300px } .poc-grid55 .div4 .poc-bildhoehe,.poc-grid55 .div5 .poc-bildhoehe { height:200px }}.poc-grid6 { display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,auto); grid-column-gap:15px; grid-row-gap:15px; margin-bottom:15px}.poc-grid6 .div1 { grid-area:1 / 1 / 3 / 2; height:455px}.poc-grid6 .div2 { grid-area:1 / 2 / 3 / 3; height:455px}.poc-grid6 .div3 { grid-area:1 / 3 / 2 / 4; height:220px}.poc-grid6 .div4 { grid-area:1 / 4 / 2 / 5; height:220px}.poc-grid6 .div5 { grid-area:2 / 3 / 3 / 4; height:220px}.poc-grid6 .div6 { grid-area:2 / 4 / 3 / 5; height:220px}.poc-grid6 .div1 .poc-bildhoehe,.poc-grid6 .div2 .poc-bildhoehe { height:455px}.poc-grid6 .div3 .poc-bildhoehe,.poc-grid6 .div4 .poc-bildhoehe,.poc-grid6 .div5 .poc-bildhoehe,.poc-grid6 .div6 .poc-bildhoehe { height:220px}@media only screen and (max-width: 960px) { .poc-grid6 { display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(3,1fr); grid-column-gap:15px; grid-row-gap:15px } .poc-grid6 .div1 { grid-area:1 / 1 / 2 / 2; height:300px } .poc-grid6 .div2 { grid-area:1 / 2 / 2 / 3; height:300px } .poc-grid6 .div3 { grid-area:2 / 1 / 3 / 2; height:300px } .poc-grid6 .div4 { grid-area:2 / 2 / 3 / 3; height:300px } .poc-grid6 .div5 { grid-area:3 / 1 / 4 / 2; height:300px } .poc-grid6 .div6 { grid-area:3 / 2 / 4 / 3; height:300px } .poc-grid6 .div1 .poc-bildhoehe,.poc-grid6 .div2 .poc-bildhoehe,.poc-grid6 .div3 .poc-bildhoehe,.poc-grid6 .div4 .poc-bildhoehe,.poc-grid6 .div5 .poc-bildhoehe,.poc-grid6 .div6 .poc-bildhoehe { height:300px }}@media only screen and (max-width: 640px) { .poc-grid6 { display:block; grid-column-gap:0; width:100% } .poc-grid6 .boxcol { width:100%; margin-bottom:15px } .poc-grid6 .div1,.poc-grid6 .div2,.poc-grid6 .div3,.poc-grid6 .div4,.poc-grid6 .div5,.poc-grid6 .div6 { height:300px } .poc-grid6 .div1 .poc-bildhoehe,.poc-grid6 .div2 .poc-bildhoehe,.poc-grid6 .div3 .poc-bildhoehe,.poc-grid6 .div4 .poc-bildhoehe,.poc-grid6 .div5 .poc-bildhoehe,.poc-grid6 .div6 .poc-bildhoehe { height:300px }}.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:11; 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)}.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}@media only screen and (max-width: 760px) { .poc-magazin-b-text { display:block; top:0; left:0; width:100%; padding:0 }}.poc-button { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:7px 15px; height:50px; width:auto}.poc-button:hover { color:#666; background:#f1f1f1}.poc-button-wide:hover { color:#FFF; background:var(--color1); border-color: var(--color1);}.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-icon:focus { outline:none!important}.pc-rubrik { display:block; font-family:var(--font-family-1); font-weight:var(--font-family-weight-1); font-size:36px; color:#fff!important; text-align:center; vertical-align:middle; padding:20px 30px 40px; margin:0; width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:calc(100% - 60px); background-image:url(/images/balken-9a3467.png),linear-gradient(90deg,#973465 0%,#cf3367 51%,#f3971c 100%); background-size:auto; background-repeat:no-repeat; background-position:50% 75%}.poc-slider-textpos { color:#FFF!important; padding:5px 25px; background:var(--color2); border-radius:5px 5px 0 0}.poc-slider-titel { display:block; z-index:99; font-family:var(--font-family-1); font-weight:var(--font-family-weight-1); font-size:1.7em; line-height:1.3; text-align:left; margin:0; color:#fff!important}.poc-slider-text { display:block; z-index:99; font-family:var(--font-family-1); font-weight:var(--font-family-weight-1); font-size:.8em; line-height:1.3; text-align:left; margin:0; color:#fff!important}.poc-sliderttitel { color:#fff!important; font-size:35px; text-transform:uppercase; background-image:url(/images/balken-9a3467.png); background-size:auto; background-repeat:no-repeat; background-position:50% 75%; padding-top:20px; padding-bottom:40px}.poc-slidertext { color:#fff!important; font-size:14px; font-style:italic}.slidertitel { display:block; bottom:0; right:30px; z-index:999; font-family:var(--font-family-1); font-weight:var(--font-family-weight-1); font-size:1.7em; line-height:1.3; color:#fff!important}.slidertext { position:relative; bottom:-30px; border-radius:5px 5px 0 0; color:#fff!important; padding:5px 25px; background:var(--color2)}.pc-slidertext { font-family:var(--font-family-1); font-weight:var(--font-family-weight-1); font-size:1.2em; color:#fff!important}.poc-slogan{ color: #232323 !important; position: relative; left: -15px; font-size: min(max(14px, 2vw), 1.1em); font-weight: 700; padding: 7px 15px !important; border-bottom: 2px solid var(--color1);}.poc-rotate-info-right { position: absolute; right: 10px; top: 210px; writing-mode: vertical-lr; -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: 10px; color: rgba(255,255,255,0.6) !important;}.poc-htmlcode { padding: 20px; background-color: #f1f3f4; color: #1967d2; font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Courier New', 'monospace';}.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: 16px !important;}.line-numbers { background: #f0f0f0; padding-top: 7px; padding-bottom: 5px; padding-right: 10px; user-select: none; text-align: right; overflow: hidden; width: 50px; flex-shrink: 0; font-size: 16px;}.poc-description-wrapper { position: relative;}.poc-description { max-height: 400px; overflow: hidden; position: relative; padding-bottom: 0; transition: max-height 0.3s ease;}.poc-description.expanded { max-height: none;}.poc-description-wrapper.fade-effect::after { content: ""; position: absolute; bottom: 30px; left: 0; right: 0; height: 60px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%); pointer-events: none; display: block; transition: opacity 0.3s ease;}.poc-description-wrapper.no-fade-effect::after { opacity: 0; visibility: hidden;}.poc-read-more-button { font-family: var(--font-family-3); font-weight: var(--font-family-weight-3); display: inline-block; z-index: 3; color: var(--textcolor1); border-top: solid thin #CCC; border-bottom: 0; border-left: 0; border-right: 0; background: transparent; padding: 10px 15px; cursor: pointer; margin-top: 10px;}.poc-read-more-button:hover { color: var(--color1)}.order-1 { order: 1;}.order-2 { order: 2;}@media (max-width: 640px) { .order-1 { order: 2; } .order-2 { order: 1; }}.cms-button-container { display: flex; border: 1px solid #ccc; border-radius: 10em; overflow: hidden;} .cms-button { flex: 1; padding: 10px 20px; text-align: center; border: none; background-color: var(--color2); color: white; font-size: 16px; cursor: pointer; transition: background-color 0.3s;} .cms-button:hover { background-color: var(--color1);} .cms-button + .cms-button { border-left: 1px solid #ccc;} .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;}.pc-titelthema { background: -webkit-linear-gradient(left, var(--table2), var(--table1)); background: -o-linear-gradient(left, var(--table2), var(--table1)); background: linear-gradient(to right, var(--table2), var(--table1)); padding: 7px 20px; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); border-bottom: 2px var(--color2) solid;}h3.block-title { background: -webkit-linear-gradient(left, var(--table2), var(--table1)); background: -o-linear-gradient(left, var(--table2), var(--table1)); background: linear-gradient(to right, var(--table2), var(--table1)); padding: 7px 20px; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); border-bottom: 2px var(--color2) solid;} .poc-picture-round { width:40px; height:40px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; object-fit:cover; object-position:top center }.poc-comment-user { font-size: 0.9em; font-weight: bold; color: var(--textcolor2);}.poc-comment-autor { font-weight: bold; color: var(--textcolor1);}.poc-comment-text { position: relative; display: inline-block; font-size: 1em; color: var(--textcolor1); background-color: #FFF; border-radius: 8px; border-bottom: solid 1px #cccccc; -webkit-box-shadow: 0px 10px 13px -7px rgba(0,0,0,0.3), 4px 2px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 13px -7px rgba(0,0,0,0.3), 4px 2px 5px 0px rgba(0,0,0,0.1); padding: 15px; margin: 0px 0 10px 0; width: calc(100% - 25px);}.poc-comment-text::before { content: ""; position: absolute; top: -20px; left: 10px; border-width: 10px; border-style: solid; border-color: transparent transparent #FFF transparent;}.poc-comment-atext { position: relative; display: inline-block; font-size: 1em; color: var(--textcolor1); background-color: #FFF; border-radius: 8px; border-bottom: solid 1px #cccccc; -webkit-box-shadow: 0px 10px 13px -7px rgba(0,0,0,0.3), 4px 2px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 13px -7px rgba(0,0,0,0.3), 4px 2px 5px 0px rgba(0,0,0,0.1); padding: 10px; margin: 25px 0 10px 0; width: calc(100% - 45px);}.poc-comment-meta { margin-top: 10px; margin-left: 5px; font-size: 0.8em; text-transform: uppercase; color: var(--textcolor1);}.poc-comment-meta-text { font-size: 1em !important; text-transform: uppercase; color: var(--textcolor1);}.poc-comment-button { box-shadow:inset 0px 1px 0px 0px #ffffff; background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); background-color:#f9f9f9; border-radius:6px; border:1px solid #998999; display:inline-block; cursor:pointer; color:#666666; font-family:Arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; text-transform: uppercase;}.poc-comment-button:hover { background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); background-color:#e9e9e9;}.poc-comment-button:active { position:relative; top:1px;}.poc-forum { }.poc-comment-image-rund { width: 120px; height: 80px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; object-fit: cover; object-position: center; display: block; object-view-box: auto; border: solid 1px #CCC; border-right: 0px;}.poc-comment-block { height: 48px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border: solid 1px #CCC; border-left: 0px; padding: 15px; background: #f7f7f7; display: flex; align-items: center; }.poc-comment-topicbilder { width: 120px; height: 120px; border-top-left-radius: 60px; border-bottom-left-radius: 60px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; object-fit: cover; object-position: center; display: block; object-view-box: auto; border: solid 1px #CCC; border-right: 0px;}.poc-comment-topic-block { height: 78px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border: solid 1px #CCC; border-left: 0px; padding: 20px; background: rgb(255,255,255); background: linear-gradient(153deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 69%, rgba(209,209,209,1) 100%);}.poc-comment-topicbild { max-width: 50%; margin-left: -15px; border: solid 10px #FFF; float: right; position: relative; right: -30px;}@media (max-width: 768px) { .poc-comment-topicbild { display: block; width: 100%; max-width: 100%; float: none; border: none; right: 0; margin-left:0; }}.two-column-layout-forum { width: 100%; display: flex; margin-bottom: 10px;}.two-column-layout { width: 100%; display: flex; margin-bottom: 10px; transition: transform 0.3s ease-in-out;}.two-column-layout:hover { transform: scale(1.05);}.fixed-width { width: 120px; flex-shrink: 0;}.flexible-width { flex-grow: 1;}.poc-comment-vorschau-3 { width: 100%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;}.poc-comment-vorschau { font-weight: normal; width: calc(100% - 50px); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;}.poc-border-rounded-25 { border-radius: 40px;} .poc-button-update {padding: 7px 20px;border: 0;margin-right: 10px;font-size: 14px;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-update:active {transform: scale(.95);}.poc-alert-warning {color: #ffff00;}.poc-button-link { border: none; padding: 0; background-color: transparent; text-transform: none; cursor: pointer;}#searchresult span { line-height: 2em;}#searchresult span:hover { font-weight: bold !important;}.poc-button-link {border: none;padding: 0;background-color: transparent;text-transform: none;cursor: pointer;}.poc-navi-mobil-top {background-color: white;color: var(--color1);width: 100%}.poc-navi-icon {font-size: 1.3em; color: var(--textcolor1);}.poc-navi-icon a, .poc-navi-icon a:hover {color: var(--textcolor1) !important;}.poc-navi-sitename {font-family: var(--font-family-1); font-size: 1.5em;color: var(--textcolor1);padding: 10px;position: relative;left: 25px; }.poc-navi-sitename a {color: var(--textcolor1); } .uk-form-label {color: var(--textcolor1);}.uk-button-text{color: #3D3D3D !important;}.poc-line-top {border-top: solid 1px var(--color1);}.poc-line-bottom {border-bottom: solid 1px var(--color1) !important;}.poc-speisekarte { border: 3px solid orange; border-radius: 1em; margin-bottom: 50px; margin-top: 30px; color: #363636 !important;}.poc-speisekarte-tx { color: #363636 !important;}.poc-speisekarte-hg { border-radius: 1em; background: var(--color-contrast); padding: 50px; }.poc-speisekarte-titel { display: table; position: relative; top: 50px; font-size: 1.5em; text-align: center; background-color: var(--color1); color: white !important; margin: auto auto; z-index: 1; border-radius: 1em; padding: 5px 20px;}.uk-alert-primary { background-color: DeepPink; color: white !important;}.poc-image-funny { margin: 20px; padding: 10px; background-color: #FFF; border: #CCC solid 1px;} .uk-navbar-dropdown { min-width:300px!important; border-bottom:solid 5px var(--color2) } .uk-navbar-dropdown-nav>li>a { color:var(--textcolor2)!important } .poc-preistext-grid { font-family:var(--font-family-2); font-weight: 700; font-size: 1rem; color:var(--textcolor6); text-align:left !important } .poc-text-indentedline { color:var(--textcolor2); border-left:#d4d8dd solid 5px; padding:15px; break-inside:avoid-column } .pc-text strong { color:var(--textcolor2) } .poc-handwrite { font-family:var(--font-family-5); font-weight:var(--font-family-weight-5); font-size:1.2rem; color:var(--textcolor3); line-height:1.4 } .poc-box-bordersoft { color:var(--textcolor1); border:var(--textcolor1) solid 1px; padding:15px } .poc-box-borderhard { color:var(--textcolor2); border:var(--color1) solid 3px; padding:15px } .poc-name { font-size: 1rem; color:#fff; min-height:20px; padding:15px; line-height:1.3 } a:hover .poc-name { position:absolute; bottom:-15px!important } .poc-slider-name { font-size:1rem; color:var(--textcolor2); line-height:1.3 } a:hover .poc-slider-name { position:absolute; bottom:15px!important } @keyframes shine { 0% { background-position: -200%; } 100% { background-position: 200%; } } .poc-social-icon { font-size: 3rem; font-weight: bold; position: relative; background: linear-gradient( 120deg, rgba(192, 192, 192, 1) 0%, rgba(255, 255, 255, 0.6) 40%, rgba(192, 192, 192, 1) 60% ); background-size: 200% auto; background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; text-fill-color: transparent; animation: shine 2s linear infinite; display: inline-block; } .poc-social-icon-X { font-size: 3rem; background: linear-gradient( to bottom, rgba(230, 230, 230, 1) 0%, rgba(192, 192, 192, 1) 40%, rgba(160, 160, 160, 1) 60%, rgba(230, 230, 230, 1) 100% ); background-clip: text; -webkit-background-clip: text; color: transparent; text-fill-color: transparent; -webkit-text-fill-color: transparent; } .poc-rotate-one { padding-top:100px; padding-bottom:50px; position:relative; overflow:hidden; color: white !important; } .poc-rotate-one * { color: white !important; } .poc-rotate-one:before { content:""; position:absolute; top:-10px; margin-top:40px; width:100%; height:calc(100% - 60px); min-height:230px; z-index:-1; background-color:var(--color1) !important; transform:skew(-0deg,-2deg) }.poc-text-white {color: white !important;}#flaschengeistContainer { left: 0; width: 100%; transform: translateY(100%) scale(0); opacity: 0; transition: transform 1s ease-in-out, opacity 1.5s ease-in-out; z-index: 999;}#flaschengeistContainer.active { transform: translateY(0%) scale(1); opacity: 1;}#flaschengeistImage { width: 300px; height: auto;}#flaschengeistBubbleContainer { display: flex; align-items: center; justify-content: center; gap: 20px;}.sprechblase { position: relative; min-width: 500px; min-height: 100px; padding: 20px; background: #fff; border-radius: 20px; margin: 20px; -webkit-box-shadow: 5px 4px 12px -2px rgba(0,0,0,0.44); box-shadow: 5px 4px 12px -2px rgba(0,0,0,0.44); text-align: left;}.sprechblase::before { content: ''; position: absolute; top: 30px; left: -20px; margin-top: -10px; border-width: 10px; border-style: solid; border-color: transparent #fff transparent transparent;}body.poc-theme-dark .sprechblase::before { border-color: transparent #3c3c3c transparent transparent;} #skip-links .uk-button.uk-button-default { background-color: #FF8800; color: white !important; border-color: #FF8800; } .poc-timeline ul { list-style: none; margin: 0; padding: 0; position: relative; border-left: 3px solid var(--color1); } .poc-timeline ul li { position: relative; padding: 1em 1em 1em 2em; margin-bottom: 1em; } .poc-timeline ul li::before { content: ''; position: absolute; left: -11px; top: 1.2em; width: 14px; height: 14px; background-color: #fff; border: 3px solid var(--color1); border-radius: 50%; } .poc-timeline ul li { font-family: sans-serif; color: var(--textcolor1); } .poc-timeline ul li:first-child::before { background-color: var(--color1); }.color0 { background-color:#fff } .color00 { background:rgba(255,255,255,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(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)) } .poc-moreinfo { display:none } .poc-location { font-size:.8rem; margin-top:5px; color:#fff; text-transform:uppercase } a:hover .poc-moreinfo { display:block; font-size:.8rem; line-height:1.5; bottom:0 } .poc-colorgrid { height:220px } .poc-colorgrid .poc-bildhoehe { height:220px }.textcolor1 { color:var(--color1) } .textcolor2 { color:var(--color2) } .textcolor3 { color:var(--color5) } .textcolor4 { color:var(--color3) } .textcolor5 { color:var(--buttoncolorcta2) } .pc-grid-back { bottom:-100px; left:0; right:0; padding:10px 15px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px } .poc-grid { box-sizing: border-box; width: 100%; position:relative; max-height:270px } .poc-grid:hover { max-height:270px } .poc-header-icon { color: var(--poc-icon-color) !important; font-size: 1.5rem; } body.poc-theme-dark .icon-container .poc-header-icon { color: white !important; } .img-right-circle { float: right; width: min(30vw, 300px); aspect-ratio: 1 / 1; border-radius: 50%; object-fit: cover; shape-outside: circle(50%); margin: 2rem 0 1rem 1rem; display: block; } .dish-card { border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.2s ease-in-out; } .dish-card:hover { transform: scale(1.02); } a:focus .dish-card { outline: 3px solid #1e87f0; outline-offset: 1px; } .dish-img { height: 200px; object-fit: cover; } .dish-info { padding: 20px; height: 200px; object-fit: cover; width: calc(100% - 40px); margin-bottom: 10px; } .dish-title { font-size: 1.5rem; margin-bottom: 5px; } .dish-restaurant { color: #999; font-size: 0.9rem; } .dish-description { margin: 15px 0; font-size: 1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .dish-price { font-weight: bold; font-size: 1.2rem; color: #27ae60; position: absolute; right: 20px; bottom: 10px; } .dish-badge { position: absolute; top: 0px; right: 15px; background: linear-gradient(45deg, #f9d423, #ffcc00); color: white; font-size: 1.2rem; font-weight: bold; padding: 6px 10px; border-radius: 0 0 8px 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); z-index: 10; line-height: 1; } .dish-tags { display: flex; gap: 6px; margin-top: 6px; font-size: 1.1rem; color: #ffe066; } .tag-icon { display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 3px 6px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); font-size: 0.95rem; line-height: 1; cursor: default; transition: transform 0.2s ease; } .tag-icon:hover { transform: scale(1.1); } @media (max-width: 640px) { .dish-description { display: none; } .dish-info { height: 90px; } .poc-line-bottom { border-bottom: thin #ADADAD solid; margin-top: 15px; margin-bottom: 15px; } h2.poc-text-top { background: -webkit-linear-gradient(left, var(--color1) 0%, var(--color2) 51%, var(--color3) 100%); background: -o-linear-gradient(left, var(--color1) 0%, var(--color2) 51%, var(--color3) 100%); background: linear-gradient(to right, var(--color1) 0%, var(--color2) 51%, var(--color3) 100%); color: white; padding: 15px 30px 15px 15px; position: relative; left: -40px; top: -15px; border-radius: 40px 999em 999em 40px; } .poc-text-intro { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }