a,address,article,audio,body,div,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,img,label,li,menu,nav,p,section,small,span,strong,summary,sup,table,ul,var { margin: 0; padding: 0; border: 0; font: inherit;}html { scroll-behavior: smooth;}.custom-icon { display: inline-block; width: 1rem; height: 2rem; background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle; margin-right: 0.4rem; margin-left: 0.6rem;}.custom-icon2 { display: inline-block; width: 1rem; background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle; margin-right: 0.4rem; margin-left: 0.6rem;}.icon-phone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 333.3 178.7 277.7 144 207.3L193.3 167c13.7-11.1 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");}.icon-at { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M256 64C150 64 64 150 64 256s86 192 192 192c17.7 0 32 14.3 32 32s-14.3 32-32 32C114.6 512 0 397.4 0 256S114.6 0 256 0c132.5 0 240 107.5 240 240v16c0 26.5-21.5 48-48 48s-48-21.5-48-48v-16c0-79.5-64.5-144-144-144s-144 64.5-144 144s64.5 144 144 144c36.5 0 70.5-13.5 96.5-35.8c13.3-11.4 33.1-9.9 44.5 3.4s9.9 33.1-3.4 44.5C359.8 445.6 309.4 464 256 464c-114.9 0-208-93.1-208-208s93.1-208 208-208s208 93.1 208 208v16c0 17.7 14.3 32 32 32s32-14.3 32-32v-16c0-132.5-107.5-240-240-240zm0 96c-53 0-96 43-96 96s43 96 96 96s96-43 96-96s-43-96-96-96zm0 128c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z'/%3E%3C/svg%3E");}.icon-share { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M352 224c53 0 96 43 96 96s-43 96-96 96c-35.3 0-66.7-18.7-83.6-46.5l-102.3-51.2c-2.3.9-4.8 1.7-7.4 2.3c-15.5 3.7-32-1.3-43-13.5C92.2 291 96 269 96 256s-3.8-35-18.3-50.8c-11-12.2-27.5-17.2-43-13.5c-2.6.6-5.1 1.4-7.4 2.3L131.6 140.5C148.5 112.7 180 94 215.3 94c53 0 96 43 96 96s-43 96-96 96c-3.2 0-6.4-.2-9.6-.6l94 47c16.9 8.5 28.5 25.8 28.3 44.6z'/%3E%3C/svg%3E");}.icon-bars { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");}.icon-times { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000000' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");}.icon-dropdown-links { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23406098' d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.3 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E");}.icon-dropdown-rechts { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23406098' d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.3 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E");}article,figure,footer,header,menu,nav,section { display: block;}body { line-height: 1;}body section.seite { overflow: hidden; padding-bottom: 9rem; background: #fdfdfb;}.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}ul { list-style: none;}* { box-sizing: border-box; -webkit-box-sizing: border-box;}table { border-collapse: collapse; border-spacing: 0;}.group,[class*="colgroup"] { zoom: 1; padding-right: 3%; padding-left: 3%;}.group:after,[class*="colgroup"]:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}html { font-size: 17px; font-family: Roboto, Helvetica; letter-spacing: -0.01rem;}body { margin: 0; padding: 0; margin: 0 auto; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; width: 75%; background: #333;}h2 { font-size: 1.2rem; margin-bottom: 1.5rem; padding-top: 1.8rem; font-weight: 700; text-align: center;}h3 { font-size: 1.1rem; margin-bottom: 1rem; font-weight: 700; text-align: center; margin-top: 1.7rem;}h4 { margin-top: 1rem; font-weight: 700;}h1 { font-size: 2rem; line-height: 1.2;}h2 { font-size: 1.5rem; line-height: 1.3;}h3 { font-size: 1.25rem; line-height: 1.4;}h2.unsichtbar,h3.unsichtbar,h4.unsichtbar { display: none;}p { line-height: 1.8rem; padding-left: 3%; padding-right: 3%; text-align: left; text-indent: 1.5rem;}.gallery02 { padding-top: 0.4rem;}a { color: #406098; text-decoration: none;}a:hover { color: #c00; text-decoration: none;}strong { font-weight: 700;}span.unsichtbar { display: none;}button,input,select { border: 0; float: left; outline: 0; padding-left: 0.1rem; font-size: 1rem; font-family: Roboto, Helvetica; letter-spacing: -0.05rem;}#cookie { height: auto; padding-top: 1rem; padding-bottom: 1rem; padding-right: 0.5rem; padding-left: 0.5rem; line-height: 1.7rem; border: solid 0.3em #b09c8a; background: #efebe8; display: block; color: #000;}.cookie-btn-accept,.cookie-btn-reject { float: none; display: inline; margin-top: 1rem; margin-bottom: 0.5rem; flex: 0 0 auto; background-color: #406098; color: #fff; border: none; font-size: 16px; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; box-sizing: border-box; white-space: nowrap; width: 7rem; height: 2rem;}.cookie-btn-accept:hover,.cookie-btn-reject:hover { background-color: #507bb6; color: #f0f4f8;}a.cookies:hover { background: #fff6ed;}div#cookie-footer-status { height: 2.75rem; background: #efebe8; text-align: center; padding-top: 0.5rem;}#webdesign { display: inline-block; text-align: left; width: 57%;}figure { text-align: center;}section.container2 { border-top-left-radius: 0.3rem; border-top: 0.2em #8b7765 solid;}header { position: relative; background: #f7f4ed; overflow: hidden;}div#fest { z-index: 10; position: fixed; width: 75%; background: #b09c8a;}#navigation1 { width: 100%; height: 2.75rem; background: #8b7765; font-size: 1.05rem; position: relative; overflow: visible; display: flex; align-items: center; box-sizing: border-box; }#navigation1 a { text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; }#navigation1 a:hover { opacity: 0.85; }#navigation1 button.sidemenu { background: transparent; border: none; color: #ffffff; cursor: pointer; padding: 0; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; min-width: 4rem; min-height: 2.75rem; }#navigation1 .kontaktmenu01 { flex: 1; display: flex; justify-content: flex-start;}#navigation1 .kontaktmenu02 { flex: 1; display: flex; justify-content: center; text-align: center;}#navigation1 .iconmenu02 { flex: 1; display: flex; justify-content: flex-end;}.nav-handy,.nav-share,.nav-toggle { display: block; position: absolute; right: 0; top: 2rem; padding: 1rem; color: #fff; cursor: pointer; text-decoration: none;}.nav-share { font-size: 2rem; top: 1.06rem; height: 1rem; padding: 0; right: 2rem; overflow: hidden; width: 1rem;}.nav-share span.fa.sidemenu { background: 0 0; border: 0; color: #406098; width: 1rem; text-align: center; height: 1rem; display: inline-block; text-align: left;}.nav-toggle:hover { cursor: pointer;}#nav-open:target .nav-open { display: none;}div#kasten0 { position: relative; height: 9.2rem; background: #fdfdfb;}header h1 { font-size: 3rem; color: #8b7765; padding-left: 2.3rem; padding-top: 1.45rem; background: #fdfdfb; margin-top: 0;}div#kasten1 { display: table; position: relative; background: #dcccbd; width: 100%; padding: 0; border: 0;}ul.kontaktzeile { display: none;}li.kontaktspalte00,li.kontaktspalte01,li.kontaktspalte02,li.kontaktspalte03,li.kontaktspalte05 { display: table-cell; text-align: center; color: #3c763d; border: solid 0.1em #dcccbd; border-bottom: solid 3px #dcccbd; border-radius: 0.5rem; box-shadow: inset 0 0 0 0.1em #8b7765; background: #ebe8de; background: #efebe8;}li.kontaktspalte00:hover,li.kontaktspalte01:hover,li.kontaktspalte02:hover,li.kontaktspalte03:hover { background-image: linear-gradient(to bottom, #f7f4ed, #fee680);}li.kontaktspalte00 { width: 50%;}li.kontaktspalte01 { width: 50%;}li.kontaktspalte02 { width: 33%;}li.kontaktspalte03 { width: 27%; display: none;}li.kontaktspalte04 { color: #f7f4ed; cursor: pointer;}li.kontaktspalte02,li.kontaktspalte05 { display: none;}.kontaktspalte00 i.fas.fa-phone-volume { display: block; position: absolute; top: 0.8rem; left: 1.5%; color: #000;}.kontaktspalte01 i.fas.fa-at { display: block; position: absolute; top: 0.8rem; left: 51.5%; color: #000;}span.emailtext02 { display: none;}a.icon01,a.icon02,a.icon03 { background: url(https://www.krakautour.de/basic-webp/icon01.webp) no-repeat; background-size: 1.5rem; display: block; background-position-y: 0.3rem; background-position-x: 0.3rem; padding-top: 0.5rem; padding-bottom: 0.5rem;}a.icon01:hover { background-position-y: -1.2rem;}a.icon02 { background-position-y: -2.73rem;}a.icon02:hover { background-position-y: -4.23rem;}a.icon03 { background-position-y: -5.73rem;}a.icon03:hover { background-position-y: -7.23rem;}nav#booking { position: absolute; text-align: right; width: 20rem; padding: 0.3rem; background: rgba(255, 255, 255, 0.4); color: #000;}div.gallery { background: #dcccbd; overflow: hidden;}div.gallery figure { vertical-align: bottom;}div.gallery img { width: 100%; height: auto;}div#inhalt { margin-top: 8rem;}#anfragemodul { position: relative; top: 7.7rem;}.form-wrapper { margin: 10px;}label { display: block; position: inherit; color: #000; text-align: center; padding-top: 0.2rem; cursor: pointer; border: solid 0.1em #dcccbd; border-bottom: solid 3px #dcccbd; border-radius: 0.5rem; box-shadow: inset 0 0 0 0.1em #8b7765; background: #ebe8de; background: #efebe8; height: 3.1rem;}label:hover { background: #fee680; background-image: linear-gradient(to bottom, #f7f4ed, #fee680); background: #fff6ed;}input.EndDate { color: #406098; background: 0 0; cursor: pointer; text-align: center; position: absolute; top: 0; padding-top: 1.4rem; display: block; height: 3rem;}input.EndDate { width: 28%;}input.EndDate:hover { color: #c00; background-position-y: -10.5rem;}span.icon00,span.icon01,span.icon02,span.icon03 { background: url(https://www.krakautour.de/basic-webp/icon01.webp) no-repeat; background-size: 1.5rem; padding-top: 0.2rem; padding-bottom: 0.1rem; display: block; background-position-x: 0.2rem; width: 1.6rem; height: 1.5rem;}span.icon01 { background-position-y: -9rem;}span.icon02 { background-position-y: -12rem;}span.icon00 { background-position-y: -42rem;}input#anfrage2,input#personenzahl2 { cursor: initial;}div#anfrage2 { display: block; position: relative;}input#email2 { width: 50%; left: 0;}button#formular2 { width: 50%; left: 50%;}li.schrift,span.schrift { margin-left: 1000rem; height: 0; width: 0; display: inline-block; z-index: -1; color: #fff; overflow: hidden;}.social-panel-container { position: relative; right: 0; top: 0; z-index: -1; opacity: 0; float: right;}.social-panel-container.visible { z-index: 10; opacity: 1; display: table; float: right;}.social-panel { background-color: #b09c8a; border-radius: 0; box-shadow: 0 16px 31px -17px rgba(0, 31, 97, 0.6); border: 0; height: 1.5rem;}.social-panel button.close-btn { border: 0; color: #fdfdfb; cursor: pointer; position: absolute; top: 0; right: 0; background: #b09c8a; width: 2rem;}.social-panel button.close-btn:focus { outline: 0;}.social-panel p { background-color: #001f61; border-radius: 0 0 10px 10px; color: #fff; position: absolute; top: 0; left: 50%; margin: 0; transform: translateX(-50%); text-align: center; width: 235px;}.social-panel p i { margin: 0 5px;}.social-panel p a { color: #ff7500; text-decoration: none;}.social-panel h4 { margin: 0; color: #fdfdfb; margin-right: 1rem; margin-top: 0.2rem;}.social-panel ul { display: flex; list-style-type: none; padding: 0; margin: 0;}.social-panel ul li { margin: 0 10px;}.social-panel ul li { margin: 0 0;}.social-panel ul li a { color: #001f61; justify-content: center; align-items: center; height: 1.5rem; width: 2.7rem; text-decoration: none; border-right: 0.05em solid #ccc; border-left: 0.05em solid #ccc;}.social-panel ul li.dropdown01 a:hover { border-color: #001f61; box-shadow: 0 9px 12px -9px #001f61;}.social-panel ul li.dropdown02 a:hover { border-color: #57abef; box-shadow: 0 9px 12px -9px #53adec;}.social-panel ul li.dropdown03 a:hover { border-color: #dc4d42; box-shadow: 0 9px 12px -9px #db4e42;}.floating-btn { width: 2rem; display: inline-block; height: 2.3rem;}.floating-btn:focus { outline: 0;}.twitter { background: #1da1f2;}.google { background: #db4d43;}.whatsapp { background: #25d366;}a.fa,a.fas { color: #fff; height: 1.5rem; width: 3.5rem; padding-top: 0.3rem; border-left: 0.05em solid #ccc; border-right: 0.05em solid #ccc; display: table-cell;}.fa:hover { cursor: pointer;}a.fa.sidemenu,a.fas.sidemenu,span.fa.sidemenu,span.fas.sidemenu { background: 0 0; border: 0; color: #406098; width: 2rem; text-align: center; height: 2.5rem; display: inline-block;}a:hover.fa.sidemenu,a:hover.fab.sidemenu,a:hover.fas.sidemenu,span:hover.fa.sidemenu,span:hover.fab.sidemenu,span:hover.fas.sidemenu { color: #c00;}.fas.text { font-size: 2rem; margin-top: 1rem; color: #b09c8a; cursor: initial; padding-right: 10%; padding-left: 10%;}.dropdown00,.dropdown01,.dropdown02,.dropdown03,.dropdown04,.dropdown05,.dropdown06,.dropdown07,.dropdown08,.dropdown10 { display: inline-block; position: relative; height: 1.5rem; z-index: 1; background-color: #8b7765;}.dropdown11,.dropdown12,.dropdown13,.dropdown14 { display: inline-block; width: 2rem; height: 2.3rem;}.dropdown10 { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.5rem; background-position-x: -24.6rem; background-color: transparent;}.dropdown00 a { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.5rem; background-position-x: -10.9rem; background-color: #6f82b0;}.dropdown00 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.19rem; background-position-x: -10.9rem; background-position-y: -1.54rem; height: 4.1rem; overflow: visible;}.dropdown01 a { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.5rem;}.dropdown01 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; background-position-y: -1.54rem; height: 4.1rem; overflow: visible;}.dropdown02 a { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.5rem; background-position-x: -2.73rem;}.dropdown02 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; background-position-x: -2.73rem; background-position-y: -1.54rem; height: 4.1rem; overflow: visible;}.dropdown03 a { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.5rem; background-position-x: -5.46rem;}.dropdown03 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; background-position-x: -5.46rem; background-position-y: -1.54rem; height: 4.1rem; overflow: visible;}.dropdown04 a { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.5rem; background-position-x: -8.19rem;}.dropdown04 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; background-position-x: -8.19rem; background-position-y: -1.54rem; height: 4.1rem; overflow: visible;}.dropdown05 a { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.5rem; background-position-x: -13.65rem;}.dropdown05 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; background-position-x: -13.65rem; background-position-y: -1.54rem; height: 4.1rem; overflow: visible;}.dropdown06 a { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.5rem; background-position-x: -16.38rem;}.dropdown06 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; background-position-x: -16.38rem; background-position-y: -1.54rem; height: 4.1rem; overflow: visible;}.dropdown07 a { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.5rem; background-position-x: -19.11rem;}.dropdown07 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; background-position-x: -19.11rem; background-position-y: -1.54rem; height: 4.1rem; overflow: visible;}.dropdown08 a { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; height: 1.5rem; background-position-x: -21.84rem;}.dropdown08 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; display: inline-block; width: 2.7rem; background-position-x: -21.84rem; background-position-y: -1.54rem; height: 4.1rem; overflow: visible;}.hidden { display: none;}.visible { display: block;}.personen { padding-top: 2%;}.anfrage { border-radius: 0.4rem; margin-right: 0.4rem; margin-left: 0.4rem;}@-webkit-keyframes spinner { 0% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(0); transform: translate3d(-50%, -50%, 0) rotate(0); } 100% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg); transform: translate3d(-50%, -50%, 0) rotate(360deg); }}@keyframes spinner { 0% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(0); transform: translate3d(-50%, -50%, 0) rotate(0); } 100% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg); transform: translate3d(-50%, -50%, 0) rotate(360deg); }}span.rot { color: #c00;}button.formular { margin-left: 2%; margin-right: 2%; width: 96%; color: #337ab7; cursor: pointer; background: #b1cf99; padding-top: 0.3rem; padding-bottom: 0.3rem; border: 0.1em solid #8b7765;}button.formular { margin-top: 1rem;}button.formular:hover { color: #c00; background-image: linear-gradient(to bottom, #f7f4ed, #fee680);}input.email { color: #00f; width: 100%; border: 0.1em solid #337ab7;}section#inhalt { position: relative; background: #f7f4ed; background: #fdfdfb; font-size: 1.1rem; text-align: center;}#inhalt article { margin-top: 0; text-align: center;}div.gallery02 img { border: 0.1em solid #8b7765; border-radius: 0.3rem; max-width: 100%; width: 100%; height: auto;}#inhalt footer { margin-left: 0.4rem; margin-right: 0.4rem; text-align: center;}#inhalt article02 { margin-left: 0.2rem; margin-right: 0.2rem; margin-top: 2rem; text-align: center;}ul.kasten1,ul.kasten2 { display: table; z-index: 300; width: 96%; height: auto; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; margin-left: 2%; margin-right: 2%; font-size: 0.9rem;}ul.kasten2 { margin-bottom: 2rem; padding-top: 2rem;}.row { display: table-row; text-align: center;}.icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 60px; cursor: pointer;}article.img-item { float: left; height: 26rem;}hr { background-color: #d6d0c1; border: 0; height: 1px; margin: 20px 0;}.preistabelle { border: 0.1em solid #8b7765; border-radius: 0.3rem; width: 94%; margin: 1.5em auto; margin-bottom: 2rem; max-width: 30rem;}.table2 { display: table; border-collapse: collapse; width: 100%;}.table-row { display: table-row;}.table-cell { display: table-cell; padding-bottom: 0.3rem; padding-top: 0.3rem;}li.rot { color: red;}ul.datenschutz { width: 50%; float: left;}span.sichtbar { display: none;}div#prefooter { text-align: center; margin-top: 3rem; height: 8rem; display: none;}input.formular { display: table; height: 1.4rem; width: 1rem; margin: 0; padding: 0; margin-right: 1rem; margin-left: 0.6rem; float: right;}li.telefon { width: 50%; float: left;}li.agb2 { width: 50%; float: left;}input.telefon { float: none; width: 50%; background-color: #b1cf99; color: #00f; width: 90%; margin-top: 0.4rem;}label.formular { margin: 0; padding: 0; float: right;}label.agb2 { display: block;}img.formular { height: 1rem; vertical-align: middle; margin-right: 0.4rem; margin-left: 0.4rem;}label#altstadt2,label#kazimierz2,label#lang2,label#marienkirche2,label#marktplatz2,label#wawel2 { margin: 0; display: block; padding-left: 0.6rem; padding-right: 0.6rem; padding-top: 0.3rem; padding-bottom: 0.3rem;}label#altstadt2,label#kazimierz2,label#wawel2 { height: 4rem;}label#marienkirche2,label#marktplatz2 { height: 2.2rem;}footer { position: relative; text-align: center;}footer div.wrapper { background: #8b7765; height: 2rem; padding-top: 0.5rem; padding-bottom: 0.2rem; color: black;}ul.fuehrung,ul.geschichte { line-height: 1.8rem; padding-top: 2rem;}ul.fuehrung { padding-top: 1.2rem;}ul.fuehrung li.rechts,ul.geschichte li.rechts { text-align: left; padding-left: 2%; margin-left: 29%; border-left: 0.2em solid #000; padding-top: 0.3rem; padding-bottom: 0.3rem;}ul.geschichte li.rechts { margin-left: 13%;}ul.fuehrung li.rechts { margin-left: 24%;}ul.fuehrung li.links,ul.geschichte li.links { width: 29%; text-align: right; float: left; padding-left: 3%; padding-right: 2%; padding-top: 0.3rem; padding-bottom: 0.3rem;}ul.geschichte li.links { width: 8%;}ul.fuehrung li.links { width: 22%; text-align: left; margin-top: 0.9rem;}ul.fuehrung li.links img { width: 80%;}ul.fuehrung li.links img.bild { width: 100%;}#cookie-popup { text-align: center; background: #fff; position: fixed; z-index: 9999; font-size: 0.9rem; line-height: 1rem; padding: 0.5rem; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); outline: 1px solid #7b92a9; text-align: center; border-top: 1px solid #fff; background: #d6e0eb; background: -moz-linear-gradient(top, #d6e0eb 0, #f2f6f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6e0eb), color-stop(100%, #f2f6f9)); background: -webkit-linear-gradient(top, #d6e0eb 0, #f2f6f9 100%); background: -o-linear-gradient(top, #d6e0eb 0, #f2f6f9 100%); background: -ms-linear-gradient(top, #d6e0eb 0, #f2f6f9 100%); background: linear-gradient(to bottom, #d6e0eb 0, #f2f6f9 100%); bottom: 0; width: 75%; padding-bottom: 1rem;}#cookie-popup.hidden { display: none;}button.cookie { float: none; cursor: pointer; color: #406098; background: 0 0; display: block; margin: 0 auto;}button.cookie:hover { color: #c00;}.firmendaten { display: flex; position: relative; height: 6rem; background: #fdfdfb;}.firmendaten { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }.firmendaten > div { display: flex; align-items: center;}.firmenh1 { margin: 0; display: flex; flex-direction: column; }.sprachwahl { margin-right: 1em;}.firmenlogo { position: relative; width: 7rem; background: #fdfdfb; align-items: center; justify-items: center; display: inline-flex; height: 5.5rem;}.firmenaufschrift { position: relative; width: 100%; background: #fdfdfb; align-items: center; justify-items: center; display: inline-flex; height: 5.5rem;}.firmenaufschrift h1 { margin: 0; padding: 0; color: #8b7765; font-size: 3rem;}.firmenaufschrift h1 span.grossschrift { display: block; font-weight: 700;}.firmenaufschrift h1 span.kleinschrift { font-size: 1.2rem; text-indent: 2.5rem; display: block; font-weight: 600;}.firmenlogo span a { background: url(https://www.krakautour.de/apartment-webp/apartment-logo-katamaran.webp) no-repeat; height: 4.2rem; width: 3.1rem; background-size: 4.6rem; margin-left: 1rem; cursor: pointer; float: left; background-position-x: center; background-position-y: center;}.seitenmenu01 { width: 0; align-items: center; justify-items: center; display: inline-flex; height: 5.5rem;}.seitenmenu02 { width: 0; align-items: center; justify-items: center; display: inline-flex; height: 5.5rem;}.seitenmenu01 .nav-share { font-size: 2rem; top: 0; height: 1rem; padding: 0; right: 0; overflow: hidden; width: 2.5rem; position: relative;}.seitenmenu02 .nav-handy { font-size: 2rem; top: 0; height: 1rem; padding: 0; right: 0; overflow: hidden; width: 2.5rem; position: relative;}div.scrollmenu { background-color: #333; overflow: scroll; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; white-space: nowrap; -ms-overflow-style: none; background-color: #ebe8de; border-radius: 0.12rem; background: #efebe8; display: flex; width: 100%; font-size: 1.1rem;}div.scrollmenu::-webkit-scrollbar { display: none;}div.scrollmenu a { height: 2rem; color: #406098; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; cursor: pointer; display: inline-flex; border-right: 0.06em solid rgba(10, 10, 10, 0.1); justify-items: center; display: inline-flex; align-content: center;}div.iconmenu01 i,div.iconmenu02 i,div.kontaktmenu01 i,div.kontaktmenu02 i,div.scrollmenu i { height: 1.4rem; color: #f7f4ed; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; cursor: pointer; display: inline-flex; justify-items: center; display: inline-flex; align-content: center; font-size: 1.4rem;}div.iconmenu01 i,div.iconmenu02 i { padding-left: 0; padding-right: 0;}div.scrollmenu a.fas,div.scrollmenu span.fas { display: inline-flex; border-left: 0.06em solid rgba(10, 10, 10, 0.1); width: 2rem; text-align: center;}.menulinks { background: #f5f5f5; background: #efebe8;}.menurechts { background: #fffaf0; background: #efebe8; width: 100%; text-align: right;}div.scrollmenu li { display: inline-block;}ul.swipemenu { height: 2rem; display: inline-flex;}ul.swipemenu li a:hover { text-decoration: none; color: #c00; background: #fdfdfb; background: #fff6ed;}.iconmenu01 { display: none; width: 10%; position: relative;}.iconmenu02 { display: inline-flex; width: 10%; position: relative;}.kontaktmenu01 { width: 37%; position: relative; display: inline-table;}.kontaktmenu01 a,.kontaktmenu02 a { color: #fff;}.kontaktmenu02 { display: inline-table; width: 37%; position: relative;}.tablerow { display: table-row; white-space: nowrap;}ul.swipemenu ul { text-align: center; width: 100%; left: 0; position: absolute; opacity: 0; display: none; top: 3.8rem; background: #fdfdfb; background: #fff6ed; height: 4.81rem;}ul.swipemenu li:hover ul { opacity: 1; display: block;}.handy-menu-container.visible { position: absolute; width: 100%; background: #ebe8de; border-bottom: 1.6em solid #b09c8a; height: 29rem; background: #dcccbd;}.handy-menu-container.visible .scrollmenu { overflow: hidden; white-space: initial; display: block; margin: 0 auto; width: 16rem; padding-top: 0.6rem; height: 100%;}.handy-menu-container.visible div.scrollmenu li { display: block;}.handy-menu-container.visible ul.swipemenu { height: unset; display: block; text-align: center;}.handy-menu-container.visible div.scrollmenu a { border-right: 0;}.handy-menu-container.visible ul.swipemenu ul { text-align: center; width: 100%; left: 0; position: relative; opacity: 1; display: inline-block; top: 0; background-image: none; height: 2rem; background: 0 0;}.handy-menu-container.visible ul.swipemenu ul.fuehrung { display: none;}.handy-menu-container.visible .menurechts { background: #fffaf0; background: #efebe8; width: 100%; text-align: center;}.handy-menu-container.visible div.scrollmenu a.fas,.handy-menu-container.visible div.scrollmenu span.fas { display: inline-block; border-left: 0;}.handy-menu-container.visible div.scrollmenu a { display: block;}.handy-menu-container.visible span.linkrot { border-bottom: 0.1em solid #c00; padding-bottom: 0.1rem;}.handy-menu-container.visible div.scrollmenu ul.drop li { display: inline-block;}ul.swipemenu ul.fuehrung { height: 17.81rem; top: 4.7rem; font-size: 0.8rem;}span.emailtext02 { display: none;}span.linkrot { color: #c00; scroll-snap-align: center;}span.unterstrichrot { border-bottom: 0.1em solid #c00; padding-bottom: 1.3rem;}input#ergebnis-anzeige { text-align: center; pointer-events: none;}div#blur { background: #8b7765; opacity: 0.5; padding-top: 1rem;}.form-group1 { width: 14%;}.form-group2 { width: 10%;}.form-group3 { width: 12%;}.form-group4 { width: 23%;}.form-group5 { width: 10%; background: #406098;}.form-group-ausgabe { width: 12%;}.inline-form { display: flex; flex-wrap: wrap; align-items: center; width: 100%; box-sizing: border-box; background: #8b7765; padding-top: 0.3rem; padding-bottom: 1rem;}.inline-form .form-group { flex: 1 1 0; min-width: 140px; margin-bottom: 0; margin-right: 15px;}.inline-form input[type="date"],.inline-form input[type="email"],.inline-form input[type="number"],.inline-form input[type="text"],.inline-form select { width: 100%; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; box-sizing: border-box; background-color: #efebe8; height: 2rem; color: #406098; transition: border-color 0.3s; text-align: center;}.inline-form input:focus,.inline-form select:focus { border-color: #06c; outline: 0;}.inline-form input::placeholder { color: #888;}.inline-form .submit-btn { flex: 0 0 auto; background: #406098; color: #fff; border: none; font-size: 16px; border-radius: 4px; cursor: pointer; transition: background-color 0.3s; box-sizing: border-box; white-space: nowrap; width: 100%; height: 2rem;}.inline-form input[type="text"] { color: #000;}.inline-form .submit-btn:hover { background: #004999; background: #507bb6; color: #f0f4f8;}input[type="email"]::placeholder { color: #406098; opacity: 1;}input[type="email"]::-webkit-input-placeholder { color: #406098; opacity: 1;}input[type="email"]::-moz-placeholder { color: #406098; opacity: 1;} .preistabelle { border: .1em solid #8b7765; border-radius: .3rem;width: 94%; margin: 1.5em auto; margin-bottom: 2rem; max-width: 30rem; }.table2 {display: table;border-collapse:collapse;width: 100%; }.table-row {display: table-row; }.table-row-linie { border-bottom: .1em solid silver; border-top: .1em solid silver;display: table-row; }.table-cell {display: table-cell; padding-bottom: .3rem;padding-top: .3rem; }.table-cell-linie {border-left: .1em solid silver;border-right: .1em solid silver;display: table-cell; }.table-cell-linie-links {border-left: .1em solid silver;display: table-cell; }.linie-unten { border-bottom: .1em solid silver; }.linie-unten2 { border-bottom: .15em solid #8b7765; }.thead {background:#e9fbe9;color: green; }.linie-links { border-left: .15em solid silver; } .handy-menu-container { width: 100%; max-width: 100%; background-color: #fdfdfb; position: relative; z-index: 1000; overflow-x: auto !important; overflow-y: visible; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; height: 2.75rem;}.handy-menu-container::-webkit-scrollbar { display: none; width: 0; height: 0;}.main-menu { display: flex; flex-wrap: nowrap !important; align-items: center; list-style: none; margin: 0; padding: 0 0.5rem; width: 100%; box-sizing: border-box;}.main-menu > li { flex-shrink: 0; position: relative; margin: 0 0.2rem;}.main-menu a,.main-menu button { display: inline-flex; align-items: center; justify-content: center; gap: 0.3rem; padding-top: 0.3rem; padding-left: 0.3rem; padding-right: 0.3rem; color: #406098; text-decoration: none; font-size: 1rem; background: transparent; border: none; cursor: pointer; white-space: nowrap; font-size: 1.05rem; height: 2.75rem;}.main-menu a:hover,.main-menu a:focus,.main-menu button:hover,.main-menu button:focus,.main-menu li.active > a { background-color: #fff6ed; color: #c00; outline: none;}.main-menu li.push-right { margin-left: auto;}.main-menu .custom-icon2 { display: inline-block !important; font-style: normal; font-weight: normal; line-height: 1; speak: never; min-width: 0.8rem; text-align: center;}.main-menu .icon-dropdown-links { margin-right: 0.2rem;}.main-menu .icon-dropdown-rechts { margin-left: 0.2rem;}.sub-menu { display: none; background-color: #ffffff; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); list-style: none; margin: 0; border-radius: 0 0 4px 4px;}.has-dropdown:hover > .sub-menu,.has-dropdown:focus-within > .sub-menu { display: block; position: fixed; z-index: 9999;}.sub-menu li a { display: block; color: #333333; line-height: 1.3; white-space: normal;}.sub-menu li a:hover,.sub-menu li a:focus { background-color: #fff6ed; color: #c00; outline: none;}.sub-menu li:not(:last-child) { border-bottom: 1px solid #eeeeee;} a.linkrot { color: #c00;} a.linkschwarz { color: #406098;} .handy-menu-container.visible .main-menu { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; list-style: none !important; padding: 0 !important; margin: 15px 0 0 0 !important; width: 100% !important;}.handy-menu-container.visible .main-menu li,.handy-menu-container.visible .main-menu a { margin: 0 !important; padding: 0 !important; line-height: 1 !important; border: none !important; box-shadow: none !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important;}.handy-menu-container.visible .main-menu li::after,.handy-menu-container.visible .main-menu li::before,.handy-menu-container.visible .main-menu a::after,.handy-menu-container.visible .main-menu a::before { content: none !important; display: none !important;}.handy-menu-container.visible .sub-menu { display: none !important;}.handy-menu-container.visible #sprache { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; border: none !important;}.handy-menu-container.visible #sprache > a { display: none !important;}.handy-menu-container.visible #sprache .sub-menu { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 12px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; position: static !important; box-shadow: none !important; background: transparent !important; border: none !important;}.handy-menu-container.visible .main-menu a,.handy-menu-container.visible .main-menu a.linkschwarz,.handy-menu-container.visible #sprache .sub-menu a { display: inline-block !important; margin: 0 !important; padding: 0 !important; border: none !important; text-decoration: none !important; transform: none !important; transition: color 0.2s ease !important; background: transparent !important; font-size: 1.05rem !important; font-family: inherit !important; color: #3b6b9c !important;}.handy-menu-container.visible .main-menu a.linkrot { color: #e60000 !important;}.handy-menu-container.visible #sprache .sub-menu li { display: inline-block !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important;}.handy-menu-container.visible .main-menu a:focus,.handy-menu-container.visible .main-menu a:active,.handy-menu-container.visible #sprache .sub-menu a:focus,.handy-menu-container.visible #sprache .sub-menu a:active { background: transparent !important; outline: none !important;}@media (hover: hover) and (pointer: fine) { .handy-menu-container.visible .main-menu a:hover, .handy-menu-container.visible #sprache .sub-menu a:hover { color: #e60000 !important; background: transparent !important; text-decoration: none !important; border: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; }}:root { --primary: #2563eb; --primary-hover: #1d4ed8; --bg-main: #f8fafc; --bg-card: #ffffff; --text-main: #1e293b; --text-muted: #64748b; --border: #e2e8f0; --radius: 12px; --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);}* { box-sizing: border-box; margin: 0; padding: 0;}main { background: #f8fafc;}body { font-family: 'Inter', sans-serif; background-color: #f8fafc; color: #1e293b; line-height: 1.6;}.container { margin: 0 auto; padding: 0 20px; padding-bottom: 2.5rem;}a { color: var(--primary); text-decoration: none; font-weight: 500;} .breadcrumb-nav { padding: 0; font-size: 1rem; color: var(--text-muted); border-bottom: 1px solid var(--border); background: #fff; text-align: left; display: none;}.hero { padding: 60px 0 40px; text-align: center; background: #fff; border-bottom: 1px solid var(--border); margin-bottom: 40px;}.badge { background-color: #dbeafe; color: var(--primary); padding: 6px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;}.hero h1 { font-size: 2.25rem; margin: 15px 0; color: #0f172a;}.hero-text { color: var(--text-muted); font-size: 1.05rem;}.btn { display: inline-block; padding: 12px 24px; border-radius: 8px; font-weight: 600; transition: background-color 0.2s;}.btn-primary { background-color: var(--primary); color: white;}.btn-primary:hover { background-color: var(--primary-hover); text-decoration: none;}.section-title { font-size: 1.5rem; margin-bottom: 20px; text-align: center;}.grid { display: grid; gap: 20px;}.grid-3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}.card { background: var(--bg-card); padding: 0.5rem; border-radius: var(--radius); border: 1px solid var(--border); box-shadow: var(--shadow);}.feature-card { transition: transform 0.2s;}.feature-card:hover { transform: translateY(-3px);}.feature-card .icon { font-size: 1.5rem;}.feature-card h3 { font-size: 1.1rem;}.feature-card p { font-size: 0.95rem; color: var(--text-muted);}.info-card { background: #ffffff; border-left: 4px solid #009688;}.tag { display: inline-block; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; color: var(--primary); margin-bottom: 8px;}.info-card h2 { font-size: 1.4rem; margin-bottom: 12px;}.info-card p { margin-bottom: 12px; color: var(--text-muted);}.info-card p:last-child { margin-bottom: 0;}.highlight-card { background: #f1f5f9; border: none;}.highlight-card h2 { font-size: 1.3rem; margin-bottom: 10px;}.highlight-card p { font-size: 0.95rem; color: var(--text-muted); margin-bottom: 10px;}#cookie-footer-status { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 20px; box-sizing: border-box; }.cookie-box { display: flex; align-items: center; gap: 8px; }#cookie-footer-status .impressum { text-decoration: none;}.form-group-kontakt { display: flex !important; flex-direction: column !important; align-items: flex-start;}.kontakt-title { font-weight: bold; font-size: 14px; margin-bottom: 4px; color: #333;}.kontakt-zeile { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 6px; white-space: nowrap !important; font-size: 0.95rem;}@media (max-width: 1100px) { body { width: 100%; max-width: 50rem; min-width: 18rem; } div#fest { width: 100%; max-width: 50rem; }}@media (max-width: 820px) { html { font-size: 1rem; } header { z-index: 1; width: 100%; } div#kasten0 { height: 6.2rem; } div#kasten0 { height: 6.3rem; } div#kasten1 { background: #fdfdfb; border-top: 0; padding-top: 0; padding-bottom: 0; border-bottom: 0.3em solid #b09c8a; } li.kontaktspalte00, li.kontaktspalte01, li.kontaktspalte02, li.kontaktspalte03, li.kontaktspalte05 { border: 0; border-bottom: 0; border-radius: 0; box-shadow: none; background: #fdfdfb; } .kontaktspalte00 i.fas.fa-phone-volume { display: block; position: absolute; top: 0.55rem; left: 1.5%; color: #000; } .kontaktspalte01 i.fas.fa-at { display: block; position: absolute; top: 0.55rem; left: 51.5%; color: #000; } a.icon01, a.icon02, a.icon03 { background: 0 0; } #nav { height: 0; overflow: hidden; transition: height 0.3s ease-in-out; } header h1 { font-size: 2.2rem; padding-top: 1rem; padding-left: 2.3rem; } .nav-share { font-size: 2rem; top: 1.42rem; height: 1rem; padding: 0; right: 2rem; overflow: hidden; width: 1rem; } .nav-share span.fa.sidemenu { background: 0 0; border: 0; color: #8b7765; width: 1rem; text-align: center; height: 1rem; display: inline-block; text-align: left; } span.floating-btn02.fa.sidemenu.fa-times { padding-left: 0.12rem; } p { text-indent: 0; padding-left: 4%; padding-right: 4%; } .firmenaufschrift h1 { font-size: 2.45rem; } div.gallery { margin-left: 0; margin-right: 0; width: 100%; } .preistabelle { border: 0.1em solid #8b7765; width: 92%; } .nav-handy { font-size: 2rem; top: 1.43rem; height: 1rem; padding: 0; right: 0.3rem; overflow: hidden; width: 1rem; } .nav-handy span.fa.sidemenu { background: 0 0; border: 0; color: #8b7765; width: 1rem; text-align: center; height: 1rem; display: inline-block; } a.fa.sidemenu, a.fas.sidemenu, span.fa.sidemenu, span.fas.sidemenu { background: unset; border: unset; color: #406098; width: unset; text-align: unset; height: unset; display: block; } li.kontaktspalte00, li.kontaktspalte01, li.kontaktspalte02, li.kontaktspalte03, li.kontaktspalte05 { border: 0; border-bottom: 0; border-radius: 0; box-shadow: none; background: #efebe8; } .form-group1 { width: 31%; } .form-group2 { width: 26%; } .form-group3 { width: 25%; } .form-group4 { width: 50%; } .form-group5 { width: 100%; background-color: #406098; display: flex; justify-content: center; } .form-group-ausgabe { width: 25%; } .inline-form .form-group { margin-right: 0; min-width: 7rem; } .inline-form input[type="date"], .inline-form input[type="email"], .inline-form input[type="number"], .inline-form select { border-radius: 0; } .inline-form .form-group { margin-right: 0; } #cookie-popup { width: 100%; } .main-menu a, .main-menu button { font-size: 0.95rem; } .has-dropdown:hover > .sub-menu, .has-dropdown:focus-within > .sub-menu { position: fixed !important; z-index: 9999; width: auto; max-width: 100vw; } .sub-menu { min-width: unset; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); } .sub-menu li a { }}@media (max-width: 640px) {#navigation1 .kontaktmenu01 { flex: 2 1 50%; min-width: 0; } #navigation1 .kontaktmenu02 { flex: 1 1 25%; min-width: 0; } #navigation1 .iconmenu02 { flex: 1 1 25%; min-width: 0; } div.scrollmenu { overflow: auto; } .nav-toggle { top: 1.3rem; } .social-panel-container.visible { z-index: 10; opacity: 1; overflow: hidden; } .firmenaufschrift h1 { font-size: 1.9rem; } .nav-share { font-size: 1.5rem; top: 1.5rem; height: 1rem; padding: 0; right: 1.6rem; overflow: hidden; width: 1rem; } .nav-share span.fa.sidemenu { background: 0 0; border: 0; color: #8b7765; width: 1rem; text-align: center; height: 1rem; display: inline-block; text-align: left; } .nav-handy { font-size: 1.5rem; top: 1.5rem; height: 1rem; padding: 0; right: 0.4rem; overflow: hidden; width: 1rem; } label#altstadt2, label#kazimierz2, label#lang2, label#marienkirche2, label#marktplatz2, label#wawel2 { padding-left: 0.3rem; padding-right: 0.3rem; } a.icon01, a.icon02, a.icon03, input.EndDate { background-position-x: 0; } div#kasten0 { padding-top: 1.5rem; height: 5rem; } div#kasten1 { padding-bottom: 0.2rem; } div#kasten1 { padding-bottom: 0; border-top: 0; border-bottom: none; } li.kontaktspalte { display: table-cell; text-align: center; color: #3c763d; padding: 0; text-decoration: none; font-size: 0.9rem; } li.kontaktspalte00, li.kontaktspalte01, li.kontaktspalte02, li.kontaktspalte03, li.kontaktspalte05 { padding: 0; border: 0; border-bottom: 0; border-radius: 0; box-shadow: none; } li.kontaktspalte02 { display: table-cell; } span.emailtext02 { display: inline-table; } span.emailtext01 { display: none; } li.kontaktspalte img { position: absolute; height: 4.4rem; left: -0.6rem; z-index: 1; margin-top: 0.6rem; } @keyframes marquee { 0% { text-indent: 42rem; } 100% { text-indent: -42rem; } } header h1 { font-size: 1.7rem; padding-top: 0.1rem; padding-bottom: 0; padding-left: 1.8rem; } h2 { font-size: 1.1rem; margin-bottom: 1rem; margin-top: 0; } h3 { font-size: 1rem; margin-bottom: 1rem; margin-top: 1.3rem; } h4 { margin-top: 0.9rem; }h1 { font-size: 1.75rem; } h2 { font-size: 1.35rem; } h3 { font-size: 1.15rem; } div#prefooter { margin-top: 0; } label { border: 0; border-bottom: 0; border-radius: 0; box-shadow: none; height: 2.7rem; } input.EndDate { width: 50%; left: 50%; } section#inhalt { margin-bottom: 0; } #inhalt article { padding-top: 0.5rem; } li.kontaktspalte img { position: absolute; height: 3rem; left: -0.4rem; z-index: 1; margin-top: 0.8rem; } header h1 a { font-size: 1.4rem; } div.gallery { border-radius: 0; margin-left: 0; margin-right: 0; width: 100%; padding: 0; background: #ebe8de; } #anfragemodul { background: 0; border-top: none; border-bottom: 0.2em solid #b09c8a; } section#inhalt { background: #fff; } @keyframes stylie-transform-keyframes { 0% { transform: translateX(30px) translateY(46px) rotate(0) translate(-50%, -50%); animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } 100% { transform: translateX(260px) translateY(-150px) rotate(0) translate(-50%, -50%); } } @keyframes stylie-transform2-keyframes { 0% { transform: translateX(40px) translateY(40px) rotate(0) translate(-50%, -50%); animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } 100% { transform: translateX(50px) translateY(40px) rotate(0) translate(-50%, -50%); } } span.sichtbar { display: inline; }}@media (max-width: 460px) { div#kasten0 { padding-top: 1.5rem; height: 3rem; } ul.swipemenu ul { height: 2rem; } .dropdown00, .dropdown00 a, .dropdown00 a:hover, .dropdown01, .dropdown01 a, .dropdown01 a:hover, .dropdown02, .dropdown02 a, .dropdown02 a:hover, .dropdown03, .dropdown03 a, .dropdown03 a:hover, .dropdown04, .dropdown04 a, .dropdown04 a:hover, .dropdown05, .dropdown05 a, .dropdown05 a:hover, .dropdown06, .dropdown06 a, .dropdown06 a:hover, .dropdown07, .dropdown07 a, .dropdown07 a:hover, .dropdown08, .dropdown08 a, .dropdown08 a:hover { width: 1.5rem; height: 1.5rem; } .dropdown00 a, .dropdown00 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; background-position-x: -11.5rem; } .dropdown01 a, .dropdown01 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; background-position-x: -0.5rem; } .dropdown02 a, .dropdown02 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; background-position-x: -3.3rem; } .dropdown03 a, .dropdown03 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; background-position-x: -6.1rem; } .dropdown04 a, .dropdown04 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; background-position-x: -8.8rem; } .dropdown05 a, .dropdown05 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; background-position-x: -14.2rem; } .dropdown06 a, .dropdown06 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; background-position-x: -17rem; } .dropdown07 a, .dropdown07 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; background-position-x: -19.75rem; } .dropdown08 a, .dropdown08 a:hover { background-image: url(https://www.krakautour.de/basic-webp/button-media.webp); background-size: 30rem; background-repeat: no-repeat; background-position-x: -22.4rem; } header h1 { font-size: 1.2rem; padding-top: 0.3rem; padding-bottom: 0; padding-left: 2.5rem; } .nav-toggle { top: 1.2rem; } .firmendaten { display: flex; position: relative; } .firmenaufschrift { height: 4.5rem; font-size: 0.7rem; } .firmenlogo { height: 3rem; } .firmenlogo span a { background: url(https://www.krakautour.de/apartment-webp/apartment-logo-katamaran.webp) no-repeat; height: 4.2rem; width: 3.1rem; background-size: 2.6rem; margin-left: 0; background-position-x: center; background-position-y: center; } .firmenaufschrift h1 span.kleinschrift { font-size: 0.8rem; padding-top: 0.5rem; } .seitenmenu01, .seitenmenu02 { height: 3rem; } .seitenmenu01 .nav-share, .seitenmenu02 .nav-handy { font-size: 1.5rem; } label#altstadt2, label#kazimierz2, label#lang2, label#marienkirche2, label#marktplatz2, label#wawel2 { padding-left: 0.1rem; padding-right: 0.1rem; font-size: 0.9rem; } input#marienkirche, input#marktplatz { width: 100%; } label#marienkirche2, label#marktplatz2 { height: 3rem; } li.kontaktspalte00 { width: 50%; } li.kontaktspalte02 { width: 28%; } li.kontaktspalte03 { width: 27%; } a.icon01, a.icon02, a.icon03 { padding-left: 0.5rem; } a.icon01, a.icon02 { background-position-y: 4.27rem; } span.icon00 { background-size: 1.2rem; background-position-y: -42.2rem; height: 1.2rem; } span.icon01 { background-size: 1.2rem; background-position-y: -42.2rem; height: 1.2rem; } span.icon02 { background-size: 1.2rem; background-position-y: -12.2rem; height: 1.2rem; } span.icon00, span.icon01, span.icon02, span.icon03 { display: none; } label { padding-top: 0; height: 2rem; } input.EndDate { padding-top: 1rem; height: 2rem; }#cookie-footer-status { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 20px; box-sizing: border-box; }.cookie-box { display: flex; align-items: center; gap: 8px; }#cookie-footer-status .impressum { text-decoration: none;}}@media (max-width: 350px) { div#kasten1 { padding-top: 0.2rem; font-size: 90%; padding-bottom: 0.2rem; } header h1 { font-size: 1.1rem; padding-left: 0.3rem; padding-top: 0.4rem; padding-bottom: 0.2rem; } .route { padding: 0.4rem; }}body section.seite { overflow: hidden; padding-bottom: 9rem; background: 0 0;}#navigation1 { background: #ff9f9c;}.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}h2 { font-size: 1.5rem; padding-top: 2rem;}h3 { font-size: 1.3rem;}h4.preise { font-size: 1.2rem; color: #3e4c63; margin-top: 1.6rem;}p { padding-left: 4%; padding-right: 4%; font-size: 1.1rem; line-height: 1.5rem;}div#fest { z-index: 10; background: #ff9f9c;}header { background: #f7f4ed;}div#kasten1 { display: none;}a.fa.sidemenu,a.fas.sidemenu,span.fa.sidemenu,span.fas.sidemenu { background: unset; border: unset; color: #406098; width: unset; text-align: unset; height: unset; display: block; display: none;}.kontaktmenu02 { background: #ff9f9c;}header h1 { color: #f7f4ed; background: #406098; padding-left: 0; color: #ffeceb;}.firmenlogo span a { background: url(https://www.krakautour.de/img/profilbild-guides.png) no-repeat; height: 4.2rem; width: 12.1rem; background-size: 11.8rem; margin-left: 0.6rem; margin-right: 0.6rem; cursor: pointer; float: left; background-position-x: center; background-position-y: center;}header h1 { background: 0 0;}.firmendaten { background: #406098;}.firmenaufschrift { background: 0 0;}.firmenaufschrift h1 { color: #ffeceb; background: 0 0;}.firmenlogo { width: 14rem; background: 0 0;}@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); }}.kontaktmenu01 { background: #ff9f9c;}.iconmenu01 { background: #ff9f9c;}.iconmenu02 { background: #ff9f9c;}.nav-handy,.nav-share,.nav-toggle { display: none;}.nav-share { display: none;}span.unterstrichrot { border-bottom: 0;}ul.swipemenu li a:hover span.linkrot { color: #c00;}.handy-menu-container.visible { position: absolute; width: 100%; background: #ebe8de; border-bottom: 1.6em solid #ff9f9c; height: 29rem; background: #ffeceb;}div.gallery { background: #406098;}footer div.wrapper { background: #ff9f9c; margin-top: 0;}div#prefooter { margin-top: 0;}span.hr01 { position: absolute; width: 1.5rem; margin-top: -1.1rem; margin-left: -8rem;}span.hr02 { position: absolute; width: 1.5rem; margin-top: -1.1rem; margin-left: 6.5rem;}hr { background-color: #406098; border: 0; height: 0.1rem; margin: 20px 0; width: 92%; text-align: center; margin-left: 4%; margin-left: auto; margin-right: auto; margin-left: 3%; margin-top: 3rem;}a.icon01,a.icon02,a.icon03 { background: url(https://www.krakautour.de/basic-elements/icon01.png) no-repeat; background-size: 1.5rem; padding-top: 0.1rem; padding-bottom: 0.1rem; display: inline-block; margin-left: 2rem; padding-left: 2rem;}a.icon02 { background-position-y: -3.05rem;}a.icon01:hover { background-position-y: -1.5rem;}a.icon02:hover { background-position-y: -4.55rem;}h2,h3 { font-weight: 700; color: #406098; color: #3e4c63;}.preistabelle { border: none;}.dropdown00,.dropdown01,.dropdown02,.dropdown03,.dropdown04,.dropdown05,.dropdown06,.dropdown07,.dropdown08,.dropdown10 { background-color: #ff9f9c;}label { display: block; position: inherit; color: #f7f4ed; text-align: center; padding-top: 0; cursor: initial; border: none; border-bottom: none; border-radius: 0; box-shadow: none; background: #406098; height: 1rem; margin-top: 0.5rem; height: 1.7rem; font-weight: 700; letter-spacing: 0.05rem; color: #ffeceb;}input.email { border: 0;}label:hover { background: #406098; background-image: none;}span.icon00,span.icon01,span.icon02,span.icon03 { display: none;}.table-01 { display: table; width: 100%; height: 2.7rem;}.table-02 { display: inline-block; width: 50%; height: 2.6rem;}.table-03 { display: inline-block; width: 50%; height: 2.6rem;}.table-row-01 { display: table-row;}.table-row-02 { display: inline-block; width: 100%;}.table-row-03 { display: inline-block; width: 100%;}.table-cell-01 { display: table-cell; width: 100%;}.table-cell-0201 { display: inline-block; width: 33%; height: 2.6rem; border-right: 0.06em solid #ccc;}.table-cell-0202 { display: inline-block; width: 39%; height: 2.6rem; border-right: 0.06em solid #ccc;}.table-cell-0203 { display: inline-block; width: 28%; height: 2.6rem; border-right: 0.06em solid #ccc;}.table-cell-0301 { display: inline-block; width: 27%; height: 2.6rem; border-right: 0.06em solid #ccc;}.table-cell-0302 { display: inline-block; width: 48%; height: 2.6rem; border-right: 0.06em solid #ccc;}.table-cell-0303 { display: inline-block; width: 25%; height: 2.6rem;}button,input,select { background: #ffeceb; width: 100%; height: 2.5rem; color: #406098;}button#anfrage,select { cursor: pointer;}button:hover,input:hover,select:hover { color: #c00;}ul.kasten2 { display: none;}button,input,select { border: 0; float: left; outline: 0; padding-left: 0.1rem; font-size: 1rem; font-family: Roboto, Helvetica; letter-spacing: -0.05rem;}section#inhalt { background: #fff; padding-bottom: 5rem; letter-spacing: 0.03rem;}a.oben { text-align: center; display: block;}.preistabelle { text-align: center;}.preistabelle { border: 0; border-radius: 0; max-width: 94%; margin: auto;}li.zelle01,li.zelle02,li.zelle03 { width: 33%; display: inline-block;}#tabelka,#tabelka-01,#tabelka-02,#tabelka-03 { display: table; margin: 0 auto; margin-bottom: 2.5rem; margin-top: 1.8rem; line-height: 1.55rem;}.produkt,.produkt02 { width: 14.2rem; float: left; background: #eee; border: 1px solid #fff;}.produkt02 { width: auto;}.produkt .nazwa > h3,.produkt .nazwa > span,.produkt02 .nazwa > span { background: #406098; padding: 0.1rem; text-align: center; color: #ffeceb; letter-spacing: 0.05rem; display: block; font-weight: 700;}.bild01 { background: url(https://www.krakautour.de/img/profilbild-guides.png) no-repeat; background-position: 0; height: 7rem; width: 7rem; background-size: 21rem; margin: auto; margin-top: 1rem; margin-bottom: 0.5rem;}.bild02 { background: url(https://www.krakautour.de/img/profilbild-guides.png) no-repeat; background-position: 50%; height: 7rem; width: 7rem; background-size: 21rem; margin: auto; margin-top: 1rem; margin-bottom: 0.5rem;}.bild03 { background: url(https://www.krakautour.de/img/profilbild-guides.png) no-repeat; background-position: 100%; height: 7rem; width: 7rem; background-size: 21rem; margin: auto; margin-top: 1rem; margin-bottom: 0.5rem;}.produkt .parametry,.produkt02 .parametry { list-style: none; padding: 0; margin: 20px 0 20px; border-top: 1px dashed silver; border-bottom: 1px dashed silver; color: #000; text-align: center; margin-left: 3%; margin-right: 3%; margin-top: 0;}.produkt .parametry li,.produkt02 .parametry li { padding: 5px;}.produkt .parametry li:nth-child(odd),.produkt02 .parametry li:nth-child(odd) { background: silver;}.produkt .parametry li:nth-child(even),.produkt02 .parametry li:nth-child(even) { background: #eee;}.produkt,.produkt * { -moz-transition: 0.1s ease-in; -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;}.kontaktmenu00 a,.kontaktmenu01 a,.kontaktmenu02 a { color: #000000c2;}div.iconmenu01 i,div.iconmenu02 i,div.kontaktmenu01 i,div.kontaktmenu02 i,div.scrollmenu i { color: #000000c2;}.menulinks,.menurechts { background: #ffeceb;}body { background: #71a174;}.handy-menu-container.visible .menulinks { background: #fffaf0; background: #efebe8; width: 100%; text-align: center;}ul.swipemenu li a:hover { background: #fdfdfb;}ul.swipemenu ul { background: #fdfdfb;}header h1 { text-align: center;}audio.vorstellung { width: 100%; height: 2rem; outline: 0;}.produkt .parametry li:nth-child(odd),.produkt02 .parametry li:nth-child(odd) { background: silver; padding: 0; padding-top: 0.35rem; padding-right: 0.3rem; padding-left: 0.3rem;}div.gallery { top: 8.8rem; z-index: -1;}.firmendaten { background: 0 0;}header { background: 0 0;}label { background: 0 0;}label:hover { background: 0 0;}.table-01 { height: 4rem;}.table-02 { height: 4rem;}.table-cell-0201 { height: 4rem;}label { margin-top: 0.4rem; height: 1.5rem;}button,input,select { height: 2rem;}.table-cell-0202 { height: 4rem;}img.route { width: 100%;}.form-group1 { width: 17%;}.form-group2 { width: 24%;}.form-group3 { width: 13%;}.form-group4 { width: 24%;}.form-group5 { width: 10%; background-color: #406098;}.form-group-ausgabe { width: 12%;}.inline-form { display: flex; flex-wrap: wrap; align-items: center; width: 100%; box-sizing: border-box; background-color: #ff9f9c; padding-top: 0.3rem; padding-bottom: 0.45rem; padding-right: 0.3rem; padding-left: 0.3rem;}.inline-form .form-group { flex: 1 1 0; min-width: 140px; margin-bottom: 0; margin-right: 15px;}.inline-form input[type="date"],.inline-form input[type="email"],.inline-form input[type="number"],.inline-form input[type="text"],.inline-form select { width: 100%; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; box-sizing: border-box; background-color: #ffeceb; color: #333; transition: border-color 0.3s;}.inline-form input:focus,.inline-form select:focus { border-color: #06c; outline: 0;}.inline-form input::placeholder { color: #888;}.inline-form .submit-btn { flex: 0 0 auto; background-color: #406098; color: #fff; border: none; font-size: 16px; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; box-sizing: border-box; white-space: nowrap; width: 100%;}.inline-form .submit-btn:hover { background-color: #004999; background-color: #507bb6; color: #f0f4f8;}input[type="email"]::placeholder { color: #000; opacity: 1;}input[type="email"]::-webkit-input-placeholder { color: #000; opacity: 1;}input[type="email"]::-moz-placeholder { color: #000; opacity: 1;}#cookie { height: auto; padding-top: 1rem; padding-bottom: 1rem; padding-right: 0.5rem; padding-left: 0.5rem; line-height: 1.7rem; border: solid 0.3em #ff9f9c; background: #ffeceb; display: block; color: #000;}a.cookies:hover { background: #fdfdfb; color: red;}@media (max-width: 820px) { .table-cell-0203 { border-right: 0; } h2 { font-size: 1.4rem; padding-top: 1.2rem; } div#kasten0 { top: 3rem; height: 9.2rem; } .nav-handy { top: 1.03rem; right: 0.2rem; } .nav-handy span.fa.sidemenu { color: #ffeceb; } .nav-share { top: 1.06rem; right: 1.3rem; } .nav-share span.fa.sidemenu { color: #ffeceb; } section#inhalt { background: #fff; padding-bottom: 5rem; letter-spacing: 0.03rem; top: 0; } .table-02 { display: table; width: 100%; } .table-03 { display: table; width: 100%; margin-top: 0; } .table-row-03 { background: #406098; } .table-row-03 { background: 0 0; } div#prefooter { margin-top: -2.9rem; } .form-group1 { width: 35%; } .form-group2 { width: 65%; } .form-group3 { width: 25%; } .form-group4 { width: 50%; } .form-group5 { width: 100%; background-color: #406098; display: flex; justify-content: center; } .form-group-ausgabe { width: 25%; } .inline-form .form-group { margin-right: 0; min-width: 7rem; } .inline-form input[type="date"], .inline-form input[type="email"], .inline-form input[type="number"], .inline-form select { border-radius: 0; } .inline-form .form-group { margin-right: 0; }.firmendaten { display: flex; position: relative; }}@media (max-width: 640px) { header h1 { padding-top: 0.2rem; text-align: left; padding-left: 1.5rem; } div#kasten0 { top: 2.76rem; height: 8.69rem; } #anfragemodul { border-bottom: none; } .firmenlogo span a { background: url(https://www.krakautour.de/img/profilbild-guides.png) no-repeat; height: 4.2rem; width: 9.1rem; background-size: 7.8rem; margin-left: 0.6rem; margin-right: 0.6rem; cursor: pointer; float: left; background-position-x: center; background-position-y: center; } .firmenhintergrund { height: 4rem; } .firmenlogo { height: 4.4rem; } .firmenaufschrift { height: 4.2rem; }}@media (max-width: 560px) { header h1 { padding-top: 0.2rem; } .produkt { width: 14.2rem; float: none; background: #eee; border: 1px solid #fff; margin-bottom: 1rem; }}@media (max-width: 460px) { header h1 { padding-top: 0.6rem; } .firmendaten { height: 3rem; }.firmenlogo { width: 11rem;} .firmenaufschrift { height: 3rem; font-size: 0.7rem; } .firmenaufschrift h1 { font-size: 0.95rem; } .firmenaufschrift h1 span.kleinschrift { font-size: 0.95rem; text-indent: 0; padding-top: 0; } .firmenlogo span a { width: 5.2rem; padding: 0; margin: 0; background-size: 5rem; } div.gallery { top: 5.8rem; z-index: -1;}#anfragemodul { position: relative; top: 4.7rem;}main { margin-top: -3.3rem;}}.gallery .control-operator:target ~ .controls .control-button { color: #ccc; color: rgba(255, 255, 255, 0.4);}.gallery .control-button:first-of-type,.gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),.gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),.gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),.gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),.gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) { color: #fff; color: rgba(255, 255, 255, 0.8);}.gallery .item:first-of-type { position: static; pointer-events: auto; opacity: 1;}.gallery .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s;}.gallery .control-operator { display: none;}.gallery .control-operator:target ~ .item { pointer-events: none; opacity: 0; -webkit-animation: none; -o-animation: none; animation: none;}.gallery .control-operator:target ~ .controls .control-button { -webkit-animation: none; -o-animation: none; animation: none;}@-webkit-keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 14.3%, 50% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 64.3% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@-o-keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 14.3%, 50% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 64.3% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 14.3%, 50% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 64.3% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@-webkit-keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3%, 50% { opacity: 1; } 100%, 64.3% { opacity: 0; }}@-o-keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3%, 50% { opacity: 1; } 100%, 64.3% { opacity: 0; }}@keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3%, 50% { opacity: 1; } 100%, 64.3% { opacity: 0; }}.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1;}.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1;}.items-2.autoplay .control-button { -webkit-animation: controlAnimation-2 14s infinite; -o-animation: controlAnimation-2 14s infinite; animation: controlAnimation-2 14s infinite;}.items-2.autoplay .item { -webkit-animation: galleryAnimation-2 14s infinite; -o-animation: galleryAnimation-2 14s infinite; animation: galleryAnimation-2 14s infinite;}.items-2 .control-button:nth-of-type(1),.items-2 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s;}.items-2 .control-button:nth-of-type(2),.items-2 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s;}@-webkit-keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 33.3%, 9.5% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 42.9% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@-o-keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 33.3%, 9.5% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 42.9% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 33.3%, 9.5% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 42.9% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@-webkit-keyframes galleryAnimation-3 { 0% { opacity: 0; } 33.3%, 9.5% { opacity: 1; } 100%, 42.9% { opacity: 0; }}@-o-keyframes galleryAnimation-3 { 0% { opacity: 0; } 33.3%, 9.5% { opacity: 1; } 100%, 42.9% { opacity: 0; }}@keyframes galleryAnimation-3 { 0% { opacity: 0; } 33.3%, 9.5% { opacity: 1; } 100%, 42.9% { opacity: 0; }}.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1;}.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1;}.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1;}.items-3.autoplay .control-button { -webkit-animation: controlAnimation-3 21s infinite; -o-animation: controlAnimation-3 21s infinite; animation: controlAnimation-3 21s infinite;}.items-3.autoplay .item { -webkit-animation: galleryAnimation-3 21s infinite; -o-animation: galleryAnimation-3 21s infinite; animation: galleryAnimation-3 21s infinite;}.items-3 .control-button:nth-of-type(1),.items-3 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s;}.items-3 .control-button:nth-of-type(2),.items-3 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s;}.items-3 .control-button:nth-of-type(3),.items-3 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s;}@-webkit-keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 25%, 7.1% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 32.1% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@-o-keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 25%, 7.1% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 32.1% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 25%, 7.1% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 32.1% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@-webkit-keyframes galleryAnimation-4 { 0% { opacity: 0; } 25%, 7.1% { opacity: 1; } 100%, 32.1% { opacity: 0; }}@-o-keyframes galleryAnimation-4 { 0% { opacity: 0; } 25%, 7.1% { opacity: 1; } 100%, 32.1% { opacity: 0; }}@keyframes galleryAnimation-4 { 0% { opacity: 0; } 25%, 7.1% { opacity: 1; } 100%, 32.1% { opacity: 0; }}.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1;}.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1;}.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1;}.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1;}.items-4.autoplay .control-button { -webkit-animation: controlAnimation-4 28s infinite; -o-animation: controlAnimation-4 28s infinite; animation: controlAnimation-4 28s infinite;}.items-4.autoplay .item { -webkit-animation: galleryAnimation-4 28s infinite; -o-animation: galleryAnimation-4 28s infinite; animation: galleryAnimation-4 28s infinite;}.items-4 .control-button:nth-of-type(1),.items-4 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s;}.items-4 .control-button:nth-of-type(2),.items-4 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s;}.items-4 .control-button:nth-of-type(3),.items-4 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s;}.items-4 .control-button:nth-of-type(4),.items-4 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s;}@-webkit-keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 20%, 5.7% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 25.7% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@-o-keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 20%, 5.7% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 25.7% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 20%, 5.7% { color: #fff; color: rgba(255, 255, 255, 0.8); } 100%, 25.7% { color: #ccc; color: rgba(255, 255, 255, 0.4); }}@-webkit-keyframes galleryAnimation-5 { 0% { opacity: 0; } 20%, 5.7% { opacity: 1; } 100%, 25.7% { opacity: 0; }}@-o-keyframes galleryAnimation-5 { 0% { opacity: 0; } 20%, 5.7% { opacity: 1; } 100%, 25.7% { opacity: 0; }}@keyframes galleryAnimation-5 { 0% { opacity: 0; } 20%, 5.7% { opacity: 1; } 100%, 25.7% { opacity: 0; }}.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1;}.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1;}.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1;}.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1;}.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) { pointer-events: auto; opacity: 1;}.items-5.autoplay .control-button { -webkit-animation: controlAnimation-5 35s infinite; -o-animation: controlAnimation-5 35s infinite; animation: controlAnimation-5 35s infinite;}.items-5.autoplay .item { -webkit-animation: galleryAnimation-5 35s infinite; -o-animation: galleryAnimation-5 35s infinite; animation: galleryAnimation-5 35s infinite;}.items-5 .control-button:nth-of-type(1),.items-5 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s;}.items-5 .control-button:nth-of-type(2),.items-5 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s;}.items-5 .control-button:nth-of-type(3),.items-5 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s;}.items-5 .control-button:nth-of-type(4),.items-5 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s;}.items-5 .control-button:nth-of-type(5),.items-5 .item:nth-of-type(5) { -webkit-animation-delay: 26s; -o-animation-delay: 26s; animation-delay: 26s;}.gallery .control-button { color: #ccc; color: rgba(255, 255, 255, 0.4);}.gallery .control-button:hover { color: #fff; color: rgba(255, 255, 255, 0.8);}.gallery { position: relative;}.gallery .item { height: auto; overflow: hidden; text-align: center;}.gallery .controls { position: absolute; bottom: 0; width: 100%; text-align: center; display: none;}.gallery .control-button { display: inline-block; font-size: 3rem; text-align: center; text-decoration: none; -webkit-transition: color 0.1s; -o-transition: color 0.1s; transition: color 0.1s;}