:root{
	--bg:#03312e;
	--bg_head:#037171;
	--txt_head:#49cdb1;
}
*{ padding:0; margin:0; font-family:sans-serif; position:relative; }
body{ height:100vh; background:var(--bg); }
header{ background:var(--bg_head); color:var(--txt_head); box-shadow:0px 5px 5px black; }
h1{ text-align:center; padding:10px 0px; }
main{ margin:2vh 5vw; }
.uebung{ display:flex; flex-wrap:wrap; gap:0px; justify-content:end; align-items:start; font-size:4vh; }
.uebung input[type="text"]{ height:8vh; font-size:inherit; border-radius:10px; }
.uebung span{ color:var(--txt_head); }
.uebung_bezeichnung{ padding-left:10px; flex-grow:100; min-width:70vw; }
.uebung_satz{  }
.uebung_wiederholung, .uebung_gewicht{ width:2em; text-align:center; }
nav{ position:fixed; bottom:0px; right:0px; max-width:64px; margin:20px; display:grid; gap:20px; }
nav > input{ display:none; }
nav > label{ cursor:pointer; width:64px; height:64px; border-radius:50%; font-size:32px; display:flex; justify-content:center; align-items:center; background:var(--bg_head); opacity:0.6; transition:0.5s; }
nav > label:hover{ opacity:1; }