html{
  width:100%;
  height:100%;
}

  body{
    font-family:Merriweather Sans, Arial, Sans-serif;
    font-size:16px;
    font-weight:400;
    color:rgb(30,30,30);
  }

  body .content-wrapper{
    padding-top:8.5em;
    padding-right:1.5em;
    padding-left:1.5em;
  }

  @media (max-width: 1200px){
    body .content-wrapper{
      padding-top:6.5em;
    }
  }




  /* RSCE WRAPPER */

  div.red{
    color:rgb(255,255,255);
    box-sizing:border-box;
    padding:0.5em 1.5em;
  }

  div.grey{
    box-sizing:border-box;
    padding:0.5em 1.5em;
  }

  .martop-single{
    margin-top:1.5em;
  }

  .martop-double{
    margin-top:3em;
  }

  .marbot-single{
    margin-bottom:1.5em;
  }

  .marbot-double{
    margin-bottom:3em;
  }

  .ce_rsce_separator{
    margin:1em 0;
  }

    .ce_rsce_separator.single-height{
      height:1.5em;
    }

    .ce_rsce_separator.half-height{
      height:0.75em;
    }

    .ce_rsce_separator.double-height{
      height:3em;
    }

    .block{
      overflow:visible;
    }


  /* FLOATING EU-LOGO */
  .floater{
    position:relative;
  }

  .floater figure{
    background-color:rgba(255,255,255,0.75);
    padding-right:0.25em;
    box-sizing:border-box;
    position:absolute;
    top:0.5em;
    left:calc(0.75rem + 0.5em);
    z-index:1;
  }

  .ce_image.eu-logo figure,
  .ce_slick-content-start.eu-logo .slick-container{
    position:relative;
  }

    .ce_image.eu-logo figure::before,
    .ce_slick-content-start.eu-logo .slick-container::before{
      display:block;
      content:"";
      background-image:url('../img/logo/DEV_Kofinanziert_EU.png');
      background-repeat:no-repeat;
      background-position:top left;
      background-size:contain;
      background-color:rgba(255,255,255,0.5);
      width:80px;
      height:80px;
      position:absolute;
      top:0;
      left:0;
      z-index: 10;
    }



  /* CUSTOM ELEMENTS */


    /* HEADLINE MIT HINTERGRUNDBILD */
    .ce_rsce_headline-image{
      margin-bottom:0;
    }

    .headline-with-image{
      position:relative;
    }

      .headline-with-image figure{
        line-height:0;
      }

      .headline-with-image h1{
        color:rgb(255,255,255);
        line-height:1.65;
        max-width:100%;
        position:absolute;
        bottom:0;
        left:0;
        margin:0;
        box-sizing:border-box;
        padding:1em;
        text-shadow:0 0 10px rgb(30,30,30);
      }

      /* CE_SLICK_CONTENT Content-Slider */
      .ce_slick-slider{
        margin-bottom:1.5em;
      }

        .ce_slick-content-start{
          position:relative;
        }

          .ce_slick-content-start ul.slick-dots{
            list-style-type:none;
            display:flex;
            justify-content:center;
            width:100%;
            height:2em;
            margin:0;
            padding:0;
            position:absolute;
            bottom:0;
            left:0;
          }

            .ce_slick-content-start ul.slick-dots li{
              width:1em;
              height:1em;
              background-color:rgba(255,255,255);
              margin:0 0.25em;
              transition:all ease .2s;
              position:relative;
            }

            .ce_slick-content-start ul.slick-dots li:first-of-type{
              margin-left:0;
            }

            .ce_slick-content-start ul.slick-dots li:last-of-type{
              margin-right:0;
            }

            .ce_slick-content-start ul.slick-dots li.slick-active{
              background-color:rgba(255,255,255,0.5);
            }

              .ce_slick-content-start ul.slick-dots li button{
                font-size:0;
                width:100%;
                height:100%;
                background-color:transparent;
                border:none;
                position:absolute;
                top:0;
                left:0;
              }

              .ce_slick-content-start ul.slick-dots li button:hover{
                cursor:pointer;
              }

      /* CE_SLICK_SLIDER */
      .ce_slick-slider .slick-container{
        display:flex;
        position:relative;
      }

        .ce_slick-slider .slick-container .slick-list::before,
        .ce_slick-slider .slick-container .slick-list::after{
          background-color:rgb(255,255,255);
          display:block;
          content:"";
          width:1em;
          height:100%;
          position:absolute;
          top:0;
          z-index:10;
        }

        .ce_slick-slider .slick-container .slick-list::before{
          left:0;
        }

        .ce_slick-slider .slick-container .slick-list::after{
          right:0;
        }

        .ce_slick-slider .slick-container .slick-slide figure{
          padding:0 1em;
        }

        .ce_slick-slider .slick-container button{
          background-color:transparent;
          border:none;
        }

        .ce_slick-slider .slick-container button:hover,
        .ce_slick-slider .slick-container button:focus{
          cursor:pointer;
        }

        .ce_slick-slider .slick-container button.slick-prev,
        .ce_slick-slider .slick-container button.slick-next{
          color:transparent;
          width:2em;
          height:0;
          padding:0;
          display:flex;
          align-items:center;
          z-index:10;
        }

        .ce_slick-slider .slick-container button.slick-prev{
          left:0;
        }

        .ce_slick-slider .slick-container button.slick-next{
          right:0;
        }

        .ce_slick-slider .slick-container button.slick-prev:before,
        .ce_slick-slider .slick-container button.slick-next:before{
          background-repeat:no-repeat;
          background-position:center;
          background-size:contain;
          display:block;
          content:"";
          width:2em;
          height:4em;
          padding:0;
          position:absolute;
          top:50%;
          transform:translateY(-50%);
        }

        .ce_slick-slider .slick-container button.slick-prev:before{
          background-image:url("/files/theme/img/svg_icons/list-arrow-grey-mirrored.svg");
        }

        .ce_slick-slider .slick-container button.slick-next:before{
          background-image:url("/files/theme/img/svg_icons/list-arrow-grey.svg");
        }

  /* SOCIAL MEDIA LINK */
  .ce_rsce_socialLink{
    margin:0.75em 0;
  }

    .ce_rsce_socialLink a{
      color:rgb(226,0,26);
      text-decoration:underline;
      text-decoration-color:rgba(226,0,26,0);
      position:relative;
      padding:0.1em 0 0 1.75em;
      transition:all ease .2s;
    }

      .ce_rsce_socialLink a::before{
        display:inline-block;
        content:"";
        width:1.5em;
        height:1.5em;
        background-size:contain;
        background-repeat:no-repeat;
        position:absolute;
        top:0;
        left:0;
      }

      .ce_rsce_socialLink.ig a::before{
        background-image:url('../img/social_media/instagram.svg');
      }

      .ce_rsce_socialLink.fb a::before{
        background-image:url('../img/social_media/facebook.svg');
      }

    .ce_rsce_socialLink a:hover,
    .ce_rsce_socialLink a:focus{
      text-decoration-color:rgba(226,0,26,1);
    }

  /* CONTACT INFO */
.ce_rsce_contactinfo{
  margin-top:1em;
}

  p.contact-info{
    line-height:1.65;
  }

    p.contact-info span{
      display:flex;
      margin-bottom:0.5em;
    }

    p.contact-info span:last-of-type{
      margin:0;
    }

    p.contact-info span::before{
      display:inline-block;
      padding-right:0.25em
    }

    p.contact-info span.person::before{
      content:url("../img/svg_icons/contact_person.svg");
    }

    p.contact-info span.department::before{
      content:url("../img/svg_icons/contact_department.svg");
    }

  p.contact-info span.adress{
    display:flex;
  }

    p.contact-info span.adress::before{
      content:url("../img/svg_icons/contact_adress.svg");
    }

    p.contact-info span.phone::before{
      content:url("../img/svg_icons/contact_phone.svg");
    }

    p.contact-info span.mobile::before{
      content:url("../img/svg_icons/contact_mobile.svg");
    }

    p.contact-info span.fax::before{
      content:url("../img/svg_icons/contact_fax.svg");
    }

    p.contact-info span.mail::before{
      content:url("../img/svg_icons/contact_mail.svg");
      padding-top:0.125em;
    }




  /* LIGHTBOX */
  #cboxContent #cboxLoadedContent{
    border:1px solid rgb(255,255,255);
  }

    #cboxContent #cboxClose{
      background-color:rgb(255,255,255);
      background-image:none;
      width:3em;
      height:3em;
      top:0;
      right:0;
      transition:all ease .2s;
    }

    #cboxContent #cboxClose::before,
    #cboxContent #cboxClose::after{
      display:block;
      content:"";
      width:1.5em;
      height:0.25em;
      background-color:rgb(226,0,26);
      position:absolute;
    }

    #cboxContent #cboxClose::before{
      transform:rotate(45deg);
      top:1.37em;
      left:0.75em;
    }

    #cboxContent #cboxClose::after{
      transform:rotate(-45deg);
      bottom:1.37em;
      left:0.75em;
    }

    #cboxContent #cboxPrevious,
    #cboxContent #cboxNext{
      text-indent:0;
      font-size:0;
      color:transparent;
      background-color:rgb(255,255,255);
      background-image:none;
      width:40px;
      height:40px;
      padding:0 10px;
      box-sizing:border-box;
    }

    #cboxContent #cboxPrevious::after,
    #cboxContent #cboxNext::after{
      background-position:center;
      background-repeat:no-repeat;
      background-size:contain;
      width:16px;
      height:16px;
    }

    #cboxContent #cboxPrevious::after{
      display:block;
      content:"";
      background-image:url("../img/svg_icons/list-arrow-grey-mirrored.svg");
    }

    #cboxContent #cboxNext::after{
      display:block;
      content:"";
      background-image:url("../img/svg_icons/list-arrow-grey.svg");
    }


  /* Navigationsblöcke */
  .ce_rsce_bildblock,
  .ce_rsce_bildblock_liste li{
    margin-bottom:1.5em;
  }

  .ce_rsce_bildblock_liste ul{
    list-style-type:none;
    margin:0;
    padding:0;
  }

  .ce_rsce_bildblock figure,
  .ce_rsce_bildblock_liste figure{
    position:relative;
    line-height:0;
  }

    .ce_rsce_bildblock figure a,
    .ce_rsce_bildblock_liste figure a{
      color:rgb(255,255,255);
      font-size:1.25em;
      line-height:1.5;
      text-align:center;
      text-decoration:underline;
      text-decoration-color:rgba(255,255,255,0);
      display:flex;
      justify-content:center;
      align-items:center;
      hyphens:auto;
      width:100%;
      box-sizing:border-box;
      padding:0.5em;
      position:absolute;
      bottom:0;
      left:0;
      transition:all ease .2s;
    }

    .ce_rsce_bildblock .fullHeight figure a,
    .ce_rsce_bildblock_liste .fullHeight figure a{
      height:100%;
      min-height:100%;
    }

    .ce_rsce_bildblock .halfHeight figure a,
    .ce_rsce_bildblock_liste .halfHeight figure a{
      height:50%;
      min-height:50%;
    }

    .ce_rsce_bildblock .thirdHeight figure a,
    .ce_rsce_bildblock_liste .thirdHeight figure a{
      height:33%;
      min-height:33%;
    }

    .ce_rsce_bildblock figure a:hover,
    .ce_rsce_bildblock figure a:focus,
    .ce_rsce_bildblock_liste figure a:hover,
    .ce_rsce_bildblock_liste figure a:focus{
      text-decoration-color:rgba(255,255,255,1);
    }


/* ########################################### */

  .ce_rsce_navblock_liste ul{
    list-style-type:none;
    margin:0;
    padding:0;
  }

    .ce_rsce_navblock_liste ul li{
      margin-bottom:1.5em;
    }

      .ce_rsce_navblock_liste ul li a{
        font-size:1.25em;
        font-weight:700;
        color:rgb(255,255,255);
        text-decoration:none;
        width:100%;
        height:100%;
        position:relative;
      }

        .ce_rsce_navblock_liste ul li a .navblock-wrapper{
          box-shadow:0 0 0 rgb(30,30,30);
          position:relative;
          transition:all ease .2s;
        }

          .ce_rsce_navblock_liste ul li a .bg-container{
            width:100%;
            height:100%;
            position:absolute;
            top:0;
            left:0;
          }

          .ce_rsce_navblock_liste ul li a .bg-container > div,
          .ce_rsce_navblock_liste ul li a .bg-container > div img{
            width:100%;
            height:100%;
          }

          .ce_rsce_navblock_liste ul li a .hover-layer{
            opacity:0;
            transition:all ease .2s;
          }

          @media (min-width:992px){
            .ce_rsce_navblock_liste ul li a:hover .hover-layer,
            .ce_rsce_navblock_liste ul li a:focus .hover-layer{
              opacity:1;
            }

            .ce_rsce_navblock_liste ul li a:hover .navblock-wrapper,
            .ce_rsce_navblock_liste ul li a:focus .navblock-wrapper{
              box-shadow:0 0 10px rgb(30,30,30);
              transform:scale(1.125);
              z-index:10;
            }
          }

          .ce_rsce_navblock_liste ul li a .navblock-wrapper picture{
            display:block;
            /* width:100%; */
            height:100%;
          }

            .ce_rsce_navblock_liste ul li a .navblock-wrapper picture img{
              /* max-width:inherit; */
              width:inherit;
            }

          .ce_rsce_navblock_liste ul li a .link-text{
            line-height:1.5;
            display: flex;
            justify-content:center;
            align-items:center;
            text-align:center;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            padding:0.5em 1.5rem;
            position: absolute;
            top: 0;
            left: 0;
          }

    .ce_rsce_navblock_liste ul li.text-bottom .navblock-wrapper{
      outline: 1px solid rgb(180,180,180);
    }

    .ce_rsce_navblock_liste ul li.text-bottom a .link-text{
      position:absolute;
      top:inherit;
      bottom:0;
      background-color:rgba(255,255,255,0.5);
      height:max-content;
      color:rgb(30,30,30);
    }

    /*  STARTBLOCK VARIANTE 2 */
    .startblock .ce_rsce_navblock_liste ul{
      list-style-type:none;
      margin:0;
      padding:0;
    }

      .startblock .ce_rsce_navblock_liste ul li{
        margin-bottom:1.5em;
      }

        .startblock .ce_rsce_navblock_liste ul li a{
          font-size:0.75em;
          font-weight:700;
          color:rgb(255,255,255);
          text-decoration:none;
          text-align:center;
          hyphens:unset;
          width:100%;
          height:100%;
          position:relative;
        }

          .startblock .ce_rsce_navblock_liste ul li a .navblock-wrapper{
            box-shadow:0 0 0 rgb(30,30,30);
            position:relative;
            transition:all ease .2s;
          }

            .startblock .ce_rsce_navblock_liste ul li a .bg-container{
              width:100%;
              height:100%;
              position:absolute;
              top:0;
              left:0;
            }

            .startblock .ce_rsce_navblock_liste ul li a .bg-container > div,
            .startblock .ce_rsce_navblock_liste ul li a .bg-container > div img{
              width:100%;
              height:100%;
            }

            .startblock .ce_rsce_navblock_liste ul li a .hover-layer{
              opacity:0;
              transition:all ease .2s;
            }

            @media (min-width:992px){
              .startblock .ce_rsce_navblock_liste ul li a:hover .hover-layer,
              .startblock .ce_rsce_navblock_liste ul li a:focus .hover-layer{
                opacity:1;
              }

              .startblock .ce_rsce_navblock_liste ul li a:hover .navblock-wrapper,
              .startblock .ce_rsce_navblock_liste ul li a:focus .navblock-wrapper{
                box-shadow:0 0 10px rgb(30,30,30);
                transform:scale(1.125);
                z-index:10;
              }
            }

            .startblock .ce_rsce_navblock_liste ul li a .navblock-wrapper picture{
              display:block;
              width:100%;
              height:100%;
            }

            .startblock .ce_rsce_navblock_liste ul li a .link-text{
              line-height:1.5;
              display: flex;
              justify-content:center;
              align-items:center;
              width: 100%;
              height: 100%;
              box-sizing: border-box;
              padding:0.5rem;
              position: absolute;
              top: 0;
              left: 0;
            }

      .startblock .ce_rsce_navblock_liste ul li.text-bottom .navblock-wrapper{
        outline: 1px solid rgb(180,180,180);
      }

      .startblock .ce_rsce_navblock_liste ul li.text-bottom a .link-text{
        color:rgb(30,30,30);
        text-shadow:none;
        background-image:linear-gradient(0deg, #fff, transparent, transparent);
        justify-content: center;
        align-items:end;
      }

    /* KITABLÖCKE */
    .ce_rsce_kitablock_liste ul {
      list-style-type:none;
      margin: 0;
      padding:0;
    }

    .ce_rsce_kitablock_liste ul li{
      margin:0 0 1.5em 0;
      height:100%;
    }

      .ce_rsce_kitablock_liste ul li a{
        height:100%;
        text-decoration:underline;
        text-decoration-color:rgba(30,30,30,0);
        transition:all ease .2s;
      }

      .ce_rsce_kitablock_liste ul li a:hover,
      .ce_rsce_kitablock_liste ul li a:focus{
        text-decoration-color:rgba(30,30,30,1);
      }

      .ce_rsce_kitablock_liste ul li a .navblock-wrapper{
        border: 1px solid rgb(180,180,180);
      }

        .ce_rsce_kitablock_liste ul li a .link-text{
          color:rgb(30,30,30);
          padding:0 0.5em 0.75em 0.5em;
        }

        .ce_rsce_kitablock_liste ul li a .link-text h2{
          font-size:1.25em;
          text-align:center;
          line-height:1.4;
          margin:0;
          padding:0.5em 0 0.25em 0;
        }


  /* FEHLERMELDUNG */
  .ce_rsce_error-message .error{
    max-width:600px;
    border:1px solid rgb(226,0,26);
    margin:0 auto;
    box-sizing:border-box;
    padding:1em;
  }



  /* PERSON PORTRAIT */
  .ce_rsce_person{
    margin-bottom:2em;
  }

  .ce_rsce_person:last-of-type{
    margin:0;
  }

    .ce_rsce_person figure{
      display:flex;
      justify-content:center;
    }

    .ce_rsce_person .person{
      text-align:center;
    }



  /* BACKGROUND COLORS */
  .red{
    background-color:rgb(226,0,26);
  }

  .yellow{
    background-color:rgb(251,187,29);
  }

  .blue{
    background-color:rgb(0,159,227);
  }

  .orange{
    background-color:rgb(238,113,0);
  }

  .violet{
    background-color:rgb(73,87,158);
  }

  .green{
    background-color:rgb(118,184,55);
  }

  .grey{
    background-color:rgb(163,170,160);
  }




  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
      position: relative;
      min-height: 1px;
      padding-right: 0.75rem;
      padding-left: 0.75rem;
  }




  /* RESPONSIVE */

  @media(max-width: 1600px){
  }

  @media(max-width: 1400px){
  }

  @media(max-width: 1200px){
  }

  @media(max-width: 992px){
    .headline-with-image h1{
      line-height:1.5;
      padding:1em;
    }
  }

  @media (max-width: 768px){
  }

  @media (max-width: 576px){
  }
