.schulgalerie h3 {
	font-size: 1rem;
	line-height: 1.1rem;
	background: #fff;
	max-width: 185px;
	padding: 8px;
	word-wrap: break-word;
	text-align: center;
	}

/*

.schulgalerie h3 {
	background: #fff;
	max-width: 185px;
	padding: 8px;
	word-wrap: break-word;
	text-align: center;
	font-size: 0.8rem !important;
	line-height: 0.8rem !important;
color:red !important;
	}
	
@media (min-width: 600px){
.schulgalerie h3 {
	font-size: 0.8rem !important;
	line-height: 0.8rem !important;
color:green !important;
	}
}


@media (min-width: 700px)
.schulgalerie h3 {
	font-size: 1rem !important;
	line-height: 1rem !important;
color:blue !important;
	}
}
*/

.kalbutton {
	background-color: rgb(191, 39, 53);
	color: #fff;
	text-transform: initial;
	width: 150px;
	}

.kalbutton-large {
	width: 200px;
	}
	
.kalbutton:hover {
	background-color: rgb(134, 0, 12);
	color: #fff;
/*	font-weight: 600; */
	}

/*
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
.astroid-header-section {
    z-index: auto;
    position: relative;
	}

.astroid-wrapper {
	background-color: #fff !important
	}

 ul.uk-list.uk-list-collapse li a.uk-button {
	padding: 5px !important;
	min-height: 20px;
	line-height: 20px;
	}

.uk-overlay-default {
	background: rgba(255, 255, 255, 0.1);	
	}

.startseite .astroid-wrapper{
	background-image: url("/images/kacheln_grau.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	}

.pinnwand .astroid-wrapper{
	background-image: url("/images/kacheln_grau.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	}



.kalender .astroid-wrapper{
	background-image: url("/images/kacheln_grau.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	}	

.schule .astroid-wrapper{
	background-image: url("/images/kacheln_gruen.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}

.kontakt .astroid-wrapper, .kontakt_unterseite .astroid-wrapper{
	background-image: url("/images/kacheln_gelb.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	}
	
.bistum .astroid-wrapper{
	background-image: url("/images/kacheln_blau.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	}	

.schulgalerie .astroid-wrapper{
	background-image: url("/images/kacheln_orange.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	}			
	
.vergangenes .astroid-wrapper{
	background-image: url("/images/kacheln_orange.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	}	

.aktuelles .astroid-wrapper{
	background-image: url("/images/kacheln_rot.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	}

.news .astroid-wrapper{
	background-image: none;
    background-color: #cccccc;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	}

.news .p-5{
  padding: 0rem !important;
  
}

.news .pager{
  display: none;
}

.news .astroid-module-position{
  display: none;
}

.news .astroid-header-section{
  display: none;
}

@media (max-width: 600px){ .news
  .uk-slideshow-items {
    min-height: 250px !important;
  }}


@media (max-width: 991px){ .news
  .uk-slideshow-items {
    min-height: 330px !important;
  }}


.astroid-content::after {
	background-color: rgba(50, 50, 50, 0.5) !important;
	}	

.astroid-offcanvas, .astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{
	
	}	

.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{
	color: rgb(191, 39, 53) !important;
	}	


#top-b-1, #top-b-2, #top-b-3,  #top-b-6 {
	min-height: 333.3px;
	max-width: 333.3px;
	}		
		
		

#top-b-5, #top-f-1 {
 	min-height: 166px;	
 	max-height: 166px;
	max-width: 333.3px;
	}		


#top-b-1:hover, #top-b-2:hover, #top-b-3:hover, #top-b-5:hover, #top-b-6:hover, #top-f-1:hover {	
	cursor: pointer;
	}
		
 
 #f-oel6e1bpp {
 	background-color: rgba(0,0,0,0)
 	}


#top-b .col-1, #top-b .col-2, #top-b .col-3, #top-b .col-4, #top-b .col-5, #top-b .col-6, #top-b .col-7, #top-d .col-8, #top-b .col-9, #top-b .col-10, #top-b .col-11, #top-b .col-12, #top-b .col, #top-b .col-auto,
#top-b .col-sm-1, #top-b .col-sm-2, #top-b .col-sm-3, #top-b .col-sm-4, #top-b .col-sm-5, #top-b .col-sm-6, #top-b .col-sm-7, #top-b .col-sm-8, #top-b .col-sm-9, #top-b .col-sm-10, #top-b .col-sm-11, #top-b .col-sm-12, #top-b .col-sm, #top-b .col-sm-auto, 
#top-b .col-md-1, #top-b .col-md-2, #top-b .col-md-3, #top-b .col-md-4, #top-b .col-md-5, #top-b .col-md-6, #top-b .col-md-7, #top-b .col-md-8, #top-b .col-md-9, #top-b .col-md-10, #top-b .col-md-11, #top-b .col-md-12, #top-b .col-md, #top-b .col-md-auto, 
#top-b .col-lg-1, #top-b .col-lg-2, #top-b .col-lg-3, #top-b .col-lg-4, #top-b .col-lg-5, #top-b .col-lg-6, #top-b .col-lg-7, #top-b .col-lg-8, #top-b .col-lg-9, #top-b .col-lg-10, #top-b .col-lg-11, #top-b .col-lg-12, #top-b .col-lg, #top-b .col-lg-auto, 
#top-b .col-xl-1, #top-b .col-xl-2, #top-b .col-xl-3, #top-b .col-xl-4, #top-b .col-xl-5, #top-b .col-xl-6, #top-b .col-xl-7, #top-b .col-xl-8, #top-b .col-xl-9, #top-b .col-xl-10, #top-b .col-xl-11, #top-b .col-xl-12, #top-b .col-xl, #top-b .col-xl-auto {
 	padding-left: 0px;
 	padding-right: 0px;
 	}	

 
#top-c .col-1, #top-c .col-2, #top-c .col-3, #top-c .col-4, #top-c .col-5, #top-c .col-6, #top-c .col-7, #top-c .col-8, #top-c .col-9, #top-c .col-10, #top-c .col-11, #top-c .col-12, #top-c .col, #top-c .col-auto,
#top-c .col-sm-1, #top-c .col-sm-2, #top-c .col-sm-3, #top-c .col-sm-4, #top-c .col-sm-5, #top-c .col-sm-6, #top-c .col-sm-7, #top-c .col-sm-8, #top-c .col-sm-9, #top-c .col-sm-10, #top-c .col-sm-11, #top-c .col-sm-12, #top-c .col-sm, #top-c .col-sm-auto, 
#top-c .col-md-1, #top-c .col-md-2, #top-c .col-md-3, #top-c .col-md-4, #top-c .col-md-5, #top-c .col-md-6, #top-c .col-md-7, #top-c .col-md-8, #top-c .col-md-9, #top-c .col-md-10, #top-c .col-md-11, #top-c .col-md-12, #top-c .col-md, #top-c .col-md-auto, 
#top-c .col-lg-1, #top-c .col-lg-2, #top-c .col-lg-3, #top-c .col-lg-4, #top-c .col-lg-5, #top-c .col-lg-6, #top-c .col-lg-7, #top-c .col-lg-8, #top-c .col-lg-9, #top-c .col-lg-10, #top-c .col-lg-11, #top-c .col-lg-12, #top-c .col-lg, #top-c .col-lg-auto, 
#top-c .col-xl-1, #top-c .col-xl-2, #top-c .col-xl-3, #top-c .col-xl-4, #top-c .col-xl-5, #top-c .col-xl-6, #top-c .col-xl-7, #top-c .col-xl-8, #top-c .col-xl-9, #top-c .col-xl-10, #top-c .col-xl-11, #top-c .col-xl-12, #top-c .col-xl, #top-c .col-xl-auto {
 	padding-left: 0px;
 	padding-right: 0px;
 	}	
 
#top-d .col-1, #top-d .col-2, #top-d .col-3, #top-d .col-4, #top-d .col-5, #top-d .col-6, #top-d .col-7, #top-d .col-8, #top-d .col-9, #top-d .col-10, #top-d .col-11, #top-d .col-12, #top-d .col, #top-d .col-auto,
#top-d .col-sm-1, #top-d .col-sm-2, #top-d .col-sm-3, #top-d .col-sm-4, #top-d .col-sm-5, #top-d .col-sm-6, #top-d .col-sm-7, #top-d .col-sm-8, #top-d .col-sm-9, #top-d .col-sm-10, #top-d .col-sm-11, #top-d .col-sm-12, #top-d .col-sm, #top-d .col-sm-auto, 
#top-d .col-md-1, #top-d .col-md-2, #top-d .col-md-3, #top-d .col-md-4, #top-d .col-md-5, #top-d .col-md-6, #top-d .col-md-7, #top-d .col-md-8, #top-d .col-md-9, #top-d .col-md-10, #top-d .col-md-11, #top-d .col-md-12, #top-d .col-md, #top-d .col-md-auto, 
#top-d .col-lg-1, #top-d .col-lg-2, #top-d .col-lg-3, #top-d .col-lg-4, #top-d .col-lg-5, #top-d .col-lg-6, #top-d .col-lg-7, #top-d .col-lg-8, #top-d .col-lg-9, #top-d .col-lg-10, #top-d .col-lg-11, #top-d .col-lg-12, #top-d .col-lg, #top-d .col-lg-auto, 
#top-d .col-xl-1, #top-d .col-xl-2, #top-d .col-xl-3, #top-d .col-xl-4, #top-d .col-xl-5, #top-d .col-xl-6, #top-d .col-xl-7, #top-d .col-xl-8, #top-d .col-xl-9, #top-d .col-xl-10, #top-d .col-xl-11, #top-d .col-xl-12, #top-d .col-xl, #top-d .col-xl-auto {
 	padding-left: 0px;
 	padding-right: 0px;
 	}	
 	

#top-e-mobil .col-1, #top-e-mobil .col-2, #top-e-mobil .col-3, #top-e-mobil .col-4, #top-e-mobil .col-5, #top-e-mobil .col-6, #top-e-mobil .col-7, #top-e-mobil .col-8, #top-e-mobil .col-9, #top-e-mobil .col-10, #top-e-mobil .col-11, #top-e-mobil .col-12, #top-e-mobil .col, #top-e-mobil .col-auto,
#top-e-mobil .col-sm-1, #top-e-mobil .col-sm-2, #top-e-mobil .col-sm-3, #top-e-mobil .col-sm-4, #top-e-mobil .col-sm-5, #top-e-mobil .col-sm-6, #top-e-mobil .col-sm-7, #top-e-mobil .col-sm-8, #top-e-mobil .col-sm-9, #top-e-mobil .col-sm-10, #top-e-mobil .col-sm-11, #top-e-mobil .col-sm-12, #top-e-mobil .col-sm, #top-e-mobil .col-sm-auto, 
#top-e-mobil .col-md-1, #top-e-mobil .col-md-2, #top-e-mobil .col-md-3, #top-e-mobil .col-md-4, #top-e-mobil .col-md-5, #top-e-mobil .col-md-6, #top-e-mobil .col-md-7, #top-e-mobil .col-md-8, #top-e-mobil .col-md-9, #top-e-mobil .col-md-10, #top-e-mobil .col-md-11, #top-e-mobil .col-md-12, #top-e-mobil .col-md, #top-e-mobil .col-md-auto, 
#top-e-mobil .col-lg-1, #top-e-mobil .col-lg-2, #top-e-mobil .col-lg-3, #top-e-mobil .col-lg-4, #top-e-mobil .col-lg-5, #top-e-mobil .col-lg-6, #top-e-mobil .col-lg-7, #top-e-mobil .col-lg-8, #top-e-mobil .col-lg-9, #top-e-mobil .col-lg-10, #top-e-mobil .col-lg-11, #top-e-mobil .col-lg-12, #top-e-mobil .col-lg, #top-e-mobil .col-lg-auto, 
#top-e-mobil .col-xl-1, #top-e-mobil .col-xl-2, #top-e-mobil .col-xl-3, #top-e-mobil .col-xl-4, #top-e-mobil .col-xl-5, #top-e-mobil .col-xl-6, #top-e-mobil .col-xl-7, #top-e-mobil .col-xl-8, #top-e-mobil .col-xl-9, #top-e-mobil .col-xl-10, #top-e-mobil .col-xl-11, #top-e-mobil .col-xl-12, #top-e-mobil .col-xl, #top-e-mobil .col-xl-auto {
 	padding-left: 0px;
 	padding-right: 0px;
 	}	

#top-e-tablet .col-1, #top-e-tablet .col-2, #top-e-tablet .col-3, #top-e-tablet .col-4, #top-e-tablet .col-5, #top-e-tablet .col-6, #top-e-tablet .col-7, #top-e-tablet .col-8, #top-e-tablet .col-9, #top-e-tablet .col-10, #top-e-tablet .col-11, #top-e-tablet .col-12, #top-e-tablet .col, #top-e-tablet .col-auto,
#top-e-tablet .col-sm-1, #top-e-tablet .col-sm-2, #top-e-tablet .col-sm-3, #top-e-tablet .col-sm-4, #top-e-tablet .col-sm-5, #top-e-tablet .col-sm-6, #top-e-tablet .col-sm-7, #top-e-tablet .col-sm-8, #top-e-tablet .col-sm-9, #top-e-tablet .col-sm-10, #top-e-tablet .col-sm-11, #top-e-tablet .col-sm-12, #top-e-tablet .col-sm, #top-e-tablet .col-sm-auto, 
#top-e-tablet .col-md-1, #top-e-tablet .col-md-2, #top-e-tablet .col-md-3, #top-e-tablet .col-md-4, #top-e-tablet .col-md-5, #top-e-tablet .col-md-6, #top-e-tablet .col-md-7, #top-e-tablet .col-md-8, #top-e-tablet .col-md-9, #top-e-tablet .col-md-10, #top-e-tablet .col-md-11, #top-e-tablet .col-md-12, #top-e-tablet .col-md, #top-e-tablet .col-md-auto, 
#top-e-tablet .col-lg-1, #top-e-tablet .col-lg-2, #top-e-tablet .col-lg-3, #top-e-tablet .col-lg-4, #top-e-tablet .col-lg-5, #top-e-tablet .col-lg-6, #top-e-tablet .col-lg-7, #top-e-tablet .col-lg-8, #top-e-tablet .col-lg-9, #top-e-tablet .col-lg-10, #top-e-tablet .col-lg-11, #top-e-tablet .col-lg-12, #top-e-tablet .col-lg, #top-e-tablet .col-lg-auto, 
#top-e-tablet .col-xl-1, #top-e-tablet .col-xl-2, #top-e-tablet .col-xl-3, #top-e-tablet .col-xl-4, #top-e-tablet .col-xl-5, #top-e-tablet .col-xl-6, #top-e-tablet .col-xl-7, #top-e-tablet .col-xl-8, #top-e-tablet .col-xl-9, #top-e-tablet .col-xl-10, #top-e-tablet .col-xl-11, #top-e-tablet .col-xl-12, #top-e-tablet .col-xl, #top-e-tablet .col-xl-auto {
 	padding-left: 0px;
 	padding-right: 0px;
 	}	



#top-b-1:hover .turnaround, #top-b-2:hover .turnaround, #top-b-3:hover .turnaround, #top-b-5:hover .turnaround, #top-b-6:hover .turnaround, #top-f-1:hover .turnaround {	
	transform: rotateY(180deg); /* Beim Mouse-Over wird die Szene umgedreht */ 
	}


.turnaround {
	transition: 1s /* Die Drehung soll 0,4 Sekunden dauern */;
	transform-style: preserve-3d; /* Kind-Elemente  (.front + .back) sollen ihre 3D-Eigenschaften behalten*/
	position: relative;
 	height: 100%;	
	}

.front, .back {
	backface-visibility: hidden /* Die Rückseite von Elementen soll unsichtbar sein */;
	position: absolute;
	}

#top-b {
	margin-bottom: 50px;
	}

#top-b-4 {
 	min-height: 666.6px;		
	border: 10px #fff solid;
	border-radius: 15px;	
 	}


.kontakt #top-c a{
	color: #fff;
	}	

.kontakt #top-c-1 a{
	color: #fff;
	}	
	
.kontakt #top-c-2 a{
	color: #fff;
	}	
	
.kontakt #top-c-3 a{
	color: #fff;
	}			


@media  (max-width:767px) {

.row {
	flex-wrap: unset;	
	}

#top-e-1, #top-e-2, #top-e-3, #top-e-5, #top-e-6 {
	height: 175px;
	font-size: 1.2rem !important	
	}	


/* TOP-E-1 Schule */

#top-e-1 .back { 
	background-color: #96c445 !important;	
	margin-bottom: 20px;	
	padding: 20px;
	height: 175px;
	min-width:  100%;
	border: 10px #fff solid;
	border-radius: 15px;
	color: #fff;			
	}
	

/* TOP-E-2 Kontakt */

#top-e-2 .back { 
	background-color: #ead32f;
 	height: 175px;	
	min-width:  100%;	
	margin-bottom: 20px;		
	border: 10px #fff solid;
	border-radius: 15px;		
	padding: 20px;	
	color: #fff;	
	}


/* TOP-E-3 Bistum */

#top-e-3 .back { 
	background-color: rgb(6, 161, 201);
	height: 175px;	
	min-width:  100%;		
	margin-bottom: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;		
	padding: 20px;
	color: #fff;
	}



/* TOP-E-4 Künftiges */


.startseite #top-e-4 {
 	height: auto;		
 	max-height: 100%;
	border: 10px #fff solid;
	border-radius: 15px;	
	padding:  20px;
	background-color: rgb(200, 200, 200);	
 	}
 	
.uk-slideshow-items > * {
 	height: auto;	
 	max-height: 100%;	
 	}	

}


@media (max-width:500px) {

.startseite #top-e-4 {
 	max-height: 570px;		
	border: 10px #fff solid;
	border-radius: 15px;	
	padding:  20px;
	background-color: rgb(200, 200, 200);	
 	}
 
.uk-slideshow-items > * {
 	height: auto;	
 	max-height: 510px;	
 	}	
 	
#top-e-5 .front {
	display: none;
	}

#top-e-6 h1 {
	font-size: 1rem;
	}		

#top-e-5 .uk-overlay-default{
	background: rgba(93, 93, 93, 0.5) !important;	
	border: 10px #fff solid;
	border-radius: 15px;
 	height: 170px !important;		
 	color: #fff !important;
 	top: 1100px !important;		
	}

#top-e-5 .uk-overlay-default h1 {
	padding: 15px;
	}
}

@media (max-width:991px) {

.mod-dpcalendar-upcoming-simple__description {
	margin-top: 40px !important;	
 	}	
 
.startseite .in_tagen {
 	position: absolute;
	right: 10px;
 	top: 30px !important;
	}	
 	
.startseite #top-e-4 {
 	height: auto;		
	border: 10px #fff solid;
	border-radius: 15px;	
	padding:  20px;
	background-color: rgb(200, 200, 200);	
 	}
 	
.vergangenes #top-e-4 {
 	margin-bottom: -15px;
 	border: 10px #fff solid;
	border-radius: 15px;	
	padding:  20px;
	background-color: #f9b40c;	
 	}

.mod-dpcalendar-upcoming-simple__description p img {
	max-height: 400px;
	width: auto;
	}


/* TOP-E-5 Pinnwand */

#top-e-5.front {
	display: none;
	}

#top-e-5 .back { 
	background-color: #5d5d5d !important;	
 	height: 175px;	
	width: 100%;		
	margin-bottom: 20px;	
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;		
	color: #fff;
	}

#top-e-5 .img-fit {
	min-width: 100%;
	object-fit: cover;
	height: 175px; 
	max-width: unset !important;
	border: 10px #fff solid;
	border-radius: 15px;		
	}

#top-e-5 .uk-overlay-default{
	background: rgba(93, 93, 93, 0.5) !important;	
	border: 10px #fff solid;
	border-radius: 15px;
 	height: 175px;		
 	color: #fff !important;
 	top: 1165px;	
	}


/* TOP-B-6 Aktuelles und Rückblick */

.kachel_zwei {
 	margin-left: -15px !important;
 	}

#top-e-6 .back { 
	background-color: #e33466;
 	height: 175px;		
	min-width: 50%;	
	max-width: 50%;				
	margin-bottom: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;		
	padding: 20px;
	color: #fff;
	}

#top-e-6 .kachel_zwei .back { 
	background-color: #f9b406;
	}
}


@media (min-width:768px) and (max-width:992px) {

.row {
	flex-wrap: unset;	
	}

#top-e-1, #top-e-2, #top-e-3, #top-e-5, #top-e-6 {
	height: 250px;
	font-size: 1.2rem !important	
	}	


/* TOP-E-1 Schule */

#top-e-1 .back { 
	background-color: #96c445 !important;	
	margin-bottom: 20px;	
	padding: 20px;
 	height: 250px;
	min-width:  100%;
	border: 10px #fff solid;
	border-radius: 15px;
	color: #fff;			
	}
	

/* TOP-E-2 Kontakt */

#top-e-2 .back { 
	background-color: #ead32f;
 	height: 250px;	
	min-width:  100%;	
	margin-bottom: 20px;		
	border: 10px #fff solid;
	border-radius: 15px;		
	padding: 20px;	
	color: #fff;	
	}


/* TOP-E-3 Bistum */

#top-e-3 .back { 
	background-color: rgb(6, 161, 201);
 	height: 250px;	
	min-width:  100%;		
	margin-bottom: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;		
	padding: 20px;
	color: #fff;
	}


/* TOP-E-4 Künftiges */

 .startseite #top-e-4 {
 	height: 750px;		
	border: 10px #fff solid;
	border-radius: 15px;	
	padding:  20px;
	background-color: rgb(200, 200, 200);	
 	}

 .vergangenes #top-e-4 {
	border: 10px #fff solid;
	border-radius: 15px;	
	padding:  20px;
	background-color: #f9b40c;	
	margin-bottom: -15px;
 	}

.mod-dpcalendar-upcoming-simple__description p img {
	max-height: 400px;
	width: auto;
	}

/* TOP-E-5 Pinnwand */

#top-e-5 .front {
	display: none;
	}

#top-e-5 .back { 
	.background-color: #5d5d5d !important;
 	height: 250px;		
	width: 100%;		
	margin-bottom: 20px;	
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;		
	color: #fff;
	}

#top-e-5 .img-fit {
	min-width: 100%;
	object-fit: cover;
	height: 250px; 
	max-width: unset !important;
	border: 10px #fff solid;
	border-radius: 15px;		
	}

#top-e-5 .uk-overlay-default{
	background: rgba(93, 93, 93, 0.5) !important;	
	border: 10pxrgba(0,0,0,0) solid;
	border-radius: 15px;
 	height: 250px;		
 	color: #fff !important;
 	top: 500px;	
	}


/* TOP-B-6 Aktuelles und Rückblick */

#top-e-6 .back { 
	background-color: #e33466;
 	height: 250px;		
	min-width: 50%;	
	max-width: 50%;				
	margin-bottom: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;		
	padding: 20px;
	color: #fff;
	}

#top-e-6 .kachel_zwei .back { 
	background-color: #f9b406;
	}
}


/* TOP-B-1 Schule */

#top-b-1 .front { 
	background: url("") 0 0 no-repeat; 
 	min-height: 333.3px;	
	min-width:  333.3px;
	margin-top: -20px;	
	margin-left: -20px;
	margin-right: -20px;		
	margin-bottom: 20px;	
	z-index: 1;	
	}

#top-b-1 .back { 
	background-color: #96c445 !important;	
	margin-bottom: 20px;	
	margin-top: -20px;	
	margin-left: -20px;
	margin-right: -20px;		
	padding: 20px;
	transform: rotateY(180deg) /* Die Rückseite des Logos wird umgedreht, um dann bei der Drehung der gesamten Szene vorne zu sein :) */;
	z-index: 2;		
 	min-height: 333.3px;	
	min-width:  333.3px;	
	border: 10px #fff solid;
	border-radius: 15px;		
	}

#top-b-1 .front h1 {
	color: #fff !important;
	margin-top: 40%;
	font-size: 30pt;	
	}	

#top-b-1 .front img {
	border: 10px #fff solid;
	border-radius: 15px;	
	}
	

/* TOP-B-2 Kontakt */

#top-b-2 .front { 
	background-color: #ead32f;
 	min-height: 333.3px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	min-width:  333.3px;
	margin-top: -20px;	
	margin-left: -20px;	
	margin-bottom: 20px;	
	padding: 20px;
	z-index: 1;		
	}

#top-b-2 .back { 
	background-color: #ead32f;
 	min-height: 333.3px;	
  	min-width: 333.3px;			
	margin-left: -20px;
	margin-top: -20px;
	margin-bottom: 20px;	
	transform: rotateY(180deg) /* Die Rückseite des Logos wird umgedreht, um dann bei der Drehung der gesamten Szene vorne zu sein :) */;
	z-index: 2;		
	border: 10px #fff solid;
	border-radius: 15px;		
	padding: 20px;
	}


#top-b-2 .front h1 {
	color: #fff !important;
	margin-top: 35%;
	font-size: 30pt;	
	}


/* TOP-B-3 Bistum */


#top-b-3 .front { 
	background-color: rgb(6, 161, 201);
 	min-height: 333.3px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	min-width:  333.3px;
	margin-top: -20px;	
	margin-left: -20px;	
	margin-bottom: 20px;	
	padding: 20px;
	z-index: 1;		
	}

#top-b-3 .back { 
	background-color: rgb(6, 161, 201);
 	min-height: 333.3px;	
  	min-width: 333.3px;			
	margin-left: -20px;
	margin-top: -20px;	
	margin-bottom: 20px;	
	transform: rotateY(180deg) /* Die Rückseite des Logos wird umgedreht, um dann bei der Drehung der gesamten Szene vorne zu sein :) */;
	z-index: 2;		
	border: 10px #fff solid;
	border-radius: 15px;		
	padding: 20px;
	}

#top-b-3 .front h1 {
	color: #fff !important;
	margin-top: 35%;
	font-size: 30pt;	
	}




/* TOP-B-5 INTERN */


#top-b-5 .front { 
	background: url("") 0 0 no-repeat; 
 	min-height: 166px;	
 	max-height: 166px;
	min-width:  333.3px;
	margin-top: -20px;	
	margin-left: -20px;
	margin-right: -20px;		
	margin-bottom: 20px;	
	z-index: 1;			
	background-color: #e33466 !important;	
	border: 10px #fff solid;
	border-radius: 15px;		
	}


#top-b-5 .back { 
	background-color: #e33466 !important;	
 	min-height: 166px;	
 	max-height: 166px;
	min-width:  333.3px;
	margin-bottom: 20px;	
	margin-top: -20px;	
	margin-left: -20px;
	margin-right: -20px;		
	padding: 20px;
	transform: rotateY(180deg) /* Die Rückseite des Logos wird umgedreht, um dann bei der Drehung der gesamten Szene vorne zu sein :) */;
	z-index: 2;		
	border: 10px #fff solid;
	border-radius: 15px;		
	}

#top-b-5 .front h1 {
	color: #fff !important;
	margin-top: 12%;
	font-size: 30pt;	
	}		

#top-b-5 .front img {
	border: 10px #fff solid;
	border-radius: 15px;	
	}




/* TOP-B-6 Pinnwand */

#top-b-6 .front { 
	background: url("") 0 0 no-repeat; 
 	min-height: 333.3px;	
	min-width:  333.3px;
	margin-top: -20px;	
	margin-left: -20px;
	margin-right: -20px;		
	margin-bottom: 20px;	
	z-index: 1;	
	}

#top-b-6 .back { 
	background-color: #5d5d5d !important;	
	margin-bottom: 20px;	
	margin-top: -20px;	
	margin-left: -20px;
	margin-right: -20px;		
	padding: 20px;
	transform: rotateY(180deg) /* Die Rückseite des Logos wird umgedreht, um dann bei der Drehung der gesamten Szene vorne zu sein :) */;
	z-index: 2 ;		
 	min-height: 333.3px;	
	min-width:  333.3px;	
	border: 10px #fff solid;
	border-radius: 15px;		
	}

#top-b-6 .front h1 {
	color: #fff !important;
	font-size: 18pt;	
	text-align: center;
	padding: 15px;
	}	

#top-b-6 .front img {
	border: 10px rgba(0,0,0,0)solid;
	border-radius: 15px;	
	background-color:rgba (93, 93, 93, 0.5);		
	}
	
#top-b-6 .img-fit {
   width: 100%;
   object-fit: cover;
   height: 333.3px; 
	}

#top-b-6 .uk-overlay-default{
	background: rgba(93, 93, 93, 0.5) !important;	
	border: 10px #fff solid;
	border-radius: 15px;
	}
	
	
dd.field-entry.pinnwandbild-mobil  {
	display: none;	
	}	

dd.field-entry.pinnwandbild-tablet  {
	display: none;	
	}	
	
	
/* TOP-F-1 Rückblick */


#top-f-1 .front { 
	background: url("") 0 0 no-repeat; 
 	min-height: 166px;	
 	max-height: 166px;
	min-width:  333.3px;
	margin-top: -20px;	
	margin-left: -20px;
	margin-right: -20px;		
	margin-bottom: 20px;	
	z-index: 1;			
	background-color: #f9b40c !important;	
	border: 10px #fff solid;
	border-radius: 15px;		
	}

#top-f-1 .back { 
	background-color: #f9b40c !important;	
 	min-height: 166px;	
 	max-height: 166px;
	min-width:  333.3px;
	margin-bottom: 20px;	
	margin-top: -20px;	
	margin-left: -20px;
	margin-right: -20px;		
	padding: 20px;
	transform: rotateY(180deg) /* Die Rückseite des Logos wird umgedreht, um dann bei der Drehung der gesamten Szene vorne zu sein :) */;
	z-index: 2;		
	border: 10px #fff solid;
	border-radius: 15px;		
	}

#top-f-1 .front h1 {
	color: #fff !important;
	margin-top: 12%;
	font-size: 30pt;	
	}		

#top-f-1 .front img {
	border: 10px #fff solid;
	border-radius: 15px;	
	}
		
#top-f-1 a {
    color: rgb(255, 255, 255);	
}	
	

/* Schule */	
	
#top-c-1{
	margin-left: 30px;
	
	}	
	
#top-c-1 .front h1 {
	color: #fff !important;
	margin-top: 40%;
	font-size: 20pt;	
	}		

#top-c-2{
	margin-top: 25px;
	margin-left: 30px;
	}
		
	
#top-c-2 .front h1 {
	color: #fff !important;
	margin-top: 40%;
	font-size: 20pt;	
	}	
	
#top-c-3{	
	margin-left: 30px;
	margin-top: 25px;
	}	


#top-c-3 .front h1 {
	color: #fff !important;
	margin-top: 40%;
	font-size: 20pt;	
	}	

.beitrag:hover .turnaround {	
	transform: rotateY(180deg); /* Beim Mouse-Over wird die Szene umgedreht */ 
	}


.schule #top-c-1 .uk-button{
	background-color: #fff;
	color: #96c445;
	font-weight: bold;	
	position: absolute;
	bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;
	}	

.schule #top-c-1 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}

.schule #top-c-2 .uk-button{
	background-color: #fff;
	color: #96c445;
	font-weight: bold;
	position: absolute;
	bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;	
	}	

.schule #top-c-2 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}

.schule #top-c-3 .uk-button{
	background-color: #fff;
	color: #96c445;
	font-weight: bold;
	position: absolute;
	bottom: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;	
	}	

.schule #top-c-3 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}	


/* TOP-C-1 Schule */


.schule .uk-button{
	background-color: #fff;
	color: #96c445;
	font-weight: bold;	
	display: block;
	margin-left: auto;
	margin-right: auto;
	}	

.schule .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200) !important;
	}


@media (max-width: 991px) {
.astroid-logo img {
	max-height: 80px;
	margin-top: 10px;
	}
	
.untermenue_ebene3 {
	bottom: unset !important;
	top: 5%;
	}	
}

@media (max-width: 639px)	{

.schule .uk-grid {
	margin-left: unset;
	padding: 5px;
	}

.schule .beitrag_pur { 
	min-height: 200px !important;	
	min-width: unset !important;	
 	max-height: 200px !important;	
	max-width:  unset !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: 5px !important;
	color: #fff;	
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 100px !important;	
	min-width: 100% !important;	
 	max-height: 100px !important;	
	max-width:  unset !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: -25px !important;
	margin-right: 0px !important;		
	}

.unsere_schule { 
	background-image: url("/images/Hauptgebaeude.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 200px !important;	
	min-width: unset !important;	
 	max-height: 200px !important;	
	max-width:  unset !important;						
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: 0px !important;
	margin-right: 0px !important;		
	margin-top: 0px !important;
	margin-bottom: -5px !important;
	}
	
.back_to h2 {
	color: #fff !important;
	margin-bottom: 40px !important;
	font-size: 30pt;	
	}
	
.unsere_schule h2{ 
	margin-top: 15% !important; 
	}	
		

	
}

@media (min-width:640px ) and (max-width: 991px)	{

.schule .uk-grid {
	margin-left: unset;
	padding: 5px;
	}

.schule .beitrag_pur { 
	min-height: 312px !important;	
	min-width: unset !important;	
 	max-height: 312px !important;	
	max-width:  unset !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: 5px !important;
	color: #fff;	
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 100px !important;	
	min-width: 100% !important;	
 	max-height: 100px !important;	
	max-width:  unset !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: -25px !important;
	margin-right: 0px !important;		
	}

.unsere_schule { 
	background-image: url("/images/Hauptgebaeude.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 312px !important;	
	min-width: unset !important;	
 	max-height: 312px !important;	
	max-width:  unset !important;						
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: 0px !important;
	margin-right: 0px !important;		
	margin-top: 5px !important
	}
	
.unsere_schule h2{ 
	margin-top: 25% !important; 
	}	
	
	
.back_to h2 {
	color: #fff !important;
	margin-top: 0px !important;
	font-size: 30pt;	
	}

}


@media (min-width:992px) and (max-width: 1220px)	{

.schule .beitrag_pur { 
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;
	margin-left: -20px !important;
	margin-top: -20px;		
	}

.unsere_schule { 
	background-image: url("/images/Hauptgebaeude.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;					
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-bottom: -15px;	
	}
}


.beitrag .front { 
	background-color:rgb(172, 227, 86);
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;		
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;
	padding: 20px;	
	}

.back_to {	
	background-color:rgb(200, 200, 200);
   	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;
	margin-left: -30px;
	margin-top: -20px;		
	}

.back_to:hover {	
	cursor: pointer;
	background-color:rgb(180, 180, 180);	
	}

.back_to h2 {
	color: #fff !important;
	margin-top: 35%;
	font-size: 30pt;	
	}

.beitrag .back { 
	background-color:rgb(172, 227, 86);
	padding: 20px;
	transform: rotateY(180deg) /* Die Rückseite des Logos wird umgedreht, um dann bei der Drehung der gesamten Szene vorne zu sein :) */;
	z-index: 2;		
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;				
	border: 10px #fff solid;
	border-radius: 15px;	
	}

.schule .beitrag_pur { 
	background-color: #96c445;
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;			
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-bottom: -5px;
	margin-left: 5px;
	margin-right: 5px;
	}

.unsere_schule { 
	background-image: url("/images/Hauptgebaeude.jpg") !important;
	background-size: cover;
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;				
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-left: 5px;
	margin-right: 5px;	
	margin-bottom: -15px;	
	}


.unsere_schule h2 {
	color: #fff !important;
	margin-top: 30%;
	font-size: 30pt;	
	}


.beitrag .front img {
	border: 10px #fff solid;
	border-radius: 15px;	
	}
	
.beitrag_pur  h3 {
	color: #fff !important;
	font-size: 15pt;	
	}	
	

.itemid-869	.p-5 {
	padding: unset !important
	}	

ul.nav.astroid-nav {
	display: none !important;
		}
		
	
.sidebarmenue_button:hover {
	cursor: pointer;
	}
	
ul.nav li.active {
	background-color: unset !important;
	}	
	
.eboxNav li a:hover {
	background-color: rgba(40,40,40,0.3);
	color: #fff;
	}	
	
	
.mod-dpcalendar-upcoming-panel__information {
	color: #222;
	}
	
.eb {
	color: #fff !important;
	font-size: 15px !important;
	}		

.schule .untermenue_ebene3 {
	position: fixed;
	right: 0px;
	bottom: 50%;
	background-color: #96c445;
	color: #fff;	
	padding: 0px !important;
	transform: translateX(0%);
	opacity: 1;
	display: block;
	
	  
	  }
	
.schule .untermenue_ebene3:hover {
	background-color: rgb(180, 180, 180);
	color: #fff;	
	}	


	
.schule #rstbox_7 {
	background-color: #96c445 !important;
	}
				
.nav-header  .nav-title {
	font-size: 12pt;
	padding-left: 10px;
	font-weight: bold;
	}		
	
.uebersicht_schule {
	background-color: #96c445;
	color: #fff;	
	}
	
.uebersicht_schule:hover {
	background-color: rgb(180, 180, 180);
	color: #fff;	
	}	
	
	
/* TOP-C-1 Kontakt */	


@media (max-width:991px) {
.kontakt .beitrag_pur   .uk-button{
	background-color: #fff;
	color: #ead32f !important;
	font-weight: bold;	
	bottom: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}	

.kontakt .beitrag_pur   .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff !important;
	font-weight: bold;
	border-color:rgba(200, 200, 200) !important;
	}
}

@media (min-width:992px) and (max-width:1199px) {
.kontakt .beitrag_pur   .uk-button{
	background-color: #fff;
	color: #ead32f !important;
	font-weight: bold;	
	position: absolute;
	bottom: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;	
	}	

.kontakt .beitrag_pur   .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff !important;
	font-weight: bold;
	border-color:rgba(200, 200, 200) !important;
	}
}

@media (min-width:1200px) {
.kontakt .beitrag_pur   .uk-button{
	background-color: #fff;
	color: #ead32f !important;
	font-weight: bold;	
	position: absolute;
	bottom: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:27.5%;	
	}	

.kontakt .beitrag_pur   .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff !important;
	font-weight: bold;
	border-color:rgba(200, 200, 200) !important;
	}
}

.kontakt .uk-button{
	background-color: #fff;
	color: #ead32f;
	font-weight: bold;	
	display: block;
	margin-left: auto;
	margin-right: auto;
	}	

.kontakt .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200) !important;
	}



@media (max-width: 639px)	{

.kontakt .uk-grid {
	margin-left: unset;
	padding: 5px;
	}

.kontakt .beitrag_pur { 
	min-height: 250px !important;	
	min-width: unset !important;	
 	max-height: 250px !important;	
	max-width:  unset !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: 5px !important;
	color: #fff;	
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 100px !important;	
	min-width: 100% !important;	
 	max-height: 100px !important;	
	max-width:  unset !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: -25px !important;
	margin-right: 0px !important;		
	}

	
.back_to h2 {
	color: #fff !important;
	margin-bottom: 40px !important;
	font-size: 30pt;	
	margin-top: unset !important;
	}


.kontakt_sekretariat {
	font-size: 12pt;
	}	
	
.kontakt h3 {
	font-size: 12pt;
	}	


.unsere_kontakt { 
	background-image: url("/images/tuergriff.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 200px !important;	
	min-width: unset !important;	
 	max-height: 200px !important;	
	max-width:  unset !important;						
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: 0px !important;
	margin-right: 0px !important;		
	margin-top: 0px !important;
	margin-bottom: -5px !important;
	}
	
	
.unsere_kontakt h2{ 
	margin-top: 10% !important; 
	}	
	
}

@media (min-width:640px ) and (max-width: 991px)	{

.kontakt .uk-grid {
	margin-left: unset;
	padding: 5px;
	}

.kontakt .beitrag_pur { 
	min-height: 312px !important;	
	min-width: unset !important;	
 	max-height: 312px !important;	
	max-width:  unset !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: 5px !important;
	color: rgb(180, 180, 180);	
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 100px !important;	
	min-width: 100% !important;	
 	max-height: 100px !important;	
	max-width:  unset !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: -25px !important;
	margin-right: 0px !important;		
	}
	
.back_to h2 {
	color: #fff !important;
	margin-top: 0 !important;
	font-size: 30pt;	
	}

.unsere_kontakt { 
	background-image: url("/images/tuergriff.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 312px !important;	
	min-width: unset !important;	
 	max-height: 312px !important;	
	max-width:  unset !important;						
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: 0px !important;
	margin-right: 0px !important;		
	margin-top: 5px !important
	}

}


@media (min-width:992px) and (max-width: 1220px)	{

.kontakt .beitrag_pur { 
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;
	margin-left: -20px !important;
	margin-top: -20px;		
	}
	
.unsere_kontakt { 
	background-image: url("/images/tuergriff.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;					
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-bottom: -15px;	
	}

	
}

.unsere_kontakt { 
	background-image: url("/images/tuergriff.jpg") !important;
	background-size: cover;
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;			
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-left: 5px;
	margin-right: 5px;	
	margin-bottom: -15px;	
	}	


.unsere_kontakt h2 {
	color: #fff !important;
	margin-top: 35%;
	font-size: 30pt;	
	}	

.kontakt .untermenue_ebene3 {
	position: fixed;
	right: 0px;
	bottom: 50%;
	background-color: #ead32f;
	color: #fff;	
	padding: 0px !important;
	}

.kontakt .p-5 {
	display: none;
	}	

.kontakt #rstbox_7 {
	background-color: #ead32f !important;
	}
		
.uebersicht_kontakt {
	background-color: #ead32f;
	color: #fff;	
	}
		
.kontakt .untermenue_ebene3:hover {
	background-color: rgb(180, 180, 180);
	color: #fff;	
	}		

.kontakt .beitrag_pur { 
	background-color: #ead32f;
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;			
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-bottom: -5px;
	margin-left: 5px;
	margin-right: 5px;
	color: rgb(100, 100, 100); !important;
	}
	
	
.kontakt .beitrag_pur h3{ 
	color: rgb(100, 100, 100) !important;
	}	
	
.kontakt_daten {
	position: absolute;
	bottom: 60px;
	}	

/* TOP-C-1 Vergangenes */	


.vergangenes .uk-button{
	background-color: #fff;
	color: #f9b40c;
	font-weight: bold;	
	display: block;
	margin-left: auto;
	margin-right: auto;
	}	

.vergangenes .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200) !important;
	}


@media (max-width: 639px)	{

.vergangenes .uk-grid {
	margin-left: unset;
	padding: 5px;
	}

.vergangenes .beitrag_pur { 
	min-height: 200px !important;	
	min-width: unset !important;	
 	max-height: 200px !important;	
	max-width:  unset !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: 5px !important;
	color: #fff;	
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 100px !important;	
	min-width: 100% !important;	
 	max-height: 100px !important;	
	max-width:  unset !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: -25px !important;
	margin-right: 0px !important;		
	}

.vergangenes_bild { 
	background-image: url("/images/klassenausflug.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 200px !important;	
	min-width: unset !important;	
 	max-height: 200px !important;	
	max-width:  unset !important;						
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: 0px !important;
	margin-right: 0px !important;		
	margin-top: 0px !important;
	margin-bottom: -5px !important;
	}
	
.back_to h2 {
	color: #fff !important;
	margin-bottom: 40px !important;
	font-size: 30pt;	
	}


.vergangenes_bild h2{ 
	margin-top: 15% !important; 
	}	
		
	
}

@media (min-width:640px ) and (max-width: 991px){

.vergangenes .uk-grid {
	margin-left: unset;
	padding: 5px;
	}

.vergangenes .beitrag_pur { 
	min-height: 312px !important;	
	min-width: unset !important;	
 	max-height: 312px !important;	
	max-width:  unset !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: 5px !important;
	color: #fff;	
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 100px !important;	
	min-width: 100% !important;	
 	max-height: 100px !important;	
	max-width:  unset !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: -25px !important;
	margin-right: 0px !important;		
	}

.vergangenes_bild { 
	background-image: url("/images/klassenausflug.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 312px !important;	
	min-width: unset !important;	
 	max-height: 312px !important;	
	max-width:  unset !important;						
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: 0px !important;
	margin-right: 0px !important;		
	margin-top: 5px !important
	}
	
.back_to h2 {
	color: #fff !important;
	margin-top: 0 !important;
	font-size: 30pt;	
	}

.vergangenes_bild h2{ 
	margin-top: 30% !important; 
	}	

}


@media (min-width:992px) and (max-width: 1220px)	{

.vergangenes .beitrag_pur { 
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;
	margin-left: -20px !important;
	margin-top: -20px;		
	}

.vergangenes_bild { 
	background-image: url("/images/klassenausflug.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;					
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -15px;
	margin-bottom: -15px;	
	}
}



.vergangenes .back_to {	
	background-color:rgb(200, 200, 200);
   	min-height: 315px;	
	min-width: 325px;	
 	max-height: 315px;		
	max-width:  325px;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;
	margin-left: -35px;
	margin-top: -25px;		
	}

.vergangenes #top-d-4 .beitrag_pur {
	background-color: #f9b40c;
	padding: 20px;
  	min-height: 315px;	
	min-width: 315px;	
 	max-height: 315px;		
	max-width:  315px;			
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-bottom: -5px;
	}


.vergangenes .beitrag_pur { 
	background-color: #f9b40c;
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;			
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-bottom: -5px;
	margin-left: 5px;
	margin-right: 5px;
	}

@media (min-width:1221px ){	
  #top-d-1 {
 	min-height: 670.0px;		
	border: 10px #fff solid;
	border-radius: 15px;	
	background-color: #f9b40c;	
	margin-right: 15px;
 	}		
}
	
@media (min-width:992px ) and (max-width: 1220px){	
  #top-d-1 {
 	min-height: 650px;	
  	max-height: 650px;		
 	min-width: 645px;	
  	max-width: 645px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	background-color: #f9b40c;	
	margin-right: px;
	margin-left: 10px;
 	}	

#top-d-2 {
	margin-left: -5px;	
	margin-bottom: 0px;	
	padding-right: 0px !important;
	} 
 	
#top-d-3 {
	margin-left: -5px;	
	padding-right: 0px !important;
	margin-top: 0px !important;	
	} 

#top-d-4 {
	padding-right: 0px !important;
	} 	
 		
}

	
.vergangenes_gross {
 	min-height: 100%;		
	min-width: 100%;
	margin-right: 15px;
 	}		
	
  #top-d-2 {
  	margin-top: 5px;
  	}	
  	
   #top-d-3 {
  	margin-top: -5px;
  	}	 	
  	
   #top-d-4 {
  	margin-left: 15px;
  	margin-top: 5px;
  	}	
  			
.vergangenes #top-e-4 {
	color: #fff !important;
	}	
	
.vergangenes #top-d-2 .uk-button{
	background-color: #fff;
	color: #f9b40c;
	font-weight: bold;
	position: absolute;
	top: 215px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;	
	}	

.vergangenes #top-d-2 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}	

.vergangenes #top-d-4 .uk-button{
	background-color: #fff;
	color: #f9b40c;
	font-weight: bold;
	position: absolute;
	bottom: 45px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;	
	}	

.vergangenes #top-d-4 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}		

	
.vergangenes_menuepunkt { 
	background-image: url("/images/klassenausflug.jpg") !important;
	background-size: cover;
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;		
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-left: 5px;
	margin-right: 5px;	
	margin-bottom: -15px;	
	}	
	
	
.vergangenes_menuepunkt h2 {
	color: #fff !important;
	margin-top: 30%;
	font-size: 30pt;	
	}	


.vergangenes_bild { 
	background-image: url("/images/klassenausflug.jpg") !important;
	background-size: cover;
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;		
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-left: 5px;
	margin-right: 5px;	
	margin-bottom: -15px;	
	}
	
.vergangenes_bild h2 {
	color: #fff !important;
	margin-top: 30%;
	font-size: 30pt;	
	}	
	

.uebersicht_vergangenes {
	background-color: #f9b40c;
	color: #fff;	
	}
	
.uebersicht_vergangenes:hover {
	background-color: rgb(180, 180, 180);
	color: #fff;	
	}	
	

.vergangenes .untermenue_ebene3 {
	position: fixed;
	right: 0px;
	bottom: 50%;
	background-color: #f9b40c;
	color: #fff;	
	padding: 0px !important;
	}
	

.vergangenes #rstbox_7 {
	background-color: #f9b40c !important;
	}

.vergangenes  a.dp-event-url.dp-link {
	font-size: 20pt;
	color: #fff !important;
	font-weight: bold;
	}
	
.vergangenes  .mod-dpcalendar-upcoming-simple__description{
	color: #fff ;
	padding-top: 30px;
	}	

.vergangenes  .kuenftiges_slideitems li h2 {
	color: #fff;
	}	
	
.vergangenes  .in_tagen {
	display: none;
	}
	

@media (max-width: 991px)	{
.vergangenes .kuenftiges_slideitems {
	min-height: 580px !important;
	}	
	
.uk-slideshow-items {
	min-height: 580px !important;
	}	
}

@media (min-width: 992px)	{
.vergangenes .kuenftiges_slideitems {
	min-height: 610px !important;
	}	
	
  
.uk-slideshow-items {
	min-height: 610px !important;
	}	



}
.seelsorge{
	min-height: 234.563px !important;
	}	

@media (max-width: 767px)	{

.vergangenes .mod-dpcalendar-upcoming .uk-first-column {
	padding-left: 0px;
	margin-left: -5px;
	}	
}	


.vergangenes .dp-time__start {
	display: none;
	}

.vergangenes .mod-dpcalendar-upcoming-simple__date {
	font-size: 18pt;
	font-style: unset;
	color: #fff;	
	}	

.vergangenes .mod-dpcalendar-upcoming-simple__description a {
	color: #fff !important;
	}

.itemid-877 .p-5 {
	display: none;
	}	


/* TOP-C-1 Bistum */	

.bistum .uk-button{
	background-color: #fff;
	color: rgb(6, 161, 201);
	font-weight: bold;	
	display: block;
	margin-left: auto;
	margin-right: auto;
	}	

.bistum .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200) !important;
	}


@media (max-width: 639px)	{

.bistum .uk-grid {
	margin-left: unset;
	padding: 5px;
	}

.bistum .beitrag_pur { 
	min-height: 200px !important;	
	min-width: unset !important;	
 	max-height: 200px !important;	
	max-width:  unset !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: 5px !important;
	color: #fff;	
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 100px !important;	
	min-width: 100% !important;	
 	max-height: 100px !important;	
	max-width:  unset !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: -25px !important;
	margin-right: 0px !important;		
	}

.unsere_bistum { 
	background-image: url("/images/Bistum_Dresden_Meissen.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 200px !important;	
	min-width: unset !important;	
 	max-height: 200px !important;	
	max-width:  unset !important;						
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: 0px !important;
	margin-right: 0px !important;		
	margin-top: 0px !important;
	margin-bottom: -5px !important;
	}
	
.back_to h2 {
	color: #fff !important;
	margin-bottom: 40px !important;
	font-size: 30pt;	
	}

	
.unsere_bistum h2{ 
	margin-top: 10% !important; 
	}	
		
	
}

@media (min-width:640px ) and (max-width: 991px)	{

.unsere_bistum h2{ 
	margin-top: 20% !important; 
	}	
		

.bistum .uk-grid {
	margin-left: unset;
	padding: 5px;
	}

.bistum .beitrag_pur { 
	min-height: 312px !important;	
	min-width: unset !important;	
 	max-height: 312px !important;	
	max-width:  unset !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: 5px !important;
	color: #fff;	
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 100px !important;	
	min-width: 100% !important;	
 	max-height: 100px !important;	
	max-width:  unset !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: -25px !important;
	margin-right: 0px !important;		
	}

.unsere_bistum { 
	background-image: url("/images/Bistum_Dresden_Meissen.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 312px !important;	
	min-width: unset !important;	
 	max-height: 312px !important;	
	max-width:  unset !important;						
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: 0px !important;
	margin-right: 0px !important;		
	margin-top: 5px !important
	}
	
.back_to h2 {
	color: #fff !important;
	margin-top: 0 !important;
	font-size: 30pt;	
	}

}


@media (min-width:992px) and (max-width: 1220px)	{

.bistum .beitrag_pur { 
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;
	margin-left: -20px !important;
	margin-top: -20px;		
	}

.unsere_bistum { 
	background-image: url("/images/Bistum_Dresden_Meissen.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;					
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-bottom: -15px;	
	}
}

.bistum .p-5 {
	display: none;
	}	

.itemid-829	.p-5 {
	display: none;
	}	

.bistum .beitrag_pur { 
	background-color: rgb(6, 161, 201);
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;			
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-bottom: -5px;
	margin-left: 5px;
	margin-right: 5px;
	}

.bistum #top-c-1 .uk-button{
	background-color: #fff;
	color: rgb(6, 161, 201);
	font-weight: bold;	
	position: absolute;
	bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;
	}	

.bistum #top-c-1 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}


.bistum #top-c-2 .uk-button{
	background-color: #fff;
	color: rgb(6, 161, 201);
	font-weight: bold;
	position: absolute;
	bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;	
	}	


.bistum #top-c-2 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}

.bistum #top-c-3 .uk-button{
	background-color: #fff;
	color: rgb(6, 161, 201);
	font-weight: bold;
	position: absolute;
	bottom: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;	
	}	

.bistum #top-c-3 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}	



.unsere_bistum { 
	background-image: url("/images/Bistum_Dresden_Meissen.jpg") !important;
	background-size: cover;
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;			
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-left: 5px;
	margin-right: 5px;	
	margin-bottom: -15px;	
	}	

.unsere_bistum h2 {
	color: #fff !important;
	margin-top: 15%;
	font-size: 30pt;	
	}	
	

.uebersicht_bistum {
	background-color: rgb(6, 161, 201);
	color: #fff;	
	}
	
.uebersicht_bistum:hover {
	background-color: rgb(180, 180, 180);
	color: #fff;	
	}	
	

.bistum .untermenue_ebene3 {
	position: fixed;
	right: 0px;
	bottom: 50%;
	background-color: rgb(6, 161, 201);
	color: #fff;	
	padding: 0px !important;
	}
	

.bistum #rstbox_7 {
	background-color: rgb(6, 161, 201) !important;
	}
	
	
/* TOP-C-1 Aktuelles */	


.aktuelles .uk-button{
	background-color: #fff;
	color: #e33466;
	font-weight: bold;	
	display: block;
	margin-left: auto;
	margin-right: auto;
	}	

.aktuelles .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200) !important;
	}


@media (max-width: 639px)	{

.aktuelles li {
	padding: 0px;
	}

.aktuelles .uk-grid {
	margin-left: unset;
	padding: 5px;
	}

.aktuelles .beitrag_pur { 
	min-height: 280px !important;	
	min-width: unset !important;	
 	max-height: 280px !important;	
	max-width:  unset !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: 5px !important;
	color: #fff;	

	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 100px !important;	
	min-width: 100% !important;	
 	max-height: 100px !important;	
	max-width:  unset !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: -25px !important;
	margin-right: 0px !important;		
	}

.unser_aktuelles { 
	background-image: url("/images/Theater.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 200px !important;	
	min-width: unset !important;	
 	max-height: 200px !important;	
	max-width:  unset !important;						
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: 0px !important;
	margin-right: 0px !important;		
	margin-top: 0px !important;
	margin-bottom: -5px !important;
	}
	
.back_to h2 {
	color: #fff !important;
	margin-bottom: 40px !important;
	font-size: 30pt;	
	}

.unser_aktuelles h2{ 
	margin-top: 15% !important; 
	}	
			
}

@media (min-width:640px ) and (max-width: 991px)	{

.aktuelles .uk-grid {
	margin-left: unset;
	padding: 5px;
	}

.aktuelles .beitrag_pur { 
	min-height: 312px !important;	
	min-width: unset !important;	
 	max-height: 312px !important;	
	max-width:  unset !important;	
	margin-left: 0px !important;
	margin-right: 0px !important;	
	margin-top: 5px !important;
	color: #fff;	
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 100px !important;	
	min-width: 100% !important;	
 	max-height: 100px !important;	
	max-width:  unset !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: -25px !important;
	margin-right: 0px !important;		
	}

.unser_aktuelles { 
	background-image: url("/images/Theater.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 312px !important;	
	min-width: unset !important;	
 	max-height: 312px !important;	
	max-width:  unset !important;						
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-left: 0px !important;
	margin-right: 0px !important;		
	margin-top: 5px !important
	}
	
.back_to h2 {
	color: #fff !important;
	margin-top: 0 !important;
	font-size: 30pt;	
	}

}


@media (min-width:992px) and (max-width: 1220px)	{

.aktuelles .beitrag_pur { 
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;
	}

.back_to {	
	background-color:rgb(200, 200, 200);
	min-height: 312px !important;	
	min-width: 312px !important;	
 	max-height: 312px !important;	
	max-width:  312px !important;				
	z-index: 1;			
	padding: 20px;	
	border: 10px #fff solid;
	border-radius: 15px;
	margin-left: -35px !important;
	margin-top: -20px;		
	}

.unser_aktuelles { 
	background-image: url("/images/Theater.jpg") !important;
	background-size: cover;
	padding: 20px;
	min-height: 312px !important;
	min-width: 312px !important;
 	max-height: 312px !important;
	max-width:  312px !important;	
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-bottom: -15px;	
	}
}

.aktuelles .beitrag_pur { 
	background-color: #e33466;
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;		
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-bottom: -5px;
	margin-left: 5px;
	margin-right: 5px;
	}

.aktuelles #top-c-1 .uk-button{
	background-color: #fff;
	color: #e33466;
	font-weight: bold;	
	position: absolute;
	bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;
	}	

.aktuelles #top-c-1 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}

.aktuelles #top-c-2 .uk-button{
	background-color: #fff;
	color: #e33466;
	font-weight: bold;
	position: absolute;
	bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;	
	}	

.aktuelles #top-c-2 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}

.aktuelles #top-c-3 .uk-button{
	background-color: #fff;
	color: #e33466;
	font-weight: bold;
	position: absolute;
	bottom: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:26.5%;	
	}	

.aktuelles #top-c-3 .uk-button:hover{
	background-color:rgb(200, 200, 200);
	color: #fff;
	font-weight: bold;
	border-color:rgba(200, 200, 200, 0) !important;
	}	

.unser_aktuelles { 
	background-image: url("/images/Theater.jpg") !important;
	background-size: cover;
	padding: 20px;
  	min-height: 325px;	
	min-width: 325px;	
 	max-height: 325px;		
	max-width:  325px;			
	border: 10px #fff solid;
	border-radius: 15px;	
	margin-top: -20px;
	margin-left: 5px;
	margin-right: 5px;	
	margin-bottom: -15px;	
	}		
	
.unser_aktuelles h2 {
	color: #fff !important;
	margin-top: 30%;
	font-size: 30pt;	
	}	
	
.uebersicht_aktuelles {
	background-color: #e33466;
	color: #fff;	
	}
	
.uebersicht_aktuelles:hover {
	background-color: rgb(180, 180, 180);
	color: #fff;	
	}	
	

.aktuelles .untermenue_ebene3 {
	position: fixed;
	right: 0px;
	bottom: 50%;
	background-color: #e33466;
	color: #fff;	
	padding: 0px !important;
	}
	
.aktuelles #rstbox_7 {
	background-color: #e33466 !important;
	}		
	
.itemid-889	.p-5 {
	display: none;
	}	
	

@media (min-width:992px) {	

 a.uk-button.button_weiter_oben {
 bottom: 60px !important;	
 	}
 
}


@media (min-width:992px) {	

 .vergangenes a.uk-button.button_weiter_oben {
 bottom: 90px !important;	
 	}
 
}

@media (min-width:992px) {	

 .vergangenes a.uk-button.button_noch_weiter_oben {
 bottom: 135px !important;	
 	}
 
}



/* Künftiges */		
	
@media (min-width: 768px) and (max-width: 991px) {

.startseite .in_tagen h2{
	font-size: 15pt !important;	
	margin-top: -5px;
	margin-bottom: 5px;
	}
.startseite  .dp-link {
	padding-top: 10px;
	}


}

@media (max-width: 991px) {
.startseite .kuenftiges_slideitems {
	min-height: 580px !important;
	}	
	
.startseite  a.dp-event-url.dp-link {
	font-size: 14pt;
	color: #666 !important;
	font-weight: bold;
	}	
	
.startseite .mod-dpcalendar-upcoming-simple__date {
	font-size: 14pt;
	font-style: unset;
	color: #666;	
	}	
		


.startseite  .mod-dpcalendar-upcoming-simple__description h2{
	font-size: 12pt !important;
	}	
	
}	

@media (min-width: 992px) {
.startseite .kuenftiges_slideitems {
	min-height: 600px !important;
	}
	
.startseite  a.dp-event-url.dp-link {
	font-size: 20pt;
	color: #666 !important;
	font-weight: bold;
	}

.startseite .mod-dpcalendar-upcoming-simple__date {
	font-size: 18pt;
	font-style: unset;
	color: #666;	
	}	

.in_tagen h2{
	margin-top: 25px;
	.font-size: 15pt !important;	
	}
	
.startseite  .in_tagen {
	position: absolute;
	right: 10px;
	}		

		
}	


.in_tagen h2{
	color: #fff !important;
	}
		

..uk-slidenav svg {
	display: none;
	}
	
.uk-slidenav {
	color: #fff !important;
  	background-color: #ccc;
	border-color: #fff;
	border-width: 1px;
	border-style: solid;
	}
	

.kalender .untermenue_ebene3 {
	position: fixed;
	right: 0px;
	bottom: 50%;
	background-color: rgb(191, 39, 53);
	color: #fff;	
	padding: 0px !important;
	color: #fff;
	}	
	
.kalender #rstbox_7 {
	background-color: rgb(191, 39, 53) !important;
	}		
	
	
.kalender .astroid-component-area {
	background-color: #fff;
	padding: 1.25rem;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
	}	

.com-dpcalendar-timeline__events .dp-event__date {
	display: none;
	}	
	
.com-dpcalendar-timeline__events .dp-event__calendar {
	display: none;
	}	
	

	
.dp-icon_clock {
	display: none;
	}	
	
.mod-dpcalendar-upcoming-simple__information {
	border-left: none;
	}	


	
.startseite  .mod-dpcalendar-upcoming-simple__description{
	color: #666 ;
	padding-top: 10px;
	}	

.startseite  .kuenftiges_slideitems li h2 {
	color: #666;
	}	
	


.startseite .mod-dpcalendar-upcoming-simple__description a {
	color: rgb(191, 39, 53) !important;
	}	
	

.burger-menu-button {
	margin-right: -10px;	
	}
	
.vergangenes .burger-menu-button {
	margin-right: 5px;	
	}
	

.uebersicht_kalender {
	background-color: rgb(191, 39, 53);
	color: #fff;	
	}
	
.uebersicht_kalender:hover {
	background-color: rgb(180, 180, 180);
	color: #fff;	
	}	


.searchstartseite {
	background-color: #fff;
	padding: 1.25rem;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
	}	
	
	
.search {
	margin-left: 5px;
	margin-right: 5px;
	}	
	
	
.input-group-prepend {
	z-index: 10 !important;;	
	}
	
#mod-search-searchword147, #search-searchword {
	height: unset;
	}	
	
.btn-primary {
	background-color: rgb(191, 39, 53) !important;
	border: rgb(191, 39, 53);
	}	

.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus.menu_open {
	z-index: 11;
	}	
	
/* Kalenderübersicht/ -auswahl im großen Kalender  */	
	
.dp-calendar__links {
	display: none;
	}

.com-dpcalendar-calendar__calendars .dp-calendar {
	float: left;
	padding-right: 15px;
	}

.dp-description__label {
	width: 200px;
	}

.com-dpcalendar-calendar__calendar-description {
	margin: 2px 0px 2px 0;
	}	
	
.com-dpcalendar-calendar__list .dp-calendar {
	margin: 0px 0; 
	}	
	
.startseite  .logo_roemer_forum_va {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin-bottom: 0px;
	z-index: 9999 !important;
	}	

.startseite  .lueckenfueller {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-bottom: 0px;
	}
	

.startseite  .mod-dpcalendar-upcoming-simple .dp-figure .dp-image {
	position: absolute;
    bottom: 0px;
    right: 0px;
    object-fit: contain;
    z-index: -1;    
	}	

.vergangenes  .mod-dpcalendar-upcoming-simple .dp-figure .dp-image {
	height: 310px;
	width: 310px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-bottom: 0px;	
	}	
	
.vergangenes  .logo_roemer_forum_va {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin-bottom: 0px;
	z-index: 9999 !important;
	}	

.vergangenes  .lueckenfueller {
	position: fixed;
	bottom: 0px;
	right: 0px;
	margin-bottom: 0px;
	}		

#top-d-1 .readmore-btn {	
	color: #fff;
	}


.uk-accordion-title {
	margin-bottom: 0px !important;
    background-color: #eee;
		}


.astroid-logo-mobile {
	padding-left: 30px;
	padding-right: 35px;
	}

/* Kalender Button Landingpage */	
	

.startseite #h-qv9pdq99d {
	margin-top: -30px;
	}
	
@media (max-width: 991px) {	
.kalender_button_mobil {
	position: absolute;
	right: 0px;
	top: 20%;	
	writing-mode: vertical-lr;	
	transform: rotate(180deg) !important;	
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(191, 39, 53);
	color: #fff;
	}

.kalender_button:hover {
	color: rgb(191, 39, 53);
	background-color: #fff;
	} 
	
.kalender_button {
	display: none !important;
	}
	
}

@media (min-width: 992px) {	
.kalender_button {
	position: fixed;
	right: 0px;
	bottom: 50%;	
	writing-mode: vertical-lr;	
	transform: rotate(180deg) !important;	
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(191, 39, 53);
	color: #fff;
	}

.kalender_button:hover {
	color: rgb(191, 39, 53);
	background-color: #fff;
	} 
	
.kalender_button_mobil {
	display: none !important;
	}
}


/* Allzweck-Button Startseite - für z.B. Anmeldungen */

@media (max-width: 991px) {
.allzweck_button {
	position: fixed;
	right: 0px;
	top: 112px;
	writing-mode: vertical-lr;	
	transform: rotate(180deg) !important;	
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #1f4599;
	color: #fff;
	}

.allzweck_button:hover {
	color: #1f4599;
	background-color: #fff;
	} 
}


@media (min-width: 992px) {
.allzweck_button {
	position: fixed;
	right: 0px;
	top: 50%;	
	writing-mode: vertical-lr;	
	transform: rotate(180deg) !important;	
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #1f4599;
	color: #fff;
	}

.allzweck_button:hover {
	color: #1f4599;
	background-color: #fff;
	} 
}



/* Spalten Beiträge */	

@media (max-width: 640px) {	

.row {
	display: unset;
	margin-left: 0px;
	margin-right: 0px;
	}

.container {
	padding-left: 0px;
	padding-right: 0px;
	}

.p-5 {
    padding: 1.5rem !important
	}	
}



/* Editortemplates  */
	
.button_schule {
	background-color: #96c445 !important;
	color: #fff !important;
	}

.button_schule:hover {
	color: #96c445 !important;
	background-color: #fff !important;
	border-color: rgb(200, 200, 200) !important;
	}

.button_kontakt {
	background-color: #ead32f !important;
	color: #fff !important;
	}

.button_kontakt:hover {
	color: #ead32f !important;
	background-color: #fff !important;
	border-color: rgb(200, 200, 200) !important;
	}
		
.button_bistum {
	background-color: rgb(6, 161, 201) !important;
	color: #fff !important;
	}

.button_bistum:hover {
	color: rgb(6, 161, 201) !important;
	background-color: #fff !important;
	border-color: rgb(200, 200, 200) !important;
	}	
	
.button_rueckblick {
	background-color: #f9b406 !important;
	color: #fff !important;
	}

.button_rueckblick:hover {
	color: #f9b406 !important;
	background-color: #fff !important;
	border-color: rgb(200, 200, 200) !important;
	}	
	
.button_aktuelles {
	background-color: #e33466 !important;
	color: #fff !important;
	}

.button_aktuelles:hover {
	color: #e33466 !important;
	background-color: #fff !important;
	border-color: rgb(200, 200, 200) !important;
	}			

/* News Point */
.startseite .p-5{
	padding: 0px !important;
	}	
	
.news-point-alias #top-e-5 {
    height: auto;
    border: 10px #fff solid;
    border-radius: 15px;
    padding: 20px;
    background-color: #f9b40c;
 	}

	
	
/* Kalender FrontEnd*/
.dp-button {
	box-shadow: inherit !important;
	background-color: #f7f7f7 !important;
	border: 1px solid #f0f0f0 !important;
	color: #4f4f4f !important;
	}
	
 .uebersicht_kalender {
	width: 100%;
	}
	
	
/* Zeitplan */	
.btn-mini {
	padding: 0px 14px;
	margin: 2px;
	}

/* Farbwähler FrontEnd*/
.minicolors {
	width: 100px !important;
	}

/* Kalender, Textfeld  */
.kalender {
	line-height: 1.15em !important; 
		}

/* Kalender Trennzeichen vor Startzeit*/
.dp-time__start::before{
  content: "| ";
}

/* Tabellenformatierung bei engen Displays*/

@media (max-width:700px) {
	
	.pbg_tabelle thead {
		display:none;
	}

	.pbg_tabelle tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}

	.pbg_tabelle td {
		float: left;
		width: 100%;
		
	}

	.pbg_tabelle td::before {
		content:attr(data-label);
		word-wrap: break-word;
		width: 40%;
		float:left;
		padding:1em;
		font-weight: bold;
		margin:-1em 1em -1em -1em;
	}
}

@media (max-width:400px) {

.fc-view-harness.fc-view-harness-passive {
	margin-left: -20px;
	margin-right: -20px;	
	}

.kalender #ac-1528971561366 {
	padding: 5px;
	}
}

/* Farben Kalender Abo */
	
.kalender .su-modal-trigger {
	color:  #fff !important;
	background-color: rgb(191, 39, 53);
	padding-left: 20px;	
	padding-right: 20px;		
	padding-top: 10px;
	padding-bottom: 10px;	
	}	
	
.uk-flex.uk-flex-wrap div {
	margin-top: 15px;
	padding-bottom: 15px;
	margin-right: 5px;
	}
	
.kalender .su-modal-trigger:hover {
	color:  #fff !important;
	background-color: rgb(191, 39, 53, 0.5);
	}	

.com-dpcalendar-calendar__custom-text h3{
	padding-top: 20px;
	}	

.kalender_abo_buttons {
	background-color: #fff !important;
	}
	
.kalender .su-modal-content-wrapper .uk-button{
	background-color: rgb(191, 39, 53);
	color: #fff;
	}		
	
.kalender .su-modal-content-wrapper .uk-button:hover{
	background-color: rgb(191, 39, 53, 0.5);
	}	
	
.kalender .su-modal-content-wrapper .uk-button a:hover{
	color: #fff;
	}		

.p-5.bg-white.uk-box-shadow-small.com-content-article.item-pagestartseite {
	display: none;
	}	
	
.btn-primary {
	background-color: unset !important;
	color: #777 !important;
	}

/*		
a {
	color:rgb(191, 39, 53) !important;	
	}
	
div.com-users-login__submit:nth-child(5) > div:nth-child(1) > button:nth-child(1) {
	background-color: #fd7906 !important;
	color: #000 !important;
	}

.com-users-login {
	background-color: #eee;
	padding: 30px;
	max-width:500px;
	}

.btn-secondary {
	color: #555;
	}

/* Kacheln wieder 3 x 3 */
#top-c > div:nth-child(1) {
  padding-left: unset;
}

#top-d > div:nth-child(1) {
  padding-left: unset;
}