/*
#rt-showcase .rt-container, #rt-showcase .rt-container .rt-grid-12 {
width: 100%;
}
.fp-roksprocket-showcase.rt-block {
padding: 0px; 
}
#rt-showcase div.sprocket-features-content a.readon {
float: left;
margin: 0 10px 0 0;
}
.layout-slideshow .sprocket-features-arrows .prev {
    left: 5% !important;
} 

.layout-slideshow .sprocket-features-arrows .next {
    right: 5% !important;
}

[class*="sprocket"] .arrow {
    border-radius: 30px;
}

.layout-slideshow .sprocket-features-arrows .arrow {
	font-size: 45px !important;
    height: 60px !important;
    line-height: 56px !important;
    width: 60px !important;
}

img{
 	border-radius: 5px;
 	max-width: 100%;
	overflow: hidden;
	-webkit-box-shadow: 10px 10px 30px grey;
	box-shadow: 10px 10px 30px grey;

	}

*/

p {
	font-size: 20px;		
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 22px;
}

h6 {
	font-size: 20px;
}

.uk-modal {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
}

.ext-theme:hover
{
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease-out 0s;
}

.ext-theme
{
    transition: all 0.5s ease-out 0s;
	cursor:pointer;
}

.ext-menu a:hover
{
	opacity:0.7;
}


.title {
	text-shadow: 0px 5px 20px rgba(0, 0, 0, 0.6);
}
.rt-title-tag {
    text-transform: none;
    text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.9);
}

#rt-header {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

#rt-top {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.flippic{
 	
 	border-radius: 5px;
 	width: 133px;
 	height: 200px;
	overflow: hidden;
	-webkit-box-shadow: 10px 10px 30px lightgrey;
	box-shadow: 10px 10px 30px lightgrey;
	margin-left: 30px;
	margin-top: 25px;

}

.galpic{
 	
 	border-radius: 5px;
 	width: 200px;
 	height: 150px;
	overflow: hidden;
	-webkit-box-shadow: 10px 10px 30px grey;
	box-shadow: 10px 10px 30px grey;
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.menupic{
 	
 	border-radius: 5px;
 	width: 100%;
	overflow: hidden;
	-webkit-box-shadow: 10px 10px 30px grey;
	box-shadow: 10px 10px 30px grey;
	margin-top: 15px;
	margin-bottom: 15px;
}

.piccap{
	background-color: white;
	margin-top: 10px;
	border-radius: 5px;
 	width: 200px;
 	height: 25px;
	overflow: hidden;
	-webkit-box-shadow: 5px 5px 15px grey;
	box-shadow: 5px 5px 15px grey;	
	text-align:center;
	margin-left: 30px;
}

/*GROW*/

.pic {
 	width: 300px;
 	height: 225px;
	overflow: hidden;
	margin: 30px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 30px grey;
	box-shadow: 10px 10px 30px grey;
	float: left;
}

.pic:hover {
cursor: pointer;
}


.grow img {
 	max-width: 150%;
 	width: 300px;
 	height: 225px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
 
.grow img:hover {
  width: 428px;
  height: 321px;
}
/*GROW*/  
---------------------------------------------------------------------
Logo Responsive Start
---------------------------------------------------------------------
*/
.logoimg {max-height: 58px; margin: 0px 0px 0px -20px;}
div.rt-image .logoimg img {max-width: 120%;border:0;border-style: none;}
@media only screen and (max-width: 480px) {
div.rt-image .logoimg img {max-width: 100%;}
}

body .rt-block {
    margin: -3px 10px;
}
/*  
---------------------------------------------------------------------
Logo Responsive Ende
---------------------------------------------------------------------
*/

/*
---------------------------------------------------------------------
Google Kaleder Details ausblenden Start
---------------------------------------------------------------------
*/

.event-links{
	display: none !important;
}

/*  
---------------------------------------------------------------------
Google Kaleder Details ausblenden Ende
---------------------------------------------------------------------
*/




img {
    border-radius: 4px;
}

img.menupic{
	box-shadow: 5px 5px 20px grey;
	border-radius: 4px;
	margin-right: 15px;
	margin-top: 23px;
}

a.pull-left{
	box-shadow: 5px 5px 20px grey;
	border-radius: 4px;
	margin-right: 15px;
	margin-top: 6px;
}

img.rokbox-thumb{
	width: 150px !important;
}

/*
---------------------------------------------------------------------
Textoptionen Start
---------------------------------------------------------------------
*/
.bildtitel{
	background-color: white;
    border: 0 solid;
    border-radius: 25px;
    color: darkgrey;
    padding: 10px;
    text-align: center;
}
/*
---------------------------------------------------------------------
Textoptionen Start
---------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------
RokBox Navigation Start
---------------------------------------------------------------------
*/
[data-rokboxicon]:before {
    content: attr(data-rokboxicon);
    font-family: "rokbox";
    font-weight: normal;
    line-height: 1;
}
/* Position rechter Pfeil */
.rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next div {
    right: -45px;
}
/* Position linker Pfeil */
.rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous div {
    left: -45px;
}
/* Position schließen */
.rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-close {
    right: -25px;
    top: -30px;
}
/*
---------------------------------------------------------------------
RokBox Navigation Ende
---------------------------------------------------------------------
*/

/*
---------------------------------------------------------------------
Bilder Rahmen (RokBox/Gallery) Start
---------------------------------------------------------------------
*/

.rg-ss-slice-container {
    box-shadow: 10px 10px 40px grey;
	border-radius: 10px;
	}
/*
---------------------------------------------------------------------
Bilder Rahmen (RokBox/Gallery) Ende
---------------------------------------------------------------------
*/

/* 
---------------------------------------------------------------------
Responsive iFrame Start
--------------------------------------------------------------------- 
*/

.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 
---------------------------------------------------------------------
Responsive iFrame Ende
--------------------------------------------------------------------- 
*/



/*
---------------------------------------------------------------------
RokSproket Titel Menü Start
---------------------------------------------------------------------
*/

.sprocket-mosaic .sprocket-mosaic-header {
    margin-bottom: 0;
}

.sprocket-mosaic .sprocket-mosaic-image-container:hover .sprocket-mosaic-image {
    transform: scale(1.2) !important;
    transition: all 1s ease-in-out 0s;
}

.sprocket-mosaic-image {
    border-radius: 10px !important;
    width: 90%;
}

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-text {
    margin-bottom: 10px;
    margin-top: 10px;
    opacity: 0.47;
}
 
.sprocket-mosaic .sprocket-mosaic-container .sprocket-padding {
    padding: 1px;
}
 
.sprocket-mosaic .sprocket-mosaic-image {
    border-radius: 5px;
}
 
.sprocket-mosaic .sprocket-mosaic-title {
    margin-bottom: -65px;
}

.sprocket-mosaic-hovercontent {
	border-radius: 5px !important;
}
 
.sprocket-mosaic-image-container {
border-radius: 10px !important;
}

.sprocket-mosaic-hovercontent {
    font-size: 50px;
}

/*
.sprocket-mosaic-columns-3 li {
    width: 33.333% !important;
}

/* 
---------------------------------------------------------------------
RokSproket Titel Menü Ende
---------------------------------------------------------------------
*/

/*
---------------------------------------------------------------------
RokNavMenu Start
---------------------------------------------------------------------
*/

.gf-menu .dropdown li.item107:hover {
	box-shadow: 0 5px 22px 11px rgba(0, 0, 0, 0.2);

		left: -75% !important;
	}

ul.gf-menu.l1 > li > .item, ul.gf-menu.l1 > li.parent > .item {
  @media (max-width: 959px) {
  	padding:0;
    font-size: 9.5px;
  }
}

ul.gf-menu .dropdown li.item144:hover > .flyout {
	
	left: -100%;


}


/*
.gf-menu .dropdown { right: 0em; }
.gf-menu .dropdown ul li.parent > .item:after{content:"\f053";}
.gf-menu li.parent > .item:after { left: 6px; right: inherit; }
.gf-menu .dropdown li:hover > .flyout { right: 100%; margin-right: -6px }


.gf-menu li.item144 .dropdown li:hover > .flyout {
    left: auto;
    right: 100%;
}

div.dropdown.flyout {
left: auto !important;
right: 100% !important;
}


 
---------------------------------------------------------------------
RokNavMenu Ende
---------------------------------------------------------------------
*/



/* 
---------------------------------------------------------------------
RokMiniEvents Start
---------------------------------------------------------------------
*/

.rme-items li  {
	border: 3px solid #e3e3e3 !important;
	border-radius: 10px !important;
}
.rme-description {
    color: #287d45 !important;
}

.rme-badge {
    border-radius: 8px 8px 8px 8px !important;
    background-color: #287d45 !important;
}

.rme-arrow {
    line-height: 15px !important;

}

.rme-timeline-point {

    line-height: 17px !important;
}


/*.rme-badge .rme-year {
    background-color: #FFFFFF !important;
    color: #287d45 !important;
    border-radius: 0px 0px 8px 8px;
}*/

.rme-timeline-point:hover, .rme-timeline-point.active, .rme-badge {
    background: none repeat scroll 0 0 #287d45 !important;
}
/* 
---------------------------------------------------------------------
RokMiniEvents Ende
---------------------------------------------------------------------
*/ 

.sprocket-strips-c .sprocket-strips-c-image {
    border-color: #287d45;
}

.sprocket-strips-c-container {
    margin: 0 0% !important;
}

.createdby span {
display: initial;
}

    /** Desktop Modes & Large Tablet Modes **/
    @media only screen and (min-width: 960px) and (max-width: 1199px) {
    body.layout-mode-responsive .fp-roksprocket-showcase.rt-block {
    padding-top: 0px !important;
    }
    .layout-slideshow .sprocket-features-content {
    bottom: 0px !important;
    }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 959px)
{

    
    /*GROW*/

.pic {
 	width: 200px;
 	height: 150px;
	overflow: hidden;
	margin: 30px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 30px grey;
	box-shadow: 10px 10px 30px grey;
	float: left;
}

.pic:hover {
cursor: pointer;
}


.grow img {
 	max-width: 150%;
 	width: 200px;
 	height: 150px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
 
.grow img:hover {
  width: 282px;
  height: 212px;
}
/*GROW*/  
    
a.rbxspacer > img {
	margin-right: .75rem;
    margin-bottom: .75rem;
}	 
    
    }
    
    /** Mobile Modes **/
    @media (max-width: 767px) {
    .rt-button-group {
    display: inline-flex !important;
    }
    img 
    body.layout-mode-responsive .fp-roksprocket-showcase.rt-block {
    padding-top: 0px !important;
    }
    .layout-slideshow .sprocket-features-content {
    bottom: 0px !important;
    }
    .layout-slideshow .sprocket-features-title {
    font-size: 125% !important;
    line-height: 25px !important;
    }
    }
    /** Small Screen Mobile Modes **/
    @media only screen and (max-width: 480px) {
    .rt-button-group {
    display: inline-flex;
    }
    body.layout-mode-responsive .fp-roksprocket-showcase.rt-block {
    padding-top: 0px !important;
    }
    .layout-slideshow .sprocket-features-content {
    bottom: 0px !important;
    }
    .layout-slideshow .sprocket-features-title {
    font-size: 125% !important;
    line-height: 25px !important;
    }
    }


.ol2 {
   list-style-type: lower-alpha;
}