/* --- layout 1 -- */
.theme_style_1{}

.theme_style_1 .beitrag_grid-text {
  width: 100%;
  background-color: rgba(0,0,0,0.7);
  color: #fff !important;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s;
  position: relative;
}

.theme_style_1 .beitrag_grid-text h3 {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 0px 30px;
  font-size: 22px;
  width: 100%;
}

.beitrag_grid-text a.beitrag_link {
  color: #0E2647;
}
 .beitrag_grid-text a.beitrag_link:hover {
  color: #0E2647 !important;
  opacity: .7;
}
.dr-title {
  margin-bottom: 5px !important;
}

/*
.theme_style_1 .beitrag_grid-text h3:hover {
  color: #0E2647 !important;

} */
/* --- layout 2 -- */
.theme_style_2{padding: 10px;}
.page-id-277 .theme_style_2{padding: 0px;}


.theme_style_2 .beitrag_grid-text {
  width: 100%;
  color: #000 !important;
  text-align: left;
  padding: 20px;
  opacity: 1;
  transition: opacity 0.3s;
  position: relative;
  height: 580px !important;
}

.theme_style_2 .beitrag_grid-post-wrapper{border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  background: #F7F7F7;
}

.theme_style_2 .beitrag_grid-text h3 {
  margin: 2px 0 5px;
  font-size: 32px;
  color: #917c55;
  text-transform: none;
}
.dr-title {
	margin-bottom: 0;
}

.theme_style_2 .beitrag_grid-thumbnail {
  width: 96%;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  margin: 8px;
  height: 400px !important;
}
.title-prefix {
  display: block;
}

/* .title-prefix::after {
  content: "\A";
  white-space: pre-line;
  display: inline;
} */
.theme_style_3 .beitrag_grid-text {
  display: none;
}
.theme_style_3 .beitrag_grid-thumbnail {
	width: 100%;
	background-size: cover;
	background-position: center;
	border-radius: unset;
	margin: 0px;
	height: 156px !important;
  margin-left: 5px;
}
.theme_style_3 .beitrag_grid-post-wrapper {
	border-radius: 4px;
	box-shadow: unset;
	width: calc( 100% / 4 - 20px);
}

.single .theme_style_3 .beitrag_grid-post-wrapper {
	width: 73px;
  margin-top: 20px;
}
.single .beitrag_grid-post-wrapper {
  width: 100%;
  display: flex !important;
}
.single .beitrag_grid_wrapper {
	padding-left: 20px;
}

/* ---- respons ---- */
  @media screen and (max-width: 1100px){
    .beitrag_grid-post-wrapper .subdescbox{display: none;}
  }

	@media screen and (min-width: 1000px){
		.beitrag_grid-post-wrapper{
      width: calc( 100% / 3 - 20px);
      float: left;
      margin-right: 20px; 
      margin-bottom: 20px;
    }
	}
  @media screen and (max-width: 1357px) {
    .theme_style_2 .beitrag_grid-text {
      font-size: 18px;
    }

    .theme_style_3 .beitrag_grid-thumbnail {
      width: 100%;
      background-size: contain; /* neu */
      background-repeat: no-repeat;
      background-position: center;
      height: 100% !important;
      margin-left: 5px;
    }
    
		.beitrag_grid-post-wrapper{
      width: calc( 100% / 3 - 20px);
      float: left;
      margin-right: 20px;
      margin-bottom: 20px;
    }

    .theme_style_3 .beitrag_grid-post-wrapper {
      border-radius: 4px;
      box-shadow: unset;
      width: calc( 100% / 4 - 3px);
      height: 130px;
    }
  }

	@media screen and (min-width: 650px) and (max-width: 999px){


    .theme_style_3 .beitrag_grid-thumbnail {
      width: 100%;
      background-size: contain; /* neu */
      background-repeat: no-repeat;
      background-position: center;
      height: 100% !important;
      margin-left: 5px;
    }
    
		.beitrag_grid-post-wrapper{width: calc( 100% / 2 - 20px);
      float: left;
      margin-right: 20px;
      margin-bottom: 20px;
    }

    .theme_style_3 .beitrag_grid-post-wrapper {
      height: 130px;
    }
	}
  @media screen and (min-width: 650px) and (max-width: 665px) {
    .theme_style_3 .beitrag_grid-thumbnail {
      width: 100%;
      background-size: contain; /* neu */
      background-repeat: no-repeat;
      background-position: center;
      height: 100% !important;
      margin-left: 5px;
    }
    
		.beitrag_grid-post-wrapper{width: calc( 100% / 2 - 20px);
      float: left;
      margin-right: 20px;
      margin-bottom: 20px;
    }

    .theme_style_3 .beitrag_grid-post-wrapper {
      border-radius: 4px;
      box-shadow: unset;
      width: calc( 100% / 4 - 3px);
      height: 120px;
    }

  }
	@media screen and (max-width: 649px){
		.beitrag_grid-post-wrapper{width: calc( 100%);float: left;margin-right: 0px;margin-bottom: 20px;}
	}
  @media screen and (min-width: 350px) and (max-width: 949px){
    .theme_style_3 .beitrag_grid-post-wrapper {
      border-radius: 0;
      box-shadow: unset;
      width: calc( 100% / 4 - 2px);
    }
	}


  /* @media (min-width: 600px) and (max-width: 921px) {
  .theme_style_2 .beitrag_grid-text {
    height: 500px !important;
  }
}
@media (min-width: 922px) and (max-width: 1100px) {
  .theme_style_2 .beitrag_grid-text {
    height: 500px !important;
  }
} */
/* ---- respons ---- */
.beitrag_grid-thumbnail{width: 100%;background-size: cover;background-position: center;}