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

/* *****************************************************************************
PAGE
***************************************************************************** */
body { background-color: #FFFFFF; color: #EC5840; }
.box-shadow { color:#FF0000; }

.grid-container { max-width: 45% }
@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% }
	}


/* *****************************************************************************
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: #FFFFFF; }
.top-bar { background-color: #FFFFFF; color:#000000; padding:0; }
.top-bar ul { background-color: #FFFFFF; }

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



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



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




/* *****************************************************************************
BUTTONS
      background-color: #004D8B; 005daa
***************************************************************************** */
.button {
  margin: 0;
  color: #FFFFFF;
  font-weight: normal;
  text-align: left;
  border: 0.01rem solid #FFFFFF; }
  .button.cce_home {
		background-color: #EC5840;
	  text-align: center;
	  border: 0.05rem solid #333333;
    color: #000000; }
    .button.cce_home:hover, .button.cce_home:focus {
			background-color: #E81F00; }
  .button.ccebeige {
    background-color: #FCE5CB;
    color: #000000; }
    .button.ccebeige:hover, .button.ccebeige:focus {
      background-color: #F2DDC4; 
	    color: #000000; }
  .button.ccegrau {
    background-color: #DDDDDD;
    color: #000000; }
    .button.ccegrau:hover, .button.ccegrau:focus {
      background-color: #BBBBBB; }
  .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.rotaryblau {
    background-color: #2D679E;
    color: #FFFFFF; }
    .button.rotaryblau:hover, .button.rotaryblau:focus {
			background-color: #22507A; }
  .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; }