/* Allgemein */
  
  :root {
  	--akzent : #66777d;
  	--text : #000;
  	--hg : #fff;
  	--header : #d7d7d7;
  	--grau : #666;
  	--schatten : #888888;
  	--mittelgrau : #aaa;
  	--hellgrau : #ddd;
  	--gruen : #226B41;
  	--rot : #8F1D0A;
  	--fehler : #DB563D;
  }
  
  @font-face {
  	font-family : geist;
  	src : url('../font/geist.ttf') format('truetype');
  	font-display : swap;
  }
  
  * {
  	font-family : geist, sans-serif;
  	box-sizing : border-box;
  }
  
  html, body {
  	width : 100%;
  	height : 100%;
  	margin : 0;
  	padding : 0;
  	background : var(--akzent);
  	color : var(--text);
  	font-weight : 300;
  }
  
  button {
    cursor : pointer;
  }
  
  .sr {
    display : inline-block;
    font-size : 0;
    width : 0;
    height : 0;
    overflow : hidden;
    padding : 0;
    margin : 0;
    border : 0;
    position : absolute;
    top : -100vh;
    left : -100vw;
  }
  
  .mobile, .ausgeblendet {
    display : none;
  }
  
  strong {
    background : #eee; 
    font-weight : 500; 
  }
  
  .fehler_zahl {
    background : var(--fehler);
    color : var(--hg);
    padding : 0 0.2em;
  }
  
  
  
  /* Header */
  
  header {
    font-size : 100%;
  	background : var(--header);
  	color : var(--text);
  	display : flex;
  	align-items : stretch;
  	letter-spacing : 0.1em;
  }
  
  header img {
  	width : 200px;
  	margin : 0;
  	padding : 2em 2em 2em 1.5em;
  	max-height : 100%;
  }
  
  header nav {
    width : 100%;
  	text-align : right;
  	padding : 0;
  	margin : 0 2em;
  	display : flex;
  	justify-content : flex-end;
  }
  
  header nav::after {
  	content : "";
  	clear : both;
  	display : table;
  }
  
  header nav ul {
    height : 100%;
  	list-style : none;
  	font-size : 185%;
  	padding : 0;
  	margin : 0;
  	display : flex;
  	align-items : center;
  }
  
  header nav li {
  	display : inline-block;
  	margin-left : 1em;
  	counter-increment : li;
  	white-space : nowrap;
  	height : 100%;
  	display : flex;
  	align-items : center;
  	position : relative;
  }
  
  header nav li::before {
    content : '['counter(li)']';
    color : var(--akzent);
    font-size : 50%;
    margin-right : 0.3em;  
    transition : color 0.2s;     
  }
  
  header nav li button {
    background : var(--header);
    color : var(--akzent);
    font-size : 60%;
    border : 0;
    line-height : 140%;
    margin : 0 0 0 0.3em;
    padding : 0;
    transition : 0.2s;
  }
  
  header nav li button:hover, header nav li button:focus {
    color : var(--text);
  }
  
  header nav li a:link, header nav li a:visited {
    color : var(--text);
    padding : 0.2em 0.5em;  
    text-decoration : underline;
    text-decoration-thickness : 1px;
    text-decoration-color : var(--akzent);
    text-underline-offset : 0.1em;  
    transition : background 0.2s, color 0.2s;
    border-radius : 1em;
  }
  
  header nav li a:hover, header nav li a:focus {
    background : var(--text);
    color : var(--hg);  
    text-decoration : none;
  }
  
  header nav li:hover::before {
    color : var(--text);  
  }
  
  header nav li .pfeil {
    background : var(--header);
    width: 0px;
    height: 0px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 0 0.5em 0.5em 0.5em;
    border-color: transparent transparent var(--akzent) transparent;
    position : absolute;
    bottom : 0;
    left : 50%;   
    display : none; 
  }
  
  #pfeil1 {
   display : block;
  }
  
  
  
  
  /* Inhalt */
  
  main {
  	padding : 1em 1em 3em 1em;
  	background : var(--hg);
  	color : var(--text);
  	font-size : 135%;
  	letter-spacing : 0.1em;
  	line-height : 1.5em;
  	width : 100%;
  	font-weight : 300;
  }
  
  .inhalt {
    line-height : 1.5em;
    font-size : 100%;
    letter-spacing : 0.1em;    
    width : 100%;
  }
  
  main nav {
    background : var(--akzent);
    margin : -1em -1em 0 -1em;
    padding : 0em 1em 0.1em 1em;
  }
  
  main nav ul {
    list-style : none;
    font-size : 100%; 
    margin : 0 0 1em 0;
    padding : 0;  
  }

  main nav ul li {
    display : inline-block;
    margin-right : 0.5em;
    white-space : nowrap;
  }
  
  main nav ul li a:link, main nav ul li a:visited, main nav ul li a:active {
    display : inline-flex;
    justify-content : center;
    align-items : center;
    font-size : 100%;
    color : var(--hg);
    background : var(--akzent);
    border-color : var(--hg);
    border-width : 1px;
    border-style : solid;
    border-radius : 1em;
    padding : 0.2em 0.6em;
    transition : background 0.2s;
    margin : 1em 0.5em 0 0;
    text-decoration : none;
  }
  
  main nav ul li a span {
    text-decoration : underline;
    text-decoration-thickness : 1px;
    text-decoration-color : var(--mittelgrau);
    text-underline-offset : 0.1em;    
    overflow-wrap : break-word;
  }
  
  main nav ul li a:hover, main nav ul li a:focus {
    color : var(--akzent);
    background : var(--hg);
  }
  
  main nav ul li a:hover span, main nav ul li a:focus span {
    text-decoration-color : transparent;
  }
  
  main nav ul li button.sagen {
    margin : 0 2em 0 -0.5em;
    padding : 0;
    border : 0;
    font-size : 75%;
    background : var(--akzent);
    color : var(--hg);
  } 
  
  main h2 {
    all : unset;
    display : block;
    font-weight : 300;
    font-size : 140%;
    padding : 1em 0 0.1em 0;
    margin : 0 0 1em 0;   
    position : relative; 
    border-bottom: 4px solid transparent;
    border-top: 0px solid transparent;
    border-image: linear-gradient(to right, var(--akzent) 1em, transparent 1em);
    border-image-slice: 1;
    text-decoration : none;
    text-decoration-thickness : 5px;
    text-underline-offset : 0.2em;
    letter-spacing : inherit;
  }
  
  main h2:first-of-type {
    margin : 2em 0 1em 0;  
    padding : 1em 0 0 0; 
  }
  
  main h2 button.sagen {
    font-size : 60%;
  }
  
  main hr:first-of-type {
    display : none;
  }
  
  main hr {
    margin : 3em -1.1em;
    height : 20px;
    background : var(--akzent);
    color : var(--akzent);
    border : 0;
  }
  
  main p {
    margin : 0 0 1em 0;
    text-decoration : none;
    text-decoration-thickness : 5px;
    text-underline-offset : 0.1em;
    letter-spacing : inherit;
  }
  
  main span#text_fehler_laenge {
    text-decoration : none;
    text-decoration-thickness : 5px;
    text-underline-offset : 0.1em;
    letter-spacing : inherit;
  }
  
  main ul.liste, main ul.sitemap {
    margin-left : 1em;
    padding-left : 0;
  }
  
  main ul.vliste {
   list-style : none;
   margin-left : 0;
  }
  
  main ul.liste li, main ul.sitemap li {
    margin-bottom : 0.5em;
  }
  
  main ul.liste li a:link, main ul.liste li a:visited, main ul.liste li a:active {
    margin-top : 0.5em;  
  }
  
  main ul.uebungen {
    margin : 0;
    padding : 0 0 0 2em;
  }
  
  main ul.uebungen li {
    list-style : none;
    margin : 0 0 1em 0;
  }
  
  main ul.uebungen li i:first-of-type {
    color : var(--akzent);
    margin-right : 0.5em;
  }
  
  main ul.uebungen li button i:first-of-type {
     color : var(--text);
     margin-right : 0;
  }
  
  main span.nobr {
    /*white-space : nowrap;*/
  }
  
  main li {
    text-decoration : none;
    text-decoration-thickness : 5px;
    text-underline-offset : 0.1em;
    letter-spacing : inherit;
  }
  
  main li.vie {
    font-size : 70%;
  }
  
  main li span {
    text-decoration : none;
    text-decoration-thickness : 5px;
    text-underline-offset : 0.2em;
    letter-spacing : inherit;
  }
  
  a.ohne_icon:link, a.ohne_icon:visited, a.ohne_icon:active {
    display : inline-block;
    background : var(--akzent);
    color : var(--hg);
    font-size : 100%;
    border : 0;
    border-radius : 1em;
    padding : 0.2em 0.6em;
    box-shadow: 1px 1px 8px var(--schatten);
    text-decoration : underline;
    text-decoration-thickness : 1px;
    text-decoration-color : var(--mittelgrau);
    text-underline-offset : 0.1em;
    transition : background 0.2s;
    margin : 0 0 1em 0;
  }
  
  a.ohne_icon:hover, a.ohne_icon:focus {
    text-decoration-color : transparent;
    background : var(--text);
  }
  
  button[type=submit], button#markieren {
    all : unset;   
    cursor : pointer;
  }
  
  button.hintergrund {
    background : transparent;
    border : 0;
    text-decoration : underline;
    text-decoration-thickness : 1px;
    text-decoration-color : var(--mittelgrau);
    text-underline-offset : 0.1em;
    margin-right : -1em;
    padding-right : 0;
  }
  
  button.hintergrund:hover, button.hintergrund:focus {
    text-decoration : none;
  }
  
  a.mit_icon:link, a.mit_icon:visited, a.mit_icon:active, button[type=submit], button#markieren {
    display : inline-flex;
    justify-content : center;
    align-items : center;
    background : var(--akzent);
    color : var(--hg);
    font-size : 100%;
    border : 0;
    border-radius : 1em;
    padding : 0.2em 0.6em;
    box-shadow: 1px 1px 8px var(--schatten);
    text-decoration : none;
    margin : 0 0 1em 0;
    overflow-wrap : break-word;
  }
  
  address a.mit_icon:link, address a.mit_icon:visited, address a.mit_icon:active {
    box-shadow : none;
  }
  
  a.mit_icon span, button[type=submit] span, button#markieren span {
    text-decoration : underline;
    text-decoration-thickness : 1px;
    text-decoration-color : var(--mittelgrau);
    text-underline-offset : 0.1em;
    transition : background 0.2s;  
  }
  
  a.mit_icon:hover, a.mit_icon:focus, button[type=submit]:hover, button[type=submit]:focus, button#markieren:hover, button#markieren:focus {
    background : var(--text);
  }
  
  a.mit_icon:hover span, a.mit_icon:focus span, button[type=submit]:hover span, button[type=submit]:focus span, button#markieren:hover span, button#markieren:focus span {
    text-decoration-color : transparent;
  }
  
  main button.sagen {
    margin : 0 0 0 1em;
    padding : 0;
    border : 0;
    font-size : 75%;
    background : var(--hg);
    color : var(--text);
  }
  
  main button.sagen_fehler {
    margin : 0 0.5em;
    color : var(--fehler);
  }
  
  main button.sagen_absatz {
    margin : 0;
  }
  
  button#seitenanfang {
    display : inline-flex;
    justify-content : center;
    align-items : center;
    position : fixed;
    bottom : 2.5em;
    right : 0.5em;
    background : var(--text);
    color : var(--hg);
    border-radius : 100%;
    border : 0;
    padding : 0.2em;
    margin : 0;
    font-size : 200%;
    width : 1.5em;
    height : 1.5em;
    transition : 0.2s;
    box-shadow : 0 0 15px var(--grau);
  }
  
  button#seitenanfang i {
    letter-spacing : 0;
  }
  
  button#seitenanfang:hover, button#seitenanfang:focus {
    transform : scale(1.15);
  }
  
  button.sagen {
    transition : 0.2s;
  }
  
  button.sagen:hover, button.sagen:focus-visible, header button:hover, header button:focus-visible {
    transform : scale(1.3);
  }
  
  fieldset.text {
    display : grid;
    margin : 0;
    padding : 0;
    border : 0;
    z-index : 0;
    position : relative;
    background : var(--hg);
  }
  
  fieldset.text i {
    position : absolute;
    bottom : 0.5em;
    right : 0.5em;
    color : var(--akzent);
  }

  fieldset.text::after {
    content : attr(data-inhalt) " ";
    white-space : pre-wrap;
    visibility : hidden;
    }

  fieldset.text > textarea {
    resize : none;
    overflow : hidden;
    z-index : 1;
    background : transparent;
    }

  fieldset.text > textarea, fieldset.text::after {
    font-size : inherit;
    font-family : geist;
    letter-spacing : inherit;
    line-height : inherit;
    color : var(--text);
    padding : 0.5em 1.5em 0.5em 0.8em;
    border-width : 2px;
    border-style : solid;
    border-color : var(--akzent);
    border-radius : 1em;   
    grid-area: 1 / 1 / 2 / 2;
    }
  
  fieldset.text > textarea:focus {
    border-width : 6px;
    outline : 0;
    }
    
  #fehler_laenge {
    display : none;
    font-weight : 500;
    color : var(--fehler);
  }
    
  fieldset.radio {
    margin : 1em 0;
    padding : 0;
    border : 0;
  }
  
  fieldset.radio input[type=radio] {
    appearance: none;
    margin: 0 0 0.5em 0;
    font: inherit;
    width: 1.15em;
    height: 1.15em;
    border: 2.5px solid var(--akzent);
    border-radius: 50%;
    display: inline-grid;
    place-content: center;
  }
  
  fieldset.radio input[type="radio"]::before {
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--akzent);
  }

  fieldset.radio input[type="radio"]:checked+label {
    background : #eee; 
    font-weight : bolder;    
  }
  
  fieldset.radio input[type="radio"]:checked::before {
    transform: scale(1);
  }
  
  fieldset.radio label {
    text-decoration : none;
    text-decoration-thickness : 5px;
    text-underline-offset : 0.1em;
    letter-spacing : inherit;
  }
    
  button[type=submit] {
    margin-top : 0.5em;
    cursor : pointer;
  }

  
  
    
  /* Footer */
  
  footer {
    font-size : 130%;
  	padding : 1em;
  	background : var(--akzent);
  	color : var(--hg);
  	letter-spacing : 0.1em;
  }
  
  footer nav {
    all : unset;
    font-weight : 300;
  }
  
  footer nav ul {
    list-style : none;
    font-size : 100%; 
    margin : 0;
    padding : 0;  
  }

  footer nav ul li {
     display : inline-block;
     margin-right : 0.5em;
     white-space : nowrap;
  }
  
  footer button.menu {
    display : inline-flex;
    justify-content : center;
    align-items : center;
    font-size : 100%;
    color : var(--hg);
    background : var(--akzent);
    border-color : var(--hg);
    border-width : 1px;
    border-style : solid;
    border-radius : 1em;
    padding : 0.3em 0.7em;
    transition : background 0.2s;
    margin : 0 0.5em 0 0;
    text-decoration : none;
    font-weight : 300;
  }
  
  footer button.menu span.linktext {
    text-decoration : underline;
    text-decoration-thickness : 1px;
    text-decoration-color : var(--mittelgrau);
    text-underline-offset : 0.1em;
    margin : 0 0.4em;   
  }
  
  footer button.menu:hover, footer button.menu:focus {
    color : var(--akzent);
    background : var(--hg);
  }
  
  footer button.menu:hover span.linktext, footer button.menu:focus span.linktext {
    text-decoration-color : transparent;
  }
  
  footer button.menu span.linktab {
    font-size : 50%;
  }
  
  footer button.sagen {
    margin : 0 2em 0 -0.5em;
    padding : 0;
    border : 0;
    font-size : 75%;
    background : var(--akzent);
    color : var(--hg);
  }
  
 address {
    display : block;
    margin : 4em 0 0 0;
    font-size : 50%;
    font-style : normal;
  }
  
  
  
  
  /* Accessability-Menu */
  
  button#accessibility {
    display : inline-flex;
    justify-content : center;
    align-items : center;
    position : fixed;
    bottom : 0.5em;
    right : 0.5em;
    background : var(--text);
    color : var(--hg);
    border-radius : 100%;
    border : 0;
    padding : 0.2em;
    margin : 0;
    font-size : 200%;
    width : 1.5em;
    height : 1.5em;
    transition : 0.2s;
    box-shadow : 0 0 15px var(--grau);
  }
  
  button#accessibility i {
    letter-spacing : 0;
  }
  
  button#accessibility:hover, button#accessibility:focus {
    transform : scale(1.15);
  }
  
  section#menu_accessibility {
    background : var(--text);
    color : var(--hg);
    width : 35%;
    height : 100%;
    display : none;
    position : fixed;
    top : 0;
    right : 0;
    padding : 2em 3em 2em 2em;
    overflow : scroll;
    letter-spacing : 0.1em;
  }
  
  section#menu_accessibility button.x, section#menu_accessibility button.x2 {
    border : 0;
    margin : 0;
    padding : 0;
    background : var(--text);
    color : var(--hg);
    position : fixed;
    top : 0.5em;
    right : 0.5em;
    font-size : 200%;
    transition : 0.2s;    
  }  
  
  section#menu_accessibility button.x {
    z-index : 2;
  }
  
  section#menu_accessibility button.x2 {
    z-index : 1;
  }
  
  section#menu_accessibility button.x:hover,  section#menu_accessibility button.x:focus {
    transform : scale(1.15);
    color : var(--hg);
    background : var(--text);
  }
  
  section#menu_accessibility button.x2:hover,  section#menu_accessibility button.x2:focus {
    transform : scale(1.15);
    color : var(--hg);
    background : var(--text);
    z-index : 3;
  }
  
  section#menu_accessibility h2 {
    font-weight : 300;
    margin : 0 0 1em 0;
    font-size : 200%;
  }
  
  section#menu_accessibility h3 {
    font-weight : 300;
    margin : 0 0 1em 0;
    font-size : 150%;  
  }
  
  section#menu_accessibility p {
    font-weight : 300;
    margin : 0 0 2em 0;
    font-size : 150%;  
    text-decoration : none;
    text-decoration-thickness : 5px;
    text-underline-offset : 0.1em;
  }
  
  section#menu_accessibility ul {
    list-style : none;
    margin : 0;
    padding : 0;
  }
  
  section#menu_accessibility li {
    font-size : 200%;
    margin : 0 0 2em 0;
  }
  
  section#menu_accessibility li span {
    text-decoration : none;
    text-decoration-thickness : 5px;
    text-underline-offset : 0.1em;
  }
  
  section#menu_accessibility button.schalter {
    font-size : 100%;
    border-radius : 100%;
    width : 1em;
    height : 1em;
    padding : 0 0 0.1em 0;
    margin : 0;
    border-color : var(--hg);
    border-width : 2px;
    border-style : solid;
    color : var(--hg);
    background : var(--text);
    display : inline-flex;
    justify-content : center;
    align-items : center;
    transition : 0.2s;
    letter-spacing : 0;
    line-height : 1;
  }
  
  section#menu_accessibility button.schalter:hover, section#menu_accessibility button:focus {
    color : var(--text);
    background : var(--hg);
  }
  
  section#menu_accessibility button.links {
    margin-right : 0.5em; 
    letter-spacing : 0;
    line-height : 1;
  }
  
  section#menu_accessibility button.rechts {
    margin-left : 0.5em;
    letter-spacing : 0;
    line-height : 1;
  }
  
  section#menu_accessibility button.sagen {
    margin : 0 0 0 1em;
    padding : 0;
    border : 0;
    font-size : 75%;
    background : var(--text);
    color : var(--hg);
  }
  
  section#menu_accessibility img {
    border-width : 1px;
    border-style : solid;
    border-color : var(--hg);
    border-image-outset : 0.2em;
    max-width : 100%;
    padding : 0.75em;
  }
  
  section#menu_accessibility button#\34_1 {
    visibility : hidden;
  }
  
  
  
  
  /* Warnhinweis */
  
  section#warnhinweis {
    width : 100%;
    height : 100%;
    color : var(--text);
    background : var(--hg);
    position : fixed;
    top : 0;
    left : 0;
    border-width : 1em;
    border-style : solid;
    border-color : var(--akzent);
    justify-content : center;
    font-size : 150%;
    display : none;
    z-index : 9999;
    letter-spacing : 0.1em;
    padding : 1em;
    overflow-x : scroll;
    overscroll-behavior : none;
  }
  
  #warnhinweis button.sagen {
    margin : 0 0 0 1em;
    padding : 0;
    border : 0;
    font-size : 75%;
    background : var(--hg);
    color : var(--text);
  }
  
  #warnhinweis button.ja, #warnhinweis button.nein {
    font-size : 100%;
    color : var(--hg);
    border-color : var(--hg);
    border-width : 2px;
    border-style : solid;
    border-radius : 1em;
    padding : 0.2em 0.6em;
    transition : background 0.2s;
    margin : 0 0.5em 0 0;
    display : inline-flex;
    align-items : center;
    justify-content : center;
  }
  
  #warnhinweis button.ja {
      background : var(--gruen);    
  }
  
  #warnhinweis button.nein {
       background : var(--rot);   
  }
  
  #warnhinweis button span {
    text-decoration : underline;
    text-decoration-thickness : 1px;
    text-decoration-color : var(--mittelgrau);
    text-underline-offset : 0.1em;
  }
  
  #warnhinweis button.ja:hover, #warnhinweis button.ja:focus, #warnhinweis button.nein:hover, #warnhinweis button.nein:focus {
    color : var(--hg);
    background : var(--text);
  }
  
  #warnhinweis button.ja:hover span, #warnhinweis button.ja:focus span, #warnhinweis button.nein:hover span, #warnhinweis button.nein:focus span {
  text-decoration-color : transparent;
  }

  
  #warnhinweis p {
    width : 15em;
    margin : 0;
    padding : 0;
    text-decoration : none;
    text-decoration-thickness : 5px;
    text-underline-offset : 0.1em;
    text-align : center;
  }
  
  #warnhinweis p span {
    text-decoration : none;
    text-decoration-thickness : 5px;
    text-underline-offset : 0.1em;
    text-align : center;
  }
  
  #warnhinweis q {
    display : inline-block;
    padding : 0.2em;
    border-width : 2px;
    border-style : solid;
    border-color : var(--akzent);
    quotes : none;
    max-width : calc(100% - 0.4em - 4px);
    overflow-wrap: break-word;
  }
  
  q::before, q::after {
    content: '';
  }
  
  
  
  
  /* Tablet */
  
  @media screen and (max-width: 1470px) {
  
  header nav ul {
    font-size : 150%;
  }
  
  }
  
  @media screen and (max-width: 1375px) {
  
  section#menu_accessibility {
    width : 50%;
  }
  
  }
  
  @media screen and (max-width: 1240px) {
  
  header {
    align-items : center;
  }
  
  header nav, header nav ul {
    display : block;
  }
  
  header nav ul li {
    display : block;
    margin-bottom : 0.5em;
  }  
  
  header nav ul li .pfeil {
    border-width : 0;
  }
  
  header nav li button {
    font-size : 70%;
  }
  
  main nav {
    padding-top : 1em;
  }
  
  main nav ul {
    width : 100%;
  }
  
  main nav ul li {
    width : calc(100% - 2em);
    display : block;
    margin-bottom : 1em;
  }
  
  main nav ul li a:link, main nav ul li a:active, main nav ul li a:visited {
    width : 100%;
    margin : 0 0.5em 0 0;   
  }
  
  section#menu_accessibility p#accessibility_erklaerung, section#menu_accessibility li {
    font-size : 150%;
  }
  
  
  }
  
  
  
  
  /* Smartphone */
  
  @media screen and (max-width : 750px) {
 
  body {
  } 
 
  header {
    display : block;
    overflow-x : hidden;
  } 
  
  header img {
    display : none;
  }
  
  header nav {
    text-align : left;
    padding : 0;
    margin : 0 1.3em;
    width : 100%;
  }    
  
  header nav ul {
    padding : 0.5em 0 0.25em 0;
    width : 100%;
    
  }
  
  header nav li {
    margin: 0 0 0.25em 0;
    width : 100%;
    font-size : 70%;
  }
  
  header nav li::before {
    content : "";
    margin : 0;
  }
  
  header nav li a {
    display : inline-flex;
    align-items : center;
    border-color : var(--text); 
    border-style : solid;
    border-width : 1px; 
    margin : 0.25em 0; 
    width : calc(100% - 5.5em);
  }
  
  header nav li a:link, header nav li a:visited, header nav li a:active {
    padding : 0.6em 1em;
    text-decoration : none;
    border-radius : 1.5em;
  }
  
  header nav li .aufzaehlung {
    display : inline-block;
    font-size : 80%;
    font-weight : 300;
    margin-left : 0.1em;
  }
  
  header nav li button {
    font-size : 130%;
  }
  
  header nav li a .link {
    display : inline-block;
    margin-left : 0.4em;
    text-decoration : underline;
    text-decoration-thickness : 1px;
    text-decoration-color : var(--mittelgrau);
    text-underline-offset : 0.1em;
  }
  
  header nav li a:hover .link {
    text-decoration : none;
  }
  
  section#menu_accessibility {
    width : 100%;
  }
  
  .mobile {
    display : inline;
  }
  
  .gross {
    display : none;
  }
  
  footer nav ul li {
    display : block;
    margin-bottom : 1em;
  }
  
  footer nav ul li button span.linktab {
    display : none;
  }
  
  footer button.menu {
    padding : 0.6em 1em;
    border-radius : 1.5em;
  }
  
  footer button.sagen {
    font-size : 100%;
    margin-left : 0.4em;
  }
  
  main nav ul li button.sagen {
    font-size : 100%;
  }
  
  main .inhalt button.sagen {
    font-size : 100%;
  }
  
  main nav ul li {
    font-size : 70%;
    line-height : 1;
  }
  
  main .inhalt a, main form button {
    max-width : calc(100% - 3.5em);
  }
  
  main nav ul li a:link, main nav ul li a:active, main nav ul li a:visited {
    width : calc(100% - 0.4em);  
    justify-content : flex-start;
    padding : 0.8em 1em; 
    border-radius : 1.5em;
  }
  
  main nav ul li button::before {
    content : "\00a0 ";
  }
  
  a.mit_icon:link, a.mit_icon:visited, a.mit_icon:active, button[type=submit] {   
    padding : 0.6em 1em;
    border-radius : 1.5em;
    max-width : calc(100% - 5em);
  }
  
  section#menu_accessibility p#accessibility_erklaerung, section#menu_accessibility li {
    font-size : 130%;
  }
  
  }