/* < 692-1192 < */

@media all and (max-width: 692px) {
	.view-blog .view-content {
    	display: flex;
    	flex-direction: column;
  	}
  	.blog_header div {
  		font-size: 3rem;
  	}
  	.blog-row {
  		padding: 1rem 0;
  	}
    #footer {
      padding: 1rem 0 4rem 0;
    }
    #footer .footer-wrapper {
      width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 70px 70px 70px auto;
        grid-template-areas:
            "footimp footimp"
            "footdon footdon"
            "footsub footsub"
            "footsoc footsoc"
            "footaddr footaddr";
    }
    .footer-imp {
      padding: 0 1rem;
    }
    .footer-imp ul li {
      padding: 0.2rem 0;
    }
    .donate {
      padding-top: 1.5rem;
    }
    .subscribe {
      align-self: center;
    }
    .socialFooter {
      padding-bottom: 1.3rem;
      padding-left: 1rem;
      align-self: end
    }
    .socialFooter a {
      margin-right: 0.5rem;
    }
    #block-block-15,
    #block-block-21 {
      display: none;
    }
    .header__logo {
  position: absolute;
  top: 205px;
  width: 40px;
  height: 40px;
  z-index: 10;
}
    #navigation {
      height: 50px;
      color: rgba(0,0,0,1);
      width: 100%;
      padding-left: 0 !important;
      padding-right: 0 !important;
      position: absolute;
      background-color: rgba(0,0,0,0.5);
      top: 200px;
      border-radius: 3px;
  }
  #block-locale-language {
  position: absolute;
  top: 13px;
  right: 1rem;
}

#block-locale-language ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#block-locale-language ul li {
  float: left;
}

#block-locale-language ul li a {
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255,255,255,1);
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
}

#block-locale-language ul li span.locale-untranslated {
  text-transform: uppercase;
  color: rgba(0,0,0,1);
  text-decoration: none;
  padding: 16px 8px;
  display: none;
}

#block-locale-language ul li a:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(0,142,214,1);
  border-radius: 30px;
}


#block-locale-language ul li a.active {
  display: none;
}
.item-list {
    margin-left: -26px !important;
    margin-right: -26px !important;
}
}




@media all and (min-width: 692px) and (max-width: 1192px) {
	
}



@media all and (min-width: 1192px) {
	.view-blog .view-content {
    	display: grid;
  	}
  	.blog_header div {
  		font-size: 4rem;
  	}
    #footer {
      padding: 3rem 0 4rem 0;
    }
    #footer .footer-wrapper {
      width: var(--width);
      margin-left: calc((100% - var(--width)) /2);
      display: grid;
      grid-template-columns: 250px auto 50%;
      grid-template-rows: auto 50px;
      grid-template-areas: "footaddr footaddr footimp"
      "footdon footsub footsoc";
      grid-gap: 2rem;
    }
    .socialFooter a {
      margin-right: 1rem;
    }
    .blog-row:nth-child(1) .front-text {
    position: absolute;
    z-index: 2;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    margin: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    backdrop-filter: blur(5px) grayscale(1);
  }

  .blog-row:nth-child(1) .front-text .created,
  .blog-row:nth-child(1) .front-text .teaser {
    color: white;
  }

  .blog-row:nth-child(1) .front-text .teaser {
    text-shadow: 0 0 0 white;
  }

  .blog-row:nth-child(1) a:hover {
    color: rgba(250,127,8,1);
  }
  .header__logo {
  position: absolute;
  top: 178px;
  left: 50%;
  margin-left: -485px;
  width: 45px;
  height: 45px;
  z-index: 10;
  background-color: rgba(33,33,33,1);
  border-radius: 40px;
  padding: 15px;
  box-shadow: 0px 0px 5px 1px rgba(0,23,34,0.5);
}

.header__logo:hover {
  background-color: rgba(0,142,214,1);
}
  #navigation {
  height: 50px;
  color: rgba(0,0,0,1);
  width: calc(100% - 2rem);
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: absolute;
  /*background-color: rgba(199,200,202,1);*/
  background-color: rgba(0,0,0,0.3);
  margin-top: -60px;
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 3px;
}

#navigation .region-navigation {
}

.menu2017 ul.nice-menu {
  left: 50%;
  margin-left: -490px;
}

.menu2017 ul.nice-menu, .menu2017 ul.nice-menu li ul {
  border-top: 0px none;
}

.menu2017 ul.nice-menu li {
  background-color: rgba(199,200,202,1);
  border: 0px none;
  padding: 12px 7px 11px;
  margin: 5px 0;
}

.menu2017 ul.nice-menu li ul {
  left: 100%;
  top: -5px;
}

.menu2017 ul.nice-menu li ul li {
  background-color: rgba(133,133,133,1);
  border: 0px none;
  padding: 12px 7px 11px;
  margin: 0;
  width: 16em;
}

.menu2017 ul.nice-menu li:hover, .menu2017 ul.nice-menu li.active, .menu2017 ul.nice-menu li.active-trail {
  background-color: rgba(199,200,202,1) !important;
  padding: 12px 7px 11px;
  margin: 5px 0;
  color: rgba(211,33,40,1);
}

.menu2017 ul.nice-menu li ul li:hover, .menu2017 ul.nice-menu li ul li.active, .menu2017 ul.nice-menu li ul li.active-trail {
  background-color: rgba(199,200,202,1) !important;
  padding: 12px 7px 11px;
  margin: 0;
}

.menu2017 ul.nice-menu li a, .menu2017 ul.nice-menu li span {
  padding: 0 !important;
  color: rgba(0,23,34,1);
  text-decoration: none;
  margin: 0px 5px;
  font-weight: bold;
  font-size: 1em;
}

.menu2017 ul.nice-menu li ul li a, .menu2017 ul.nice-menu li ul li span {
  font-size: 1.2em;
}

.menu2017 ul.nice-menu a:hover, .menu2017 ul.nice-menu span:hover {
  color: rgba(211,33,40,1);
}

.menu2017 ul.nice-menu li:hover a {
  color: rgba(211,33,40,1);
}

.menu2017 ul.nice-menu li.active a,
.menu2017 ul.nice-menu li a.active {
  color: rgba(211,33,40,1);
  font-weight: bold;
}

/*.menu2017 ul.nice-menu li.menuparent > span.nolink {
  
  background-image: url(../images/menu-bullet.png);
  background-position: bottom;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  color: rgba(100,180,191,1);
}

.menu2017 ul.nice-menu li.menuparent > span.nolink:hover {
  background-image: url(../images/menu-bullet-h.png);
  color: rgba(255,255,255,1);
}

.menu2017 ul.nice-menu li.over > span.nolink, .menu2017 ul.nice-menu li.active-trail > span.nolink {
  background-image: url(../images/menu-bullet-h.png);
  color: rgba(255,255,255,1);
}*/

.menu2017 ul.nice-menu li.over .active {
  color: rgba(255,255,255,1);
}

ul.nice-menu-down li.menuparent {
  background-image: url(../images/menu-bullet.png);
  background-position: 96% 16px;
  background-repeat: no-repeat;
}

ul.nice-menu-down li.menuparent:hover {
  background-image: url(../images/menu-bullet-h.png);
  background-position: 99% 16px;
  background-repeat: no-repeat;
}

/*.menu2017 li.menu-path-newsletter-signup {
  float: right;
}*/

#block-locale-language {
  position: absolute;
  left: 50%;
  top: 13px;
  margin-left: -300px;
}

#block-locale-language ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#block-locale-language ul li {
  float: left;
}

#block-locale-language ul li a {
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255,255,255,1);
  background-color: rgba(33,33,33,1);
  font-weight: bold;
  padding: 15px 17px;
  border-radius: 30px;
  text-align: center;
  box-shadow: 0px 0px 5px 1px rgba(0,23,34,0.5);
}

#block-locale-language ul li span.locale-untranslated {
  text-transform: uppercase;
  color: rgba(0,0,0,1);
  text-decoration: none;
  padding: 16px 8px;
  display: none;
}

#block-locale-language ul li a:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(0,142,214,1);
  border-radius: 30px;
}


#block-locale-language ul li a.active {
  display: none;
}

.blog_main {
  position: absolute;
  left: 50%;
  margin-left: -385px;
  top: -10px;
}

.blog_main a {
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255,255,255,1);
  background-color: rgba(33,33,33,1);
  font-weight: bold;
  padding: 20px 15px;
  border-radius: 40px;
  text-align: center;
  box-shadow: 0px 0px 5px 1px rgba(0,23,34,0.5);
}

.blog_main a:hover {
  background-color: rgba(0,142,214,1);
}
}