/* Ausblendungen */
#portal-globalnav .index_html {
    display: none;
}

#portal-searchbox {
    display: none;
}

#global_statusmessage {
    display: none;
}

#above-content-wrapper {
    display: none;
}

.discreet {
   display: none;
}

.banner {
   display: none;
}

.pagination {
   color: #AE2337;
   margin-top: 20px;
   li span {
      color: #AE2337;
      border-color: #AE2337;
   }

   .page-link {
      color: #AE2337;
   }  

   .active > .page-link {
      background-color: #AE2337; 
      color: #ffffff;
      border-color: #AE2337;
   }
}
/*Content*/

.highlight-inline, .template-edit .highlight-inline {
    background-color: #AE2337 !important;
    border-radius: 5px;
    color: #ffffff;
    padding: 6px;

    a {
       color: #ffffff !important;
    }

    a:hover {
       color: #ffffff !important;
    }
}

p.highlight-paragraph, .template-edit p.highlight-paragraph {
    background-color: #AE2337 !important;
    color: #ffffff;
    border-radius: 5px;
    font-size: 18px;
}

.highlight-inline a:hover {
   text-decoration: underline !important;

}

.highlight-paragraph a {
   color: #ffffff;
}

.highlight-paragraph a:hover { color: #ffffff; text-decoration: underline !important; }

table td {
   border-bottom-width: 0 !important;

}
#personaltools-login {
    display: none;
}

a {
    color: #831A29;
    text-decoration: none;
}

a:hover {
    color: #AF022F;
 
}

figcaption, .figure-caption {
    color: #999696 !important;
    font-size: 12px !important;
}
/* Logo */

#portal-logo {
    display: flex;
    text-decoration :unset;
    img {
        width: 30%;
    }
    
    span {
        margin-top: auto;
        margin-bottom: auto;
        color: black;
        font-size: 20px;
        margin-left: 20px;
    }
}

#content-header {
    border-bottom: 1px solid #E9ECEF;
}

#portal-logo-wrapper {
    flex: 1 1;
}

#portal-top {
    margin-bottom: auto;
    margin-top: auto;
    width: fit-content;
    display: flex;
    flex-direction: column;
    
    #social-media {
        display: flex;
        flex-direction: row;
        justify-content: right;
        
        img {
            max-width: 30px;
            margin-top: 10px;
        }
        
        #facebook-button {
            margin-right: 10px;
        }
    }
    
    .mitglied-werden {
       background-color: #AF022F !important;
       border-radius: 0.375rem;
       color: #ffffff;
       padding: 10px;
       a {
           color: #ffffff !important;
           background-color: transparent !important;
           border-radius: 0.375rem;
           font-size: 19px !important;
           text-decoration: none !important;
       }                            
    }
    
    .mitglied-werden:hover {
        background-color: #7C0423 !important;  
    }
}

.outer-wrapper > div.container {
    margin-top: 40px;
}

.section-home {
    .outer-wrapper > div.container {
        margin-top: 0;
    }
}

/* Navigation */

.navbar .offcanvas {
    background-color: #ffffff;
}

#mainnavigation-wrapper #mainnavigation .navbar-barceloneta {
    background-color: #FFFFFF;
    
    .me-auto {
        margin-left: auto;
        margin-right: 0;
    }
    
    .navbar-nav li {
        background-color: #FFFFFF;
        font-size: 19px;
        margin-right: 10px;
        border-radius: 0.375rem;
        a {
            color: #AF022F;
        }
        
        a:hover, a:focus {
            background-color: #AF022F;
            color: #ffffff !important;
            border-radius: 0.375rem;
        }
    }
    
    #portal-globalnav {
        margin-top: 14px;
        width: 100%;
        justify-content: left;
    }
}

#mainnavigation-wrapper {
      
    li.current {
        a {
            background-color: #AF022F;
            color: #ffffff !important;
            border-radius: 0.375rem;
        }
                                
        a:hover, a:focus {
            background-color: #7C0423 !important;
            border-radius: 0.375rem;
            color: #ffffff;
        }
        
        ul.dropdown {
            li.current {
                background-color: #AF022F;
                color: #ffffff !important;
                border-radius: 0.375rem;
            }
        }
    }
    
    li.inPath {
        > a {
            background-color: #AF022F;
            color: #ffffff !important;
            border-radius: 0.375rem;
        }
        
        ul.dropdown {
            li.current {
                background-color: #AF022F;
                color: #ffffff !important;
                border-radius: 0.375rem;
            }
        }
    }
}

/* Portal */
#portal-column-two {
    margin-top: 32px !important;
    
    .card-header {
        .tile {
            color: #831A29;
            text-decoration: none;
        }a {text-decoration: none;} a span {color: #831A29;}
    }
    
    .card-body {
        .portletItem {
            .tile {
                color: #831A29;
                text-decoration: none;
                
                img {
                    display: none;
                }
            }
            .tile:hover {
               color: #AF022F;
            }
        }
        .timezone {
            display: none;
        }  
    }
    
    .card-footer {
        display: none;
    }
}

/* News-Item */
.template-newsitem_view, .template-event_view {
    /*.outer-wrapper > .container {
        margin-top: 40px;
    }*/
    #content {
        #section-leadimage {
            img {
                width: 400px;
            }
        }
    }
}

/* Footer */
#portal-footer-wrapper {
    background-color: #43423D;
}

#portal-footer {
    background-color: #43423D;
    
    .footer-bottom {
        max-width: 79% !important;
        display: flex;
        justify-content: space-between;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
        
        p {
            color: #ffffff;
            
            a {
                color: #ffffff;
                text-decoration: none;
            }
            
            a:hover, a:focus {
                color: #d9445a;
                
            }
        }
    }
    
    .footer-columns {
        display: flex;
        justify-content: center;
        flex-direction: column;
        max-width: 79% !important;
        margin-left: auto;
        margin-right: auto;
        p {
            color: #ffffff; 
        }
        
        .social-media {
            text-align: center;
            display: flex;
            justify-content: center;
            flex-direction: row;
            margin-bottom: 20px;
            
            img {
                width: 23px;
                margin-left: 5px;
                margin-right: 5px;
            }
        }
        
        a {
            color: #ffffff;
            text-decoration: none;
        }
        
        .adresse {
            margin-bottom: 30px;
            p {
                margin-bottom: 2px;
                text-align: center;
            }
        }
        
        .donate {
            display: flex;
            justify-content: center;
            
            a {
                color: #831A29;
                padding: 5px 15px;
                border-radius: 25px;
                background-color: #ffffff; 
                text-decoration: none;
                margin-bottom: 5px;
                width: fit-content;
                margin-left: 5px;
                margin-right: 5px;
            }
                                
            a:hover, a:focus {
                background-color: #AF022F !important;
                padding-bottom: 5px;
                padding-top: 5px;
                border-radius: 25px;
                color: #ffffff;
            }
        }
        
    }
}

/*Content*/
.section-home.template-document_view {
    h1 {
        display: none;
    }
}

.event-summary .event-when .timezone.text-muted.small { display: none; }

h2 {
    color: #AF022F;
}

/* Bilder left/right */

@media (min-width: 1200px) {
    .image-left.picture-variant-medium, .me-xl-2 {
        margin-right: 2.5rem;
    }
}    

/* Links */
p span a {
    color: #831A29;
}

p span a:hover {
    color: #AF022F;
}

table {
    a {
        color: #831A29;
        text-decoration: none;
    }
    
    a:hover {
        color: #AF022F;
    }
}

p a {
    color: #831A29;
}

p a:hover {
    color: #AF022F;
}

/* Schriftgröße */
#content p {
    font-size: 17px;
}

/* Images */
#content img {
  border-radius: 15px;
}

/* NEWS */
   .template-album_view {
    #main-container {
        #content-core {
            .row {
                display: flex;
                justify-content: flex-start;
                flex-direction: row;
                .col {
                  flex: 0 0 33.3333%;
                  .card {
                      border: 0;
                      height: fit-content !important;
                      position: relative;
                      .card-image {
                          height: 17rem !important;
                          img {
                              width: 400px;
                              height: 266px;
                              object-fit: cover;
                          }
                      }
                      .card-body {
                          position: absolute;
                          width:100%;
                          height:100%;
                          top:0;
                          left: 0;

                          .timezone.text-muted.small {
                          
                            display: none;
                          }
                          h5 {
                              color: #ffffff;
                              font-weight: bold;
                              position: absolute;
                              bottom: 10%;
                              font-weight: bold;
                              margin-left: 20px;
                          }
                          
                          p {
                              display: none;
                          }
                          
                          a {
                              color: transparent;
                              text-decoration: none;
                              
                          }
                          
                          a:hover {
                              color: transparent;
                          }
                          
                         
                      }
                  }
                }
            }   
        }
    }
}
    
/* Kalender */
#calendar {
    .fc-view-harness {
        .fc-scrollgrid-sync-table {
            .fc-h-event {
                background-color: #AF022F;
                border: 1px solid #AF022F;
            }

            .fc-h-event:hover { background-color: #831A29; border: 1px solid #831A29; }            
            .fc-daygrid-event-dot {
                border: calc(var(--fc-daygrid-event-dot-width) / 2) solid #AF022F;
            }
        }
    }
    
    .fc-daygrid-day.fc-day-today {
        background-color: #D9D9D7 !important;
    }
    .fc-h-event {
        background-color: #AF022F;
        border: 1px solid #AF022F;
    }
    .fc-h-event:hover { background-color: #831A29; border: 1px solid #831A29; } 

    .fc-daygrid-more-link {
        border: 1px solid #AF022F !important;
    }
    .fc-v-event {
        background-color: #AF022F !important; 
        border: 1px solid #AF022F !important;
    }
    .fc-v-event:hover { background-color: #831A29 !important; border: 1px solid #831A29 !important; }

    .fc-list-event-dot {
        border-color: #AF022F !important;
    } 
}

#calendarAddLink {
    color: #831A29;
}

#calendarAddLink:hover {
    color: #AF022F;
}

#calendar .fc-daygrid-dot-event {
   .fc-daygrid-event-dot {display:none;}
   .fc-event-time {display:none;}
   .fc-event-title {color: #ffffff; font-weight: normal;}
}

#calendar .fc-daygrid-dot-event {
  background-color: #AF022F;
}

#calendar .fc-daygrid-dot-event:hover { background-color: #831A29; }

/* Termin */
.event {
    .card-text {
        a {
            color: #831A29;
            text-decoration: none;
        }
        
        a:hover {
            color: #AF022F;
        }
        
        .dtstart, .dtend {
            text-decoration: none !important;
        }
    }
}

/* Tags */
.keywords-viewlet {
    .btn-outline-primary {
        border: 1px solid #831A29;
        color: #831A29;
    }
    
    .btn-outline-primary:hover {
        color: #ffffff;
        background-color: #AF022F;
        border: 1px solid #AF022F;
    }
}

/* Searchform */
#searchform {
    .input-group {
        .input-group-btn {
            input {
                background-color: #AF022F;
                border: #AF022F;
            }
        }
    }
    
    #search-results-number {
        background-color: #AF022F;
    }
    
    #search-results-wrapper {
        .result-title a {
            color: #AF022F;
        }
        
        .d-block {
            a {
                color: #AF022F;
            }
        }
    }
    
    #rss-subscription {
        display: none;
    }
}

/* Bilder left/right */

@media (min-width: 1200px) {
    .image-left.picture-variant-small, .me-md-2 {
        margin-right: 2.5rem;
    }
    
    .image-left.picture-variant-medium, .me-xl-2 {
        margin-right: 2.5rem;
    }
}


@media (max-width: 991px) {
   #portal-logo {
       img {width: 50%;}
   }

   #content-header {
       display: flex;
       flex-direction: row; 
   }

   #social-media {
       display: none !important;
   }

   #portal-anontools {
       display: none;
   }
   #portal-top { & .mitglied-werden { display: none; }     
   }
   .offcanvas-header {
       background-color: #AF022F;
   }

   #main-container { & #content-core { & .row { justify-content: center; .col {
      flex: 0 0 336px;
   }}}}

   #calendar {
      .fc-header-toolbar {
          display: block !important;
         
          .fc-toolbar-chunk {
              button {
                 margin-top: 10px;
              } 
          }

          .fc-toolbar-title {
              margin-top: 15px;
              margin-bottom: 10px;
          }
      }
   }
}

@media (max-width: 768px) {
   .section-kontakt.subsection-kontakt {
       table {
          tr {
              display: flex;
              flex-direction: column;
          }
       }
   }   
   .image-right, .image-left {
       //width: 50%; 
       text-align: center; 
       //justify-content: center;
       display: flex;
       flex-direction: column; 
       text-align: left;
   }
   p {
      padding-left: 0 !important;
   }

   #portal-footer { & .footer-columns .donate {
      flex-direction: column; 
      margin-left: auto; 
      margin-right: auto; 
      text-align: center;
        a {
          width: 100%;
      }
   }}
   .section-wissen {
      table {
         tbody {
            display: table-caption;
         }  
         tr {
            display: flex !important;
            flex-direction: column !important;
         }
         td {

         }
      }
   }
}