.knopf--sekundaer{background:var(--petrol-600);color:var(--weiss)}.knopf--sekundaer:hover{background:var(--petrol-700);color:var(--weiss)}.knopf--sekundaer:active{background:var(--petrol-800)}.dunkel .knopf--sekundaer{background:var(--petrol-500)}.knopf--kontur{color:var(--petrol-700);background:0 0;border-color:currentColor}.knopf--kontur:hover{background:var(--petrol-50);color:var(--petrol-800)}.dunkel .knopf--kontur,.flaeche--petrol .knopf--kontur{color:var(--weiss)}.dunkel .knopf--kontur:hover,.flaeche--petrol .knopf--kontur:hover{color:var(--weiss);background:#ffffff1a}.knopf--link{padding-inline:var(--ab-1);color:var(--petrol-700);background:0 0;border-color:#0000;text-decoration:none}.knopf--link:hover{color:var(--petrol-800);text-decoration:underline}.dunkel .knopf--link,.flaeche--petrol .knopf--link{color:var(--weiss)}.knopf--s{min-height:2.25rem;padding:var(--ab-1) var(--ab-3);font-size:var(--schrift-s)}.knopf--l{min-height:3.25rem;padding:var(--ab-3) var(--ab-6);font-size:var(--schrift-l);font-family:var(--schrift-titel);letter-spacing:.01em}.knopf:focus-visible{outline-offset:3px}.dunkel .knopf:focus-visible,.flaeche--petrol .knopf:focus-visible{outline-color:var(--signal-500)}