@media only screen and (min-width:800px) and (max-width:1200px){
.blog-teaser-item {
    width: 50%;
   
  max-width: calc( 50% - 8px )!important;}
  
  .blog-artikel-teaser-outer-wrapper{
  padding-left:16px;
    padding-right:16px;
  
  }
  
}
@media only screen and (min-width:1200px){
blog-teaser-item {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
background-color: #F4F3F1;
  max-width: 387.667px;
  min-height: 405px;

  }}


.blog-title-teaser{
-webkit-line-clamp: 2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.blog-artikel-teaser-outer-wrapper{
display:flex;
  flex-direction:column;
  max-width: 1184px;
  margin: 0 auto;
  gap: 40px;
  position: relative;
}
.blog-teaser-container {
  text-align: center;
  margin: 20px;
}

.blog-teaser-image{
max-width:100%;
  aspect-ratio: 16/9;
  display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
}

.blog-teaser-btn {
  display: inline-block;
  padding: 8px 16px;
  margin: 5px;
  border: 1px solid #ccc;
  cursor: pointer;
  background-color: #f1f1f1;
}

.blog-teaser-btn.active {
  background-color: #4CAF50;
  color: white;
}

.blog-teaser-items-container {
  display: flex;
max-width: 1195px;
align-items: flex-start;
align-content: flex-start;
gap: 16px var(--Size-size-16, 16px);
flex-wrap: wrap;
}

.blog-teaser-item {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
background-color: #F4F3F1;
  max-width: 387.667px;
  max-height: 350px;

}

.above-blog-teaser{
  margin-bottom:20px;
max-width:1195px;
  position: relative;
}

.tag-taxonomy{
display: flex;
padding: 5px 10px;
justify-content: center;
alignr-items: center;
gap: 6px;
  position: absolute;
left: 20px;
top: 19px;
  border-radius: 20px;
border: 2px solid var(--black-60, #666);
background: var(--White, #FFF);
  color: var(--black-80, #333);

/* Label/12px */
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
letter-spacing: 0.014px;
}

.content-under-box{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--Size-size-4, 4px);
align-self: stretch;
}

.under-box>.cta{
display:flex;
}

.under-box{
display: flex;
padding: 20px;
flex-direction: column;
justify-content:space-between;
align-self: stretch;
  height:200px;
}

.blog-blog-teaser-image{
  aspect-ratio:16/9;
display: flex;
height: 216px;
justify-content: center;
align-items: center;
align-self: stretch;
}

.date{
  color: var(--Black, #000);

/* Label/14px */

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
letter-spacing: 0.017px;
display: flex;
align-items: flex-start;
gap: 5px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
letter-spacing: 0.017px;
}

.blog-title-teaser{
color: var(--Black, #000);

/* Title/20px */
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 24px */
letter-spacing: 0.024px;
}

.heading-blog-teaser{
display:inline;
  color: var(--Black, #000);

/* Title/40px */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 48px */
letter-spacing: 0.048px;
 
}
.alle-artikel{
display: flex;
padding: 13.5px 14px;
justify-content: left;
align-items: center;
  width: 100%;

gap: 16px;
float:right;
  color: var(--black-80, #333);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
letter-spacing: 0.017px;
  position: absolute;
    top: 33px;
    right: 0;
    justify-content: flex-end;
}
.artikel{
display: flex;
padding: 13.5px 14px;
justify-content: left;
align-items: center;
  width: 100%;
  height: 100%;
gap: 16px;
float:right;
  color: var(--black-80, #333);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
letter-spacing: 0.017px;
}
.alle_artikel_text{
display: flex;
justify-content: flex-end;
align-items: center;

  height: 100%;
gap: 16px;
float:right;
  color: var(--black-80, #333);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
letter-spacing: 0.017px;
}


@media(max-width: 912px){
  .blog-teaser-items-container{
    position: relative;
    padding-bottom: 10px;
  }
  
  .alle_artikel_text{
    justify-content: center;
  }
  .alle-artikel.op{
    position: absolute;
      display: flex;
    height: var(--Size-size-48, 48px);
    padding: 0px var(--Size-size-16, 16px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--Radius-radius-4, 4px);
    border: 2px solid var(--black-60, #666);
    background: var(--White, #FFF);
    color: var(--black-80, #333);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.019px;
    top: 100%;
    max-width: 878px;
  }
  .above-blog-teaser{
    position: unset;
  }
  .alle-artikel.op svg {
  display: none;
  }
  
  .blog-artikel-teaser-outer-wrapper{
    position: relative;
            margin-bottom: 6rem;
  }
}

.blog-blog-teaser-image {
            position: relative;
            
            overflow: hidden;
        }

.blog-blog-teaser-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            aspect-ratio: 16 / 9;
        }
.alle-artikel-mobile{
display:none;
}

@media only screen and (max-width:800px){
 
  
  
  .blog-teaser-item {
  width:100%;
    max-width:100%;
  }
  .blog-artikel-teaser-outer-wrapper{
    padding-left:12px;
    padding-right:12px;
  }
  .heading-blog-teaser{
  color: var(--Black, #000);

/* Title/24px */
font-size: 24px!important;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 28.8px */
letter-spacing: 0.029px;
  }

  .alle-artikel-mobile{
    margin-top: 16px;
display:block;
   display: flex;
height: var(--Size-size-48, 48px);
padding: 0px 16px;
justify-content: flex-start;
align-items: center;
gap: 10px;
align-self: stretch; 
    border-radius: var(--Radius-radius-4, 4px);
border: 2px solid var(--black-60, #666);
}
  .date{
  color: var(--Black, #000);

/* Label/12px */

font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
letter-spacing: 0.014px;
  }
  .blog-title-teaser{
  color: var(--Black, #000);

/* Title/18px */

font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 21.6px */
letter-spacing: 0.022px;
  }
  
  .alle-artikel {
    padding:12px 0 !important;
   color: var(--black-80, #333);

/* Label/12px */

font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
letter-spacing: 0.014px;
    display: flex;
padding: 7px 6px;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
  .alle-artikel>svg{
  width: var(--Size-size-16, 16px);
height: var(--Size-size-16, 16px);
  }
  .alle-artikel-mobile:hover{
  background-color: var(--black-60, #666);
    color:white;
  }
   max-width: calc( 50% - 8px )!important;}
}

.blog-blog-teaser-image:hover{
cursor:pointer;
}

.blog-teaser-item:hover{
/* OLD Teaser Shadow */
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.40);}

.blog-teaser-item:active{
 box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 1)

}

.alle-artikel:hover, .alle_artikel_text:hover{
text-decoration:underline;
}