/******************************************************
******************** ALLGEMEIN ************************
*******************************************************/
*{
	box-shadow:none;
}

html{
	font-size:14px;
	margin:0;
	padding:0;
	overflow-y:scroll;
}

body{
	background-color:#FFFFFF;
	color:#222222;
	font-family:"Roboto", sans-serif;
	font-weight:400;
	line-height:1.5;
}

.container-fluid{
	max-width:1200px !important;
}

.bg-white{
	background-color:#FFFFFF !important;
}

.bg-light{
	background-color:#ECECEC !important;
}

.bg-dark{
	background-color:grey !important;
}

.alert-secondary{
	background-color:#ECECEC;
}


a, a:hover, a:focus, a:visited, a:active{
	text-decoration:none;
	color:inherit;
}

.scroll-top{
	background-color:#d70005;
	color:#FFFFFF !important;
	cursor:pointer;
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:99999;
	width:40px;
	height:40px;
	text-align:center;
}

.btn{
	outline:none !important;
}

.btn-danger{
	background-color:#d70005 !important;
}

.btn-outline-danger, .btn-outline-danger:hover{
	border-color:#d70005 !important;
	color:#d70005 !important;
	background-color:transparent !important;
}

.btn-responsive{
	width:100%;
}

.word-break{
	word-break:break-all !important;
}

.text-danger{
	color:#d70005 !important;
}

hr{
	height:2px;
	background-color:#D8D8D8;
	border:none !important;
	margin-bottom:1.5rem;
}

.display-none{display:none;}
.pointer{cursor:pointer !important;}

#video_wrapper{
	height:100vh;
	overflow:hidden;
	background-color:#FFFFFF;
	width:auto;
}

.startvideo{
	width:100%;
	cursor:pointer;
}

.contentvideo{
	width:70%;
	cursor:pointer;
}

.poster_overlay{
	position:absolute;
	bottom:0;
	left:0;
	display:none;
	padding:20px;
}

.poster_overlay h5{
	padding:10px;
	background-color:red;
	margin-bottom:5px;
	color:#FFFFFF;
	text-transform:uppercase;
}

.img-thumbnail{
	border-radius:0px;
}

a:hover .img-thumbnail, a:focus .img-thumbnail, a.active .img-thumbnail{
	border-color:#d70005 !important;
}


/******************************************************
****************** TEMPLATE SEITEN ********************
*******************************************************/
.contentbereich ul li, .contentbereich ol li{
	margin-left:-25px;
}

.contentbereich a{
	color:inherit !important;
}

.contentbereich a:hover{
	text-decoration:underline !important;
}


/**************************************************************
******************** DESKTOP NAVIGATION ***********************
***************************************************************/
.desktop-navi-top-wrapper{
	width:100%;
	background-color:#d70005;
	padding:10px 0;
}

.desktop-navi-top-wrapper img{
	height:24px;
}

.desktop-navi-wrapper{
	width:100%;
	background-color:#FFFFFF;
	border-bottom:1px solid #ECECEC;
}

.desktop-navi-wrapper .navbar .nav-link{
	font-weight:400;
	color:#666666 !important;
	padding:15px 25px !important;
	padding-left:0 !important;
	background-color:#FFFFFF;
}

.desktop-navi-wrapper .navbar .nav-link:hover, .desktop-navi-wrapper .navbar .nav-link:focus,
.desktop-navi-wrapper .navbar .nav-link.active, .desktop-navi-wrapper .navbar .nav-link.active:hover, .desktop-navi-wrapper .navbar .nav-link.active:focus,
.desktop-navi-wrapper .dropdown-item.active{
	background-color:#FFFFFF;
	color:#d70005 !important;
}

.desktop-navi-wrapper .dropdown-item.active{
	font-weight:bold;
}

.desktop-navi-wrapper .dropdown-menu{
	margin-top:0;
	padding:0;
	border-radius:0;
	background-color:#FFFFFF;
	border:none;
}

.desktop-navi-wrapper .dropdown-item{
	font-size:.85rem;
	padding:10px 15px;
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
	text-transform:uppercase;
}

.desktop-navi-wrapper .dropdown-item:hover, .desktop-navi-wrapper .dropdown-item:focus{
	background-color:#d70005 !important;
	color:#FFFFFF !important;
}

/**************************************************************
********************* MOBILE NAVIGATION ***********************
***************************************************************/
.mobile-navi-wrapper .navbar{
	padding:0;
}

.mobile-navi-wrapper .navbar-brand{
	padding:0.75rem;
}

.mobile-navi-wrapper .navbar-brand img{
	max-width:50px;
}

.navbar-toggler{
	border:none;
	position:absolute;
	top:-4px;
	right:0;
}

.navbar-toggler-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.mobile-navi-wrapper .nav-link{
	padding:.75rem;
	border-top:1px solid #D8D8D8;
	color:#666666 !important;
}

.mobile-navi-wrapper .nav-link:last-child{
	border-bottom:1px solid #D8D8D8;
}

.mobile-navi-wrapper .navbar .nav-link:hover, .mobile-navi-wrapper .navbar .nav-link:focus,
.mobile-navi-wrapper .navbar .nav-link.active, .mobile-navi-wrapper .navbar .nav-link.active:hover, .mobile-navi-wrapper .navbar .nav-link.active:focus{
	background-color:#d70005 !important;
	color:#FFFFFF !important;
}

/************************************************************************************
****************************** SUBNAVIGATIONEN **************************************
*************************************************************************************/
.subnav ul, .subsubnav ul, .subsubsubnav ul{
	margin-left:-40px;
	text-transform:uppercase;
}

.subnav ul li, .subsubnav ul li, .subsubsubnav ul li{
	list-style:none;
	display:inline-block;
	margin-right:0;
	margin-top:15px;
	color:#666666 !important;
	padding-top:0 !important;
}

.subsubnav ul li, .subsubsubnav ul li{
	color:#FFFFFF !important;
}

.subnav ul li a, .subsubnav ul li a, .subsubsubnav ul li a{
	display:block;
	background-color:#FFFFFF;
	border:1px solid #979797;
	padding:8px 12px 6px 12px;
	font-size:0.8rem;
}

.subsubnav ul li a, .subsubsubnav ul li a{
	background-color:#979797;
	font-size:0.7rem;
}

.subsubsubnav ul li a{
	background-color:#555555;
}


.subnav ul li a:hover, .subnav ul li a.active,
.subsubnav ul li a:hover, .subsubnav ul li a.active,
.subsubsubnav ul li a:hover, .subsubsubnav ul li a.active{
	background-color:#d70005;
	border-color:#d70005;
	color:#FFFFFF !important;
}

.subnav ul li:last-child, .subsubnav ul li:last-child, .subsubsubnav ul li:last-child{
	margin-right:0;
}

/*
	.blueimp-gallery-controls > .indicator{display:none !important;}
	.sonderslide .item{ width:100%; }
 */


/******************************************************
********************** CONTENT ************************
*******************************************************/
.content-wrapper{
	padding:1rem 0 2.5rem 0;
}

#cover-wrapper{
	font-family:"Merriweather", sans-serif;
	font-weight:400;
}

.download{
	font-weight:bold;
	color:#666666 !important;
	background-color:#FFFFFF;
	padding:15px 20px 10px 20px;
	border:1px solid #d70005;
}

.download span{
	color:#d70005;
}

.download:hover, .download:hover span{
	background-color:#d70005;
	color:#FFFFFF !important;
}

.platzierung{
	position:absolute;
	bottom:0;
	left:0;
	background-color:#d70005;
	color:#FFFFFF;
	padding:.2rem .5rem;
}

.wa-heading{
	background-color:#ECECEC;
	margin-bottom:.5rem;
	text-align:center;
	padding:.3rem;
	font-weight:700;
	color:#d70005;
	font-size:1.2rem;
}

/*****************************************
************** KONTAKTBOX ****************
******************************************/
.kontakt-card{
	background-color:#ECECEC;
}

.kontakt-name{
	float:left;
	padding:1.5rem 0.75rem;
}

.kontakt-bild{
	height:92px;
	overflow:hidden;
	float:right;
}

.kontakt-body{
	font-size:.85rem;
	color:#666666 !important;
	padding:0.75rem;
}

ul.quicklinks{
	margin-top:0;
}

.quicklinks li a{
	color:#d70005 !important;
	text-decoration:underline !important;
}

.quicklinks li{
	list-style:outside none none;
}

/******************************************************
************** STARTSEITEN-ARTIKEL ********************
*******************************************************/
.startpage-article-title{
	font-family:"Merriweather", sans-serif;
	background-color:#d70005;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:0.5rem 0.75rem;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

/******************************************************
********************** FOOTER *************************
*******************************************************/
#footer_wrapper{
	width:100%;
	padding:0;
	background-color:#ECECEC;
}

.footer{
	width:100% !important;
	background-color:#ECECEC !important;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

.footerlist{
	color:#222222;
	background-color:transparent;
	border-radius:0px;
	list-style:outside none none;
	display:inline-block;
	margin:0;
	padding:0;
}

.footerlist li{
	display:inline;
}

.footerlist > li + li::before{
	color:#d70005;
	content:"/";
	padding:0 5px;
}

#footer_wrapper a{
	color:#222222;
}

.mobilefooter a{
	margin:0 0 10px 0;
	display:block;
	font-size:15px;
}


/******************************************************
**************** ÜBERSCHRIFTEN ************************
*******************************************************/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family:"Merriweather", sans-serif;
	color:#d70005;
	font-weight:400;
	letter-spacing:1px;
	word-break:break-word;
}

h1, .h1{
	font-size:1.8rem;
}

h2, .h2{
	font-size:1.5rem;
}

h3, .h3{
	font-size:1.2rem;
}

h4, .h4{
	font-size:1.2rem;
}

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small, .h1 small, .h2 small, .h3 small, .h1 .small, .h2 .small, .h3 .small{
	font-size:65%;
}

h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small, .h4 small, .h5 small, .h6 small, .h4 .small, .h5 .small, .h6 .small{
	font-size:75%;
}


/******************************************************
******************** CAROUSEL *************************
*******************************************************/
.carousel-control-prev, .carousel-control-next{
	width:40px;
}

.carousel-control-prev-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators{
	bottom:-10px;
}

.carousel ul, .carousel ol{
	margin-left:15% !important;
}

.carousel-indicators > li{
	border-radius:50%;
	cursor:pointer;
	width:1rem;
	height:1rem;
	opacity:0.55;
	background-color:#666666;
}

.carousel-indicators > li.active{
	background-color:#d70005 !important;
	opacity:1;
}

/******************************************************
************************ EVENTS ***********************
*******************************************************/
.event-wrapper{
	font-family:"Roboto", sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color:#222222;
	position:relative;
}

.event-wrapper img{
	opacity:0.4;
}

.events_overlay{
	position:absolute;
	bottom:10%;
	left:0;
	width:100%;
	overflow:hidden;
	text-align:center;
}

.event-wrapper .btn-light{
	color:#d70005;
	background-color:#FFFFFF;
	border-color:#FFFFFF;
	border-radius:0;
	font-weight:bold;
	display:none;
	margin-bottom:7%;
	box-shadow:none !important;
}

.event-wrapper:hover .btn-light{
	display:inline-block;
	background-color:#FFFFFF;
	border-color:#FFFFFF;
}

.event-wrapper h3{
	margin:0;
	color:#FFFFFF;
	font-weight:bold;
}

.event-datum{
	color:#d70005;
	font-weight:bold;
	margin-bottom:0;
}

.event-title, .event-subtitle{
	text-transform:uppercase;
}
.event-title{
	font-weight:bold;
}


/******************************************************
******************** PAGINATION ***********************
*******************************************************/
.pagination{
	width:100%;
	border-radius:0 !important;
	display:inline-block;
	margin:20px 0;
}

.pagination li{
	padding:0 !important;
	border:none !important;
	margin:0 !important;
}

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span{
	display:none;
}

.pagination .page-item{
	display:inline-block;
}

.pagination > li > a, .pagination > li > span{
	color:#333333 !important;
	background-color:#FFFFFF;
	border:0;
	text-decoration:none;
	padding:5px 10px 2px 0;
	line-height:1.5;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	color:#d70005 !important;
	font-weight:bold;
	background-color:#FFFFFF !important;
}

.pagination .page-link{
	box-shadow:none !important;
}

.pagination .page-link:hover{
	background-color:#FFFFFF !important;
}


/**********************************************************************
*************************** WERBEAMOR *********************************
***********************************************************************/
.sujet-card{
	border:none !important;
	border-radius:0 !important;
}

.sujet-card .card-footer{
	background-color:#FFFFFF !important;
	border:none !important;
	padding:1rem 0;
	font-weight:bold;
	color:#d70005 !important;
}

.sujet-card .card-footer .credits{
	padding-top:1rem;
	font-weight:normal;
	color:#222222 !important;
	font-size:0.8rem;
}

/**********************************************************************
***************** CUSTOM CONTROLS & FORM-ELEMENTE *********************
***********************************************************************/
label{
	font-weight:bold;
}

.col-form-label{
	padding-top:0;
}

.form-control{
	height:calc(2.2rem + 12px);
	outline:none;
	box-shadow:none !important;
}

.form-control:focus{
	border-color:#444444;
}


.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before{
	background-color:#d70005;
	border-color:#d70005;
	color:#FFFFFF;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before{
	color:#FFFFFF;
	border-color:#d70005;
	background-color:#d70005;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:before{
	background-color:#FFFFFF;
	border:4px solid #d70005;
	color:#FFFFFF;
}

.custom-checkbox .custom-control-input ~ .custom-control-label:before{
	background-color:#C0C0C0;
	border-radius:0 !important;
}

.custom-switch .custom-control-input ~ .custom-control-label:before{
	border-color:#C0C0C0 !important;
}

.custom-radio .custom-control-input ~ .custom-control-label:before{
	background-color:#C0C0C0;
	border:4px solid #C0C0C0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-checkbox .custom-control-input ~ .custom-control-label:before,
.custom-switch .custom-control-input ~ .custom-control-label::before,
.custom-radio .custom-control-input ~ .custom-control-label:before{
	box-shadow:none !important;
}

.custom-control-label{
	cursor:pointer;
	font-weight:normal;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.custom-control-label .fa{
	color:#d70005;
}

.custom-select{
	height:calc(2.2rem + 12px);
	outline:none;
	box-shadow:none !important;
}

.custom-select:focus{
	border-color:#444444;
}

.custom-file, .custom-file-input, .custom-file-label{
	height:calc(2.2rem + 12px);
	padding-top:11px !important;
	cursor:pointer !important;
	font-size:1rem !important;
	font-weight:normal !important;
	color:#495057 !important;
}

.custom-file-label::after{
	content:"Durchsuchen";
	height:calc(2.25rem + 10px);
	padding-top:11px;
	font-weight:normal !important;
	font-size:1rem !important;
	color:#495057 !important;
}


/******************************************************
**************** WERBE AMOR ONLINEVOTING **************
*******************************************************/
#infoContainer a{
	color:#000000;
	text-decoration:none;
}

.card-wrapper .js-sujet-card.rated{
	border:3px solid #d70005;
}
.card-wrapper .js-sujet-card .card-body{
	border-top:1px solid rgba(0, 0, 0, 0.12);
}

#sujetModal .js-star-rating i{
	cursor:pointer;
}
#sujetModal .badge-overlay{
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	padding:10px 15px;
}
#sujetModal .modal-image a{
	cursor:zoom-in;
}


/******************************************************
********************** MEDIA **************************
*******************************************************/

/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px){
	h1, .h1{
		font-size:2rem;
	}

	h2, .h2{
		font-size:1.8rem;
	}

	h3, .h3{
		font-size:1.4rem;
	}

	h4, .h4{
		font-size:1.2rem;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width:768px){
	h1, .h1{
		font-size:2.8rem;
	}

	h2, .h2{
		font-size:2.2rem;
	}

	h3, .h3{
		font-size:1.6rem;
	}

	h4, .h4{
		font-size:1.2rem;
	}


	.subnav ul li, .subsubnav ul li, .subsubsubnav ul li{
		display:inline-block !important;
		margin-right:5px;
		margin-top:10px;
	}

	.subnav ul li a{
		font-size:0.9rem;
	}

	.subsubnav ul li a, .subsubsubnav ul li a{
		font-size:0.8rem;
	}

	.btn-responsive{
		width:auto;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px){

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px){
}