@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 * classiccarevent.css
 */

/* *****************************************************************************
COLORS
top_bar background color: 00aeef
orange button color: FAAC58
***************************************************************************** */


/* *****************************************************************************
PAGE
***************************************************************************** */
.grid-container { max-width: 100%; padding:0; }
.grid-container.dokumente { max-width: 60%; }
@media screen and (max-width: 640px) {
	.grid-container { max-width: 100% }
	.grid-container.dokumente { max-width: 80%; }
	}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.grid-container { max-width: 100% }
	.grid-container.dokumente { max-width: 80%; }
	}


/* *****************************************************************************
TOP BAR MENUES
***************************************************************************** */
a.topbar_backbutton { background-color: #666666; }
a.topbar_backbutton:hover { background-color: #0093C8; }
a.topbar { color: #FFFFFF; background-color: #2D679E; }
a.topbar:hover { color: #FFFFFF; background-color: #22507A; }
.stylewidth { width: 100% }
@media screen and (max-width: 640px) {
	 a.topbar { color: #FFFFFF; background-color: #2D679E; }
	 a.topbar:hover { color: #FFFFFF; background-color: #22507A; }
	 .stylewidth { width: 100% }
   }

.title-bar { background-color: #666666; }
.top-bar { background-color: #666666; color:#000000; padding:0; }
.top-bar ul { background-color: #666666; }

.admin { background-color: #80FF00; }
.adminbackground { background-color: #e7f4ff; }


ul.vertical li a {
	 display: inline-block;
	 max-width: 100%;
	 white-space: nowrap;
	 overflow: hidden!important;
	 text-overflow: ellipsis;
	 }

a.einheiten { font-size:1.25rem !important; padding:0.1rem; }

/* *****************************************************************************
MAIN SECTION
***************************************************************************** */
.textcenter { text-align: center !important; }
.textright { text-align: right !important; }
.textleft { text-align: left !important; }
.tabellesmallscreen { background-color: #FFFFFF; }
.tabelletitel { padding-bottom: 3.0rem; background-color: #FFFFFF; }
@media screen and (max-width: 640px) {
	.textcenter { text-align: center !important; }
	.textright { text-align: right !important; }
	.textleft { text-align: left !important; }
	.tabellesmallscreen { padding-bottom: 1.0rem; background-color: #FFFFFF; }
	}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.textcenter { text-align: center !important; }
	.textright { text-align: right !important; }
	.textleft { text-align: left !important; }
	.tabellesmallscreen { padding-bottom: 1.0rem; background-color: #FFFFFF; }
	}


/* *****************************************************************************
FOOTER SECTION
8EB6DA
***************************************************************************** */
.pis_footer {
  background-color: #A1C6E6;
  color: #000000;
}

/* *****************************************************************************
FONTS
***************************************************************************** */
h1, h2, h3, h4, h5, p, li, a, body { font-family: 'Quicksand', sans-serif, Verdana, sans-serif; }
/* h1, h2, h3, h4, h5, p, li, a, body { margin: 0; } */

h1.firmenlogo { font-size:5.0vw; }
@media screen and (max-width: 640px) {
	h1.firmenlogo { font-size:9.0vw; }
	}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	h1.firmenlogo { font-size:7.0vw; }
	}

/* h5.menuebutton { margin: 0; } */

/* *****************************************************************************************************************
STYLING
***************************************************************************************************************** */
.balkenweiss { text-align: right; padding: 0.2rem; background-color: #FFFFFF; }
.balkengrau { text-align: right; padding: 0.2rem; background-color: #666666; }

.seitenrandrechts { padding-right:2.0rem !important; }


/* *****************************************************************************
BUTTONS
      background-color: #004D8B; 005daa F5A9A9 EC5840 E81F00
***************************************************************************** */
 .button {
  margin: 0;
  color: #FFFFFF;
  font-weight: normal;
  text-align: left;
  border: 0.01rem solid #FFFFFF; }
  .button.jmmlat_grau_top {
		background-color: #777777;
	  text-align: center;
	  border: 0.01rem solid #FFFFFF;
		border-top:0;
		border-bottom:0;
    color: #FFFFFF; }
    .button.jmmlat_grau_top:hover, .button.jmmlat_grau_top:focus {
			background-color: #666666; }
  .button.jmmlat_grau {
		background-color: #777777;
	  text-align: center;
	  border: 0.01rem solid #FFFFFF;
	  margin: 0;
    color: #FFFFFF; }
    .button.jmmlat_grau:hover, .button.jmmlat_grau:focus {
			background-color: #666666; }
  .button.jmmlat_gruen {
		background-color: #80FF00;
	  text-align: center;
	  border: 0.01rem solid #FFFFFF;
    color: #333333; }
    .button.jmmlat_gruen:hover, .button.jmmlat_gruen:focus {
			background-color: #77EE00; }

  .button.pis_orange {
		background-color: #F7BE81;
	  text-align: center;
	  border: 0.00rem solid #333333;
    color: #FFFFFF; }
    .button.pis_orange:hover, .button.pis_orange:focus {
			background-color: #FAAC58; }
  .button.pis_topbarblue {
		background-color: #00aeef;
	  text-align: left;
	  border: 0.00rem solid #333333;
    color: #FFFFFF; }
    .button.pis_topbarblue:hover, .button.pis_topbarblue:focus {
			background-color: #00A4E0; }
  .button.homebutton {
		background-color: #E69F3B;
    color: #FFFFFF; }
    .button.homebutton:hover, .button.homebutton:focus {
			background-color: #CE8F37; }
  .button.liegenschaftenbutton {
		background-color: #666666;
    color: #FFFFFF; }
    .button.liegenschaftenbutton:hover, .button.liegenschaftenbutton:focus {
			background-color: #444444; }
  .button.fiveminutesbutton {
		background-color: #EE9953;
    color: #FFFFFF; }
    .button.fiveminutesbutton:hover, .button.fiveminutesbutton:focus {
			background-color: #DA8C4D; }
  .button.onehourbutton {
		background-color: #00aeef;
    color: #FFFFFF; }
    .button.onehourbutton:hover, .button.onehourbutton:focus {
			background-color: #00A4E0; }
  .button.projectbutton {
    background-color: #9BCA3C;
    color: #FFFFFF; }
    .button.projectbutton:hover, .button.projectbutton:focus {
      background-color: #8ABC26; }
  .button.rememberbutton {
    background-color: #BBBBBB;
    color: #FFFFFF; }
    .button.rememberbutton:hover, .button.rememberbutton:focus {
      background-color: #AAAAAA;
	    color: #FFFFFF; }