/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C5kiK-u.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CdkiK-u.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C9kiK-u.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CBkiK-u.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CFkiK-u.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CxkiK-u.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C1kiK-u.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CNkiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C5kiK-u.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CdkiK-u.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C9kiK-u.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CBkiK-u.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CFkiK-u.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CxkiK-u.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9C1kiK-u.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sCzZCDf9_T_10c9CNkiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10UxCF8jA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10dxCF8jA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10VxCF8jA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10axCF8jA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10bxCF8jA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10WxCF8jA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10XxCF8jA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10ZxCE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10UxCF8jA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10dxCF8jA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10VxCF8jA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10axCF8jA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10bxCF8jA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10WxCF8jA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10XxCF8jA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/P5sMzZCDf9_T_10ZxCE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/*allgemeine Angaben
 * ----------------------------------------------------------*/
 * {
     margin: 0;
     padding: 0;
     -moz-box-sizing: border-box;       /*neues Boxmodell definiert*/
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     }
     header, section, footer {
     display: block;
     }

  body, head {
    font-family: 'Arimo', sans-serif;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
     color: #333;
     margin-top: 1em;
     margin-bottom: 1em;
     font-size: 1.1em;
     }
   
   img {
    max-width: 100%;
    max-height: auto;
    width: auto;
   }
   .seite {
       max-width: 1024px;
       width: 100%;
        margin: auto;
      
   }
   .bgr01 {
       background-color: #fff;
   }
   .bgr02 {
       background-color: hsl(200, 90%, 35%);
   }

/*Raster
 * *****************************************************************+*/
.row {
    width: auto;
 }
.row:before,
.row:after {
    content: "";
    display: table;
}

.row:after {
    clear: both;
}

.columns {
    float: left;
}

/*large*/

    .large-0 {width: 25%;}
    .large-1 {width: 33.33%; }
    .large-2 {width: 50%; }
    .large-3 {width: 66.66%;}
    .large-4 {width: 75%;}
    .large-5 {width: 100%;}
    .large-6 {
        width: 60%;
        margin-left: 20%;
    }

/*abstände---------------------------------------------------------*/
.disoben01 {
    padding-top:  0.5em;
}
.disoben02 {
    padding-top: 1em;
}
.disoben03 {
    padding-top: 1.5em;
}
.disoben04 {
    padding-top: 2em;
}
.disunten01 {
    padding-bottom: 0.5em;
}
.disunten02 {
    padding-bottom: 1em;
}
.disunten03 {
    padding-bottom: 1.5em;
}
.disunten04 {
    padding-bottom: 2em;
}
.disunten05 {
    padding-bottom: 8em;
}
.dislinks01 {
    padding-left: 3%;
}
.disrechts01 {
    padding-right: 3%;
}

/*Design------------------------------------------------------------*/
 .test {
    background-color: #FFFF00;
}
.logo {
    width: 30%;
    margin-left: 35%;
}
.bild02 img{
    width: 60%;
    margin-left: 20%;
}
.bild03 img{
  width: 70%;
  margin-left: 10%;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.bild04 img{
  width: 20%;
  margin-left: 40%;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.linieoben {
    border-top: solid 1px #ccc;
}



/*Schrift
 * *********************************************************************/
   h1 {
      font-size: 2em;
      line-height: 1.2em;
     font-weight: 400;
   }
   h2 {
      font-size: 1.8em;
      line-height: 1.2em;

   }
   h3 {
   font-size: 1.6em;
      font-weight: 600;
      line-height: 1.2em;

   }
    h4 {
   font-size: 1.2em;
      font-weight: 600;
      line-height: 1.2em;

   }
   p {
       padding-bottom: 0.5em;
   }

   .textmitte {
       text-align: center;
   }
   .textzitat {
       line-height: 2em;
   }
   .textrot i {
       color: #c00000;
   }

  ul {
    margin-left: 25%;
    list-style: square;
}
a {
    color: #000080;
}




.button01 {
    width: 20%;
    margin-left: 40%;
    margin-bottom: 1em;
    padding: 0.5em;
    font-size: 1.1em;
    color: #fff;
    border-radius:10px;
    text-align: center;
    background-color: #c00000;
}

.button01 a {
    color: #fff;
    text-decoration: none;
    text-align: center;
}
.formular {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #E6E6E6;
}
.label {
    padding: 0.5em;
}
.input {
    padding: 0.5em;
    width: 90%;
    border-radius:5px;
    border: 1px solid #ccc;
}
.link a {
    text-decoration: none;
    color: #c00000;
    font-weight: 400;
}
.link a:hover {
    text-decoration: none;
    font-weight: 600;
}
.button02 {
    width: 40%;
    margin-left: 30%;
    padding: 0.5em;
    font-size: 1.1em;
    color: #fff;
    border-radius:10px;
    text-align: center;
    background-color: #c00000;
    border: solid 1px #c00000;
}



footer {
   
   
}
footer a{
   text-decoration: none;
}
.fussfest {
    width: 100%;
   
    background-image: linear-gradient( 180deg, hsla(0,0%,100%,0) 0%,  hsl(0,0%,100%) 90% );
     
    position: fixed;
    bottom: 0%;
    left: 0%;
    text-align: center;
    padding-top: 2em;
    padding-bottom: 0.5em;
}



@media screen and (max-width: 780px)  {
body  { 
     
  }
 .middle-0 {width: 50%;} 
 .middle-1 {width: 100%;} 
 .middle-3 {
     width: 70%;
     margin-left: 15%;
 }
.logo {
    width: 40%;
    margin-left: 30%;
} 
.bild02 img {
    width: 80%;
    margin-left: 10%;
}
.bild03 img {
    width: 40%;
    margin-left: 30%;
}
.bild04 img {
    width: 40%;
    margin-left: 30%;
}
.button01 {
    width: 50%;
    margin-left: 25%;
}
.button02 {
    width: 70%;
    margin-left: 15%;
}
ul {
    margin-left: 15%;
    list-style: square;
}
}

@media screen and (max-width: 420px)  {
body  {  font-size: 1em;
   
  }
.small-0 { width: 50% ; }
.small-1 { width: 100% ; }
.small-3 {
    width: 90%;
     margin-left: 5%;
}
.logo {
    width: 60%;
    margin-left: 20%;
}
ul {
    margin-left: 5%;
    list-style: square;
}
.bild02 img {
    width: 80%;
    margin-left: 10%;
}
.bild03 img {
    width: 60%;
    margin-left: 20%;
}
.bild04 img {
    width: 50%;
    margin-left: 25%;
}
.button01 {
    width: 90%;
    margin-left: 5%;
}
.button02 {
    width: 90%;
    margin-left: 5%;
}

}