/* schoolbell-regular - latin */
@font-face {
	font-family: 'Schoolbell';
	font-style: normal;
	font-weight: 400;
	src: url('/public/assets/app/fonts/schoolbell-v8-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Schoolbell Regular'), local('Schoolbell-Regular'),
		 url('/public/assets/app/fonts/schoolbell-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/public/assets/app/fonts/schoolbell-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/public/assets/app/fonts/schoolbell-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('/public/assets/app/fonts/schoolbell-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/public/assets/app/fonts/schoolbell-v8-latin-regular.svg#Schoolbell') format('svg'); /* Legacy iOS */
  }
  @font-face {
	font-family: "RobotoRegularRegular";
	src: local(RobotoRegular Regular), url("/public/assets/app/fonts/RobotoRegular-Regular.eot");
	src: url("/public/assets/app/fonts/RobotoRegular-Regular.eot?#iefix") format("embedded-opentype"), 
	  url("/public/assets/app/fonts/RobotoRegular-Regular.woff2") format("woff2"), 
	  url("/public/assets/app/fonts/RobotoRegular-Regular.woff") format("woff"), 
	  url("/public/assets/app/fonts/RobotoRegular-Regular.ttf") format("truetype");
	font-weight: 400;
  }
  @font-face {
	font-family: "RobotoRegularLight";
	src: local(RobotoRegular Light), url("/public/assets/app/fonts/RobotoRegular-Light.eot");
	src: url("/public/assets/app/fonts/RobotoRegular-Light.eot?#iefix") format("embedded-opentype"), 
	  url("/public/assets/app/fonts/RobotoRegular-Light.woff2") format("woff2"), 
	  url("/public/assets/app/fonts/RobotoRegular-Light.woff") format("woff"), 
	  url("/public/assets/app/fonts/RobotoRegular-Light.ttf") format("truetype");
	font-weight: 300;
  }

body {
	overflow-y: scroll;
}

body, p, h1, h2, h3, h4, h5, h6, p, ul, ol {
	font-family: 'RobotoRegular', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'RobotoRegular', sans-serif;
	font-weight: 300;
}

p, li, td {
	font-family: 'RobotoRegular', sans-serif;
	font-weight: 300;
	font-size: 1.0625rem;
	color: #555;
	line-height: 1.5;
}

/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative; }
  .slideshow-wrapper ul {
    list-style-type: none;
    margin: 0; }
    .slideshow-wrapper ul li,
    .slideshow-wrapper ul li .orbit-caption {
      display: none; }
    .slideshow-wrapper ul li:first-child {
      display: block; }
  .slideshow-wrapper .orbit-container {
    background-color: transparent; }
    .slideshow-wrapper .orbit-container li {
      display: block; }
      .slideshow-wrapper .orbit-container li .orbit-caption {
        display: block; }
    .slideshow-wrapper .orbit-container .orbit-bullets li {
      display: inline-block; }
  .slideshow-wrapper .preloader {
    border-radius: 1000px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: rotate;
    animation-timing-function: linear;
    border-color: #555555 #FFFFFF;
    border: solid 3px;
    display: block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px; }

.orbit-container {
  background: none;
  overflow: hidden;
  position: relative;
  width: 100%; 
  margin-bottom: 4rem;}
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); }
    .orbit-container .orbit-slides-container img {
      display: block;
      max-width: 100%; }
    .orbit-container .orbit-slides-container > * {
      position: absolute;
      top: 0;
      width: 100%;
      margin-left: 100%; }
      .orbit-container .orbit-slides-container > *:first-child {
        margin-left: 0; }
      .orbit-container .orbit-slides-container > * .orbit-caption {
        bottom: 0;
        position: absolute;
        background-color: rgba(51, 51, 51, 0.8);
        color: #FFFFFF;
        font-size: 0.875rem;
        padding: 0.625rem 0.875rem;
        width: 100%; }
  .orbit-container .orbit-slide-number {
    left: 10px;
    background: transparent;
    color: #FFFFFF;
    font-size: 12px;
    position: absolute;
    top: 10px;
    z-index: 10; }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125rem; }
  .orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 3px;
      background-color: rgba(255, 255, 255, 0.3);
      display: block;
      width: 0;
      position: relative;
      right: 20px;
      top: 5px; }
    .orbit-container .orbit-timer > span {
      border: solid 4px #FFFFFF;
      border-bottom: none;
      border-top: none;
      display: none;
      height: 14px;
      position: absolute;
      top: 0;
      width: 11px;
      right: 0; }
    .orbit-container .orbit-timer.paused > span {
      top: 0;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-left-style: solid;
      border-color: transparent;
      border-left-color: #FFFFFF;
      right: -4px; }
      .orbit-container .orbit-timer.paused > span.dark {
        border-left-color: #333333; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev,
  .orbit-container .orbit-next {
    background-color: transparent;
    color: white;
    height: 60px;
    line-height: 50px;
    margin-top: -25px;
    position: absolute;
    text-indent: -9999px !important;
    top: 45%;
    width: 36px;
    z-index: 10; }
    .orbit-container .orbit-prev:hover,
    .orbit-container .orbit-next:hover {
      background-color: rgba(0, 0, 0, 0.3); }
    .orbit-container .orbit-prev > span,
    .orbit-container .orbit-next > span {
      border: inset 10px;
      display: block;
      height: 0;
      margin-top: -10px;
      position: absolute;
      top: 50%;
      width: 0; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: #FFFFFF; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: #FFFFFF; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: #FFFFFF;
      left: 50%;
      margin-left: -4px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: #FFFFFF; }

.orbit-bullets-container {
  text-align: center; }

.orbit-bullets {
  display: block;
  float: none;
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  top: 10px; }
  .orbit-bullets li {
    background: #CCCCCC;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 0.5625rem;
    margin-right: 6px;
    width: 0.5625rem;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #999999; }
    .orbit-bullets li:last-child {
      margin-right: 0; }

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none; }
.touch .orbit-bullets {
  display: none; }

@media only screen and (min-width: 40.0625em) {
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit; }
  .touch .orbit-bullets {
    display: block; } }
@media only screen and (max-width: 40em) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important; }
  .orbit-stack-on-small .orbit-slides-container > * {
    margin: 0  !important;
    opacity: 1 !important;
    position: relative; }
  .orbit-stack-on-small .orbit-slide-number {
    display: none; }

  .orbit-timer {
    display: none; }

  .orbit-next, .orbit-prev {
    display: none; }

  .orbit-bullets {
    display: none; } }

@media only screen {

	#header {
		background: transparent url(img/header-background.png) no-repeat 0 0;
		width: 100%;
		height: 230px;
	}

	#header h1 {
		color: #af3837;
		font-size: 1.75rem;
		margin-top: 1rem;
		margin-bottom: 0;
		margin-right: 2rem;
		font-family: 'Schoolbell', cursive;
		text-align: center;
	}

	#header h2 {
		color: #666;
		font-size: 1rem;
		line-height: 1.25;
		margin-top: 0;
		text-align: center;
		margin-right: 2rem;
	}

	#header h2 span {
		display: block;
	}
	
	#map_canvas {
		height: 600px;
	}
	
	h1 {
		font-family: 'Schoolbell', cursive;
		font-size: 2rem;
		color: #4FABBB;
		margin-top: 3rem;
		margin-bottom: 1rem;
	}
	
	h2 {
		font-family: 'Schoolbell', cursive;
		font-size: 1.75rem;
		color: #4FABBB;
	}

	h3 {
		font-family: 'Schoolbell', cursive;
		font-size: 1.5rem;
		color: #666;
	}
	
	h3.bg-red {
		background: #af3837;	
		color: #fff;	
		padding: 0.5rem;
		font-family: 'Schoolbell', cursive;
	}
	
	h3.bg-green {
		background: #9BBB38;
		color: #fff;
		padding: 0.5rem;
		font-family: 'Schoolbell', cursive;
	}
	
	a {
    	color: #4FABBB;
	}
	
	.banner-images {
		margin: 1rem 0 3rem 0;
		width: 100%;
	}

	figure.banner-images img {
		height: auto;
		width: 100%;
	}

	figure.logo {
		margin-top: 5.5rem;
		margin-left: 0.5rem;
		margin-right: 0;
	}

	figure.center {
		margin-left: 0;
		margin-right: 0;
	}
	
	figure.mediagroup-list-item-figure {
		margin-bottom: 0;
		margin-left: 0; 
		margin-right: 0;
	}
	
	#navigation {
		clear: both;
	}


	.top-bar {
		background: #fff;
		height: 60px;
		width: 100%;
		/*padding-top: 0;	float: left;*/	
		border-bottom: 1px dotted #d8d8d8;
		border-top: 1px dotted #d8d8d8;
		
	}

	.top-bar .toggle-topbar.menu-icon a {
		color:#ccc;
	}

	.top-bar .toggle-topbar.menu-icon a span:after {
		box-shadow: 0 0 0 1px #ccc, 0 7px 0 1px #ccc, 0 14px 0 1px #ccc;
	}
	
	.top-bar-section ul li {
		background: #fff;
		color: #af3837;
		margin-bottom: 0;
		padding-top: 0.5rem;
	}
	
	.top-bar-section ul li ul li {
		padding-top: 0;
	}
	
	.top-bar-section ul li ul {
		border-bottom: 1px dotted #d8d8d8;
		border-left: 1px dotted #d8d8d8;
		border-right: 1px dotted #d8d8d8;
	}

	.top-bar-section ul li:hover:not(.has-form) > a {
		background: #af3837
	}

	.top-bar-section li:not(.has-form) a:not(.button) {
		
		background: #fff;
		color: #af3837;
		font-size: 1.25rem;
	}

	.top-bar-section li:not(.has-form) a:hover:not(.button) {
		background: #fff;
		color: #af3837;
	}

	.top-bar-section li.active:not(.has-form) a:not(.button) {
		background: #4fabbb;
		color: #fff;
	}

	.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
		background: #fff;
		color: #af3837; 
	}

	.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
		background: #af3837;
		color: #fff;
	}

	.top-bar .toggle-topbar.menu-icon a span {
		color: #444;
	}

	.top-bar.expanded .title-area {
		background: none repeat scroll 0 0 #fff;
	}

	.top-bar img {
		max-width: 180px;
		padding-top: 0.28125 rem;
	}
	
/*##### News Archiv #####*/
	
	ul.news-archive-list {
		border: 1px dotted #ddd;
		background: #f7f7f6;
		padding: 1rem 2rem;
		margin-top: 0;				
		margin-left: 0;
	}
	
	.news-archive-list li {
		list-style: none;
		font-variant: small-caps;
		font-size: 1.25rem;	
	}
	
	.news-archive-list li a {
		font-weight: 300;
		color: #4FABBB; 
	}	
	
	.news-archive-list li a:hover, .news-archive-list li a:focus {
		color: #205879;
	}	
		
	.news-archive-list-item a {
		font-variant: normal;
		line-height: 2em;
		font-size: 1.25rem;
		font-weight: 300;
		color: #376B8A;
	}
		
	.news-archive-list-item a:hover, .news-archive-list-item a:focus {	
		color: #205879;
	}
	
	.news-archive-sublist {
		display: none;
	}
	
/*##### News #####*/

	.news-article, .news-article-actual {
		border: 1px dotted #e1dfdf;
		padding: 1rem;
		margin-bottom: 1.5rem;
		clear: both;
	}
	
	.news-article h2, .news-article-actual h2 {
		font-size: 1.5rem;
		color: #4fabbb;
	}
	
	.news-article-teaser-imageitem.right {
		margin-right: 0;
		width: 100%;
	}
	
	.news-article-author, .news-date {
		font-size: 0.875rem;
	}
	
	.news-article-readmore .button, p.news-article-readmore {
		margin-bottom: 0;
	}
	
	ul.inline-list.right {
		width: 100%;
		float: left;
	}
	
/*#####  Termine  #####*/	

	.panel p, .panel h5 {
    color: #555;
	}
	
	.event-wrapper.panel {
		background-color: #fff;
		border: 1px dotted #e1dfdf;
    	clear: both;
    	margin-bottom: 1.5rem;
    	padding: 0.875rem;
	}

	h3.event-summary {
		font-family: 'RobotoRegular', sans-serif;
		font-size: 1.25rem;
		color: #4fabbb;
	}
	
	h5.event-location-organizer {
		font-size: 1.0625rem;
		margin-bottom: 0;
	}
	
	.panel h4.event-description {
		font-size: 1.25rem;
	}
	
	.panel p.event-date, .panel p.event-location-name, .panel p.event-location-address {
		margin-bottom: 0;
		color: #555;
		font-size: 1.0625rem;
	}
	
	.panel p.event-date {
		color: #4fabbb;
	}
	
	.medium-4 .mediagroup-list-item {
		width: 100%;
	}
	
	.border {
		border: 1px dotted #e1dfdf;
		border-top: 0;
	}
	
	.border p {
		padding: 0.5rem;
	}
	.news-archive-sublist,
	.event-description-element {
		display: none;
	}
	
	.download-file-button {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	
/*##### Grids Startseite #####*/	
	.startgrid {
		padding: 1rem;
		border-radius: 15px;
		margin-bottom: 2.5rem;
	}
	
	.startgrid .button {
		margin-bottom: 0;
	}
	
	.startgrid p, .startgrid h3 {
		color: #fff;
	}
	
	.startgrid a {
		color: #fff;
	}
	
	.startgrid a:hover, .startgrid a:focus {
		border-bottom: 1px dotted #fff;
	}
	
	.startgrid.green {
		background-color: #9BBB38;
	}
	
	.startgrid.red {
		background-color: #AF3837;
	}
	
	.startgrid.blue {
		background-color: #4fabbb;
	}
	
	button, .button {
		background-color: #4FABBB;
	}
	
	#footer {
		background: #fff url(img/footer-background.png) no-repeat 0 100%;
		clear: both;
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 380px;
		text-align: left;
	}
	
	#footer ul.navigation-list {
		float: left;
		width: 100%;
		margin: 1.75rem auto;
		border-bottom: 1px dotted #d8d8d8;
		border-top: 1px dotted #d8d8d8;
	}
	
	
	#footer ul.navigation-list li {
		display: block;
		padding: 0;
		color: #555;
		font-size: 1.25rem;
		text-align: left;
	}
	
	#footer ul.navigation-list li a {
		color: #555;
		font-weight: normal;
	}
	
	#footer a.copy {
		display: block;
		font-size: 0.875rem;
	}

}/* Define mobile styles */

@media only screen and (min-width: 40em) {
	
	.top-bar-section li:not(.has-form) a:not(.button) {
		padding: 0 0.5rem;
	}
	
	ul.news-archive-list {
		margin-top: 6rem;	
	}
	
	.top-bar-section li:first-child {
		padding-right: 1rem;
	}

}/* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (min-width: 40.063em) {
	
	#header h1 {
		margin-top: 6rem;
	}
	
	#footer {
		height: 220px;
		text-align: center;
	}
	
	#footer ul.navigation-list li {
		display: inline;
		text-align: center;
		padding: 0 1rem;
	}
	
}/* min-width 641px, medium screens */

@media only screen and (min-width: 50.063em) {
	
	#header h1 {
		font-size: 2.25rem;
		margin-bottom: 0;
		margin-right: 2rem;
	}

	#header h2 {
		font-size: 1.325rem;
		line-height: 1.25;
		margin-top: 0;
		margin-right: 2rem;
	}

	.news-article-teaser-imageitem.right {
		margin-right: 0;
		width: auto;
	}

	figure.logo {
		margin-top: 5.5rem;
		margin-left: 1rem;
		margin-right: 0;
	}
		
	ul.inline-list.right {
		width: auto;
	}	
		
}

@media only screen and (min-width: 60.063em) {
	
	ul.large-block-grid-3.mediagroup-list {
		margin-top: 2rem;
	}
	
	figure.imageitem.right.media-image {
		max-width: 400px;
		margin-top: 7rem;
		margin-bottom: 3rem;
	}
	
}