/* ____________________________________ Reset Elements ____________________________________ */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)){
all: unset;
display: revert;
}

*, *::before, *::after{
box-sizing: border-box;
}

a, button{
cursor: revert;
}

ol, ul, menu{
list-style: none;
}

img{
max-inline-size: 100%;
max-block-size: 100%;
}

table{
border-collapse: collapse;
}

input, textarea{
-webkit-user-select: auto;
}

textarea{
white-space: revert;
}

meter{
-webkit-appearance: revert;
appearance: revert;
}

:where(pre){
all: revert;
}

::placeholder{
color: unset;
}

::marker{
content: initial;
}

:where([hidden]){
 display: none;
}

:where([contenteditable]:not([contenteditable="false"])){
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
}

:where([draggable="true"]){
-webkit-user-drag: element;
}

:where(dialog:modal){
all: revert;
}

/* ____________________________________ Variablen ____________________________________ */
:root{
--font_gro_bol: 'GrotaSansAltRd-SemiBold', sans-serif;
--font_gro_lig: 'GrotaSansAltRd-Light', sans-serif;
--font_tta_lig: 'TT Autonomous ExtraLight', sans-serif;
--color_yellow: #ffdd00;
--color_white: #fff;
--color_black: #000;
--color_black_gra_tt: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 100%);
--color_black_gra_tb: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 100%);
}