/* TYPO3 css ****************************************************************/
.frame-space-before-extra-small {
	margin-top: 0.3125rem;
}

.frame-space-before-small {
	margin-top: 0.625rem;
}

.frame-space-before-medium {
	margin-top: 1.25rem;
}

.frame-space-before-large {
	margin-top: 1.875rem;
}

.frame-space-before-extra-large {
	margin-top: 2.5rem;
}


.frame-space-after-extra-small {
	margin-bottom: 0.3125rem;
}

.frame-space-after-small {
	margin-bottom: 0.625rem;
}

.frame-space-after-medium {
	margin-bottom: 1.25rem;
}

.frame-space-after-large {
	margin-bottom: 1.875rem;
}

.frame-space-after-extra-large {
	margin-bottom: 2.5rem;
}


/* Korrekturen ***************************************************************/
@media screen and (max-width: 800px) {
  .tile-wide-x {
    width: 250px;
  }
}
@media screen and (max-width: 800px) {
  .tile-large-x {
    width: 250px;
  }
}

/* Panel 1. Block - Abstand vom Header */
.panel .content p:first-child {
	margin-top: 0;
}
.panel .content p:last-child {
	margin-bottom: 0.5rem;
}

/* Panel Kopf-Höhe anpassen */
.panel > .heading {
  padding: .625rem 1.25rem;
  color: #ffffff;
  min-height: 2.625rem;
  height: auto;
}

.panel > .heading > .title {
  margin-left: auto;
}

/* Datum rechts in der Kopfzeile */
.heading-date {
	text-align: right; 
	float: right; 
}

figure.image {
	margin-left: 10px;
	margin-right: 10px;
}

/* Unterüberschrift schwarz */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
  color: #000;
}

/* Dateiliste ***************************************************************/
ul.ce-uploads {
  list-style-type: none;
  margin:0;
  padding:0;
}
ul.ce-uploads  a {
	min-height: 3.75rem; 
	font-size: bold;
	display:block;
	width:100%;
	padding:5px;
	background-color: #0072c6;
	color: #ffffff;
	margin:5px 0px;
	font-size: 1.325rem;
	padding-left: 1rem;
	padding-right: 4rem;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	line-height: 2rem;
}



ul.ce-uploads  a:before {
	position: relative;
	font-family: 'metro';
	font-size: 2rem;
	content: "\e63d";			/* file-download */
	padding-top: 0.5rem;
	padding-right: 1rem;
	vertical-align: text-bottom;
}
/* Galleerie (Images) *******************************************************/

/* Gallerie bis 992px auf volle Breite */
@media (max-width: 992px) {
    .ce-gallery {
        width: 100%;
    }
}
 
/* Anpassungen von kleinen bis groeßeren Geraeten */
@media (min-width: 640px) and (max-width: 1200px) {
    .ce-gallery .ce-column {
        margin: 0;
        /* Abstand zwischen Bildern */
        padding: 0 5px;
        box-sizing: border-box;
    }
 
 
    /* Kein Abstand beim ersten und letzten Bild */
    .ce-gallery .ce-column:first-child {
        padding-left: 0;
    }
    .ce-gallery .ce-column:last-child {
        margin-right: 0;
    }
 
    /* Fluid Image Tags */
    .ce-gallery img,
    .ce-gallery image,
    .ce-gallery picture {
        width: 100%;
        height: auto;
    }
 
    /* Spaltenbreiten je nach eingestellten Columns */
    .ce-gallery[data-ce-columns="2"] .ce-column {
        width: 50%;
    }
 
    .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 33%;
    }
 
    .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 25%;
    }
 
    .ce-gallery[data-ce-columns="5"] .ce-column {
        width: 20%;
    }
}
 
/* Anpassungen fuer kleine Geraete */
@media (max-width: 640px) {
 
    /* Ein Bild pro Zeile */
    .ce-gallery .ce-column {
        margin: 0 0 10px;
        width: 100%;
        box-sizing: border-box;
    }
 
    /* Fluid Image Tags */
    .ce-gallery img,
    .ce-gallery image,
    .ce-gallery picture {
        width: 100%;
        height: auto;
    }
}


/* Allgemeines **************************************************************/
/* Texte in Knöpfen linksbündig */
.image-button {
  text-align: left;
}

.mm-margin-top5 {
	margin-top: 0.625rem;
}

.mm-styled span {
    margin: 5px 16px 5px 0px;
    font-size: 10px;
    color: #777;
    float: right;
    line-height: 10px;
}

.mm-styled span a span {
    margin: 0 0 0 2px; 
}

/*** Seitenlayout ***********************************************************/
/* Seiteninhalt unterhalb der Kopf-Navigation */
.mm-page-content-container {
	padding-top: 0;
}

@media screen and (min-width: 801px) {
	.mm-page-content-container {
		padding-top: 3.5rem;
	}
}

.mm-page-content {
	padding-top: 0;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
}

@media screen and (min-width: 801px) {
	.mm-page-content {
		padding-top: 3rem;
		padding-left: 1.125rem;
		padding-right: 1.125rem;
	}
}

/* Breadcrumb (Abstand von Links) */
.mm-footer-breadcrumbs2 {
	padding-left: .6rem;
}

@media screen and (min-width: 801px) {
	.mm-footer-breadcrumbs2 {
		padding-left: 1.125rem;
	}
}


/*** Logo *******************************************************************/
.mm-logo a {
	padding: .25rem .75rem .25rem .75rem;
}

.mm-logo img {
	height: 3.25rem;
}


/*** Knöpfe *****************************************************************/
/* Standard-Knopf */
.mm-button {
	width:100%; 
	border:1px solid #eaeaea;
	background: transparent;
	min-height: 3.5rem;
}

.mm-button .icon {
	background: transparent;
}

/* command-button, image-button ohne icon */
.mm-button.icon-none {
    padding-left: 1rem;
    padding-right: 1rem;
}

.command-button:focus  {
  background-color: #005696;
}

/*** Sidebar ****************************************************************/
/* Sidebar, Breite füllen */
.mm-sidebar2 {
	max-width: 50rem;
}
.mm-sidebar2 li.title {
	padding: 0;
}

/* Wenn Titel ein Link ist */
.mm-sidebar2 li.title a {
	padding: .75rem;
	font-size: 24px;
}

/* Andere Einträge (ohne image) */
.mm-sidebar2 li a {
  padding: .75rem .75rem .75rem .75rem;
}

/* Hintergrund navy bei hover */
.mm-sidebar2 li:hover a {
  background-color: #005696;
}

/*** 16:16 ******************************************************************/
/* http://www.mademyday.de/css-height-equals-width-with-pure-css.html */
.mm-box{
	position: relative;
	width: 100%;		/* desired width */
}
.mm-box:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.mm-ratio2_1:before{
	padding-top: 50%;
}
.mm-ratio1_2:before{
	padding-top: 200%;
}
.mm-ratio4_3:before{
	padding-top: 75%;
}
.mm-ratio16_9:before{
	padding-top: 56.25%;
}

.mm-content{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}


/*** Breadcrumb *************************************************************/
.mm-breadcrumbs2 a {
  color: #0072C6;
}

.mm-breadcrumbs2 a:hover {
  background-color: #005696;
}
.breadcrumbs2 a:hover:before {
  border-color: #005696 #005696 #005696 transparent;
}
.breadcrumbs2 a:hover:after {
  border-left-color: #005696;
}

/*** Aktive Menü-Einträge ***************************************************/
/* Kopf-Navigation */
.app-bar .app-bar-menu li.menu-active {
	background-color: #FA6800;
}

/* Kopf-Navigation 2. Ebene*/
.app-bar.navy .app-bar-element .d-menu li:not(.disabled) > a.menu-active,
.app-bar.navy .app-bar-menu > li .d-menu li:not(.disabled) > a.menu-active,
.app-bar.navy .app-bar-element .d-menu li > a.menu-active,
.app-bar.navy .app-bar-menu > li .d-menu li > a.menu-active {
  background-color: #FA6800;
}

.app-bar.navy .app-bar-element .d-menu li:not(.disabled) > a.menu-active:hover,
.app-bar.navy .app-bar-menu > li .d-menu li:not(.disabled) > a.menu-active:hover,
.app-bar.navy .app-bar-element .d-menu li > a.menu-active:hover,
.app-bar.navy .app-bar-menu > li .d-menu li > a.menu-active:hover {
  background-color: #005696;
}


/* Seiten-Navigation 3. Ebene*/
.sidebar2 {
	max-width: 50rem;
}

.sidebar2.light li a {
	background-color: #ffffff;
	color: #323232;
}

.sidebar2.light a.menu-active  {
/* background-color: #FA6800;
 color: #ffffff; */
 color: #FA6800;
 font-weight: 600;
}

.sidebar2.light li a:hover {
  background-color: #005696;
  color: #ffffff;
}

.sidebar2 li.title {
	padding: 0;
}

.sidebar2 li.title a {
	font-size: 24px;
}

/* Keine Raender */
.sidebar2 ul, .sidebar2 li a
{
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
}

/* Einrueckungen fuer Untermenues */
.sidebar2   a {
    padding-left: .75rem !important;
}
.sidebar2  ul a {
    padding-left: 1.5rem !important;
}

.sidebar2  ul ul a {
    padding-left: 2.25rem !important;
}

.sidebar2 ul ul ul a {
    padding-left: 3rem !important;
}

.sidebar2 ul ul ul ul a {
    padding-left: 3.75rem !important;
}

/*** mm-carousel ************************************************************/
.mm-carousel {
	height: 150px;
}

@media screen and (min-width: 321px) {
	.mm-carousel {
		height: 250px;
	}
}

@media screen and (min-width: 641px) {
	.mm-carousel {
		height: 300px;
	}
}

@media screen and (max-width: 800px) {
}

@media screen and (min-width: 801px) {
	.mm-carousel {
		height: 400px;
	}
}

/*** Drucken ****************************************************************/
.prettyprint {
    background-color: #eeeeee;
    border: 0 !important;
    border-width: 1px !important;
    border-color: #eeeeee !important;
    border-left: 8px #555555 solid !important;
}

.prettyprint ol {
    background-color: transparent !important;
}

.prettyprint li {background-color: white !important; list-style-type: decimal !important; padding-left: 1em; border-bottom: 1px #eee solid;}
.prettyprint li:last-child{border-bottom: 0;}
.prettyprint code .tag {
    font-size: .7rem;
}

.prettyprint {
    overflow: hidden;
    overflow-x: scroll;
}

.demo-grid .row > .cell {
    padding: 10px;
    background-color: darkgray;
    color: white;
    text-align: center;
    border: 1px #000 solid;
}

.thumb {
    background: white;
    padding: 4px;
    display: inline-block;
    height: 2.375rem;
    width: 2.375rem;
    border: 1px transparent solid;
    cursor: pointer;
}

@media screen and (max-width: 800px) {
    .app-bar.fixed-top {
        position: relative !important;
    }
    .page-content {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 640px) {
    .page-content {
        padding-top: 32px;
    }
}


/*** Raster *****************************************************************/
@media screen and (max-width: 320px) {
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (min-width: 801px) {
}


/*** mm-carousel ************************************************************/
.mm-carousel {
  display: block;
  width: 100%;
  position: relative;
  min-height: 100px;
  overflow: hidden;
}
.mm-carousel .slide {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.mm-carousel .slide:before,
.mm-carousel .slide:after {
  display: table;
  content: "";
}
.mm-carousel .slide:after {
  clear: both;
}
.mm-carousel [class*="mm-carousel-switch"],
.mm-carousel .mm-carousel-bullets {
  position: absolute;
  display: block;
  z-index: 999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mm-carousel .mm-carousel-bullets {
  left: 0;
  right: 0;
  bottom: .625rem;
  text-align: center;
}
.mm-carousel .mm-carousel-bullets .mm-carousel-bullet {
  display: inline-block;
  float: none;
  width: .625rem;
  height: .625rem;
  background-color: #ababab;
  box-shadow: none;
  border-radius: 50%;
  margin-right: .625rem;
  cursor: pointer;
  border: 1px #ffffff solid;
}
.mm-carousel .mm-carousel-bullets .mm-carousel-bullet:last-child {
  margin-right: 0;
}
.mm-carousel .mm-carousel-bullets .mm-carousel-bullet.bullet-on {
  background-color: #59cde2;
}
.mm-carousel.square-bullets .mm-carousel-bullet {
  border-radius: 0 ;
}
.mm-carousel .mm-carousel-switch-next,
.mm-carousel .mm-carousel-switch-prev {
  width: auto;
  line-height: 4rem;
  height: 4rem;
  text-decoration: none;
  margin-top: -2rem;
  top: 50%;
  font-size: 4rem;
  font-weight: 300;
  color: #eeeeee;
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
}
.mm-carousel .mm-carousel-switch-next:hover,
.mm-carousel .mm-carousel-switch-prev:hover {
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.mm-carousel .mm-carousel-switch-next img,
.mm-carousel .mm-carousel-switch-prev img {
  max-width: 64px;
  max-height: 64px;
}
.mm-carousel .mm-carousel-switch-next {
  right: 0;
  left: auto;
}
.mm-carousel .mm-carousel-switch-prev {
  left: 0;
  right: auto;
}

.mm-carousel {
  box-shadow: inset 0 0 1px #FFFFCC;
  width: 100%;
  height: 100%;
}

/*** Farben *****************************************************************/
.fg-navy {
  color: #0072C6 !important;
}
.bg-navy {
  background-color: #0072C6 !important;
}

.fg-grayVeryLight {
  color: #F7F7F7 !important;
}
.bg-grayVeryLight {
  background-color: #F7F7F7 !important;
}