.template-artikel{
	
}

.template-artikel ol.agblist{
	padding-left:15px;
}

.template-artikel ol.agblist li{
margin-top: 15px;
}

.template-artikel h3,.template-artikel h4,.template-artikel h6,.template-artikel h6{
	margin: 0 0 15px 0;
	display: inline-block;
}

.template-artikel .artikeltyp{
    display: block;
    float: left;
    position: relative;
    top: -7px;
    margin-right: 10px;
}


.template-artikel .artikeltyp .artikeltyptitel{
	font-size: 15px;
    font-weight: 600;
    background-color: #000000;
    display: inline-block;
    color: #fff;
    position: relative;
    padding: 3px 10px 1px 10px;
    line-height: 23px;
}

.template-artikel .artikeltyp.exklusiv .artikeltyptitel{
    background-color: #dd0000;
}

.template-artikel .teaserheader .redaktion {
	padding: 0 0 10px 0;
	margin: 17px 0 0 0;
	border-bottom: 1px solid #ccc;
	width: 100%;
}



.template-artikel .teaser:hover{
	background-color:transparent;
	-webkit-animation-name: none;
     animation-name: none;	
}

.template-artikel .teasermedia {
    opacity: 1;
    transition: opacity .3s ease-in-out;
    margin: 0 20px 20px 0;
    float:left;
    cursor: pointer;
    position: relative;
}

.template-artikel .teaserfunctions {
    padding: 0;
    display: inline-block;
    margin: 7px 0 10px 0;
    width: 100%;
    position: relative;
    bottom: 0px;
}

.template-artikel h2, .template-artikel .pseudoH2 {
	clear: both;
    font-size: 35px;
    letter-spacing: 1.5px;
    font-weight: 600;
    line-height: 35px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

.template-artikel h1, .template-artikel .pseudoH1 {
    clear: both;
    font-size: 35px;
	line-height: 35px;
    letter-spacing: 1.5px;
    font-weight: 300;
	margin: 21px 0 0px 0;
    text-transform: uppercase;
    text-decoration: none;
    /*display: inline-block;*/
}

.template-artikel.termine h1, .template-artikel.branchennews h1 {
    font-weight: 500;
}

.template-artikel.termine .termin-titel, .template-artikel.branchennews .termin-titel {
	font-family: "Prompt";
    font-weight: 400;
	letter-spacing: 1.5px;
    font-size: 20px;
    color: #bb0000;
    margin: 7px 0 25px 0;
}

.template-artikel.suche article{
	padding:20px 0 0 0;
	border-top:1px solid #ccc;
}

.template-artikel.suche article a:hover{
	color:#bb0000;
}

.template-artikel.suche .entry-summary{
	margin-bottom: 20px;
}

.template-artikel .introtext{
	font-weight: 700;
	margin-bottom: 20px;
	color:#000;
}

.content {
    margin-bottom: 22px;
}

.datasheet {
    padding: 25px 25px 25px 25px;
    border: 2px solid #999;
    color: #666;
    margin-top: 0px;
	display: inline-block;
    width: 100%;
}

.template-artikel .abovorteile{
	    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    font-family: "Prompt";
    margin-top: 25px;
    margin-bottom: 25px;
	letter-spacing: 0.5px;
	font-weight: 400;
}

.template-artikel .abovorteile strong, .template-artikel .abovorteile b{
	font-weight: 600;
}

.template-artikel .abovorteile li{
	line-height: 25px;
    /*text-transform: uppercase;
    font-weight: 600;*/
    margin-bottom: 10px;
}

.template-artikel .abovorteile-hinweis{
    font-size: 16px;
}

.template-artikel .abovorteile li svg{
	height: 25px;
	width: 25px;
	min-width: 25px;
    line-height: 25px;
    margin-right: 10px;
    margin-bottom: -5px;
	color: #dd0000;
}

.template-artikel .abovorteile li span{
	line-height: 25px;
 	margin-top: 3px;	
}

.template-artikel .abo-item{
    display: flex;
    position: relative;
    flex-direction: column;
	padding-top:0;
	margin-top:0;
	margin-bottom:30px;
	cursor: auto;
}

.template-artikel .abo-item .abovorteile, .previewcontent .abovorteile{
	padding: 0;
    list-style: none;
	font-family: inherit;
    line-height: 30px;
	margin-top: 0px;
	margin-bottom: 25px;
}

.template-artikel .abo-item .abovorteile li, .previewcontent .abovorteile li{
	padding: 0 0 0 25px;
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 10px;
	font-weight: inherit;
	text-transform: inherit;
}

.template-artikel .abo-item .abovorteile li:before, .previewcontent .abovorteile li:before{
	font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
	content: "\f00c";
	color:#dd0000;
	margin-right: 10px;
    margin-left: -26px;
}

.template-artikel .abo-item .teaserinner{
	padding: 25px;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.template-artikel .abo-item .body{
	margin-bottom:0;
}

.template-artikel .abo-item .pseudoH2{
	margin-top: 3px;
}

.template-artikel .abo-item .praemienwrapper {
	margin-bottom: 0;
    margin-top: auto;
}

.template-artikel .abo-item .praemie {
	bottom: 0;
    margin: 0;
	padding-bottom: 0;
}

.template-artikel .abo-item .praemie .media {
	padding-left: 0;
}


.template-artikel .abo-item .praemienauswahl {
	padding-left: 0;
	padding-right: 0px;
}

.template-artikel .abo-item .praemienauswahl h3 {
	margin: 0 0 6px 0;
}

.template-artikel .abo-item .praemienrahmen, .previewcontent .praemienrahmen{
	padding: 0;
    border: 1px solid #ccc;
	text-align: center;
}

.template-artikel .abo-item .praemienrahmen img, .previewcontent .praemienrahmen img{
	max-height: 120px;
    width: auto;
}

.template-artikel .teaserbutton {
    width: auto;
    display: block;
    text-align: center;
    margin-top: 25px;
}

.owl-carousel{
	/*display: inline-grid !important;*/
	margin-bottom: 30px;
}

.owl-carousel.relatedProducts{
	margin-bottom: 30px;
}

#gallery.owl-carousel{
	margin-top: 20px;
}

.owl-carousel .item .teaserfunctions{
	display: none;
}

.owl-carousel .item .body, .owl-carousel .item .content{
	margin-bottom:0;
	margin-top: -5px;
}


.owl-carousel .item.teaser{
	margin:0;
}

.owl-stage-outer {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.owl-nav{
	position: relative;
	margin-top: 20px !important;
}

.owl-dots{
	margin-top: 10px !important;
}

.owl-prev{
    position: absolute;
    left: 0;
	background: transparent !important;
	padding:0 !important;
	margin:0 !important;
	transition: all .3s ease-in-out;
	cursor:pointer;
}

.owl-prev i,.owl-next i{
	background: transparent !important;
	font-size: 30px;
	color:#000;
	margin:0 !important;
}

.owl-next{
    position: absolute;
    right: 0;
	background: transparent !important;
	padding:0 !important;
	margin:0 !important;
	transition: all .3s ease-in-out;
	cursor:pointer;
}

.owl-next:hover, .owl-prev:hover{
    opacity:.5;
}


.owl-carousel .teaserheader .redaktion {
	font-size: 11px;
    line-height: 11px;
    margin: 25px 0 0px 0;
	border-bottom: none;
}

.owl-carousel .galleryItem{
	cursor:pointer;
}


.articleSectionTitle{
	margin:0;
	text-transform: uppercase;
	font-size: 25px;
	padding-top: 20px;
    border-top: 1px solid #ccc;
}


.forum {
    margin-top: 15px;
}

.forum .beitraege {
    list-style: none;
    margin: 0;
    padding: 0;
}

.forum .beitrag {
    border-top: 1px solid #ccc;
    width: 100%;
    padding: 10px 0;
}

.forum .header {
    display: block;
	margin-bottom: 35px;
}

.forum .header .avatar {
    float: left;
}

.forum .header .avatar:before {
    content: "\f007 ";
    font-family: 'Font Awesome 5 Pro';
    color: #666;
    margin: 0 10px 0 0;
}

.forum .header .nickname {
    float: left;
    color: #666;
    transition: all .3s ease-in-out;
}

.forum .header .datum {
    float: right;
}

.forum .beitrag .body {
    padding: 5px 0;
    display: block;
    clear: both;
}

.forum .beitrag .beitragfunktionen {
    height: 25px;
    padding: 5px 0 0 0;
    list-style: none;
}

.forum .beitrag .beitragfunktionen li {
    float: right;
    line-height: 14px;
    color: #bb0000;
    transition: color .3s ease-in-out;
    cursor: pointer;
    opacity: 1;
    margin-left: 10px;
}


.forum .beitrag .beitragfunktionen .spam a {
    transition: color .3s ease-in-out;
}

.forum .beitrag .beitragfunktionen .spam a:hover {
    color:#000;
	cursor: pointer;
}

.forum .beitrag .beitragfunktionen .spam a:before {
    content: "\f0f3";
    font-family: 'Font Awesome 5 Pro';
    margin: 0 5px 0 0;
}

.forum .beitrag .beitragfunktionen .comment-reply-link:before {
    content: "\f3e5";
    font-family: 'Font Awesome 5 Pro';
    margin: 0 5px 0 0;
}

.forum .commentWrite {
    margin: 15px 0;
}

#forumCommentForm, #forumCommentPreview, #forumCommentLoader, #forumCommentComplete {
    /*display: none;*/
}

.forum .commentHeadline {
    margin: 15px 0;
}

.forum .commentCopy {
    margin: 15px 0 0;
}

.forum .commentButtonArea {
    height: 45px;
}

.forum .commentAbort {
    margin: 15px 0;
    float: left;
}

.forum .commentSubmit {
    margin: 15px 0;
    float: right;
}

#forumCommentPreview .forum, #forumCommentPreview .beitrag, #forumCommentComplete .beitrag {
    border: 0;
}

.forum .beitrag, #forumCommentButton, #forumCommentLoader, #forumCommentComplete {
    border-top: 1px solid #ccc;
    width: 100%;
    padding: 10px 0;
}

#forumCommentLoader i{
	font-size: 20px;	
}

.forum .beitrag .body {
    padding: 5px 0;
    display: block;
    clear: both;
}

.forum .beitrag blockquote {
    padding: 10px 10px;
    margin: 0 0 15px;
    font-size: 15px;
    border-left: 5px solid #ccc;
    font-style: italic;
    background-color: #eee;
    color: #777;
}

.forum #forumCommentPreview .pseudoH3{
	margin:0;
	text-transform: uppercase;
	font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: 800;
    line-height: 22px;
}

.forum .beitrag.isNested {
    padding-left: 30px;
}

.forum #cancel-comment-reply-link{
    display: inline;
    float: right;
    text-transform: none;
    font-family: "Lato";
    color: #bb0000;
	transition: all .3s ease-in-out;
	font-size: 14px;
	letter-spacing: 0;
}

.forum #cancel-comment-reply-link:hover{
    color: #000;
}

.forum #cancel-comment-reply-link:before {
    content: "\f05e";
    font-family: 'Font Awesome 5 Pro';
    margin: 0 5px 0 0;
}

.forum #forumCommentForm h3, #reply-title{
	margin: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 25px;
    padding-top: 20px;
    /*border-top: 1px solid #ccc;*/
    font-weight: 300;
    letter-spacing: 1px;
}

.forum .comment-form-comment label{
	display:none;
}

.forum .comment-form-comment textarea{
	padding: 10px;
    box-sizing: border-box;
    width: 100%;
	outline: none;
	margin-bottom: 10px;
}

.forum .comment-form input[type="text"]{
	display: block;
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
}

/*#gallery{
	width: 100%;
}
#gallery .owl-stage-outer{
	position: relative;
	overflow: hidden;
}

#gallery .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}
*/

#gallery .owl-item {
    height: 200px;
}

#gallery .owl-item img {
	/*display: block;
	width: auto;
	height: 100%;*/
 	display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#gallery .galleryItem{
	height: 200px;
}


.post-navigation{
	position: relative;
	widows: 100%;
	height: 60px;
}

.post-nav-prev,.post-nav-next{
	cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	position: absolute;
	top:10px;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all .3s ease-in-out;
}

.post-nav-prev{
    left: 0;
}

.post-nav-next{
    right: 0;
}

.post-nav-prev i,.post-nav-next i {
    background: transparent !important;
    font-size: 30px;
    color: #000;
    margin: 0 !important;
}

.post-nav-prev:hover,.post-nav-next:hover {
    opacity: .5;
}



ul.ausgabe-highlights {
    margin: 0;
    padding: 0 0 0 17px;
}

.articleContent .datasheet{
	padding: 25px 25px 10px 25px;
    border: 2px solid #999;
    color: #666;
    margin-top: 0px;
    display: inline-block;
    width: 100%;
    float: left;
    margin: 0 25px 20px 0;
}

.articleContent .datasheet.left{
    margin: 0 25px 20px 0;
	float: left;
}

.articleContent .datasheet.right{
    margin: 0 0 20px 25px;
	float: right;
}

.articleContent .datasheet.col-xl-12{
    margin: 0 0 20px 0;
	float: left;
}

.datasheet .key, .datasheet .TD-bis-Doppelpunkt {
    font-weight: 600;
    color: #000;
}

.datasheet .value {

}

.datasheet a[aria-expanded="true"]:before{ 
  content:"- Weniger anzeigen";
}

.datasheet a[aria-expanded="false"]:before{ 
  content:"+ Mehr anzeigen";
}

.articleContent h3 {
    clear: none;
    display: block;
	font-weight: 600;
    letter-spacing: 1px;
}

.geschenkurkunde{
	overflow: hidden;
    padding: 0 0 0 0;
    line-height: 0;
    white-space: nowrap;
    box-shadow: 0 0 10px #ccc;
}

.geschenkurkunde .inlineTeaserImageWrapper{
	margin-bottom: 0;
}


@media (max-width: 1024px) {
	
	.datasheet {
		padding: 15px 15px 15px 15px;
    	margin-bottom: 0px;
	}
	
	.owl-carousel .teaser{
		padding-left: 0;
		padding-right: 0;
	}
	
	.template-artikel .abo-item .teaserinner{
		padding: 15px;
	}
	
	.template-artikel .abo-item .pseudoH1{
		margin-top: 15px;
		font-size: 25px;
		line-height: 25px;
	}
	
	.template-artikel .abo-item .pseudoH2{
		margin-top: 0px;
		font-size: 25px;
		line-height: 25px;
	}
	
}


@media (max-width: 749px) {
	
	.datasheet {
		padding: 15px 15px 15px 15px;
    	margin-bottom: 45px;
	}
	
	.article_topshadow{
		display:none;
	}
	
	.template-artikel .artikeltyp{
		display: block;
		float: left;
		position: relative;
		top: -4px;
		margin-right: 6px;
	}


	.template-artikel .artikeltyp .artikeltyptitel{
		font-size: 12px;
		font-weight: 600;
		background-color: #dd0000;
		display: inline-block;
		color: #fff;
		position: relative;
		padding: 1px 7px 0px 7px;
		line-height: 18px;
	}
	
	
	.template-artikel .teaserfunctions {
		margin-bottom: 5px;
	}
	
	.template-artikel .introtext {
		margin-bottom: 10px;
	}

	.template-artikel .content {
		margin-bottom: 0px;
	}
		
	.owl-carousel .teaser-inner{
	    padding-bottom: 0;
		margin-bottom: 0;
    	border-bottom: none;
	}
	
	.owl-carousel.relatedProducts{
		margin-bottom: 50px;
	}

	
	.template-artikel .abovorteile{
		padding: 0;
		list-style: none;
		font-size: 12px;
		line-height: 30px;
		font-family: "Prompt";
		margin-top: 5px;
	    letter-spacing: 1.5px;
		font-weight: 400;
	}

	.template-artikel .abovorteile li{
		line-height: 21px;
		text-transform: uppercase;
		font-weight: 600;
		margin-bottom: 7px;
	}

	.template-artikel .abovorteile-hinweis{
		font-size: 11px;
    	line-height: 14px;
	}
	
	.template-artikel .abovorteile li svg{
		height: 17px;
		width: 17px;
		min-width: 17px;
		line-height: 17px;
		margin-right: 6px;
		margin-bottom: -5px;
		color: #dd0000;
	}
	
	.template-artikel .abovorteile li span{
		line-height: 14px;
 	    margin-top: 3px;	
	}	
	
	
	.template-artikel .abo-item{
		padding-right: 5px;
		padding-left: 5px;
		margin-bottom: 15px;
	}
	
	#aboauswahl-teaser .teaserwrapper.wrap-hero{
		/*padding-right: 0px;
		padding-left: 0px;*/
		margin:0;
	}

	#aboauswahl-teaser .abo-item{
		padding-right: 0px;
		padding-left: 0px;
	}
	
	.template-artikel .abo-item .abovorteile, .previewcontent .abovorteile{
		line-height: 30px;
		margin-top: 0px;
		margin-bottom: 15px;
	}

	.template-artikel .abo-item .abovorteile li, .previewcontent .abovorteile li{
		padding: 0 0 0 25px;
		font-size: 13px;
		line-height: 16px;
		margin-bottom: 10px;
	}
	
	.previewcontent .praemienauswahl{
	    padding-left: 15px !important;
	}

	.template-artikel .abo-item .teaserinner{
		padding: 15px;
	}

	.template-artikel .abo-item .pseudoH1{
		margin-top: 15px;
		font-size: 25px;
		line-height: 25px;
	}
	
	.template-artikel .abo-item .pseudoH2{
		margin-top: 0px;
		font-size: 25px;
		line-height: 25px;
	}

	.template-artikel .abo-item .praemienwrapper {
		margin-bottom: 0;
		margin-top: auto;
	}
	
	.template-artikel .abo-item .body{
		padding-right: 5px;
		padding-left: 5px;
		padding-bottom: 15px;
	}
	
	.template-artikel .abo-item .praemie {
		bottom: 0;
		margin: 0;
		padding:0;
	}

	.template-artikel .abo-item .praemie .media {
		padding: 0 0 15px 0;
	}


	.template-artikel .abo-item .teaserbutton{
		margin: 15px 0 0 0;
	}

	.template-artikel h2, .template-artikel .pseudoH2 {
		font-size: 25px;
		letter-spacing: 1px;
		line-height: 25px;
	}

	.template-artikel h1, .template-artikel .pseudoH1 {
		font-size: 25px;
		line-height: 25px;
		letter-spacing: 1px;
	}

}

@media (max-width: 1024px) {
	.owl-carousel .teaserheader .redaktion {
		margin: 17px 0 0px 0;
		border-bottom: none;
		padding: 0;
	}
	
}