.figure-img-left{padding-right: 10px;}
.subcategory-col .category-banner {display: none;}
.alist__topcms .col-md-push-3, .alist__bottomcms .col-md-push-3 {width: 100%;left: 0;}
ul#subkats {margin-top: 50px;padding: 0;list-style: none;display: flex;flex-wrap:wrap;justify-content:space-between;}
ul#subkats li {flex: 0 1 24%;border: 1px solid #dfddda;margin-bottom: 20px;}
ul#subkats li.platzhalter {height: 0;border: none;}
ul#subkats li:hover {border: 1px solid #1A5292;}
ul#subkats li:hover h3 {text-decoration: underline;background-color: #b31d42;color: #fff;}
ul#subkats li h3 {margin: 0;text-align: center;padding: 5px 0px 10px 0px;color: #323232; font-family: "brandon-grotesque", sans-serif; font-size: 20px; font-weight: 300; letter-spacing: 0.44px; line-height: 25px;	text-align: center;text-transform: uppercase;}
@media(max-width: 480px) {
	ul#subkats li h3 {font-size: 17px;}
}
ul#subkats li h3 a {display: block;}
ul#subkats li h3 a:hover {background-color: #fff;color: #234b91;}
ul#subkats li:hover h3 {text-decoration: none; background-color: #ffffff; color: #323232;}
ul#subkats li a {text-align: center;}
ul#subkats li a img {max-height: 248px; padding: 15px 0px;}
ul#subkats.half li {flex: 0 1 49%;}
#herocontent h1, #herocontent h2 {font-family: "brandon-grotesque", sans-serif;padding: 15px;margin-top: 0;margin-bottom: 0px;color: #323232;text-align: center;font-size: 24px;font-weight: 300;letter-spacing: 0.48px;line-height: 40px;}
@media(max-width: 480px) {
	#herocontent h1, #herocontent h2 {font-size: 20px; letter-spacing: 0.34px; line-height: 26px;}
}
#herocontent p {color: #323232;	font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 500;	line-height: 23px;}
@media(max-width: 480px) {
	#herocontent p {font-size: 12px;	font-weight: 300;	line-height: 15px;}
}
#herocontent p a {color: #1A5292;text-decoration: none;}
#herocontent p a:hover {background-color: #ffffff;text-decoration: underline;}
#readmore {text-align: right;}
#readmore a:first-child {margin-right: 50px;}
#readmore a {color: #1A5292;font-size: 20px; letter-spacing: 0.18px; line-height: 20px;}
#readmore a:after {margin-left: 10px; font-family: FontAwesome; font-size: 20px; line-height: 20px;content: "\f105";}
@media(max-width: 480px) {
	#readmore a:first-child {float: left;margin-left: 8px;}
	#readmore a {font-size: 13px; font-weight: 500;	letter-spacing: 0.2px;	line-height: 16px;}
	#readmore a:after {font-size: 13px;}
}
#readmore a:hover {text-decoration: underline;}
.alist__topcms h2, .alist__bottomcms h2 {padding: 10px;margin-top: 20px;font-family: "brandon-grotesque", sans-serif; font-weight: 300; color: #323232;text-align: center;font-size: 28px;letter-spacing: 0.48px;line-height: 40px;}
@media(max-width: 480px) {
	.alist__topcms h2, .alist__bottomcms h2 {
		font-size: 20px;
	}
}



.alist__topcms img {max-width: 100%;}
@media(max-width: 480px) {
	.alist__topcms img {max-width: 80%;}
}
h2.trachten-headline, h2#skip-produkte {width: 100%;height: 30px;margin-bottom: 40px;position: relative;text-align: center;}
h2.trachten-headline span, h2#skip-produkte span {position: relative;top: 0px;padding: 0 42px;color: #323232;font-family: "brandon-grotesque", sans-serif;font-size: 22px;font-weight: 300;letter-spacing: 0.48px;line-height: 31px;z-index: 10;background: #fff;text-transform: uppercase;}
@media(max-width: 480px) {
	h2.trachten-headline span, h2#skip-produkte span {font-size: 16px;}
}
h2.trachten-headline hr, h2#skip-produkte hr {float: left;width: 100%;height: 1px;position: absolute;top: 10px;left: 0px;border-color: #323232;z-index: 0;}
/* Kategorietexte unten */
.seoText {color: #333;}
.seoText h2 {background-color: #dfddda;padding: 10px;margin-top: 20px;text-align: center;font-size: 24px;}
.alist__bottomcms p, .seoText p, .alist__topcms p {color: #323232; font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;}
@media(max-width: 480px) {
	.alist__bottomcms p, .seoText p, .alist__topcms p {font-size: 12px;	font-weight: 300;	line-height: 15px;}
}
.alist__bottomcms p a, .seoText p a, .alist__topcms p a, #inhaltsverzeichnis a {color: #1A5292;text-decoration: none;}
.alist__bottomcms p a:hover, .seoText p a:hover, .alist__topcms p a:hover, #inhaltsverzeichnis a:hover {background-color: #ffffff;text-decoration: underline;}
#herocontent img {max-width: 100%; width: 100%;}

.flex {display: flex;justify-content: space-between;flex-wrap: nowrap;}
.flex .text, .flex .produktkacheln {flex: 0 1 49%;}
.produktkacheln {display: flex;justify-content: space-between;flex-wrap: wrap;}
.produktkacheln figcaption h3 {text-align: center;background-color: #b31d42;color: #fff;padding: 5px 10px;border-radius: 5px;}
.produktkacheln a:hover {color: #fff;}
.produktkacheln figure:hover figcaption h3 {background-color: #871632;}
.produktkacheln figure {flex:0 1 24%;text-align: center;}

.seoText #herocontent .flex {display: flex;justify-content: space-between;}
.seoText #herocontent .flex .text {flex: 0 1 60%;}
.seoText #herocontent .flex #inhaltsverzeichnis {flex: 0 1 48%;border: 1px solid #dfddda;padding: 0;}
.seoText #herocontent .flex #inhaltsverzeichnis h3 {background-color: #dfddda;text-align: center;padding: 5px;}
.seoText #herocontent .flex #inhaltsverzeichnis ul {list-style: none;margin: 10px 20px;padding: 0;}
.seoText #herocontent .flex #inhaltsverzeichnis ul li {margin-bottom: 10px;}
.seoText #herocontent .flex #inhaltsverzeichnis ul li:before {content: "\e080";font-family: 'Glyphicons Halflings';color: #b31d42;}
#inhaltsverzeichnis a, #inhaltsverzeichnis h3 {font-size: 1.75rem;}

figure.kategoriekachel {flex:0 1 24%;border: 1px solid #dfddda;text-align: center;margin-bottom: 15px;}
figure.kategoriekachel figcaption {background-color: #dfddda;padding: 5px;}
figure.kategoriekachel figcaption h3 {margin: 0;}
figure.kategoriekachel:hover {border: 1px solid #b31d42;}
figure.kategoriekachel:hover figcaption {background-color: #b31d42;color: #fff;}
figure.kategoriekachel:hover a {color: #fff;}

.flex-20 {flex:0 1 19%;}
.flex-80 {flex: 0 1 80%;}

.flex .text p, .flex .flex-80 p{text-align: left;}

#dirndl-designer-slider .flex-viewport {overflow: hidden;position: relative;}
#dirndl-designer-slider .flex-viewport .slides {width: 1600%;transition-duration: 0.6s;transform: translate3d(-296.667px, 0px, 0px);}
#manufacturerSlider.dirndl-designer-slider.flexslider .slides>li {display: block;flex: 0 1 12%;}
#manufacturerSlider.dirndl-designer-slider.flexslider .slides {display: flex;justify-content: space-between;flex-wrap: nowrap;}
#manufacturerSlider.dirndl-designer-slider.flexslider .flex-direction-nav {display: none;}

#dirndl-linkbox {list-style-type: none;padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
#dirndl-linkbox li {width: 32%;border: 1px solid #dfddda;margin-bottom: 20px;}
#dirndl-linkbox li img {width: 80%;margin: 0 auto;display: block;}
#dirndl-linkbox li figure figcaption h3 {margin: 0;text-align: center;background-color: #dfddda;padding: 5px 10px;}
#dirndl-linkbox li:hover {border: 1px solid #b31d42;}
#dirndl-linkbox li:hover figure figcaption h3 {text-decoration: underline;background-color: #b31d42;color: #fff;}

#emotionsbild_unten {position: relative;}
#emotionsbild_unten figcaption {position: absolute;bottom: 7rem;right: 10rem;left: 10rem;background-color: rgba(255,255,255,0.8);padding: 15px;}
#emotionsbild_unten img {width: 100%;}

@media screen and (max-width: 992px) {
	.seoText #herocontent .flex #inhaltsverzeichnis{flex: 0 1 100%;}
	.flex .text, .flex .produktkacheln {flex: 0 1 100%;}
	.flex {display: flex;justify-content: space-between;flex-wrap: wrap;}
	.seoText #herocontent .flex .text{flex: 0 1 100%;}
	.flex-20 img{width:100%;}
	.flex .text p, .flex .flex-80 p{text-align: justify;}
}

@media screen and (max-width: 600px) {
	ul#subkats li {flex: 0 1 49%;}
	.flex, .seoText #herocontent .flex, #dirndl-linkbox {display: block;}
	.produktkacheln img {max-width: 100%;}
	.seoText p {text-align: center;}
	.produktkacheln {display: block;}
	.flex-20 {text-align: center;}
	#emotionsbild_unten figcaption {position: static;}
	#dirndl-linkbox li {width: 100%;}
	#manufacturerSlider.dirndl-designer-slider.flexslider .slides {flex-wrap: wrap;}
	#manufacturerSlider.dirndl-designer-slider.flexslider .slides>li {flex: 0 1 48%;margin-bottom: 10px;}
	#manufacturerSlider.dirndl-designer-slider.flexslider .slides:after {display: none;}
}

/* Kategorien Mailto */
a.gaEvents{color: #b31d42;text-decoration: underline;}
a.gaEvents:hover{background-color: #b31d42;color: #fff;}