/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  .pure-drawer[data-position="top"] {
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 40px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.fawforum-view .views-row:nth-child(even) .proj-img {
	  left:0%;
   }

  .fawforum-view .views-row:nth-child(even) .proj-txt {
	  right:0%;
  }
   
  #sliding-popup {
    z-index: 99999;
    text-align: center;
    background-color: #000;
    height: auto;
	  width:100%;
	  padding-bottom:10px;
  }

  #sliding-popup #popup-text {
    margin-bottom: 10px;
  }	

  .f-element {
    margin-top:20px;
  }
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  body {
    font-size: 17px;
  }
		
  .page-header {
    font-size:26px;
    margin: 10px 0 0px;
  }

  .subline {
    font-size: 20px;;
  }

  .metawg-cto .thumbnail img {
    width: 25%;
    margin: 0 auto;
  }

  .cite {
    font-size: 24px;
  }

  .bannertext {
    font-size:20px;
  }

  .paragraph--type-one-column-section [class^=col-],
  .paragraph--type-two-column-section [class^=col-],
  .paragraph--type-three-column-section [class^=col-] {
    margin-bottom:40px;
  }

  .field--name-field-caption {
    text-align:left;
  }

  .bannertext-back {
    display:none;
  }

  h2 {
    font-size:22px;
  }

  h3 {
    font-size:20px;
  }

	.jumbo {
    border-bottom: none;
    border-top: none;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 0px;
    padding-top: 0px;
  }

  .jumbo h2 {
    font-size: 22px;
  }

  .jumbo p {
    font-size: 20px;
  }

  .paragraph--type-one-column-section,
  .paragraph--type-two-column-section,
  .paragraph--type-three-column-section,
  .paragraph--type-cardcontainer,
  .paragraph--type-embed-view {
    padding-top:10px;
    padding-bottom:10px;
  }
		
	.carousel-inner > .item {
    position: relative;
    display: block;
  }

  .carousel-caption {
    bottom: 10%;
  }
		
	.pure-drawer[data-position="top"] {
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 40px;
  }
		
	.region-drawer {
    column-count: auto;
    column-gap: 1em;
	}

  #block-uberuns li, 
  #block-siesindeinpflegedienst li, 
  #block-siesindeinangehoriger li, 
  #block-zimmerborse li, 
  #block-allgemein li {
    font-size: 16px;
  }

}

/* Anpassungen LOOM */

@media (max-width: 767px) {
  .carousel-inner .carousel-caption p.zoomIn {
    font-size: 22px;
    line-height: 28px;
  }

  .carousel-caption .caption {
    font-size: 36px;
    line-height: 46px;
  }

  .affix {
    position: static;
  }
}


@media (min-width: 768px) {
  .pure-toggle-label {
    border: 1px solid white;
  }

  .paragraph--type-banner {
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }

  .paragraph--type-banner > img {
    width: calc(50% - 15px);
    margin-right: 15px;
  }

  .paragraph--type-two-column-section {
    display: flex;
  }

  .paragraph--type-two-column-section > div:first-child {
      border-right: 15px solid #FAFAF9;
  }

  .paragraph--type-two-column-section > div:last-child {
      border-left: 15px solid #FAFAF9;
  }
}

@media (max-width: 1024px) {
  .paragraph--type-banner .bannertext {
    font-size: 34px;
  }

  .region-drawer {
    column-gap: 5em;
  }
}

@media (max-width: 890px) {
  .subline {
    padding: 0 15px;
  }
}