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

/* *****************************************************************************
Email Adressen rückwärts schreiben, um sie für Bots unsichtbar zu machen
***************************************************************************** */
.reverse { direction: rtl; unicode-bidi: bidi-override; display: inline-block; }


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

/* *****************************************************************************
PAGE
***************************************************************************** */
body { background-color:#f5f4ee; color: #333333; }  /* grau */
body { background-color:#faf8f3; color: #333333; }  /* beige */
body { background-color:#f7f6f2; color: #333333; }  /* zwischen */

.grid-container { max-width: 100%; padding:0.2rem; }
@media screen and (max-width: 640px) {
	.grid-container { max-width: 100% }
	}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.grid-container { max-width: 100% }
	}

@media screen and (min-width: 1100px) {
  .grid-container.widescreen { max-width: 1320px !important; }
}

/* *****************************************************************************
FONTS
***************************************************************************** */
@font-face {
	font-family: "Barlow Condensed";
	src: url("/FONTS/barlow/BarlowCondensed-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Questrial";
	src: url("/FONTS/questrial/Questrial-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

h1, h2, h3 { font-family: 'Barlow Condensed', sans-serif, Verdana, sans-serif; }
h4, h5, p, li, a, td, th, body { font-family: 'Questrial', sans-serif, Verdana, sans-serif; }

h1 { font-size: 6.0vw; color:#333333; letter-spacing: 0.04em; }
h2 { font-size: 2.5vw; }
h3 { font-size: 1.75vw; }
h4 { font-size: 1.5vw; letter-spacing: 0.02rem; }
h5 { font-size: 1.25vw; }
h6 { font-size: 0.75vw; }
p, li, a { font-size: 1.125vw; }
.firmenlogo { font-size:7.0vw !important; color:#333333; font-weight:bold; }
.eigentlich_h4 { font-size:2.0vw !important; color:#333333; font-family: 'Questrial', sans-serif, Verdana, sans-serif; }
.tabellenfont { font-size:1.25vw; }
.h3_schrift { font-size: 2.0vw; font-family: 'Barlow Condensed', sans-serif, Verdana, sans-serif; }

@media screen and (max-width: 640px) {
	h1 { font-size: 8.0vw; color:#333333; letter-spacing: 0.04em; }
	h2 { font-size: 6.5vw; }
	h3 { font-size: 6.0vw; }
	h4 { font-size: 5.5vw; }
	h5 { font-size: 5.0vw; }
	h6 { font-size: 4.5vw; }
	p, li, a, { font-size: 4.0vw;  }
 .firmenlogo { font-size:9.0vw !important; color:#333333; font-weight:bold; }
 .eigentlich_h4 { font-size:5.0vw !important; color:#333333; font-family: 'Questrial', sans-serif, Verdana, sans-serif; }
	.tabellenfont { font-size:3.0vw; }
 .h3_schrift { font-size: 5.5vw; font-family: 'Barlow Condensed', sans-serif, Verdana, sans-serif; }
   }

@media screen and (min-width: 641px) and (max-width: 1024px) {
	h1 { font-size: 3.5vw; color:#333333; letter-spacing: 0.04em; }
	h2 { font-size: 2.5vw; }
	h3 { font-size: 2.25vw; }
	h4 { font-size: 2.0vw; }
	h5 { font-size: 1.875vw; }
	h6 { font-size: 1.75vw; }
	p, li, a, { font-size: 1.5vw; }
 .firmenlogo { font-size:7.0vw !important; color:#333333; font-weight:bold; }
 .eigentlich_h4 { font-size:2.5vw !important; color:#333333; font-family: 'Questrial', sans-serif, Verdana, sans-serif; }
	.tabellenfont { font-size:2.0vw; }
 .h3_schrift { font-size: 2.0vw; font-family: 'Barlow Condensed', sans-serif, Verdana, sans-serif; }
  }      

@media screen and (min-width: 1100px) {
	h1 { font-size: 6.0vw; color:#333333; letter-spacing: 0.04em; }
	h2 { font-size: 2.5vw; }
	h3 { font-size: 1.75vw; }
	h4 { font-size: 1.5vw; letter-spacing: 0.02rem; }
	h5 { font-size: 1.25vw; }
	h6 { font-size: 0.75vw; }
	p, li, a { font-size: 1.125vw; }
	.firmenlogo { font-size:7.0vw !important; color:#333333; font-weight:bold; }
	.eigentlich_h4 { font-size:1.75vw !important; color:#333333; font-family: 'Questrial', sans-serif, Verdana, sans-serif; }
	.tabellenfont { font-size:1.25vw; }
	.h3_schrift { font-size: 2.0vw; font-family: 'Barlow Condensed', sans-serif, Verdana, sans-serif; }
	}


/* *****************************************************************************
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:#FFFFFF; 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; }
	}

/* *****************************************************************************
ORBIT
***************************************************************************** */
.orbit-placeholder {
 background-color:#f7f6f2; 
 color: #333333;
	aspect-ratio: 16 / 6;
	width: 100%;
	overflow: hidden;
}

/* *****************************************************************************
TABELLEN
***************************************************************************** */
.aryana-tabellePDF {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    background: #ffffff;
}
.aryana-tabelle {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    background: #ffffff;
}

.aryana-tabelle thead th {
    padding: 0.55rem 0 0.55rem 0.55rem;
    text-align: left;
    font-size: 1.25rem;
    font-weight: 600;
    background: color-mix(in srgb, #faf8f3 97%, black);
    border: 2px solid #e8e6df;
    line-height: 1.4;
}

.aryana-tabelle td {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    vertical-align: top;
    font-size: 1.125rem;
    line-height: 1.4;
}

.aryana-tabelle td:first-child {
    color: #6b6b6b;
    text-align: right;
    padding-left: 0.55rem;
    padding-right: 1.4rem;
}

.aryana-tabelle td:last-child {
    color: #222222;
    font-weight: 500;
    text-align: left;
    padding-left: 0.1rem;
    padding-right: 0.55rem;
}

.aryana-tabelle tbody tr:nth-child(even) {
    background: color-mix(in srgb, #faf8f3 40%, white);
}

.aryana-tabelle tbody {
    border: 2px solid #e8e6df;
}

/* *****************************************************************************
FOOTER SECTION
8EB6DA A1C6E6
***************************************************************************** */
.footer {
  background-color: #bfbfbf;
  color: #1a1a1a;
	margin-top: 5rem;     /* Abstand zum Inhalt */
	padding-top: 2rem;    /* Luft innerhalb des Footers */
	padding-bottom: 2rem;
	font-size: 1.375rem;
	font-family: 'Barlow Condensed', sans-serif, Verdana, sans-serif;
	}

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


/* *****************************************************************************
BUTTONS
      background-color: #004D8B; 005daa F5A9A9 EC5840 E81F00
***************************************************************************** */
 .button {
  margin: 0;
  color: #FFFFFF;
  font-weight: normal;
  text-align: left;
  border: 0.01rem solid #FFFFFF;
  border-radius: 0rem;
  }
  .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 #777777;
	  margin: 0;
   color: #000000; }
   .button.jmmlat_grau:hover, .button.jmmlat_grau:focus {
    background-color: #666666; }
  .button.jmmlat_top_invers {
   background-color: #AAAAAA;
	  text-align: center;
	  border: 0.01rem solid #666666;
	  margin: 0;
   border-radius: 0rem;
   color: #000000; }
   .button.jmmlat_top_invers:hover, .button.jmmlat_top_invers:focus {
    background-color: #999999; }
  .button.jmmlat_gruen {
   background-color: #80FF00;
	  text-align: center;
	  border: 0.00rem solid #333333;
   color: #333333; }
   .button.jmmlat_gruen:hover, .button.jmmlat_gruen:focus {
    background-color: #77EE00; }


  .button.gedaempftesrot {
   background-color: #8a1f2a;
	  text-align: center;
	  border: 0.00rem solid #333333;
   border-radius: 2.0rem;
   color: #FFFFFF; }
   .button.gedaempftesrot:hover, .button.gedaempftesrot:focus { background: color-mix(in srgb, #8a1f2a 80%, black); }
  .button.gedaempftesblau {
   background-color: #2e5b7a;
	  text-align: center;
	  border: 0.00rem solid #333333;
   border-radius: 2.0rem;
   color: #FFFFFF; }
   .button.gedaempftesblau:hover, .button.gedaempftesblau:focus { background: color-mix(in srgb, #2e5b7a 80%, black); }
  .button.gedaempftesbraun {
   background-color: #7a6b4b;
	  text-align: center;
	  border: 0.00rem solid #333333;
   border-radius: 2.0rem;
   color: #FFFFFF; }
   .button.gedaempftesbraun:hover, .button.gedaempftesbraun:focus { background: color-mix(in srgb, #7a6b4b 80%, black); }
  .button.gedaempftesgruen {
   background-color: #27ae60;
	  text-align: center;
	  border: 0.00rem solid #333333;
   border-radius: 2.0rem;
   color: #FFFFFF; }
   .button.gedaempftesgruen:hover, .button.gedaempftesgruen:focus { background: color-mix(in srgb, #27ae60 80%, black); }


  .button.pis_orange {
   background-color: #F7BE81;
	  text-align: center;
	  border: 0.00rem solid #333333;
   border-radius: 2.0rem;
   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;
   border-radius: 2.0rem;
   color: #FFFFFF; }
   .button.pis_topbarblue:hover, .button.pis_topbarblue:focus {
    background-color: #00A4E0; }
  .button.homebutton {
   background-color: #E69F3B;
   color: #000000; }
   .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: #000000; }
   .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;
   border-radius: 2.0rem;
   color: #FFFFFF; }
   .button.projectbutton:hover, .button.projectbutton:focus {
    background-color: #8ABC26; }
  .button.rememberbutton {
   background-color: #BBBBBB;
   border-radius: 2.0rem;
   color: #FFFFFF; }
   .button.rememberbutton:hover, .button.rememberbutton:focus {
    background-color: #AAAAAA;
	   color: #FFFFFF; }