.hu-mod.col-teaser .col{
	    position: relative;
}
.hu-mod.col-teaser .row.columns.large{
	margin-top: -140px;
}
.hu-mod.col-teaser .col-xl-9.right{
	padding-left: 40px;
}
.hu-mod.col-teaser .columns>*{
	margin: 0 !important;
}


.hu-mod.col-teaser .hu-chip {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
}

.hu-mod.col-teaser h1 {
    color: var(--primary-800-color);
    font-size: 52px;
    line-height: 62px;
    font-weight: 400;
}

.hu-mod.col-teaser h2{
	color: currentColor;
	font-size: 36px;
	font-weight: 400;
    line-height: 50px;
	max-width: 930px;
}
.hu-mod.col-teaser h2 strong {
    font-weight: 500;
}

.hu-mod.col-teaser h3{
	color: currentColor;
	font-size: 20px;
	font-weight: 400;
    line-height: 1.5;
	max-width: 930px;
}
.hu-mod.col-teaser h3 strong {
    font-weight: 500;
}

@media (max-width: 1024px) {
      .hu-mod.col-teaser h3 {
        font-size: 32px;
        line-height: 38px;
        font-weight: 300;
      }

.hu-mod.col-teaser .txt{
	max-width:930px;
}

.hu-mod.col-teaser .container{
	padding: 40px 15px;

}

.hu-mod.col-teaser a{
	  background: var(--primary-600-color);
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    margin-top: 12px;
    padding: 0 24px;
    line-height: 58px;
    position: relative;
	  border: 2px solid var(--primary-600-color);
	    transition: all .5s;
	margin-right: 15px;
}
.hu-mod.col-teaser a:hover{
	color: var(--primary-600-color);
	background: #fff;
}
.hu-mod.col-teaser a:after{
	    content: "";
    margin-left: 9px;
    background-image: var(--link-arrow);
    width: 24px;
    height: 30px;
    display: inline-block;
    filter: invert(1);
    position: relative;
    top: 10px;
	    transition: all .9s;
}

.hu-mod.col-teaser .col.center{
	    display: flex;
    align-items: center;
    padding-left: 30px;
	padding-right: 0;
}
.hu-mod.col-teaser .col.center.left{
	padding-left: 0;
    padding-right: 30px;
}

.hu-mod.col-teaser .col.right .outside img{
	position: absolute;
    right: -10%;
}

.hu-mod.col-teaser .col.left .outside img{
	position: absolute;
    left: -10%;
}

.hu-mod.col-teaser a:hover:after{
	 background-image: var(--link-arrow-hover);
	    filter: var(--primary-600-filter);
}

.hu-mod.col-teaser a:nth-child(2){
	background: transparent;
    color: var(--primary-600-color);
	margin-left: 15px;
}
.hu-mod.col-teaser a:nth-child(2):hover{
	background:var(--primary-600-color);
    color: white;
}
.hu-mod.col-teaser a:nth-child(2):after{
	filter: var(--primary-600-filter);
}
.hu-mod.col-teaser a:nth-child(2):hover:after{
	filter: invert(1);
}

.hu-mod.col-teaser span[style*="text-decoration: line-through"]{
	font-size: 30px;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='386' height='51' viewBox='0 0 386 51' fill='none'%3E%3Cpath d='M4.91761 45.4585C-2.92185 34.2875 2.46778 8.89873 8.34737 2.80542C16.6766 -1.25678 343.485 2.80542 367.003 2.80542C390.521 2.80542 386.112 28.702 380.722 41.9041C375.332 55.1063 347.404 49.013 271.46 45.4585C195.515 41.9041 12.7571 56.6296 4.91761 45.4585Z' fill='white' stroke='white'/%3E%3C/svg%3E);
       background-repeat: no-repeat !important;
    background-size: contain !important;
    color: var(--primary-700-color);
    font-size: 30px;
    font-weight: 400 !important;
    margin-top: 10px;
    padding: 0px 16px 10px 10px;
    display: flex;
    inline-size: fit-content;
    line-height: 50px;
}
.hu-mod.col-teaser span[style*="text-decoration: line-through"]:before{
	display: block;
	content: "";
}

.hu-mod.col-teaser ul {
    margin-left: -15px;
}
.hu-mod.col-teaser li, .hu-mod.col-teaser .txt {
    font-size: 1.25rem;
    line-height: 1.5;
}
.hu-mod.col-teaser.s-bottom{
		margin-bottom: 80px;
	}
@media(max-width: 992px){
	.hu-mod.col-teaser {
   /* margin-top: 120px;*/
  }
	.hu-mod.col-teaser .section{
		padding-bottom: 20px;
	}
	.hu-mod.col-teaser .col{
		flex: 0 0 100%;
	}
	.hu-mod.col-teaser .wave.wave-top {
    min-height: 70px;
    position: absolute;
    top: -70px;
    left: 0;
    width: 100%;
    max-height: 70px;
  }
	.col-teaser.m-top .col.left img, .col-teaser.m-bottom .col.right img {
        top: 0 !important;
        margin-bottom: 20px;
    }
	.hu-mod.col-teaser img{
   
    display: block;
		    position: relative !important;
    right: inherit !important;
    left: inherit !important;
		top: 70px;
	}
	.hu-mod.col-teaser .mob-img img{
		top: 0 !important;
		margin-top: 60px !important;
	}
	.col-teaser.s-center img{
		margin: 0 auto; 
	}
	.col-teaser.s-center{
		text-align: center;
	}
	.hu-mod.col-teaser.small-icon img{
		top: 0;
	}
	
	.hu-mod.col-teaser .row.columns.large {
    margin-top: 0;
  }
	.col-teaser.m-bottom .row{
		flex-direction: column-reverse;
		        gap: 20px;
	}
	
	.hu-mod.col-teaser .col.center {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
	
	.hu-mod.col-teaser .container {
    padding: 0 15px 40px;
  }
	
	.hu-mod.col-teaser .container.pm {
    padding: 40px 15px;
  }
	
	.hu-mod.col-teaser.show-top .container {
    padding: 40px 15px 40px;
  }
	
	.hu-mod.col-teaser ol {
    margin: 0 -15px;
  }
	
}

@media (max-width:640px){
	.hu-mod.col-teaser h1 {
    color: var(--primary-800-color);
    font-size: 42px;
    font-weight: 400;
    line-height: 46px;
  }
	.hu-mod.col-teaser .col.center {
    padding-left: 15px;
  }
	.hu-mod.col-teaser a{
		        display: flex;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 30px;
        text-align: center;
        line-height: 24px;
        padding: 20px 20px;
        justify-content: center;
	}
	.hu-mod.col-teaser a:after{
		position: absolute;
    top: 20px;
    right: 10px;
	}
	.hu-mod.col-teaser span[style*="text-decoration: line-through"]{
		    background: none !important;
    color: white;
    line-height: normal;
		padding: 0;
	}
	
}




@media (min-width: 1200px) and (max-width: 1500px)
       and (min-height: 600px) and (max-height: 1000px) {
  .hu-mod.col-teaser .container {
    padding: 30px 15px 20px;
  }
	.hu-mod.col-teaser h1 {
    font-size: 42px;
    line-height: 52px;
  }
}


.txt ul[style*="list-style-type: circle"] li:before, .txt ul[style*="list-style-type: square"] li:before{
	content: "✔";
  background: none;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: currentColor;
}


