body {
	font-size:18px;
}
p {
	overflow-wrap: break-word!important;
    word-wrap: break-word!important;
    -webkit-hyphens: auto!important;
    -ms-hyphens: auto!important;
    hyphens: auto!important;
}

.card-body>img {
	max-width: 50%;
	height:auto;
}

.page-link {
	color:black!important;
}

.nav-link {
	overflow: hidden!important;
	white-space: nowrap !important;
}
/* colors #4d4d4d*/
.bg-alvier, .dropdown-item:hover {
	background-color: #5f4d5b!important;
}

.nav-link.active {
	font-weight: bold;
}

.img-dark {
	filter:grayscale(100%);
}

.tab {
	border-bottom:1px solid #343a40!important;
	text-align:center;
}

.tab:hover, .tab.active{
	background-color:#33a7ff;
	color:white!important;
}
.anschlag-liste-item.active, .anschlag-liste-item:hover{
	border-bottom:1px solid black;
	background-color:#f2f2f2;
}

.page_current, .text-alvier {
	color:#0082e6!important;
}
.carousel-indicators li {
  	width: 15px;
  	height: 15px;
  	border-radius: 100%;
}

.front-video{
	border:10px inset #33a7ff!important;
}

.error {
	font-weight:bold;
	color:red;
}

.slider.active {
	display:block;
}
.slider {
	display:none;
}
/* Fonts */ 

.font-8 {
	font-size:8px;
}

.font-12 {
	font-size: 12px;
}

.font-18 {
	font-size:18px!important;
}

.font-24 {
	font-size:24px!important;
}

.font-36{
	font-size:36px!important;
}

.font-48{
	font-size:48px!important;
}

.text-decoration-none, .text-decoration-none:hover{
	text-decoration: none!important;
}

/* general stuff*/
.padding {
	padding-top:50px;
	padding-bottom:50px;
}

.image-container {
	position: relative;
}

.text-block {
	position: absolute;
  	bottom: 5px;
  	background-color: white;
  	color: black;
  	width:80%;
  	opacity:0.8;
}

.hover-card-image {
  	opacity: 1;
  	display: block;
  	width: 100%;
  	height: auto;
  	transition: .5s ease;
  	/*backface-visibility: hidden;*/
  	object-fit: inherit;
}

.hover-card-text {
  	transition: .5s ease;
  	opacity: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	text-align: center;
}

.hover-card:hover .hover-card-image {
  	opacity: 0.1;
}

.hover-card:hover .hover-card-text {
  	opacity: 1;
}

.anschlag-liste{
	list-style: none;
}

.nav-logo{
	width:72px;
	height:72px;
}

.list-style-none{
	list-style: none;
}

.swipe {
	display:none;
}

.swipe.swiper-show {
	display:block;
}

.fading {
	position:absolute;
	z-index:2;
}

.anschlag-liste-width{
	width:100%;
}

.social-icons {
	width:36px;
	height:36px; 
}

.mobile-anschlag-btn{
	display:none;
}

.card-img-top {
	height:auto;
	width:100%;
}

.anschlag-liste-item{
	overflow: hidden!important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	max-width: 100%;
}

.border-none {
	border:none!important;
}
@media only screen and (min-width: 992px) {
	.w-desktop-75 {
		width:75%;
	}

	.anschlag-liste-item {
		padding:10px 10px 10px 0;
	}

	.anschlag-liste-link {
		padding:1em;
	}

}

/* Mobile Stuff */

@media only screen and (max-width:1106px){

	.mobile-invisible {
 		display:none!important;
 	}

 	.font-18 {
		font-size:15px!important;
	}

	.hover-card-text .font-18 {
		font-size:18px!important;
	}

	.font-24 {
		font-size:20px!important;
	}

	.footer-socialmedia{
		display:none;
	}
	.social-icons {
		display:none; 
	}

	.font-36 {
		font-size:28px!important;
	}

	.bottom-right{
		bottom:0;
		top:auto;
		text-align:right;
	}

	.anschlag-liste-link {
		font-size:18px;
	}

	.anschlag-liste-item {
		margin-left:0;
	}

	.container {
    	max-width: 100%!important;
	}

	.carousel-caption .font-36 {
		font-size:18px!important;
	} 

	.nav-logo{
		width:100px;
		height:100px;
	}

	.swipe{
		padding-left:20px;
		font-size:24px;
	}

	.hover-card-text .font-20{
		font-size:28px;
	}

	.hover-card-text .font-16{
		font-size:20px;
	}

	.stufentext p{
		font-size:18px;
	}

	.carousel-indicators li {
	    width: 5px;
	    height: 5px;
	    border-radius: 100%;
	}

	.anschlag-btn {
		display:none;
	}

	.mobile-anschlag-btn{
		display:block;
	}


}

@media only screen and (max-width: 992px) {
 	.nav-item .font-18, .dropdown-item {
 		font-size:20px!important;
 	}

	.anschlag-liste-link {
		font-size:25px;
	}

	.anschlag-liste {
		border-bottom:1px solid;
	}

	.anschlag-liste-item {
		display:inline-block;
		padding: 10px 20px 0 20px;
	}

	.artikel_bild {
		width:100%;
		height:auto;
	}

	.footer.font-12 {
		font-size:16px;
	}

	.nav-logo{
		width:60px;
		height:auto;
	}

	.fixed-bottom {
	    position: relative;
	    right: 0;
	    bottom: 0;
	 	left: 0;
	    z-index: 1;
	}

	.footer-padding{
		padding:0;
	}

	.card-img-top {
		max-height:250px!important;
	}

	.text-block .font-20 {
		font-size:16px;
	}
 }

@media screen and (min-width:1200px){
	.w-desktop-75 {
		width:75%!important;
	}
}