/* Created by Content Blocks */
.frame-type-friedadroste_navteaser{
	width: 100%;
	--frame-width-sm: 100% !important;
	--frame-width-xxl: 100% !important;
	--frame-width-xl: 100% !important;
	--frame-width-lg: 100% !important;
	--frame-width-md: 100% !important;
}
.frame-type-friedadroste_navteaser .nav-title{
	color: var(--bs-primary);
}
.frame-type-friedadroste_navteaser .nav-article {
	box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.20);
}


@media (pointer: coarse) or (max-width:767px) {
	.frame-type-friedadroste_navteaser .nav-article {
		color: var(--bs-primary);
		background-color: white;
		border-radius: 10px;
		overflow: hidden;
	}
	.frame-type-friedadroste_navteaser .nav-title{
		padding: 5px 10px;
		display:flex;
		align-items: center;
		justify-content: center;
	}
}

@media (min-width: 768px){
	.frame-type-friedadroste_navteaser .nav-title{
		position: absolute;
		top: -5px;
		left: 20px;
		opacity: 0;
		transform: translateY(-100%);
		width: 100%;
	}
	.frame-type-friedadroste_navteaser .nav-title:before{
		content: "";
		position: absolute;
		bottom: 0;
		left: 10px;
		display: block;
		width: 0;
		height: 0;
		border-left: 2px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 30px solid var(--bs-primary, darkblue);
		transform: rotate(230deg) translateY(-70%);
	}
	.frame-type-friedadroste_navteaser .nav-article:hover .nav-title{
		opacity: 1;
		width: 170px;
		margin-left: 10%;
		padding: 5px 10px;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: var(--bs-primary, mediumseagreen);
		color:white;
	}
	.frame-type-friedadroste_navteaser picture{
		overflow: hidden;
		border-radius: 10px;
		opacity: 0.8;
		border: solid 1px var(--bs-primary, forestgreen)
	}

	.frame-type-friedadroste_navteaser a.active picture{
		border: solid 3px var(--bs-primary, forestgreen)
	}
}

.frame-type-friedadroste_navteaser .nav-article{
	position: relative;
}
.frame-type-friedadroste_navteaser picture:hover{
	opacity: 1;
}