:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg*,symbol*)){all:unset;display:revert}*,::after,::before{box-sizing:border-box}a,button{cursor:revert}menu,ol,ul{list-style:none;margin:0;padding:0}img{max-inline-size:100%;max-block-size:100%;height:auto}::marker{content:initial}:where([hidden]){display:none}body,figure,h1,h2,h3,h4,h5,h6,menu,ol,p,ul{margin:0}svg{height:0;overflow:hidden;position:absolute;width:0}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}.gradient{background:linear-gradient(180deg,var(--clr-all-grad) 0,var(--clr-article-300) 100%)}.gradient-footer{background:linear-gradient(180deg,var(--clr-article-300) 0,var(--clr-all-grad) 100%)}.blue{background:linear-gradient(0deg,var(--clr-article-200) 0,var(--clr-article-100) 100%);border-radius:.375em;border-style:solid;border-color:var(--clr-article-400)}:root{--ff-sans-normal:"Nunito",sans-serif}html{scroll-behavior:smooth}body{font-family:var(--ff-sans-normal);color:var(--clr-all-dark);background-color:var(--clr-all-white);line-height:1.5;min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4{font-weight:600;color:var(--clr-article-500);line-height:calc(1px + 3ex + 2px);letter-spacing:.05em;font-family:var(--ff-sans-normal);font-style:normal;margin-block-start:clamp(.875rem,1.087vw + .63rem,1.5rem)}a,li,p{font-size:clamp(1.063rem,.543vw + .94rem,1.375rem)}a,h5,p{line-height:calc(2px + 2.31ex + 2px);letter-spacing:.05em;font-family:var(--ff-sans-normal);font-style:normal;margin-block-start:clamp(.875rem,1.087vw + .63rem,1.5rem)}p:last-of-type{margin-block-end:var(--space-2)}p+p{margin-block-start:var(--space-2)}.space{margin-block-end:var(--space-2)}p.linklist{margin-block-start:0;margin-block-end:clamp(.875rem,1.087vw + .63rem,1.5rem)}a:not(a.nav__link,a.top){padding-inline:.313rem;padding-block:.125rem;margin:0;margin-inline-start:-.313rem;font-weight:600;outline:2px solid transparent;letter-spacing:.063em;text-decoration-line:underline;text-decoration-style:dotted;text-underline-offset:.25em;border-radius:.188em}a:not(a.nav__link,a.top).active,a:not(a.nav__link,a.top):hover{background-color:var(--clr-article-100);cursor:default}a:not(a.nav__link,a.top):focus{color:var(--clr-article-200);background-color:var(--clr-article-500)}a:not(a.nav__link,a.top):focus-visible{outline:2px solid #000;outline-offset:2px;box-shadow:0 0 0 4px #fff}li:not(.nav__item){line-height:clamp(2.25rem,1.4vw + 1.505rem,2.625rem)}a[target=_blank]:not([href*="tauchclub-octopus.ch"]):not([href*="pdf/"]){background-image:url(../img/extern.svg);background-repeat:no-repeat;background-position:99.5% 10%;background-size:12px;padding-inline-end:.813rem}a[target=_blank]:not([href*="tauchclub-octopus.ch"]):not([href*="pdf/"]):focus,a[target=_blank]:not([href*="tauchclub-octopus.ch"]):not([href*="pdf/"]):focus-visible{background-image:url(../img/extern-hell.svg)}.icon{align-self:center;vertical-align:middle;fill:currentColor;position:relative;stroke-width:0;stroke:currentColor;height:1em;width:1em}.icon-file-pdf{fill:red}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400;src:url(../fonts/nunito-v25-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:600;src:url(../fonts/nunito-v25-latin-600.woff2) format("woff2")}header.gradient{padding-block-start:1vw;padding-block-end:.5vw}.hero h1{margin-block-start:0;color:var(--clr-all-dark)}.hero img{display:none}.header{width:min(100% - 3vw,52rem);margin-inline:auto}@media screen and (min-width:26.25em){.hero{display:flex}.hero h1{text-align:center}.hero img{display:block;-o-object-fit:contain;object-fit:contain;max-width:22vw}}.skip-link:not(:focus){position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(100%);white-space:nowrap}.skip-link:focus{padding:8px;position:absolute;z-index:1000;background-color:#fff;outline:4px solid #00f;margin:5px}.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-toggle{position:absolute;top:3em;right:3vw;align-items:baseline;justify-content:center;width:3em;height:3.2em;background:0 0;border:2px solid #00f;padding:0;cursor:pointer;color:inherit;z-index:2}.menu-toggle label.menue{font-size:small;margin-block-start:2em}.menu-toggle:focus-visible,.menu-toggle:hover{outline:3px solid #ff0;outline-offset:1px;background-color:var(--clr-article-300)}.menu-toggle-icon{position:relative;display:inline-flex;width:1.66em;height:2px;background:0 0}.menu-toggle-icon,.menu-toggle-icon::after,.menu-toggle-icon::before{content:"";position:absolute;display:inline-flex;top:1em;width:1.8em;height:2px;background:#000}.menu-toggle-icon::before{top:-8px}.menu-toggle-icon::after{top:8px}.main-nav{position:absolute;inset:0 0 auto 0;transform:translateY(-100%);transition:transform .2s ease;background-color:var(--clr-article-200);z-index:10;display:none}.main-nav .nav__list{list-style:none;margin:0;padding:0}.main-nav .nav__item{display:grid;justify-items:center;margin:0 auto}.main-nav .nav__item:not(:first-child){border-block-start:1px solid #000}.main-nav .nav__link{margin:0;align-content:center;text-align:center;min-height:48px;color:var(--clr-article-500);text-decoration:none;text-underline-offset:.25em;width:95%}.main-nav .nav__link:focus-visible,.main-nav .nav__link:hover{background-color:var(--clr-article-500);color:var(--clr-article-100);text-decoration-line:underline;text-decoration-thickness:.125em}.main-nav .nav__link.active,.main-nav .nav__link[aria-current]{background-color:var(--clr-article-100);color:var(--clr-article-500)}.main-nav .nav__link.active:hover,.main-nav .nav__link[aria-current]:hover{cursor:default;text-decoration:none;text-decoration-line:none}.menu-toggle{display:none}.nav-toggle{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.nav-toggle-label{display:inline-flex;align-items:center;justify-content:center;width:3em;height:3.2em;cursor:pointer;position:absolute;top:3em;right:3vw;background:0 0;border:2px solid #00f;padding:0;color:inherit;z-index:2}.nav-toggle-label p.menue{margin:0;padding:0;padding-block-start:2em;font-size:small}.nav-toggle-label span[aria-hidden=true],.nav-toggle-label span[aria-hidden=true]::after,.nav-toggle-label span[aria-hidden=true]::before{content:"";position:absolute;top:1em;left:9px;width:1.66em;height:2px;background:#000}.nav-toggle-label span[aria-hidden=true]::before{top:-8px;left:0}.nav-toggle-label span[aria-hidden=true]::after{top:8px;left:0}.nav-toggle-label:focus-visible,.nav-toggle-label:hover,.nav-toggle:focus-visible+.nav-toggle-label,.nav-toggle:hover+.nav-toggle-label{outline:3px solid #ff0;outline-offset:1px;background-color:var(--clr-article-300)}.nav-toggle:checked~.main-nav{display:block;transform:translateY(6.5em)}.nav-toggle:checked+.nav-toggle-label span[aria-hidden=true]{background:0 0}.nav-toggle:checked+.nav-toggle-label span[aria-hidden=true]::before{top:0;transform:rotate(45deg)}.nav-toggle:checked+.nav-toggle-label span[aria-hidden=true]::after{top:0;transform:rotate(-45deg)}@media screen and (min-width:26.25em){.main-nav{display:block;background:inherit;position:static;transform:none}.main-nav .nav__list{display:flex;align-items:center}.main-nav .nav__item:not(:first-child){border-block-start:none}.main-nav .nav__link{padding:.5em 1em;width:100%}.nav-toggle{display:none}.nav-toggle-label{display:none}}html.js .menu-toggle{display:flex}html.js .nav-toggle-label{display:none}html.js .nav-toggle{display:none}html.js .main-nav.is-open{display:block;transform:translateY(6.5em)}html.js .menu-toggle[aria-expanded=true] .menu-toggle-icon{background:0 0}html.js .menu-toggle[aria-expanded=true] .menu-toggle-icon::before{top:0;transform:rotate(45deg)}html.js .menu-toggle[aria-expanded=true] .menu-toggle-icon::after{top:0;transform:rotate(-45deg)}@media screen and (min-width:26.25em){html.js .menu-toggle{display:none}html.js .nav-toggle-label{display:none}html.js .main-nav{position:static;transform:none}}.to-top{bottom:0;top:118vh;pointer-events:none;position:absolute;right:.75rem}.top{background-color:rgba(0,155,255,.3019607843);background-image:url(../img/pfeilup.svg);background-position:50%;background-repeat:no-repeat;background-size:30px;border:1px solid #007cff;border-radius:50%;display:inline-block;width:2.75rem;height:2.75rem;opacity:.8;pointer-events:all;position:sticky;top:calc(100vh - 4rem);transition:.5s}.top:focus,.top:hover{box-shadow:0 0 0 2px #0047c5;transform:scale(1.05)}@media only screen and (min-width:1600px){.to-top{right:calc(-48rem + 48vw)}}h1,h2,h3,h4,p{text-wrap:balance}hr{border:0;border-top:1px solid;display:block;margin-block-start:var(--space-2);margin-block-end:var(--space-4);padding:0;width:90%}.box p{text-wrap:inherit}.wrap{margin-inline:auto;padding-inline:var(--space-2)}@media (min-width:680px) and (max-width:919px){.wrap{padding-inline:clamp(1rem,43.836vw - 18.178rem,7rem)}}.row{display:flex;flex-flow:row wrap}.grid{--min:18.75em;--gap:var(--space-2);display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min)),1fr));margin:0}.geschichte{gap:var(--space-2)}.geschichte p{flex:1;min-width:280px;max-inline-size:60ch;text-align:left}@media screen and (min-width:420px){.geschichte p{min-width:400px}}.geschichte img{-o-object-fit:contain;object-fit:contain;align-self:flex-end;margin-inline:auto;margin-block-start:var(--space-2)}.geschichte p.row_1{flex-basis:100%}.box{color:var(--clr-all-dark);margin-block:var(--space-2);padding-block-start:0;padding-block-end:var(--space-1)}.center{display:block;margin-inline:auto;padding:.66em 0;text-align:center}.underline{text-decoration:underline;text-decoration-thickness:.125rem;text-underline-offset:.313rem}.links{margin-block:var(--space-3)}li.links{border-block-end-style:solid}li.links ul{padding-block:var(--space-2);padding-inline-start:var(--space-3);list-style-type:disc}@media screen and (min-width:57.5em){.wrap{width:min(100% - 3vw,80rem)}.row{display:flex;gap:clamp(2rem,3.721vw - .14rem,3rem)}.w60{flex:1 1 calc(62% - 3vw)}.w40{flex:1 1 calc(38% - 3vw);padding-block-start:clamp(.375rem,.833vw - .104rem,.563rem)}.geschichte{gap:10px}}@media screen and (min-width:73.125em){.bild-container{margin-inline-end:1.6vw}}@media screen and (min-width:83.75em){.wrap{padding-inline:0}}footer{margin-block-start:var(--space-3);padding-block-end:var(--space-3)}footer li{list-style-type:none;margin-block-start:var(--space-2)}footer a.space{line-height:clamp(2.25rem,1.4vw + 1.505rem,2.625rem)}.grid.footer{text-align:center}:root{--space-1:clamp(0.25rem, 0.186rem + 0.2439vw, 0.375rem);--space-2:clamp(0.5625rem, 0.4985rem + 0.2439vw, 0.6875rem);--space-3:clamp(0.8125rem, 0.6845rem + 0.4878vw, 1.0625rem);--space-4:clamp(1.0625rem, 0.9024rem + 0.6098vw, 1.375rem);--space-5:clamp(1.625rem, 1.4009rem + 0.8537vw, 2.0625rem);--space-6:clamp(2.125rem, 1.8049rem + 1.2195vw, 2.75rem);--fluid-h1:clamp(1.875rem, 1.2917rem + 2.9167vw, 3.625rem);--fluid-h2:clamp(1.75rem, 1.375rem + 1.875vw, 2.875rem);--fluid-h3:clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);--fluid-h4:clamp(1.375rem, 1.25rem + 0.625vw, 1.75rem);--clr-article-100:hsl(180, 100%, 90%);--clr-article-200:hsl(180, 100%, 70%);--clr-article-300:hsl(180, 100%, 50%);--clr-article-400:hsl(200, 100%, 30%);--clr-article-500:hsl(200, 100%, 20%);--clr-all-dark:hsl(230, 35%, 7%);--clr-all-white:hsl(0, 0%, 100%);--clr-all-grad:hsl(190, 100%, 50%)}h1{font-size:var(--fluid-h1)}h2{font-size:var(--fluid-h2)}h3{font-size:var(--fluid-h3)}h4{font-size:var(--fluid-h4)}
/*# sourceMappingURL=style.css.map */