﻿/*************************************************
** CSS für: Main Style                          **
*************************************************/

*                                               {margin: 0;
                                                 padding: 0;}
                                                 /*-moz-user-select: none;
                                                 -webkit-user-select: none;
                                                 -o-user-select: none;
                                                 -ms-user-select: none;}*/
                                                 
*::-moz-selection                               {background: #52dbaf none repeat scroll 0 0;
                                                 color: #fff;}

*::selection                                    {background: #52dbaf none repeat scroll 0 0;
                                                 color: #fff;}


blockquote                                      {background: #fff none repeat scroll 0 0;
                                                 font-family: "Open Sans";
                                                 font-size: 16px;
                                                 line-height: 1.5;}

blockquote.RegWarn                              {border-left: 5px solid #FF6666;
                                                 background: #fff none repeat scroll 0 0;
                                                 font-family: "Open Sans";
                                                 font-size: 16px;
                                                 line-height: 1.5;}

blockquote.register                             {background: #fff none repeat scroll 0 0;
                                                 font-family: "Open Sans";
                                                 font-size: 16px;
                                                 line-height: 1.5;}

html, body                                      {margin: 0 auto;
                                                 padding: 0;
                                                 background-color: #fff;
                                                 height: 100%;}
                                                 
.FullContent                                    {display: block;
                                                 position: relative;
                                                 top: 450px;
                                                 z-index: 98;
                                                 box-shadow: 0 15px 40px 20px;}
                                                 
h1, h2, h3, h4, a, p, table, label, span        {font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
                                                 font-weight: 100;}

.banner                                         {font-size: 12px;}

#BannerNext                                     {font-size: 72px;
                                                 color: #800000;
                                                 position: fixed;
                                                 transform: rotate(-30deg);
                                                 text-align: center; 
                                                 height: 25%; 
                                                 width: 50%;
                                                 margin-top:15%;
                                                 margin-left:25%;
                                                 justify-content: center;
                                                 z-index: 9999;
                                                 }

.NoVolks                                        {font-size: 52px;
                                                 color: #ff6666;
                                                 display: none;}
                                                
h1                                              {letter-spacing: 5px;}
                                                
h2                                              {margin-bottom: 10px;
                                                 letter-spacing: 3px;}
                                                 
.hotelLink                                      {color: #000000;
                                                 transition: all 0.5s ease 0s;
                                                 -webkit-transition: all 0.5s ease 0s;
                                                 -moz-transition: all 0.5s ease 0s;
                                                 -ms-transition: all 0.5s ease 0s;
                                                 -o-transition: all 0.5s ease 0s;}

.hotelLink:hover                                {color: #aaaaaa;}
                                                 
.hervor                                         {font-weight: bold;}
                                                 
hr                                              {border-color: #e2e2e2;
                                                 border-image: none;
                                                 border-style: solid;
                                                 opacity: 0.4;}

.termin                                         {text-align: center;
                                                 margin-bottom: 2em;
                                                 padding-top: 2em;
                                                 text-decoration: underline;
                                                 letter-spacing: 3px;}
                                                 
.ImgVolks                                       {width: 270px;
                                                 opacity: 1;
                                                 transition: all 0.5s ease;
                                                 -webkit-transition: all 0.5s ease;
                                                 -moz-transition: all 0.5s ease;
                                                 -ms-transition: all 0.5s ease;
                                                 -o-transition: all 0.5s ease;}

.ImgVolks:hover                                 {width: 280px;
                                                 opacity: 0.6;}
                                                 
.Rangliste                                      {width: 300px;
                                                 opacity: 1;
                                                 transition: all 0.5s ease;
                                                 -webkit-transition: all 0.5s ease;
                                                 -moz-transition: all 0.5s ease;
                                                 -ms-transition: all 0.5s ease;
                                                 -o-transition: all 0.5s ease;}
                                                 
.Rangliste:hover                                {width: 310px;
                                                 opacity: 0.6;}

form                                            {margin: 0 auto;
                                                 padding: 0;
                                                 width: 100%;}
                                                 
.form                                           {margin-bottom: 0;
                                                 margin-top: 0;
                                                 padding: 0 0 0;
                                                 width: 100%;}

input                                           {border: 1px solid #e6e6e6;
                                                 font-size: 1em;
                                                 inline-size: auto;
                                                 line-height: 20px;
                                                 margin-bottom: 10px;
                                                 margin-right: 5px;
                                                 outline: medium none;
                                                 padding: 20px;
                                                 width: 230px;
                                                 outline: none;
                                                 transition: border-color 0.5s ease 0s;
                                                 -webkit-transition: border-color 0.5s ease 0s;
                                                 -moz-transition: border-color 0.5s ease 0s;
                                                 -ms-transition: border-color 0.5s ease 0s;
                                                 -o-transition: border-color 0.5s ease 0s;}
                                                 
input:hover                                     {border: 1px solid #52dbaf;
                                                 outline: none;
                                                 transition: border-color 0.5s ease 0s;
                                                 -webkit-transition: border-color 0.5s ease 0s;
                                                 -moz-transition: border-color 0.5s ease 0s;
                                                 -ms-transition: border-color 0.5s ease 0s;
                                                 -o-transition: border-color 0.5s ease 0s;}

input:focus                                     {border: 1px solid #52dbaf;
                                                 outline: none;
                                                 transition: border-color 0.5s ease 0s;
                                                 -webkit-transition: border-color 0.5s ease 0s;
                                                 -moz-transition: border-color 0.5s ease 0s;
                                                 -ms-transition: border-color 0.5s ease 0s;
                                                 -o-transition: border-color 0.5s ease 0s;}

div.checked                                     {display: none;}

input[type=checkbox]:checked ~ div.checked      {display: inline-table;}

#success                                        {font-size: 20px;
                                                 font-weight: bold;
                                                 letter-spacing: 5px;
                                                 /*background-color: palegreen;*/
}

#SubCategoryRace                                {display: none;}

#SubCatFun                                      {display: none;}

#group                                          {display: none;}

#person                                         {display: none;}

#person1                                        {display: none;}

#Ambassador                                     {display: none;}

#submit                                         {display: none;}

#warningRace                                    {display: none;
                                                 color: #ff6666;
                                                 font-size: 18px;}
                                                 
#warning                                        {display: none;
                                                 color: #ff6666;
                                                 font-size: 18px;}
                                                 
#register                                       {display: none;}
                                                 
                                                 
#failVName, #failNName, #failAddr, #failPLZ,
#failCity, #failEMail, #failTele, #failBirth,
#failAnrede, #failCountry, #failGrpName,
#failGrpVName1, #failGrpNName1, #failGrpBirth1,
#failGrpVName2, #failGrpNName2, #failGrpBirth2,
#failClubName, #failCaptcha,#failCatCompareBirth {color: #ff6666;}

#showPrice                                      {background-color: #ffffff;
                                                 border: none;
                                                 text-decoration: underline;
                                                 font-size: 18px;
                                                 width: 60%;
                                                 padding: 20px 0px 0px 0px;}

#isAmbassador,
#cbUT1, #cbUT2, #cbUT3, #cbUT4                  {width: 5%;
                                                 display: inline-table;}
                                                 
#cbUseTicket                                    {width: 15%;}
                                                 
#borderCB                                       {border: 1px solid #e6e6e6;
                                                 display: inline-table;
                                                 line-height: 60px;
                                                 padding-left: 20px;
                                                 width: 250px;
                                                 margin-bottom: 10px;
                                                 margin-right: 10px;
                                                 transition: border-color 0.5s ease 0s;
                                                 -webkit-transition: border-color 0.5s ease 0s;
                                                 -moz-transition: border-color 0.5s ease 0s;
                                                 -ms-transition: border-color 0.5s ease 0s;
                                                 -o-transition: border-color 0.5s ease 0s;}
                                                
#borderCB:hover                                 {border: 1px solid #52dbaf;
                                                 outline: none;
                                                 transition: border-color 0.5s ease 0s;
                                                 -webkit-transition: border-color 0.5s ease 0s;
                                                 -moz-transition: border-color 0.5s ease 0s;
                                                 -ms-transition: border-color 0.5s ease 0s;
                                                 -o-transition: border-color 0.5s ease 0s;}

select                                          {height: 3em;
                                                 width: 272px;
                                                 border: 1px solid #e6e6e6;
                                                 padding-left: 20px;
                                                 margin-right: 5px;
                                                 box-sizing: border-box;
                                                 transition: border-color 0.5s ease 0s;
                                                 -webkit-transition: border-color 0.5s ease 0s;
                                                 -moz-transition: border-color 0.5s ease 0s;
                                                 -ms-transition: border-color 0.5s ease 0s;
                                                 -o-transition: border-color 0.5s ease 0s}
                                                 
select:hover                                    {border: 1px solid #52dbaf;
                                                 outline: none;
                                                 transition: border-color 0.5s ease 0s;
                                                 -webkit-transition: border-color 0.5s ease 0s;
                                                 -moz-transition: border-color 0.5s ease 0s;
                                                 -ms-transition: border-color 0.5s ease 0s;
                                                 -o-transition: border-color 0.5s ease 0s;}
                                                 
select:focus                                    {border: 1px solid #52dbaf;
                                                 outline: none;
                                                 transition: border-color 0.5s ease 0s;
                                                 -webkit-transition: border-color 0.5s ease 0s;
                                                 -moz-transition: border-color 0.5s ease 0s;
                                                 -ms-transition: border-color 0.5s ease 0s;
                                                 -o-transition: border-color 0.5s ease 0s;}
                                                 
option                                          {height: 3em;
                                                 padding-left: 20px;}
                                                 
.btnReg                                          {background-color: #52dbaf;
                                                  border: 1px solid #52dbaf;
                                                  border-radius: 0;
                                                  font-size: 1em;
                                                  color: #fff;
                                                  font-weight: bold;
                                                  width: 260px;
                                                  transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
                                                 -webkit-transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
                                                 -moz-transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
                                                 -ms-transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
                                                 -o-transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;}
                                                  
.btnReg:hover                                   {background-color: #fff;
                                                 border: 1px solid #52dbaf;
                                                 cursor: pointer;
                                                 color: #52dbaf;
                                                 transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
                                                 -webkit-transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
                                                 -moz-transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
                                                 -ms-transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
                                                 -o-transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;}
                                                 
                                                 
a.ToTop                                         {display: none;
	                                             width: 60px;
	                                             height: 60px;
	                                             text-align: center;
	                                             text-decoration: none;
	                                             position: fixed;
	                                             z-index: 999;
	                                             right: 30px;
	                                             bottom: 30px;
	                                             -webkit-border-radius: 30px;
	                                             -moz-border-radius: 30px;
	                                             border-radius: 30px;
	                                             border: 1px solid #52dbaf;
	                                             text-indent: -9999px;
                                                 background: #52dbaf url("../Img/pfeil_up.gif") no-repeat center 50%;
                                                 background-size: 80px auto;
                                                 outline: none;
                                                 opacity: 0.6;
                                                 transition: opacity 0.5s ease 0s;
                                                 -webkit-transition: opacity 0.5s ease 0s;
                                                 -moz-transition: opacity 0.5s ease 0s;
                                                 -ms-transition: opacity 0.5s ease 0s;
                                                 -o-transition: opacity 0.5s ease 0s;}

a:hover.ToTop                                   {background-color: #52dbaf;
                                                 border: 1px solid #52dbaf;
                                                 cursor: pointer;
                                                 color: #52dbaf;
                                                 outline: none;
                                                 opacity: 1;}
                                                                                               
section                                         {margin: 0 auto;
                                                 padding: 0;
                                                 width: 100%;
                                                 background-color: #f5f5f5;}
                                                 
.imgStyle                                       {width: 100%;
                                                 height: 10px;
                                                 z-index: 120;}
                                                 
.VideoPic                                       {width: 30%;
                                                 transition: all 0.5s ease;
                                                 -webkit-transition: all 0.5s ease;
                                                 -moz-transition: all 0.5s ease;
                                                 -ms-transition: all 0.5s ease;
                                                 -o-transition: all 0.5s ease;}

.VideoPic:hover                                 {opacity: 0.6;}
                                                                                                  
.hotelImg                                       {width: 220px;
                                                 opacity: 1;
                                                 transition: all 0.5s ease;
                                                 -webkit-transition: all 0.5s ease;
                                                 -moz-transition: all 0.5s ease;
                                                 -ms-transition: all 0.5s ease;
                                                 -o-transition: all 0.5s ease;}
                                                 
#BGImg1                                         {background-image: url("../Img/DSC_8824_1920x1080.png");
                                                 background-size: cover;
                                                 background-attachment: fixed;
                                                 height: 460px;}
                                                 
#BGImg2                                         {background-image: url("../Img/AM4P4921_1920x1080.png");
                                                 background-size: cover;
                                                 background-attachment: fixed;
                                                 height: 460px;}

#BGImg3                                         {background-image: url("../Img/AM4P4907_1920x1080.png");
                                                 background-size: cover;
                                                 background-attachment: fixed;
                                                 height: 460px;}

.hotelImg:hover                                 {width: 250px;
                                                 opacity: 0.6;}
                                                 
.imgStyleTrian                                  {width: 100%;
                                                 height: 22px;
                                                 z-index: 120;}
                                                 
body img                                        {-moz-user-select: none;
                                                 -webkit-user-select: none;
                                                 -o-user-select: none;
                                                 -ms-user-select: none;}
                                                 
/*aside                                           {border: 1px solid #e2e2e2;}*/
                                                 
.DefaultFooter                                  {margin: 0 auto;
                                                 padding: 0;
                                                 clear: both;
                                                 bottom: 0;
                                                 display: block;
                                                 width: 100%;
                                                 height: 3em;
                                                 background-color: #141414;
                                                 border-top: 2px ridge #52dbaf;
                                                 text-align: center;}
                                                 
.footerProreda                                  {margin: 8px auto;
                                                 padding: 0;
                                                 clear: both;
                                                 display: block;
                                                 text-align: center;
                                                 color: White;
                                                 font-family: 'Verdana';
                                                 font-size: 18px;}
                                             
section                                         {margin: 0;
                                                 padding: 0;
                                                 background-color: #ffffff;}
                                                 
.info                                           {clear: both;
                                                 background-color: #fff;}

.Title                                          {margin-left: 12%;
                                                 text-decoration: underline;}
                                                 
.left-aside                                     {clear: both;
                                                 display: inline-table;
                                                 margin-left: 15%;
                                                 text-align: left;
                                                 width: 85%;
                                                 margin-top: 10px;}

.left-aside-special                             {clear: both;
                                                 display: inline-table;
                                                 margin-left: 10%;
                                                 text-align: left;
                                                 width: 20%;
                                                 margin-top: 10px;
                                                 transform: rotateZ(14deg);}

.placeHolder                                    {display: block;}

.right-aside                                    {float: none;
                                                 width: 40%;
                                                 clear: both;
                                                 display: inline-table;
                                                 margin-left: 15%;
                                                 text-align: center;}
                                                 
.Rennstrecke                                    {text-align: left;
                                                 width: 100%;}
                                                 
td                                              {border-bottom: 1px solid #e2e2e2;}

.header-banner-top .primary-wrapper             {margin: 0 auto;
                                                 max-width: 100%;}

.hidden                                         {display: none;}

.horizontal-nav ul                              {list-style: none;
                                                 margin: 0;
                                                 padding: 0;}

.horizontal-nav li                              {display: inline-block;}

.horizontal-nav a                               {display: block;
                                                 outline: medium none;}

.mobile-menu-box,
.mobile-menu-label                              {display: none;
                                                 transition: all 1s ease;
                                                 -webkit-transition: all 1s ease;
                                                 -moz-transition: all 1s ease;
                                                 -ms-transition: all 1s ease;
                                                 -o-transition: all 1s ease;}

.header-banner-top .banner                      {position: relative;}

.header-banner-top .banner .banner-image        {position: absolute;
                                                 top: 0;
                                                 right: 0;
                                                 bottom: 0;
                                                 left: 0;}
                                                 
.header-banner-top .banner .primary-wrapper     {position: relative;}


/*Formular*/

.selectCat                                      {display: inline-table;
                                                 margin: 0 auto 1% 0;
                                                 position: relative;
                                                 width: 100%;}

.person1                                        {display: inline-table;
                                                 margin: 0 auto 1% 0;
                                                 position: relative;
                                                 width: 100%;}
                                                 
.Group                                          {display: inline-table;
                                                 margin: 0 auto 1% 0;
                                                 position: relative;
                                                 width: 100%;}
                                                 
.Ambassador                                     {display: none;
                                                 margin: 0 auto 1% 0;
                                                 position: relative;
                                                 width: 100%;}
                                                 
.submit                                         {display: inline-table;
                                                 margin: 0 auto 1% 0;
                                                 position: relative;
                                                 width: 100%;}

.Cat                                            {}

.SubCatRace                                     {}

.SubCatFun                                      {}

.Gender                                         {margin-bottom: 10px;}

.arrows                                         {width: 60px;
	                                             height: 72px;
	                                             position: absolute;
	                                             left: 50%;
	                                             margin-left: -20px;
	                                             bottom: 170px;}

.arrows path                                    {fill: transparent;
                                                 opacity: 0.9;
                                                 stroke: #52dbaf;
                                                 stroke-width: 1.5px;
                                                 animation: blinker 1.0s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
                                                 -webkit-animation: blinker 1.0s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
                                                 -moz-animation: blinker 1.0s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
                                                 -ms-animation: blinker 1.0s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
                                                 -o-animation: blinker 1.0s cubic-bezier(0.5, 0, 1, 1) infinite alternate;}
                                                 
@keyframes blinker {from {opacity: 1;}
                    to {opacity: 0;}
                    }
                    
#box                                            {position: absolute;
                                                 z-index: 5;
                                                 cursor: pointer;
                                                 color: #00aeff;
                                                 display: block;
                                                 font: bold 13px "Source Sans Pro",Helvetica,Arial,sans-serif;
                                                 text-decoration: none;}

#box:hover                                      {color: #00aeff;
                                                 background:#fff;}

#box span                                       {display:none;}

#box:hover span                                 {background: #ffffff none repeat scroll 0 0;
                                                 border: 1px solid #00aeff;
                                                 color: black;
                                                 cursor: default;
                                                 display: block;
                                                 font: 16px "Source Sans Pro",Helvetica,Arial,sans-serif;
                                                 padding: 10px;
                                                 border-top: 10px solid #00aeff;}
    
#box2                                           {position: absolute;
                                                 z-index: 3;
                                                 cursor: pointer;
                                                 color: #00aeff;
                                                 display: block;
                                                 font: bold 13px "Source Sans Pro",Helvetica,Arial,sans-serif;
                                                 text-decoration: none;}

#box2:hover                                     {color: #00aeff;
                                                 background:#fff;}

#box2 span                                      {display:none;}

#box2:hover span                                {background: #ffffff none repeat scroll 0 0;
                                                 border: 1px solid #00aeff;
                                                 color: black;
                                                 cursor: default;
                                                 display: block;
                                                 font: 16px "Source Sans Pro",Helvetica,Arial,sans-serif;
                                                 padding: 10px;
                                                 border-top: 10px solid #00aeff;}
    
#box3                                           {position: absolute;
                                                 z-index: 4;
                                                 cursor: pointer;
                                                 color: #00aeff;
                                                 display: block;
                                                 font: bold 13px "Source Sans Pro",Helvetica,Arial,sans-serif;
                                                 text-decoration: none;}

#box3:hover                                     {color: #00aeff;
                                                 background:#fff;}

#box3 span                                      {display:none;}

#box3:hover span                                {background: #ffffff none repeat scroll 0 0;
                                                 border: 1px solid #00aeff;
                                                 color: black;
                                                 cursor: default;
                                                 display: block;
                                                 font: 16px "Source Sans Pro",Helvetica,Arial,sans-serif;
                                                 padding: 10px;
                                                 border-top: 10px solid #00aeff;}
                                                 
#cbEvent1,#cbEvent2,#cbEvent3                   {margin-bottom: 0px;}