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


/* *****************************************************************************
PAGE
***************************************************************************** */
body{ -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
body { color: #000000; background-color: #FFFFFF; }
.box-shadow { color:#FF0000; }

.grid-container { max-width: 100%; }
@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 print {
	.no-print, .no-print * { display: none !important; }
	}
@media print {
	.printstil { color: #FF8000; font-size: 5.0rem; print-color-adjust: exact; }
	}
@media screen {
	.onlyprint, .onlyprint * { display: none !important; }
	}

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

h1 { font-size: 3.0vw; }
h3 { font-size: 2.0vw; }
p, li, a, span { font-size: 1.25vw; }
.rangliste { font-size: 1.0vw; }

@media screen and (max-width: 640px) {
	h1 { font-size: 6.0vw; }
	h3 { font-size: 4.0vw; }
	p, li, a, span { font-size: 3.0vw; }
	}
	
@media screen and (min-width: 641px) and (max-width: 1024px) {
	h1 { font-size: 4.5vw; }
	h3 { font-size: 3.0vw; }
	p, li, a, span { font-size: 2.0vw; }
	}
	

/* *****************************************************************************
COLORS AND FONT-SIZES
***************************************************************************** */
.cce_color { background-color: #FCE5CB; }
.labelcolor { color: #FF0000; }
h1.red { color: #EC5840; }

.tabellezumdruck { font-size:0.75rem; }

h1.indexpage { font-size:10.0vh; }


/* *****************************************************************************
TOP BAR MENUES
***************************************************************************** */
a.topbar_backbutton { background-color: #00aeef; }
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: #FCE5CB; }
.top-bar { background-color: #FCE5CB; color:#000000; padding:0; }
.top-bar ul { background-color: #FCE5CB; }

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


/* *****************************************************************************
MAIN SECTION
***************************************************************************** */
.textcenter { text-align: center !important; }
.textright { text-align: right !important; }
.textleft { text-align: left !important; }
@media screen and (max-width: 640px) {
	 .textcenter { text-align: center !important; }
	 .textright { text-align: right !important; }
	 .textleft { text-align: left !important; }
	 }
@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; }
	 }



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


/* *****************************************************************************
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.cce_home {
		background-color: #F7BE81;
	  text-align: center;
	  border: 0.00rem solid #333333;
    color: #000000; }
    .button.cce_home:hover, .button.cce_home:focus {
			background-color: #FAAC58; }
  .button.ccebeige {
    background-color: #FCE5CB;
    color: #000000; }
    .button.ccebeige:hover, .button.ccebeige:focus {
      background-color: #F2DDC4;
	    color: #000000; }
  .button.ccebeigeinvers {
    background-color: #FFF9F2;
    color: #000000; }
    .button.ccebeigeinvers:hover, .button.ccebeigeinvers:focus {
      background-color: #F2DDC4;
	    color: #000000; }
  .button.ccegrau {
    background-color: #DDDDDD;
    color: #000000; }
    .button.ccegrau:hover, .button.ccegrau:focus {
      background-color: #BBBBBB; }
  .button.ccezurueck {
    background-color: #AAAAAA;
    color: #000000; }
    .button.ccezurueck:hover, .button.ccezurueck:focus {
      background-color: #888888; }
  .button.cceweiss {
    background-color: #FFFFFF;
    color: #000000;
		border-color: #000000; }
    .button.cceweiss:hover, .button.cceweiss:focus {
      background-color: #DDDDDD; }
  .button.menunative {
    background-color: #FCE5CB;
    color: #000000; }
    .button.menunative:hover, .button.menunative:focus {
      background-color: #F2DDC4;
	    color: #FF0000; }
  .button.menuseen {
    background-color: #FCE5CB;
    color: #FFFFFF; }
    .button.menuseen:hover, .button.menuseen:focus {
      background-color: #F2DDC4;
	    color: #FF0000; }
  .button.kssggruen {
    background-color: #9BCA3C;
    color: #000000; }
    .button.kssggruen:hover, .button.kssggruen:focus {
      background-color: #8ABC26;
	    color: #FF8000; }
  .button.fussbereich {
		border: 0;
		padding-left: 0;
		padding-right: 0;
    background-color: #A1C6E6;
    color: #FFFFFF; }
    .button.fussbereich:hover, .button.fussbereich:focus {
      background-color: #8DAECA; }
  .button.versteckt {
		border: 0;
    background-color: #A1C6E6;
    color: #FFFFFF; }
    .button.fussbereich:hover, .button.fussbereich:focus {
      background-color: #A1C6E6; }