/*!
Theme Name: Lernraumplanung
Theme URI: https://rocketruby.ch
Description: Custom theme
Author: Lorenz Peter (Rocket Ruby)
Version: 1.0
Text Domain: lrp
Domain Path: /languages
License: custom
Bitbucket Theme URI: https://bitbucket.org/lorenzRR/lernraumplanung
*/button{display:inline-block;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;text-align:center;text-decoration:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:0;-webkit-appearance:none}.visually-hidden{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important;word-break:normal}.lrp-side-nav a,.lrp-nav a,.btn{display:inline-block;padding:.625em 1.25em;border:var(--stroke-width, 2px) solid var(--btn-border-color, var(--color-bright));border-radius:2.25em;line-height:1.1;text-decoration:none;text-transform:uppercase}.lrp-side-nav a:hover,.lrp-nav a:hover,.btn:hover{border-color:var(--btn-border-color-hover, var(--color-accent))}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,ol{-webkit-margin-before:0;margin-block-start:0}figure,picture{margin-block:0}@font-face{font-family:"LRP";src:url("assets/fonts/EuclidCircularB-Regular-WebS.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"LRP";src:url("assets/fonts/EuclidCircularB-Semibold-WebS.woff2") format("woff2");font-weight:bold;font-style:normal}:root{--color-text: #000;--color-bg: #F5EBE7;--color-accent: #0027FF;--color-bright: white;--ff-base: "LRP", sans-serif;--fs-base: 1.125rem;--fw-base: 400;--lh-base: 1.45;--fs-heading: calc(var(--fs-base) * 1.5);--lh-heading: 1.2;--fw-heading: 400;--fs-lead: calc(var(--fs-base) * 1.25);--lh-lead: var(--lh-heading);--fw-lead: var(--fw-heading);--logo-height: 150px;--site-gutter-block: var(--fs-base);--site-gutter-inline: calc(var(--fs-base) * 1.5);--default-item-column-start: 1;--default-item-column-end: -1;--stroke-width: 2px}@media only screen and (min-width: 768px){:root{--fs-lead: calc(var(--fs-base) * 1.25);--site-gutter-block: calc(var(--fs-base) * 3.2);--site-gutter-inline: calc(var(--fs-base) * 2.5)}}@media only screen and (min-width: 992px){:root{--logo-height: min(30svw, 200px);--logo-height: 200px}}@media only screen and (min-width: 1200px){:root{--fs-base: 1.25rem}}@media only screen and (min-width: 1600px){:root{--logo-height: 300px}}::-moz-selection{color:var(--color-accent);background:var(--color-bright)}::selection{color:var(--color-accent);background:var(--color-bright)}body{font-family:var(--ff-base);font-size:var(--fs-base);line-height:var(--lh-base);font-weight:var(--fw-base);margin:var(--site-gutter-block) var(--site-gutter-inline);background:var(--color-bg);color:var(--color-text)}h1,.h1,h2,.h2,h3,.h3,h4,.h4{font-size:var(--fs-heading);line-height:var(--lh-heading);font-weight:var(--fw-heading);-webkit-padding-after:calc(var(--fs-base) - (var(--fs-heading)*var(--lh-heading) - var(--fs-heading)));padding-block-end:calc(var(--fs-base) - (var(--fs-heading)*var(--lh-heading) - var(--fs-heading)));-webkit-margin-after:var(--fs-base);margin-block-end:var(--fs-base);border-bottom:var(--stroke-width, 2px) solid var(--color-accent)}h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a{text-decoration:none}.privacy-policy h1,.privacy-policy .h1,.privacy-policy h2,.privacy-policy .h2,.privacy-policy h3,.privacy-policy .h3,.privacy-policy h4,.privacy-policy .h4{border:none;padding:0}a{color:currentColor}ul{-webkit-padding-start:1.25ch;padding-inline-start:1.25ch}ul li{-webkit-padding-start:1ch;padding-inline-start:1ch;text-wrap:pretty}ul li::marker{color:var(--color-accent)}ol{-webkit-padding-start:1em;padding-inline-start:1em}ol li{-webkit-padding-start:.125em;padding-inline-start:.125em}ol li::marker{color:var(--color-accent)}.block{margin-block:max(3em,5svh)}.block[id]{scroll-margin-top:max(3em,5svh)}@media only screen and (min-width: 992px){.block{margin-block:max(5em,20svh)}.block[id]{scroll-margin-top:max(3em,15svh)}}.lead{font-size:var(--fs-lead);line-height:var(--lh-lead);font-weight:var(--fw-lead)}.visual{--shape-size: 70%;position:relative;width:100%;height:auto;grid-column:var(--shape-column, span 2);grid-row:2;order:var(--shape-order, 0);aspect-ratio:1;outline-width:var(--stroke-width, 2px)}@media only screen and (min-width: 768px){.visual{-webkit-margin-before:-2em;margin-block-start:-2em;grid-row:1}.lead .visual{-webkit-margin-before:0;margin-block-start:0}}.visual img{padding:1em}.visual .s1,.visual .s2{position:absolute;width:var(--shape-size);overflow:hidden;aspect-ratio:1}.has-image .visual{--shape-size: calc(12.5cqw * 5 * .7);width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;aspect-ratio:auto;grid-column-start:var(--item-column-start, var(--default-item-column-start));grid-column-end:var(--item-column-end, var(--default-item-column-end))}@media only screen and (min-width: 768px){.has-image .visual{--shape-size: calc(12.5cqw * 2 * .7);grid-column:var(--shape-column, span 2)}}.has-image .visual .s1{display:none}.has-image .visual img{padding:2em}.visual [shape=circle]{border-radius:50%;--shape-size: 78%}.has-image .visual [shape=circle]{--shape-size: calc(12.5cqw * 5 * .78)}@media only screen and (min-width: 768px){.has-image .visual [shape=circle]{--shape-size: calc(12.5cqw * 2 * .78)}}@media only screen and (min-width: 768px){.visual [shape=circle]{grid-column:var(--shape-column, span 2)}}.visual [variant=outline]{outline:var(--stroke-width, 2px) solid currentColor}.visual [variant=fill]{background:#fff}.visual [variant=fill]{background:rgba(122,239,148,.8)}.visual [posx=start]{left:0%}.visual [posx=center]{left:calc(50% - var(--shape-size)/2)}.visual [posx=end]{right:0}.visual [posy=start]{top:0%}.visual [posy=center]{top:calc(50% - var(--shape-size)/2)}.visual [posy=end]{bottom:0}.visual [layer=top]{z-index:1}.visual [layer=bottom]{z-index:-1}.block-text-image{display:grid;grid-template-columns:repeat(8, 1fr);row-gap:1em;container-type:inline-size;container-name:block}.block-text-image:nth-child(2n){--shape-order: -1;--shape-column: 1 / 6}@media only screen and (min-width: 768px){.block-text-image:nth-child(2n){--item-column-start: 4;--item-column-end: -1;--shape-column: 1 / 3}}@media only screen and (min-width: 992px){.block-text-image:nth-child(2n){--item-column-start: 4}}@media only screen and (min-width: 1600px){.block-text-image:nth-child(2n){--item-column-start: 3;--item-column-end: -2}}.block-text-image:nth-child(2n) img{-o-object-position:right top;object-position:right top}.block-text-image:nth-child(2n+1){--shape-column: -1 / -6}@media only screen and (min-width: 768px){.block-text-image:nth-child(2n+1){--item-column-end: -4;--shape-column: -1 / -3}}@media only screen and (min-width: 992px){.block-text-image:nth-child(2n+1){--item-column-start: 2}}@media only screen and (min-width: 768px){.block-text-image.has-image:nth-child(2n){--shape-column: 1 / 4}}@media only screen and (min-width: 768px){.block-text-image.has-image:nth-child(2n+1){--shape-column: -1 / -4}}.block-text-image.lead{--item-column-start: 1;--item-column-end: -1}.block-text-image.lead .visual{display:none}@media only screen and (min-width: 992px){.block-text-image.lead{--text-margin-inline: 6.25%}}@media only screen and (min-width: 1200px){.block-text-image.lead{--text-margin-inline: auto;--item-column-start: 3;--item-column-end: -3;--shape-column: -3/-1;-webkit-margin-before:-8.125em;margin-block-start:-8.125em}.block-text-image.lead .visual{display:block}}@media only screen and (min-width: 768px){.home .block-text-image.has-image .visual{grid-column:-1/-5}.home .block-text-image.has-image .text{grid-column:1/4}.home .block-text-image.has-image:nth-child(2n) .visual{grid-column:1/5}.home .block-text-image.has-image:nth-child(2n) .text{grid-column:-1/-4}}@media only screen and (min-width: 1600px){.home .block-text-image.has-image .visual{grid-column:-1/-4}.home .block-text-image.has-image .text{grid-column:2/5}.home .block-text-image.has-image:nth-child(2n) .visual{grid-column:1/4}.home .block-text-image.has-image:nth-child(2n) .text{grid-column:-2/-5}}.block-text-image .text{grid-column-start:var(--item-column-start, var(--default-item-column-start));grid-column-end:var(--item-column-end, var(--default-item-column-end));margin-inline:var(--text-margin-inline, auto);max-width:28em;width:100%;grid-row:1}.block-text-image .text ul{display:grid;row-gap:.325em;line-height:1.35}.block-text-image .image{grid-column-start:var(--item-column-start, var(--default-item-column-start));grid-column-end:var(--item-column-end, var(--default-item-column-end));grid-row:2}@media only screen and (min-width: 768px){.block-text-image .image{grid-column:var(--shape-column, span 2);grid-row:1}}.block-text-image img{width:100%;height:auto;max-width:100%;max-height:70svh;-o-object-fit:contain;object-fit:contain;-o-object-position:left top;object-position:left top}@media only screen and (min-width: 992px){.block-text-image img{max-width:none}}@media only screen and (min-width: 768px){.page-template-template-contact .block-text-image{--item-column-start: 1;--item-column-end: 4;--shape-column: 5 / -1}}@media only screen and (min-width: 992px){.page-template-template-contact .block-text-image{--item-column-start: 2}}.page-template-template-contact .block-text-image .text{font-size:.8em}.page-template-template-contact .block-text-image .text,.page-template-template-contact .block-text-image .lead{-webkit-margin-after:min(6svh,2em);margin-block-end:min(6svh,2em)}.block-text-2col{display:grid;grid-template-columns:repeat(8, 1fr)}.block-text-2col .col{grid-column:1/-1}@media only screen and (min-width: 768px){.block-text-2col .col{grid-column:2/-1}}@media only screen and (min-width: 992px){.block-text-2col .col{grid-row:1}.block-text-2col .col:first-child{grid-column:2/5}.block-text-2col .col:last-child{grid-column:6/9}}.lrp-header{display:flex;justify-content:start;-webkit-margin-after:calc(var(--logo-height) + var(--site-gutter-block) + 2em + var(--wp-admin--admin-bar--height, 0px));margin-block-end:calc(var(--logo-height) + var(--site-gutter-block) + 2em + var(--wp-admin--admin-bar--height, 0px))}@media only screen and (min-width: 992px){.lrp-header{-webkit-margin-after:calc(var(--logo-height) + var(--site-gutter-block) + var(--wp-admin--admin-bar--height, 0px));margin-block-end:calc(var(--logo-height) + var(--site-gutter-block) + var(--wp-admin--admin-bar--height, 0px))}}.lrp-header .brand{position:absolute;top:calc(var(--site-gutter-block) + var(--wp-admin--admin-bar--height, 0px));display:block;text-decoration:none;cursor:pointer;z-index:2}.lrp-header .brand:hover .logo-part{background:rgba(0,0,0,0);filter:brightness(0) saturate(100%) invert(10%) sepia(100%) saturate(5391%) hue-rotate(237deg) brightness(107%) contrast(125%)}.lrp-header .brand h1{-webkit-margin-after:0;margin-block-end:0;-webkit-padding-after:0;padding-block-end:0;border-bottom:0}@media only screen and (min-width: 1600px){.lrp-header .brand{position:fixed}}.logo{--transform-duration: 0ms;height:var(--logo-height)}.logo-part{display:block;background:#fff;height:calc(33.3333333333% - (var(--stroke-width)));width:auto;margin:0 calc(var(--stroke-width)*-1) calc(var(--stroke-width)*-1) 0;border:var(--stroke-width) solid #1d1d1b;transition:transform var(--transform-duration) ease}.logo-part-lern{transform:translateX(var(--lern-x, 0%)) translateY(calc(var(--lern-y, 0%) + var(--offset-y, 0%))) rotateZ(var(--lern-r, 0deg))}.logo-part-raum{transform:translateX(var(--raum-x, 0%)) translateY(calc(var(--raum-y, 0%) + var(--offset-y, 0%))) rotateZ(var(--raum-r, 180deg))}.logo-part-planung{transform:translateY(var(--offset-y, 0%))}.logo.animate-state{--transform-duration: 500ms}[state="2"]{--lern-x: -29.45%;--lern-y: 24%;--lern-r: -90deg;--raum-x: 34.5%;--offset-y: 46%}@media only screen and (min-width: 992px){[state="2"]{--lern-x: -29.75%;--lern-y: 23.5%}}@media only screen and (min-width: 1600px){[state="2"]{--lern-x: -30%;--lern-y: 23%}}[state="3"]{--lern-x: 65%;--raum-x: 20%;--raum-r: 180deg}[state="4"]{--lern-x: -18%;--lern-r: -90deg;--lern-y: 24%;--raum-x: 44.5%;--raum-r: 180deg;--offset-y: 46%}@media only screen and (min-width: 992px){[state="4"]{--lern-y: 23.5%;--raum-x: 44.75%}}@media only screen and (min-width: 1600px){[state="4"]{--lern-y: 23%}}[state="5"]{--lern-x: -5.1%;--lern-r: -90deg;--lern-y: 24%;--raum-x: 56%;--raum-y: -90%;--raum-r: 180deg;--offset-y: 46%}@media only screen and (min-width: 992px){[state="5"]{--lern-y: 23.5%}}@media only screen and (min-width: 1600px){[state="5"]{--lern-y: 23%}}[state="6"]{--lern-x: -18%;--lern-r: -90deg;--lern-y: 24%;--raum-x: 44.5%;--raum-y: -90%;--raum-r: 180deg;--offset-y: 46%}@media only screen and (min-width: 992px){[state="6"]{--lern-y: 23.5%;--raum-x: 44.75%}}@media only screen and (min-width: 1600px){[state="6"]{--lern-y: 23%}}[state="7"]{--lern-x: 80%;--lern-r: 180deg;--raum-r: 0deg}[state="8"]{--lern-x: 12%;--lern-r: 180deg;--raum-r: 0deg;--raum-x: 29%}body:has(.lrp-header .lrp-nav-toggle.active){overflow:hidden}nav ul{margin:0;list-style:none;-webkit-padding-start:0;padding-inline-start:0}.lrp-nav{position:fixed;right:0;top:0;padding:calc(var(--site-gutter-block) + var(--wp-admin--admin-bar--height, 0px) + 2em + var(--fs-heading)) var(--site-gutter-inline);height:100svh;display:grid;grid-template-rows:-webkit-max-content 1em 1fr;grid-template-rows:max-content 1em 1fr;row-gap:1em;overflow:auto;background:#fff8f5;box-shadow:0 0 5px rgba(0,0,0,.25);transform:translateX(100%);transition:transform 200ms;z-index:2;--btn-border-color: var(--color-accent)}@media only screen and (min-width: 992px){.lrp-nav{position:relative;height:auto;width:auto;display:block;-webkit-margin-start:auto;margin-inline-start:auto;padding:0;background:rgba(0,0,0,0);outline:none;box-shadow:none;transform:translateX(0);--btn-border-color: var(--color-bright)}}.lrp-nav-toggle{position:absolute;top:var(--site-gutter-block);right:var(--site-gutter-inline);display:flex;justify-content:center;align-items:center;z-index:3}.lrp-nav-toggle.active{position:fixed;--btn-border-color: var(--color-accent)}.lrp-nav-toggle.active+.lrp-nav{transform:translateX(0)}@media only screen and (min-width: 992px){.lrp-nav-toggle{display:none}}.lrp-nav ul{display:flex;flex-direction:column;align-items:end;gap:var(--fs-heading)}@media only screen and (min-width: 992px){.lrp-nav ul{flex-direction:row;align-items:start}}.lrp-nav li{--btn-border-color: currentColor;-webkit-padding-start:0;padding-inline-start:0}.lrp-nav li::marker{content:none;display:none}.lrp-nav li.current-menu-item{--btn-border-color: var(--color-accent)}@media only screen and (min-width: 992px){.lrp-nav li{--btn-border-color: transparent}}.lrp-side-nav{display:none;position:-webkit-sticky;position:sticky;bottom:var(--site-gutter-block);bottom:clamp(1px,5vh,var(--site-gutter-block))}@media only screen and (min-width: 992px){.lrp-side-nav{display:block}}.lrp-side-nav ul{transform-origin:top left;transform:rotateZ(-90deg);display:flex;gap:var(--fs-base, 1em)}.lrp-side-nav a{text-decoration:none}.lrp-side-nav .ig-link{order:2}.lrp-side-nav .ig-link a{transform:rotateZ(90deg)}.nav-side-offcanvas{grid-row:3;justify-content:space-between}@media only screen and (min-width: 992px){.nav-side-offcanvas{display:none !important}}.ig-link{order:2}.ig-link a{width:1em;overflow:hidden;aspect-ratio:1;text-indent:1000px;background:url(assets/img/icon-ig.svg) center/50% no-repeat;background-size:50%}@media only screen and (min-width: 992px){.lrp-main{-webkit-padding-start:calc(var(--fs-base)*4);padding-inline-start:calc(var(--fs-base)*4)}}.lrp-footer{text-align:center;font-size:1rem}.lrp-footer ul{display:flex;justify-content:center;margin:0;list-style:none;padding:0;display:flex;gap:1em 2em}#wpadminbar::before{content:"xs";pointer-events:none;position:fixed;right:.5rem;bottom:.5rem;width:1.75rem;height:1.75rem;border-radius:50%;display:flex;place-items:center;text-align:center;background:rgba(0,255,255,.5);font-size:.8rem;text-indent:.4rem;font-family:monospace;z-index:99}@media only screen and (min-width: 360px){#wpadminbar::before{content:"sm";background:rgba(0,255,0,.5)}}@media only screen and (min-width: 768px){#wpadminbar::before{content:"md";background:rgba(255,255,0,.5)}}@media only screen and (min-width: 992px){#wpadminbar::before{content:"lg";background:rgba(255,165,0,.5)}}@media only screen and (min-width: 1200px){#wpadminbar::before{content:"xl";background:rgba(220,20,60,.5)}}@media only screen and (min-width: 1600px){#wpadminbar::before{content:"xxl";background:rgba(220,20,60,.85);color:#fff;text-indent:.2rem}}

/*# sourceMappingURL=style.css.map */