.p10 {
	width:10%
}
.p20 {
	width:20%
}
.p30 {
	width:30%
}
.p40 {
	width:40%
}
.p50 {
	width:50%
}
.p60 {
	width:60%
}
.p70 {
	width:70%
}
.p80 {
	width:80%
}
.p90 {
	width:90%
}
.p100 {
	width:100%
}
.pad40_20 {
	padding:60px 20px;
}
.teaser * {
	box-sizing:border-box;
}
.teaser .responsive {
	display:none;
}
.teaser h1, .teaser h2, .teaser h3, .teaser h4 {
	margin:0;
	padding:0;
}

.row.teaser .m_down_15 {
	margin:10px 0 20px !important;
}

ul.teaser {
	list-style:none;
	padding:0;
}
li .teaser {
	margin:0;
	padding:0;
	list-style:none;
}
.teaser.columns_2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}
.columns_1.p80.row.teaser {
	width:80%;
}
.m_none {
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}
.m_down_45 {
	margin-bottom:45px !important;
}
.m_down_0 {
	margin-bottom:0;
}
.m_down_10 {
	margin-bottom:10px !important;
}

.m_down_20 {
	margin-bottom:20px !important;
}

.m_top_20 {
	margin-top:20px !important;
}

.p_down_45 {
	padding-bottom:45px !important;
	page-break-inside:avoid;
}

.teaser.m_center,
.teaser .m_center  {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
}
.teaser .element {
	vertical-align:top;
	width:100%;
}
.teaser .center {
	text-align:center;
}
.teaser .pad25v {
	padding:25px 0;
}
.teaser .pad25v10 {
	padding:25px 0 10px;
}
.teaser .relative {
	position:relative;
}
.teaser .absolute {
	position:absolute;
}
.teaser .image {
	width:100%;
}

.element .content .image {
	position:relative;
}

.teaser .image img, .instagram_elements  img {
	width:100%;
	transition:all .4s;
}

.teaser .image img:hover, .instagram_elements  img:hover {
	opacity: .75;
}

.teaser .overlay {
	top: 52%;
	-webkit-transform: translateY(-52%);
	-ms-transform: translateY(-52%);
	transform: translateY(-52%);
	position:absolute;
	width:100%;
	text-align:center;
}
.teaser .overlay_inner {
	bottom: 5%;
	-webkit-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	position:absolute;
	width:100%;
	text-align:center;
	padding:0 10px;
}

.teaser .font_2vw {
	font-size:2vw
}
.teaser .font_263vw {
	font-size:2.63vw;
}
.teaser .font_25vw {
	font-size:2.5vw
}
.teaser .font_3vw {
	font-size:3vw
}
.teaser .font_13px {
	font-size:13px;
}

a.box.inner {
	font-size:13px;
}

.teaser .font_20px {
	font-size:20px;
}

.teaser .font_uppercase {
	text-transform:uppercase;
}

.teaser .font_24px {
	font-size:24px;
}
.teaser .font_29px {
	font-size:29px;
}
.teaser .font_34px {
	font-size:34px;
}
.teaser .font_46px {
	font-size:46px;
}
.teaser .font_white {
	color:#FFF;
}
.teaser .font_grey {
	color:#2B2B32 !important;
}
.teaser .font_bold {
    font-family: var(--kdg_font_bold);
    font-weight: normal;
}

.teaser .font_normal {
	font-family: var(--kdg_font_medium);
	font-weight: normal;
}
.teaser .font_lighter {
	font-family: var(--kdg_font_regular);
	font-weight: normal;
}
.teaser .box_under_element_container, .teaser .box_in_element_container {
	margin: 15px 0 0;
	text-align: center;
}
.teaser .box_under_element_container .box.outer {
	border:1px solid #000;
	display:inline-block;
	padding:10px 15px;
	cursor:pointer;
}
.teaser .box_in_element_container .box.inner {
	border:none;
	display:inline-block;
	padding:10px 15px;
	cursor:pointer;
	background:#fff;
}
.teaser .box_under_element_container .box.outer, .teaser .box_under_element_container .box.outer a {
	font-size:13px;
	text-decoration:none;
	text-transform:uppercase;
}
.teaser .box_under_element_container .box.outer:hover, .teaser .box_in_element_container .box.inner:hover {
	box-shadow:-6px -6px 0 #000;
}
.teaser.quicklinks {
	background:#89948f;
}
.teaser .teaser_subline {
	color: #fff;
	margin: 10px 0;
	display: block;
}
.teaser.quicklinks .quicklinks_buttons ul {
	margin:0 auto;
}
.teaser.quicklinks .quicklinks_buttons li {
	display: inline-block;
}
.teaser.quicklinks .quicklinks_buttons li a {
	display: inline-block;
	background: #fff;
	padding: 10px;
	font-size: 13px;
	width: 145px;
	margin: 20px 10px 10px;
	text-transform: uppercase;
}
.teaser.quicklinks .quicklinks_buttons li a:hover {
	box-shadow:-6px -6px 0 #000;
}
/* TEASERPAGE */

.teaser.newsletter {
	background:#8f7dba;
}
.teaser.newsletter .newsletter_content, .teaser.newsletter .newsletter_image {
	display:block;
	float:left;
}
.teaser.newsletter .newsletter_image img {
	width:100%;
}
.teaser.newsletter .genderselect {
	list-style:none;
	margin:20px 0;
	padding:0;
}
.teaser.newsletter .genderselect li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:bottom;
}
.teaser .newslettertext {
	width: 230px;
	display: block;
	margin: 0 auto 20px;
	border: none;
	padding: 10px;
	background: #fff;
	font-family: inherit;
	font-size: 20px;
	color: #727272;
}
.teaser .newsletterbutton {
    background: #000;
    border: none;
    padding: 10px;
    width: 230px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.teaser .newsletterbutton:hover {
	box-shadow:-6px -6px 0px #ffbba4;
}
.teaser.link_guide {
	background:#f6d683;
}
.teaser .link_guide_elements a:hover {
	text-decoration:underline;
}
.teaser .link_guide_elements {
    font-family: var(--kdg_font_medium);
}
.teaser .slick_items .content {
	margin:0 10px;
}
.teaser .slick_items .text {
	text-align:left;
	margin:15px 0 0;
	font-size: 17px;
}

.teaser .slick_items .PreisAlt, .teaser .slick_items .PreisNormal {
	display:inline-block;
	font-size:14px;
	color:#727272;
	
}

.teaser .slick_items .PreisSonder {
	display:inline-block;
	color:#e50000 !important;
	margin: 0 0 0 10px;
}

.teaser .slick_items .clear {
	clear:unset !important;
}
.teaser .slick-prev {
	background: #FFF url(/v30/localpictures/theme/aaa_teaser/slick_prev.png) no-repeat top center;
    background-size: 25px;
    background-position: center;
    z-index: 5;
    border-radius: 100%;
    height: 15%;
    width: auto;
    aspect-ratio: 1/1;
    left: -2% !important;
    opacity: 0.8;
	transition:all 0.5s;
}
.teaser .slick-next {
	 background: #FFF url(/v30/localpictures/theme/aaa_teaser/slick_next.png) no-repeat top center;
    background-size: 25px;
    background-position: center;
    z-index: 5;
    border-radius: 100%;
    height: 15%;
    width: auto;
    aspect-ratio: 1/1;
    right: -2% !important;
    opacity: 0.8;
	transition:all 0.5s;
}
.teaser .slick-prev:hover, .teaser .slick-next:hover {
	opacity:1;
}
.teaser .slick_items .content .linktext {
	text-align: center;
	display: block;
	margin: 15px 0 0;
	font-size: 17px;
	font-family: var(--kdg_font_bold);
    	font-weight: normal;
	text-transform: uppercase;
}
.teaser .slick_items .content .linktext:hover {
	text-decoration:underline;
	text-decoration-color:#a3a3a3;
}
.teaser .instagram_elements {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4; /* Firefox */
	column-count: 4;
}
.teaser .instagram_elements img {
	width:100%;
	padding:10px 5px;
}
.teaser .margtm30 {
	margin-top:-30px;
}
.teaser .image .pad50 {
	padding:50px 50px 20px 50px;
}
.teaser .responsive.teaser_text_under_h {
	display:none;
}

.teaser .resp_deskt.teaser_text_under_h {
	display:block;
	margin:5px 0;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
}

.teaser.blogarea {
	background:#efebea;
	padding:20px;
}

.teaser .blog_container_element_1 {
	float:left;
	position:relative;
	width:48%;
}

.teaser .blog_container_element_1 .image_element {
    width: 100%;
    text-align: right;
}

.teaser .blog_container_element_2 .image_element {
    width: 100%;
    text-align: right;
}

.teaser .blog_container_element_1 .image_element  img  {
	width:70%;
	margin:10% 0 0;
}

.teaser .blog_container_element_2 .image_element  img  {
	width:90%;
	margin:5% 0 0;
}

.teaser .blog_container_element_1 .text_element {
	background:#fff;
	padding:10px;
	position:absolute;
	max-width:70%;
	top:0;
	left:0;
}


.teaser .blog_container_element_1 .text_element .teaser_text_under_h, 
.teaser .blog_container_element_2 .text_element .teaser_text_under_h{
	font-size:1.6em;
	margin:10px 0;
}



.teaser .more_info {
	margin:10px 0 0;
}

.teaser .more_info, .teaser .more_info a{
	font-size:12px;
}

.teaser .more_info a{
	font-size:12px;
	text-decoration:underline;
}

.teaser .blog_container_element_2 .text_element {
	background:#fff;
	padding:5px;
	position:absolute;
	max-width:70%;
	bottom:5%;
	left:0;
}

.teaser .blog_container_element_2 {
	float:right;
	position:relative;
	width:48%;
}

@media only screen and (min-width: 100px) and (max-width: 719px) {
.teaser.columns_2 {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
}
.teaser .font_3vw {
	font-size: 8vw;
}

.teaser .font_22vw {
	font-size: 2.2vw;
}

.teaser .font_25vw {
	font-size: 8.5vw;
}
.teaser.quicklinks .teaser_subline {
	margin: 10px;
}
.teaser.quicklinks .quicklinks_buttons li {
	width: 100%;
	margin:0;
}
.columns_1.p80.row.teaser {
	width: 100%;
}
.newsletter .newsletter_content.p40 {
	width:100%;
}
.newsletter .newsletter_image {
	display:none !important;
}
.teaser .desktop {
	display:none;
}
.teaser .responsive {
	display:block;
}
.teaser .font_46px {
	font-size: 36px;
}
.teaser .font_29px {
	font-size: 26px;
}
.teaser .slick_items .content .linktext {
	font-size:15px !important;
}
.teaser h2.font_34px {
	font-size:26px;
}
.teaser .instagram_elements img {
	width: 100%;
	padding: 5px 0px;
}
.teaser .instagram_elements {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}
.teaser .margtm30 {
	margin-top:10px;
}
.teaser .image .pad50 {
	padding:0;
}
.teaser .overlay_outer {
	margin:20px 0 0;
}
.teaser .responsive.teaser_text_under_h, .teaser .resp_deskt.teaser_text_under_h {
	display:block;
	margin:5px 0;
	font-size:17px;
	text-align:center;
	text-transform:uppercase;
}
.teaser .overlay_inner {
	position:relative;
	bottom:unset;
	padding:0;
	margin:20px 0 0;
}
.teaser .overlay_inner .font_white {
	color:#4b4b4b;
}
.teaser .overlay_inner .box.inner {
	border:1px solid #000;
}

.teaser .blog_container_element_1 .image_element img,
.teaser .blog_container_element_2 .image_element img {
    width: 100%;
    margin: 0;
}

.teaser .blog_container_element_1, 
.teaser .blog_container_element_2 {
    float: none;
    position: relative;
    width: 100%;
    margin:0 0 40px
}

.teaser .blog_container_element_1 .text_element,
.teaser .blog_container_element_2 .text_element {
	position:relative;
	left:unset;
	right:unset;
	top:unset;
	bottom:unset;
	max-width:100%;
}

.teaser .blog_container_element_1 .text_element .teaser_text_under_h, 
.teaser .blog_container_element_2 .text_element .teaser_text_under_h{
	font-size:17px;
}

.teaser .slick_items .content {
    margin: 0 2px;
}

}

/* NEWSLETTER CHECKBOX */

/* The container */
.teaser .container {
	display: block;
	position: relative;
	padding: 0 15px 0 30px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default radio button */
.teaser .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
/* Create a custom radio button */
.teaser .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #ffbba4;
	border-radius: 50%;
	border: 2px solid #fff;
}

/* On mouse-over, add a grey background color */
.teaser .container:hover input ~ .checkmark {
 background-color: #000;
 border: 2px solid #fff;
}

/* When the radio button is checked, add a blue background */
.teaser .container input:checked ~ .checkmark {
 background-color: #000;
 border: 2px solid #ffbba4;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.teaser .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.teaser .container input:checked ~ .checkmark:after {
 display: block;
}
/* Style the indicator (dot/circle) */
.teaser .container .checkmark:after {
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #000;
    background: #ffbba4;
}

/* TRENDMARKEN LOGO BANNER */
    .teaser.columns_6 {
        -webkit-column-count: 6;
        /* Chrome, Safari, Opera */
        -moz-column-count: 6;
        /* Firefox */
        column-count: 6;
        display: flex;
        align-items: center;
    }

    .teaser .imageLogo img {
        width: 100%;
        transition: all .4s;
        margin-top: 0;
        margin-bottom: 0;
        padding: 40px;
    }

    .teaser .imageLogo img:hover {
        padding: 20px;
    }

    .p_down_20 {
        padding-bottom: 20px !important;
        page-break-inside: avoid;
        width: 100%;
    }

   @media only screen and (min-width: 100px) and (max-width: 719px) {
        .teaser.columns_6 {
            -webkit-column-count: 2;
            /* Chrome, Safari, Opera */
            -moz-column-count: 2;
            /* Firefox */
            column-count: 2;
            display: flex;
            flex-wrap: wrap;
        }
        
        .teaser.columns_6 > div {
        flex: 50%;
        }
    }
    
@media only screen and (max-width: 399px) { 
	.teaser .box_under_element_container:not(.nosto_element), .teaser .box_in_element_container:not(.nosto_element) {
	    display: grid;
	    justify-items: center;
	    
	}
}
@media only screen and (min-width: 400px) { 
	.teaser .box_under_element_container:not(.nosto_element), .teaser .box_in_element_container:not(.nosto_element) {
	    display: grid;
	    justify-items: center;
	    grid-auto-flow: column;
	    justify-content: center;
	    gap:10px;
	}
}