/* Lokales Einbinden der genutzten Schriften Roboto Black und Roboto Regular*/
/*! Generated by Font Squirrel (https://www../fontsquirrel.com) on December 31, 2023 */

@font-face {
    font-family: 'protestrevolutionregular';
    src: url('font/protestrevolution-regular-webfont.woff2') format('woff2'),
         url('font/protestrevolution-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoblack';
    src: url('font/roboto-black-webfont.woff2') format('woff2'),
         url('font/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoblack_italic';
    src: url('font/roboto-blackitalic-webfont.woff2') format('woff2'),
         url('font/roboto-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('font/roboto-bold-webfont.woff2') format('woff2'),
         url('font/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold_italic';
    src: url('font/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('font/roboto-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoitalic';
    src: url('font/roboto-italic-webfont.woff2') format('woff2'),
         url('font/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('font/roboto-light-webfont.woff2') format('woff2'),
         url('font/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight_italic';
    src: url('font/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('font/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('font/roboto-medium-webfont.woff2') format('woff2'),
         url('font/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

 @font-face {
    font-family: 'robotomedium_italic';
    src: url('font/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('font/roboto-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('font/roboto-regular-webfont.woff2') format('woff2'),
         url('font/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin';
    src: url('font/roboto-thin-webfont.woff2') format('woff2'),
         url('font/roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin_italic';
    src: url('font/roboto-thinitalic-webfont.woff2') format('woff2'),
         url('font/roboto-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}        


/* Einstellung für das grundsätzliche Design, ausgerichtet auf Handys als Anzeigemedium.  */
                         
        .sp-megamenu-parent li a {
            color: white;
            font-weight: 700;
            font-size: 20px;
        }
        .sp-megamenu-parent li.active a {
            color: silver;
            font-weight: 700;
            font-size: 20px;
        }
    
/* 
.your-section-class .clearfix,
.your-section-class .sppb-addon-pricing-table,
.your-section-class .sppb-pricing-box {
    height: 100%;
}
.your-section-class .sppb-pricing-box {
    display: flex;
    flex-direction: column;
}
.your-section-class .sppb-pricing-footer {
    margin-top: auto;
} */   
        
   /* Einstellungen für die Standardschrift und die Überschriften */
   
        
        body {
             font-family: robotoregular,Arial, Helvetica, sans-serif;
             font-size: 16px;
             line-height: 1.5;
            }
            
            h1 {
               font-family: robotomedium,Arial, Helvetica, sans-serif;
               font-size: 20px;
               font-weight: semibold;
               }
            
            h2 {
                font-family: robotomedium,Arial, Helvetica, sans-serif;
                font-size: 20px;
                font-weight: semibold; 
                text-decoration: none;
                text-align: center;
                /*text-shadow: 4px 4px 4px gray; */
                }     
            
            span.sp-copyright {
            padding-top: 30px;
            padding-bottom:0px;
            color: white;
            font-size: 10px;
            text-align: center !important;
            }
            
            
    /* Einstellungen für den Seitenfuss  */ 
    
            .THW-Footer1 li {
            display: inline;
            padding-left: 5px;
            padding-right: 5px;
            font-size 18px;
            font-weight: normal;
            }

            .THW-Footer a {
            text-decoration: none;
            font-weight: medium;
            font-size 18px;
            color: #fff;
            }
        
        .THW-Footer1 ul {
          text-align: center !important;
          padding-top:40px;
          }
        
        .THW-Footer2  {
          text-align: center !important;
          font-weight: bold;
          font-size 10px !important;
        }
    
    
    /* Einstellungen  für das News-Modul.  */
       
       .THW-News1 a {
       font-size: 18px;
       color: #039 !important;
       }
    
    
    /* Einstellungen für die Klasse THW-Box, genutzt auf Startseite und bei Menschen */
      
        .THW-Box {
        padding-left: 2%;
        padding-right:2%;
        font-size: 16px;
        line-height: 1.5;
        color: #039;
        }
        
        .sppb-article-info-wrap a {
        padding-top: 15px;
        font-size: 16px;
        }
        
        a.sppb-readmore {
        font-size: 12px;
        }
        
        div.sppb-addon-content {
        font-size: 30px;
        }
        
        td.mod_events_latest, td.mod_events_latest_first {
        font-size: 18px;
        }
        
        .THW-Checkbox {
        font-size: 18px;
        line-height: 24px;
        }
        
        
        h3.sppb-addon-title{
        font-size: 22px;
        }
        
        input.sppb-form-control {
        font-size:18px;
        }
        
        
 /* Design für Handy quer als Ausgabegerät (sm)  */
 
        @media only screen and (min-width: 576px) {
            
            body {
                font-size: 16px;
                line-height: 1.5rem;
            }
            
            h1 {
                font-size: 18px;
            }
            
            h2 {
                font-size: 30px;
                }
            
            span.sp-copyright {
            padding-top: 50px;
            font-size: 12px;
            color: white;
            }
            
           .THW-Footer li {
           display: inline;
           margin: 15px;
           /*padding-left: 20px;
           padding-right: 20px; */
           font-size 20px;
           font-weight: normal;
        }

        .THW-Footer a {
          text-decoration: none;
          font-weight: medium;
          font-size 20px;
          color: #353535;
            }
        
        .THW-Footer {
          text-align: center !important;
          font-weight: bold;
          font-size 20px;
        }
        
        
        .THW-Box {
        padding-left: 0%;
        padding-right:2%;
        font-size: 20px;
        line-height: 1.5;
        color: #039;
        }
        
        .sppb-addon-content {
        font-size: 14px;
        }
        
        .sppb-article-info-wrap a {
        padding-top: 15px;
        font-size: 20px;
        }
        
        a.sppb-readmore {
        font-size: 14px;
        }
        
        }
        
        
/* Design für Tablets als Ausgabegerät (md)    */
        
        @media only screen and (min-width: 768px) {
            
        body {
                font-size: 25px;
                line-height: 1.5;
            }
            
        h2 {  
        font-size: 35px;
            }
            
        span.sp-copyright {
            font-size: 18px;
            color white;
            }
            
    
          .THW-Box {
                font-size: 30px;
                }
        
        .sppb-addon-content {
        font-size: 14px;
        }
        
        .sppb-article-info-wrap a {
        padding-top: 15px;
        font-size: 28px;
        }
        
        a.sppb-readmore {
        font-size: 20px;
        }
        
         }
        
/* Design für Laptops und kleine Bildschirme (ld)   */
        @media screen and (min-width: 992px) {
            
        .sp-megamenu-parent2 li a {
            font-size: 30px;
        }
        .sp-megamenu-parent2 li.active a {
            font-size: 30px;
        }
        
        .sp-menu-item a {
        font-size: 25px !important;
        }
        
        .THW-Box {
        font-size: 30px;
        line-height: 1.5;
        }
        
        body {
                font-size: 30px;
                line-height: 1.5em;
                 }
            
        h1 {
                font-size: 50px;
                           }
            
        h2 {
                font-size: 50px;
              
            }
            
             .sp-copyright {
            font-size: 25px;
            }
          
        .sppb-article-info-wrap a {
        padding-top: 15px;
        font-size: 30px;
        }
        
        a.sppb-readmore {
        font-size: 20px;
        }
        
        .THW-Footer1 li {
            display: inline;
            padding-left: 5px;
            padding-right: 5px;
            font-size 18px;
            font-weight: normal;
            }

            .THW-Footer a {
            text-decoration: none;
            font-weight: medium;
            font-size 18px;
            color: #fff;
            }
        
        .THW-Footer1 ul {
          text-align: center !important;
          padding-top:40px;
          }
        
        .THW-Footer2  {
          text-align: center !important;
          font-weight: bold;
          font-size 10px !important;  
        }
        
         }

/* Design für große Laptops (xl)  */
        @media only screen and (min-width: 1200px) {
        
        .sp-megamenu-parent2 li a {
            font-size: 25px;
        }
        
        .sp-megamenu-parent2 li.active a {
            font-size: 30px;
        }
        
        body {
                font-size: 30px;
                line-height: 1.5em;   
                         }
            
        h1 {
                font-size: 65px;
            }
            
        h2 {
                font-size: 65px;
                color: #039;
                text-shadow: 7px 7px 7px gray;
                               
            }
            
             .sp-copyright {
            font-size: 22px;
            }
            
            
          .THW-Box {
        font-size: 35px;
        line-height: 1.5;
        }
        
        .sppb-article-info-wrap a {
        padding-top: 15px;
        font-size: 40px;
        }
        
        a.sppb-readmore {
        font-size: 24px;
        }
        .THW-Footer1 li {
            display: inline;
            padding-left: 15px;
            padding-right: 15px;
            font-size 14px;
            font-weight: normal;
            }

            .THW-Footer1 a {
            text-decoration: none;
            font-weight: medium;
            font-size 18px;
            color: #fff;
            }
        
        .THW-Footer1 ul {
          text-align: center !important;
          padding-top:40px;
          padding-left:15px;
          padding-right: 15px;
          }
        
        .THW-Footer2  {
          text-align: center !important;
          font-weight: bold;
          font-size 10px !important;
        }   
        
        .menue {
        font-size: 20px;
        }
   
       }

 /* Ende der Größenabhängigen Festlegungen */   
        
        #sp-header {
            border-style: none;
            box-shadow: none;
        }
        
        .counter {
            line-height: 80px;
        }
        
        .hardyslider {
            background-color: #039;
            color: white;
            padding: 2px 25px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            line-height: 18px;
            margin: 4px 2px;
            cursor: pointer;
            border: 2px solid #039;
            border-radius: 8px;
        }
        
        .article-body {
            background-color: rgb(255, 255, 255);
            color: #039;
            line-height: 1.25rem;
        }
        
        .article-body a {
            color: blue;
        }
        
        .article-body a:hover {
            color: #039;
        }
        
        .article-header {
            font-size: 1.5rem;
            color: #039;
        }
        
        .article-introtext {
            font-size: 1rem;
            color: #039;
        }
        
        .article-info {
            font-size: 0.8rem;
            color: #039;
        }
        
        .readmore {
            background-color: #039;
            color: white;
            padding: 2px 25px;
            l text-align: left;
            text-decoration: none;
            display: inline-block;
            font-size: 12px;
            line-height: 1.2rem;
            margin: 10px 2px 20px 2px;
            cursor: pointer;
            border: 2px solid #039;
            border-radius: 5px;
        }
        
        .readmore a {
            color: white !important;
        }
        
        .readmore a:hover {
            color: blue !important;
        }
        
        #THW-Checkbox {
        color: green;
        font-size: 18px;
        line-height: 28px;
        }
        
        .thwarchiv {
            background-color: green;
            color: #039;
            padding: 2px 25px;
            text-align: left;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            line-height: 1.2rem;
            margin: 4px 2px;
            cursor: pointer;
            border: 2px solid #039;
            border-radius: 8px;
        }
        
        .hardyslider:hover {
            color: #039 !important;
            background-color: #0037DD;
        }
        
        a.readmore: {
            color: navy;
        }
        
        .uk-dotnav {
            color: #039;
        }
        
        .THW-Slider {
            line-height: 24px !important;
            border-style: none;
            font-size: 18px;
            font-weight: 300;
            display: flex;
            justify-content: left;
        }
        
        p.THW-Slider {
            margin: 0px;
            padding: 0px;
        }
        
        h2.newsflash-titleTHW-Slider {
            color: #039;
            font-size: 30px;
            font-weight: 500;
        }
        
        .page-content {
            color: #039;
        }
        
        .THW-Beitrag2222 {
            color: #039 !important;
            font-size: 16px line-height: 20px !important;
            font-weight: normal;
            Font-family: "arial", sans-serif;
        }
        
        .THW-MobilNews {
            color: #039;
            font-size: 14px;
            line-height: 21px;
        }
        
        .THW-Gesichter h4 {
            color: #039 !important;
            font-size: 18px !important font-weight: x-large;
        }
        
        .uk-card-body {
            color: #039 !important;
            font-size: 14px;
            line-height: 22px;
            ;
        }
        
        .THW-MobilNews img {
            border-radius: 0px;
        }
        
        .THW-Flipbox h2,
        h3 {
            color: rgb(174, 172, 172);
            text-align: center;
        }
        
       
        .THW-Footer ul {
           text-align: center;
           list-style: none;
           padding: 0;
           margin: 0;
        }