/* path/to/css */

/*! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com*/*,
/*! Carlos 2024-05-23 10:15:00 */
/*! Carlos 2025-01-23 00:30:00 */
/*! Adapted for LocalZero Theme by Carlos, Valentin, Leon. */
:after,
:before {
 box-sizing:border-box;
 border:0 solid #e5e5e5
}
:after,
:before {
 --tw-content:""
}
html {
 line-height:1.5;
 -webkit-text-size-adjust:100%;
 -moz-tab-size:4;
 -o-tab-size:4;
 tab-size:4;
 font-family:FabrikatNormal;
}
body {
 margin:0;
 line-height:inherit
}
hr {
 height:0;
 color:inherit;
 border-top-width:1px
}
abbr:where([title]) {
 -webkit-text-decoration:underline dotted;
 text-decoration:underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-size:inherit;
 font-weight:inherit;
 text-align:left;
 text-transform: uppercase;
}
a {
 color:rgb(0 20 50);
 text-decoration:inherit
}
b,
strong {
 font-weight:bolder
}
code,
kbd,
pre,
samp {
 font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
 font-size:1em
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:initial
}
sub {
 bottom:-.25em
}
sup {
 top:-.5em
}
table {
 text-indent:0;
 border-color:inherit;
 border-collapse:collapse
}
button,
input,
optgroup,
select,
textarea {
 font-family:inherit;
 font-size:100%;
 line-height:inherit;
 color:inherit;
 margin:0;
 padding:0
}
button,
select {
 text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
 -webkit-appearance:button;
 background-color:initial;
 background-image:none
}
:-moz-focusring {
 outline:auto
}
:-moz-ui-invalid {
 box-shadow:none
}
progress {
 vertical-align:initial
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
 height:auto
}
[type=search] {
 -webkit-appearance:textfield;
 outline-offset:-2px
}
::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit
}
summary {
 display:list-item
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
 margin:0
}
fieldset {
 margin:0
}
fieldset,
legend {
 padding:0
}
menu,
ol,
ul {
 list-style:none;
 margin:0;
 padding:0
}
textarea {
 resize:vertical
}
input::-moz-placeholder,
textarea::-moz-placeholder {
 opacity:1;
 color:#a3a3a3
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
 opacity:1;
 color:#a3a3a3
}
input::placeholder,
textarea::placeholder {
 opacity:1;
 color:#a3a3a3
}
[role=button],
button {
 cursor:pointer
}
:disabled {
 cursor:default
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
 display:block;
 vertical-align:middle
}
img,
video {
 max-width:100%;
 height:auto
}
[hidden] {
 display:none
}
*,
:after,
:before {
 --tw-translate-x:0;
 --tw-translate-y:0;
 --tw-rotate:0;
 --tw-skew-x:0;
 --tw-skew-y:0;
 --tw-scale-x:1;
 --tw-scale-y:1;
 --tw-pan-x: ;
 --tw-pan-y: ;
 --tw-pinch-zoom: ;
 --tw-scroll-snap-strictness:proximity;
 --tw-ordinal: ;
 --tw-slashed-zero: ;
 --tw-numeric-figure: ;
 --tw-numeric-spacing: ;
 --tw-numeric-fraction: ;
 --tw-ring-inset: ;
 --tw-ring-offset-width:0px;
 --tw-ring-offset-color:#fff;
 --tw-ring-color:#3b82f680;
 --tw-ring-offset-shadow:0 0 #0000;
 --tw-ring-shadow:0 0 #0000;
 --tw-shadow:0 0 #0000;
 --tw-shadow-colored:0 0 #0000;
 --tw-blur: ;
 --tw-brightness: ;
 --tw-contrast: ;
 --tw-grayscale: ;
 --tw-hue-rotate: ;
 --tw-invert: ;
 --tw-saturate: ;
 --tw-sepia: ;
 --tw-drop-shadow: ;
 --tw-backdrop-blur: ;
 --tw-backdrop-brightness: ;
 --tw-backdrop-contrast: ;
 --tw-backdrop-grayscale: ;
 --tw-backdrop-hue-rotate: ;
 --tw-backdrop-invert: ;
 --tw-backdrop-opacity: ;
 --tw-backdrop-saturate: ;
 --tw-backdrop-sepia: 
}
.container {
 width:100%;
}
@media (min-width:640px) {
 .container {
  max-width:640px
 }
}
@media (min-width:768px) {
 .container {
  max-width:768px
 }
}
@media (min-width:1024px) {
 .container {
  max-width: 2000px;
 }
}
@media (min-width:1280px) {
 .container {
  max-width:1280px
 }
}
@media (min-width:1536px) {
 .container {
  max-width:1536px
 }
}
.static {
 position:static
}
.row-span-1 {
 grid-row:span 1/span 1
}
.row-start-1 {
 grid-row-start:1
}
.m-0 {
 margin:0
}
.m-auto {
 margin:auto
}
.mx-auto {
 margin-left: 0;
 margin-right: 0;
}
.my-2 {
 margin-top:.5rem;
 margin-bottom:.5rem
}
.my-4 {
 margin-top:1rem;
 margin-bottom:1rem
}
.mb-2 {
 margin-bottom:.5rem;
 display: none;
}
.mt-2 {
 margin-top:.5rem
}
.mb-3 {
 margin-bottom:.75rem
}
.mt-3 {
 margin-top:.75rem
}
.mb-4 {
 margin-bottom:1rem
}
.mb-5 {
 margin-bottom:1.25rem
}
.mt-5 {
 margin-top:1.25rem
}
.mr-1 {
 margin-right:.25rem
}
.mt-4 {
 margin-top:1rem
}
.-mb-2 {
 margin-bottom:-.5rem
}
.block {
 display:block
}
.inline-block {
 display:inline-block
}
.inline {
 display:inline
}
.flex {
 display:flex
}
.inline-flex {
 display:inline-flex
}
.grid {
 display:grid
}
.hidden {
 display:none
}
.h-4 {
 height:1rem
}
.h-5 {
 height:1.25rem
}
.h-full {
 height:100%
}
.h-24 {
 height:6rem
}
.max-h-20 {
 max-height:5rem
}
.max-h-24 {
 max-height:6rem
}
.min-h-screen {
 /*! min-height:100vh; */
 max-height: 650px!important;
}
.w-full {
 width:100%
}
.w-56 {
 width:14rem
}
.w-5\/6 {
 width:83.333333%
}
.w-2\/5 {
 width:40%
}
.w-1\/3 {
 width:33.333333%
}
.w-1\/2 {
 width:50%
}
.w-3\/4 {
 width:75%
}
.w-5 {
 width:1.25rem
}
.w-4 {
 width:1rem
}
.w-24 {
 width:6rem
}
.max-w-6xl {
 max-width:72rem
}
.max-w-2xl {
 max-width:42rem
}
.flex-none {
 flex:none
}
.flex-grow {
 flex-grow:1;
}
.select-none {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.grid-cols-1 {
 grid-template-columns:repeat(1,minmax(0,1fr))
}
.flex-col {
 flex-direction:column
}
.justify-start {
 justify-content:flex-start
}
.justify-items-stretch {
 justify-items:stretch
}
.space-y-3>:not([hidden])~:not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(.75rem*var(--tw-space-y-reverse))
}
.space-x-0>:not([hidden])~:not([hidden]) {
 --tw-space-x-reverse:0;
 margin-right:calc(0px*var(--tw-space-x-reverse));
 margin-left:calc(0px*(1 - var(--tw-space-x-reverse)))
}
.space-y-4>:not([hidden])~:not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(1rem*var(--tw-space-y-reverse))
}
.space-y-1>:not([hidden])~:not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(.25rem*var(--tw-space-y-reverse))
}
.justify-self-center {
 justify-self:center;
}
.rounded {
 border-radius:.25rem;
}
.rounded-full {
 border-radius:9999px;
}
.border-l-8 {
 /*! border-left-width:12px; */
 border-left-width:0px;
}
.border-gray-300 {
 --tw-border-opacity:1;
 border-color:rgb(212 212 212/var(--tw-border-opacity));
}
.bg-gray-800 {
 --tw-bg-opacity:1;
 background-color:rgb(38 38 38/var(--tw-bg-opacity));
 visibility: hidden;
}
.bg-gray-900 {
 --tw-bg-opacity:1;
 background-color:rgb(23 23 23/var(--tw-bg-opacity))
}
.bg-green-600 {
 --tw-bg-opacity:1;
 background-color:#A3D869;
}
.bg-red-600 {
 --tw-bg-opacity:1;
 background-color:#01214c;
}
.bg-gray-500 {
 --tw-bg-opacity:1;
 background-color:#00AED8;
}
.bg-yellow-500 {
 --tw-bg-opacity:1;
 background-color:rgb(234 179 8/var(--tw-bg-opacity))
}
.bg-green-200 {
 --tw-bg-opacity:1;
 background-color:rgb(160 215 105 / 60%)
}
.bg-yellow-200 {
 --tw-bg-opacity:1;
 background-color:rgb(255 200 10 / 60%)
}
.bg-red-200 {
 --tw-bg-opacity:1;
 background-color: rgb(226 98 101 / 60%);
}
.fill-current {
 fill:currentColor
}
.object-cover {
 -o-object-fit:cover;
 object-fit:cover
}
.hidden.w-4.h-4.fill-current.text-white {
 background: rgb(255 200 10);
 color: rgb(255 200 10) !important;
}
.object-scale-down {
 -o-object-fit:scale-down;
 object-fit:scale-down
}
.p-6 {
 padding:1.5rem
}
.p-5 {
 padding:1.25rem
}
.p-3 {
 padding: 0;
 text-align: left;
 font-style: normal !important;
 font-size: .875rem;
 line-height: 1.25rem;
 color: white !important;
}
.p-4 {
 padding: 0;
}
.py-1 {
 padding-top:.25rem;
 padding-bottom:.25rem
}
.text-left {
 text-align:left
}
.text-center {
 text-align:center
}
.align-middle {
 vertical-align:middle
}
.text-xs {
 font-size:.75rem;
 line-height:1rem
}
.text-lg {
 font-size:1.125rem;
 line-height:1.75rem;
 /*! display: none */
}
.text-sm {
 font-size:16px;
 line-height:1.7
}
.font-bold {
 font-weight:700
}
.font-semibold {
 font-weight:600
}
.italic {
 font-style:italic;
}
.text-gray-200 {
 --tw-text-opacity:1;
 color:rgb(229 229 229/var(--tw-text-opacity))
}
.text-gray-400 {
 --tw-text-opacity:1;
 color:rgb(163 163 163/var(--tw-text-opacity));
}
.icon-agree {
    color: #A3D869;
}
.icon-neutral {
    color: #00AED8;
}
.icon-disagree {
    color: #01214c;
}
p.text-gray-600 > span.text-gray-400 {
 display: none !important;
}
.text-red-900 {
 --tw-text-opacity:1;
 color:rgb(127 29 29/var(--tw-text-opacity))
}
.text-gray-500 {
 --tw-text-opacity:1;
 color:rgb(115 115 115/var(--tw-text-opacity));
 display: none;
}
.text-yellow-800 {
 --tw-text-opacity:1;
 color:rgb(133 77 14/var(--tw-text-opacity))
}
.text-blue-900 {
 --tw-text-opacity:1;
 color:rgb(30 58 138/var(--tw-text-opacity))
}
.text-white {
 --tw-text-opacity:1;
 color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-green-500 {
 --tw-text-opacity:1;
 color:#A3D869;
}
.text-red-500 {
 --tw-text-opacity:1;
 /* color: rgb(0 20 50); */
 color: #00AED8;
 }
.text-yellow-500 {
 --tw-text-opacity:1;
 color:rgb(255 200 10/var(--tw-text-opacity))
}
.h-5.w-5.inline-flex.align-middle.text-yellow-500 {
 background-color: rgb(255 200 10);
 border-radius: 1.5rem;
}
.text-gray-700 {
 --tw-text-opacity:1;
 color:rgb(64 64 64/var(--tw-text-opacity));
}
.text-gray-600 {
 --tw-text-opacity:1;
 color:rgb(0 20 50/var(--tw-text-opacity));
 font-size:16px;
 line-height:1.7;
}
.text-red-700 {
 --tw-text-opacity:1;
 color: rgb(0 20 50);
}
.text-green-700 {
 --tw-text-opacity:1;
 color:rgb(0 20 50/var(--tw-text-opacity))
}
.text-yellow-600 {
 --tw-text-opacity:1;
 color:rgb(0 20 50/var(--tw-text-opacity))
}
.underline {
 -webkit-text-decoration-line:underline;
 text-decoration-line:underline
}
.opacity-20 {
 opacity:.2
}
.filter {
 filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition {
 transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.15s
}
.sidebar {
 cursor:default;
 /* max-height: 420px; */
 overflow-y: auto;
}
.sidebar li {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 --tw-text-opacity:1;
 color:#011633;
}
.sidebar li a {
 padding-left: 24px;
}
.sidebar li a.active, .sidebar li a.clickable {
 padding-left: 0 !important;
}
.sidebar li a {
 margin:.25rem .25rem .25rem 0;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 font-size:16px;
 text-transform: uppercase;
 line-height:1.7
}
.sidebar li a.clickable {
 cursor:pointer;
 transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.15s
}
.sidebar li a.clickable:hover {
 --tw-text-opacity:1;
 color:rgb(23 23 23/var(--tw-text-opacity));
  border-bottom: 6px solid #ffc80c;
}
.sidebar li a.active {
 cursor:default;
 font-weight:700;
 --tw-text-opacity:1;
 color:rgb(38 38 38/var(--tw-text-opacity));
 border-bottom: 6px solid #ffc80c;
}
.content {
 margin-top: 0;
 margin-bottom:.5rem;
 width:100%;
 border-radius: 0 25px 25px 25px;
 --tw-bg-opacity:1;
 /*! background-color:rgb(255 255 255/var(--tw-bg-opacity));*/
 background-color: #FFC80C;
 padding:1.5rem;
 text-align:center;
 --tw-text-opacity:1;
 color:rgb(82 82 82/var(--tw-text-opacity));
 --tw-shadow:0 25px 50px -12px #00000040;
 /*! --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color); */
 /*! box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); */
 /*! max-height: 650px;
 min-height: 500px; */
 text-align: left;

}
.content h1 {
 margin-bottom: 1.5rem;
 font-size:1.25rem;
 line-height:1.75rem;
 font-weight:600;
 text-align: left;
 text-transform: uppercase;
 --tw-text-opacity:1;
 color:rgb(0 20 50/var(--tw-text-opacity));
}
.content p {
 text-align:left;
 color:rgb(0 20 50);
 font-size:16px;
 line-height:1.7;
 
}
.content .these.counter {
 margin-bottom:.5rem;
 font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
 --tw-text-opacity:1;
 color:white;
}
.content .these.title {
 margin-bottom:2rem;
 overflow-wrap:break-word;
 font-size:1.25rem;
 line-height:1.75rem;
 font-weight:600;
 --tw-text-opacity:1;
 color:rgb(0 20 50);
 min-height: 120px;
}
.content .these.clue {
 margin-bottom:.25rem;
 text-align:left;
 font-size:.875rem;
 line-height:1.25rem;
 font-style:normal;
 --tw-text-opacity:1;
 color:white;
}
.card {
 padding: 0 !important;
 margin-top:1.5rem;
 margin-bottom:1.5rem;
 width:100%;
 overflow:hidden;
 border-radius:.75rem;
 --tw-bg-opacity:1;
 background-color:rgb(255 255 255/var(--tw-bg-opacity));
 /*! --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a; */
 /*! --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); */
 box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.card .percentage {
 margin-right:.25rem;
 border-radius:1.5rem;
 padding:.25rem .375rem;
 font-weight:700
}
.content .these.btn-container {
 margin-left:auto;
 margin-right:auto;
 margin-top:1rem;
 width:100%;
 padding-left:0;
 padding-right:0;
}
.content .these.btn-container>:not([hidden])~:not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(.5rem*var(--tw-space-y-reverse))
}
@media (min-width:1024px) {
 .content .these.btn-container>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  --tw-space-x-reverse:0;
  margin:calc(0px*(1 - var(--tw-space-y-reverse))) calc(.5rem*var(--tw-space-x-reverse)) calc(0px*var(--tw-space-y-reverse)) calc(.5rem*(1 - var(--tw-space-x-reverse)))
 }
}
.btn-container .btn {
 width:100%;
 border-radius:1.5rem;
 padding:.375rem .75rem;
 --tw-text-opacity:1;
 color:rgb(255 255 255/var(--tw-text-opacity));
 --tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
 --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
 box-shadow: none;
 transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.15s;
 padding-left: 0;
 padding_right: 0;
}
.btn-container .btn:focus {
 outline:2px solid #0000;
 outline-offset:2px
}
.btn-container .btn:hover {
 outline:2px solid #0000;
 outline-offset:2px;
 color: white;
}
.btn-container .btn.active,
.btn-container .btn:focus {
 --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.btn-container .btn.active {
 font-weight:700
}
.btn-container .btn.btn-agree {
 --tw-bg-opacity:1;
 background-color:#A3D869;
 --tw-ring-opacity:1;
 --tw-ring-color:transparent;
}
.btn-container .btn.btn-agree:focus,
.btn-container .btn.btn-agree:hover {
 --tw-bg-opacity:1;
 background-color:#8acd41;
 /* color: #FFC80C; */
}
@media (min-width:1024px) {
 .btn-container .btn.btn-agree {
  width:12rem
 }
}
.btn-container .btn.btn-neutral {
 --tw-bg-opacity:1;
 background-color:#00AED8;
 --tw-ring-opacity:1;
 --tw-ring-color:transparent;
}
.btn-container .btn.btn-neutral:focus,
.btn-container .btn.btn-neutral:hover {
 --tw-bg-opacity:1;
 background-color:#008eb1;
}
@media (min-width:1024px) {
 .btn-container .btn.btn-neutral {
  width:7rem
 }
}
.btn-container .btn.btn-disagree {
 --tw-bg-opacity:1;
 background-color:#01214c;
 --tw-ring-opacity:1;
 --tw-ring-color:transparent;
}
.btn-container .btn.btn-disagree:focus,
.btn-container .btn.btn-disagree:hover {
 --tw-bg-opacity:1;
 background-color:#000000;
}
@media (min-width:1024px) {
 .btn-container .btn.btn-disagree {
  width:12rem
 }
}
.btn-row {
 margin-top:1.5rem;
 display:flex;
 flex-direction:column;
 justify-content:space-between
}
.btn-row > .btn:hover > .h-5 {
 color: white !important;
}
.btn-row>:not([hidden])~:not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(.5rem*var(--tw-space-y-reverse))
}
@media (min-width:768px) {
 .btn-row {
  flex-direction:row
 }
 .btn-row>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  --tw-space-x-reverse:0;
  margin:calc(0px*(1 - var(--tw-space-y-reverse))) calc(.5rem*var(--tw-space-x-reverse)) calc(0px*var(--tw-space-y-reverse)) calc(.5rem*(1 - var(--tw-space-x-reverse)))
 }
}
.btn-row .btn {
 height:100%;
 border-radius:.75rem;
 --tw-bg-opacity:1;
 background-color:#FFC80C;
 padding:.375rem .75rem;
 --tw-text-opacity:1;
 color:rgb(64 64 64/var(--tw-text-opacity));
 --tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
 --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
 /*! box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); */
 --tw-ring-opacity:1;
 --tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));
 transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.15s;
 /*! border-color: white; */
 /*! border-width: 3px; */
 border-radius: 0 25px 25px 25px;
}
.btn-row .btn:focus,
.btn-row .btn:hover {
 --tw-bg-opacity:1;
 color: white;
}
.btn-row .btn:focus {
 outline:2px solid #0000;
 outline-offset:2px;
 --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.badge.bg-yellow-500{
 color: rgb(0 20 50);
 background-color: #ffffff;
}
.badge {
 margin-top:.25rem;
 margin-bottom:.25rem;
 display:flex;
 border-radius: 1.5rem;
 padding: .375rem .75rem;
 font-size:.875rem;
 line-height:1.25rem;
 font-weight:600;
 --tw-text-opacity:1;
 color:rgb(255 255 255/var(--tw-text-opacity))
}
@media (min-width:640px) {
 .badge {
  margin-left:.25rem;
  margin-right:.25rem;
  display:inline-flex
 }
}
label.favbox.group {
 margin-bottom:.5rem;
 display:flex;
 cursor:pointer;
 align-items:flex-start;
 justify-content:flex-start
}
label.favbox.group {
 margin-bottom:.5rem;
 display:flex;
 cursor:pointer;
 align-items:flex-start;
 justify-content:flex-start;
}
.favbox.group:hover > div.favbox {
 background-color: rgb(255 200 20) !important;
}
.reactionsign {
	/* # color: red!important; */
	transform: scale(1.4) !important;
}

label.favbox div.favbox {
 margin-right: .75rem;
 display:flex;
 height:1.5rem;
 width:1.5rem;
 flex-shrink:0;
 align-items:center;
 justify-content:center;
 border-radius: 1.5rem;
 border-color: #FFC80C;
 border-width: 4px !important;
 --tw-bg-opacity:1;
 background-color: transparent;
 --tw-shadow: none;
 --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
 box-shadow: none;
 --tw-ring-opacity: none;
 --tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity));
 transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.15s
}
label.favbox div.favbox:focus-within {
 --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
label.favbox div.favbox input {
 position:absolute;
 cursor:pointer;
 opacity:0;
}
.menubar {
 overflow-x:auto;
 overflow-y:hidden;
 --tw-bg-opacity:1;
 background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.menubar .menu {
 display:flex;
 height:1.75rem;
 flex-direction:row;
 flex-wrap:nowrap
}
.menubar .menu>:not([hidden])~:not([hidden]) {
 --tw-space-x-reverse:0;
 margin-right:calc(.5rem*var(--tw-space-x-reverse));
 margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))
}
.menubar .menu {
 overflow:visible;
 white-space:nowrap;
 padding:.25rem .5rem;
 font-size:.875rem;
 line-height:1.25rem;
 --tw-text-opacity:1;
 color:rgb(0 0 0/var(--tw-text-opacity))
}
@media (min-width:640px) {
 .menubar .menu {
  place-content:center
 }
}
@media (min-width:768px) {
 .menubar .menu>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(1rem*var(--tw-space-x-reverse));
  margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))
 }
}
.menubar .menu div {
 flex-shrink:0;
 font-weight:600
}
.menubar .menu a {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 white-space:nowrap;
 --tw-text-opacity:1;
 color:rgb(38 38 38/var(--tw-text-opacity));
 -webkit-text-decoration-line:underline;
 text-decoration-line:underline
}
.menubar .menu a:hover {
 --tw-text-opacity:1;
 color:rgb(115 115 115/var(--tw-text-opacity))
}
.menubar .menu span.active {
 font-style:italic;
 -webkit-text-decoration-line:none;
 text-decoration-line:none
}
.menubar .menu span.active:hover {
 color:inherit
}
.shortcuts {
 margin-top:4rem;
 display:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 text-align:center
}
@media (min-width:768px) {
 .shortcuts {
  display: none;
 }
}
.shortcuts div {
 display:inline-block;
 justify-content:center;
 text-align:left
}
.shortcuts div ul>:not([hidden])~:not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(.25rem*var(--tw-space-y-reverse))
}
.shortcuts div ul {
 font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
 font-size:.875rem;
 line-height:1.25rem;
 --tw-text-opacity:1;
 color:rgb(0 0 0/var(--tw-text-opacity));
 opacity:.3
}
.shortcuts div ul li .icon {
 display:inline-block;
 height:1.25rem;
 width:1.25rem;
 border-radius:.375rem;
 --tw-bg-opacity:1;
 background-color:rgb(0 0 0/var(--tw-bg-opacity));
 padding:.125rem;
 text-align:center;
 font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
 font-size:.75rem;
 line-height:1rem;
 font-weight:700;
 --tw-text-opacity:1;
 color:rgb(255 255 255/var(--tw-text-opacity))
}
body {
 background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));
 /* --tw-gradient-from:#FFC80C;
 --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#FFC80C);
 --tw-gradient-to:#FFC80C; */
 --tw-gradient-from:transparent;
 --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent);
 --tw-gradient-to:transparent;
 color: #011633;
 font-family: FabrikatNormal;
}
@font-face {
    font-family: 'FabrikatNormal';
    src: url('fonts/FabrikatNormal/FabrikatNormal-Regular.woff2') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'FabrikatNormal';
    src: url('fonts/FabrikatNormal/FabrikatNormal-Bold.woff2') format('woff');
    font-weight: 600;
    font-style: bold;
}
#logo { 
  position: relative; 
  top: 20px; /* 5*/
  left:15rem;
  width: 9%;
  max-width: 20%;
  max-height: 27%;
 }
.img_LZ {
 height:75px;
  background-position: top right;
  text-align: center;
}
.container_LZ_img {
 max-width:80rem; /* dachte für die breite */
 padding-bottom: 3rem;
}
input:checked+svg {
 display:block
}
.infobox {
 margin-top:1.25rem;
 border-radius:.25rem;
 border-width:1px;
 --tw-border-opacity:1;
 border-color:rgb(163 163 163/var(--tw-border-opacity));
 padding:.75rem;
 font-style:italic;
 --tw-text-opacity:1;
 color:rgb(163 163 163/var(--tw-text-opacity))
}
.hover\:text-gray-400:hover {
 --tw-text-opacity:1;
 color:rgb(163 163 163/var(--tw-text-opacity))
}
.hover\:text-gray-200:hover {
 --tw-text-opacity:1;
 color:rgb(229 229 229/var(--tw-text-opacity))
}
.group:hover .group-hover\:bg-yellow-600 {
 --tw-bg-opacity:1;
 background-color:rgb(202 138 4/var(--tw-bg-opacity))
}
@media (min-width:640px) {
 .sm\:m-0 {
  margin:0
 }
 .sm\:my-auto {
  margin-top:auto;
  margin-bottom:auto
 }
 .sm\:mx-5 {
  margin-left:1.25rem;
  margin-right:1.25rem
 }
 .sm\:inline-flex {
  display:inline-flex
 }
 .sm\:max-h-32 {
  max-height:8rem
 }
 .sm\:max-h-28 {
  max-height:7rem
 }
 .sm\:grid-cols-2 {
  grid-template-columns:repeat(2,minmax(0,1fr))
 }
 .sm\:grid-cols-3 {
  grid-template-columns:repeat(3,minmax(0,1fr))
 }
 .sm\:flex-row {
  flex-direction:row
 }
 .sm\:space-x-4>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(1rem*var(--tw-space-x-reverse));
  margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))
 }
 .sm\:space-y-0>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0px*var(--tw-space-y-reverse))
 }
 .sm\:p-8 {
  padding:2rem
 }
 .sm\:px-16 {
  padding-left:4rem;
  padding-right:4rem
 }
}
@media (min-width:768px) {
 .md\:col-span-2 {
  grid-column:span 2/span 2
 }
 .md\:row-start-auto {
  grid-row-start:auto
 }
 .md\:mb-5 {
  margin-bottom:1.25rem
 }
 .md\:block {
  display:block
 }
 .md\:inline-block {
  display:inline-block
 }
 .md\:hidden {
  display:none
 }
 .md\:grid-cols-3 {
  grid-template-columns:repeat(3,minmax(0,1fr))
 }
 .md\:space-x-5>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(1.25rem*var(--tw-space-x-reverse));
  margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)))
 }
 .md\:p-8 {
  padding:2rem;
 }
 .md\:p-3 {
  padding: 0;
 }
}
@media (min-width:1024px) {
 .lg\:col-span-2 {
  grid-column:span 2/span 2;
 }
 .lg\:col-span-5 {
  grid-column:span 5/span 5
 }
 .lg\:mb-7 {
  margin-bottom:1.75rem
 }
 .lg\:grid-cols-7 {
  grid-template-columns:repeat(7,minmax(0,1fr))
 }
 .lg\:p-12 {
  padding:0;
 }
 .lg\:p-9 {
  padding:2.25rem
 }
 .lg\:p-10 {
  padding:1.5rem;
 }
}
@media (min-width:1280px) {
 .xl\:max-w-7xl {
  max-width:80rem
 }
 .xl\:p-16 {
  padding:4rem
 }
}
@media (min-width:1536px) {
 .\32xl\:p-28 {
  padding:7rem
 }
}