.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

@keyframes flyin {
	from {
	transform : translate(0%);
	opacity   : 0;
	}

	to {
	transform : translate(0%);
	opacity   : 1;
	}
}

body {font-size: 10pt; background: url(kaltfront/background.jpg); background-repeat: no-repeat; background-size: contain; background-color: #1b1b1b; margin: 0px;}
ul{list-style-type: none;} 
li{display: inline;}
a { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; color: #ccc}
a:hover {color: #fff;}
td {font-family: "Roboto", sans-serif; text-transform: uppercase; color: #eee;}
h1  {font-family: "Roboto", sans-serif; text-transform: uppercase; color: #bbb; font-size: 220%;}

.social_media { width: 80%; height: 100px;}
.social_media a {font-weight: bold; color: #1b1b1b; text-decoration: none; font-size: 11pt; margin-left: 3px; text-transform: uppercase;}
.social_media a:hover {color: #000;}
.iconstyle {color: black; position: relative; margin-right: 13px;}
				
.nav_button {width: 95%; text-align: center;}
.nav_button li {background-color: #666; padding: 11px 9px 9px 9px; margin: 3%; border-radius: 5px;}
.nav_button a {color: white; text-decoration: none; font-size: 14pt;  text-transform: uppercase;}


.eb_typo_kaltfront img {animation-name: flyin; animation-duration: 2s; animation-iteration-count: 1; width: 66%; height: auto; opacity: 100%; margin: 3% 0 4% 0;}

.preorder {width: 65%; margin: 3% 0 4% 0;}

.linkfire {width: 17%;  margin: 2%; float: left; font-family: "Roboto", sans-serif; text-transform: uppercase; color: #eee;}
.linkfire img {-moz-box-shadow: 0 15px 26px #525455; box-shadow: 0 15px 26px #525455; border-radius: 5px; width: 100%; border: 1px solid grey;}
.linkfire a {text-decoration: none; opacity: 75%; margin: 0; padding: 0;}
.linkfire a:hover {opacity: 100%;}
.subline {opacity: 100% !IMPORTANT; font-size: 100%; font-weight: bold; background-color: #1b1b1b; display: block; width: 100%; height: 2.5%; border-radius: 3px;}

.news {margin: 0; width: 80%; padding: 0}
.newsheadline {font-family: "Roboto", sans-serif; padding: 3px; font-weight: bold; font-size: 14pt; color: #aaa; text-transform: uppercase; line-height: 16pt; text-align: left;}

.newsdatum {font-size: 10pt; font-weight: normal; color: #999}
.newsinhalt {font-size: 10pt; line-height: 15pt;border: 0; text-align: justify}
.newsinhalt img{filter: grayscale(100%); }
.newsinhalt img:hover{filter: grayscale(0%); }
.newsinhalt a {color: black; background-color: white; text-decoration: none;}
.newsinhalt a:hover { color: white;  background-color: transparent;  }
.newslink {font-size: 10pt; font-weight: normal; border: 0}
.bildrechts {margin: 0 0 20px 20px; width: 180px; border: 1px solid black}
.bildmitte {margin: 0; width: 648px; border: 1px solid black}
.bildmitte_home {margin: 0; width: 638px; border: 1px solid black}
.bildlinks {margin: 0 0 20px 20px; width: 180px; border: 1px solid black}
.linie {color: #111; height: 1px; margin: 0 0 5px 0; border-top: 1px; background-color: black;}


.tourdaten {margin: 20px 20px 20px 0; width: 70%; 	background-color: rgba(33,33,33,0); color: black; }
.tourdaten th, td {padding: 1%;  font-size: 12pt;}
.tourdaten th {font-weight: bold; background-color: rgba(77,77,77,0.2);  font-family: "Roboto", sans-serif; text-transform: uppercase; font-size: 13pt; color: white; text-align: left;}
.tourdaten tr:nth-child(even){background-color: rgba(120,120,120,0.12);}
.tourdaten a {background-color: #eee; color: #fff; margin: 3px; padding: 3px 13px 3px 13px;}
.tourdaten a:hover {background-color: #fff; color: white; margin: 3px; padding: 3px 13px 3px 13px;}
.tourdaten img{filter: grayscale(100%); }
.tourdaten img:hover{filter: grayscale(0%); }
.tourdaten_zeile{font-size: 12pt; font-weight: light;}
.tourdaten_kopf { font-family: "Roboto", sans-serif; text-transform: uppercase;  font-size: 13pt; color: #f7d600; text-transform: uppercase; background-color: black; height: 20px; padding: 3px 0 3px 10px;}
.tourdaten_klein {font-size: 9pt;  padding: 5px 7px 5px 9px; line-height: 12pt; color: black;}
.tourdaten_klein a {background-color: black; text-decoration: none; color: white; padding: 1px 2px 1px 2px;  margin: 0}
.tourdaten_klein a:hover { padding: 1px 2px 1px 2px; }
.tourdaten_icon a {background-color: transparent;}
.tourdaten_icon a:hover {background-color: transparent; }

.footer {background-color: #333; width: 100%; min-height: 100px; margin-top: 20px; padding: 30px 0 20px 0; text-align: center; color: white;}
.footer a {text-decoration: none;}


@media (max-width: 1600px){
	.tourdaten {margin: 20px 20px 20px 0; width: 85%;}
	.tourdaten_zeile {font-size: 9pt;}	
	.newsinhalt {font-size: 9pt; line-height: 15pt;border: 0; text-align: left;}
	.eb_typo_kaltfront img {margin: 2% 0 2% 0;}
	}

#flaggen {height: auto;}
#flaggen span {width: 16px; height: 16px; border: 0; display: block; background-image: url(layout/flaggen.png);}
.flagge1 {background-position: 0 0;}
.flagge2 {background-position: 0 -16px;}
.flagge3 {background-position: 0 -32px;}
.flagge4 {background-position: 0 -48px;}
.flagge5 {background-position: 0 -64px;}
.flagge6 {background-position: 0 -80px;}
.flagge7 {background-position: 0 -96px;}
.flagge8 {background-position: 0 -112px;}
.flagge9 {background-position: 0 -128px;}
.flagge10 {background-position: 0 -144px;}
.flagge11 {background-position: 0 -160px;}
.flagge12 {background-position: 0 -176px;}
.flagge13 {background-position: 0 -192px;}
.flagge14 {background-position: 0 -208px;}
.flagge15 {background-position: 0 -224px;}
.flagge16 {background-position: 0 -240px;}
.flagge17 {background-position: 0 -256px;}
.flagge18 {background-position: 0 -272px;}
.flagge19 {background-position: 0 -288px;}
.flagge20 {background-position: 0 -304px;}
.flagge21 {background-position: 0 -320px;}
.flagge22 {background-position: 0 -336px;}
.flagge23 {background-position: 0 -352px;}
.flagge24 {background-position: 0 -368px;}


.flagge26 {background-position: -16px 0;}
.flagge27 {background-position: -16px -16px;}
.flagge28 {background-position: -16px -32px;}
.flagge29 {background-position: -16px -48px;}
.flagge30 {background-position: -16px -64px;}
.flagge31 {background-position: -16px -80px;}
.flagge32 {background-position: -16px -96px;}
.flagge33 {background-position: -16px -112px;}
.flagge34 {background-position: -16px -128px;}
.flagge35 {background-position: -16px -144px;}
.flagge36 {background-position: -16px -160px;}
.flagge37 {background-position: -16px -176px;}
.flagge38 {background-position: -16px -192px;}
.flagge39 {background-position: -16px -208px;}
.flagge40 {background-position: -16px -224px;}
.flagge41 {background-position: -16px -240px;}
.flagge42 {background-position: -16px -256px;}
.flagge43 {background-position: -16px -272px;}
.flagge44 {background-position: -16px -288px;}
.flagge45 {background-position: -16px -304px;}
.flagge46 {background-position: -16px -320px;}
.flagge47 {background-position: -16px -336px;}
.flagge48 {background-position: -16px -352px;}
.flagge49 {background-position: -16px -368px;}

.flagge50 {background-position: -32px 0;}
.flagge51 {background-position: -32px -16px;}
.flagge52 {background-position: -32px -32px;}
.flagge53 {background-position: -32px -48px;}
.flagge54 {background-position: -32px -64px;}
.flagge55 {background-position: -32px -80px;}
.flagge56 {background-position: -32px -96px;}
.flagge57 {background-position: -32px -112px;}
.flagge58 {background-position: -32px -128px;}
.flagge59 {background-position: -32px -144px;}
.flagge60 {background-position: -32px -160px;}
.flagge61 {background-position: -32px -176px;}
.flagge62 {background-position: -32px -192px;}
.flagge63 {background-position: -32px -208px;}
.flagge64 {background-position: -32px -224px;}
.flagge65 {background-position: -32px -240px;}
.flagge66 {background-position: -32px -256px;}
.flagge67 {background-position: -32px -272px;}
.flagge68 {background-position: -32px -288px;}
.flagge69 {background-position: -32px -304px;}
.flagge70 {background-position: -32px -320px;}
.flagge71 {background-position: -32px -336px;}
.flagge72 {background-position: -32px -352px;}
.flagge73 {background-position: -32px -368px;}


.flagge74 {background-position: -48px 0;}
.flagge75 {background-position: -48px -16px;}
.flagge76 {background-position: -48px -32px;}
.flagge77 {background-position: -48px -48px;}
.flagge78 {background-position: -48px -64px;}
.flagge79 {background-position: -48px -80px;}
.flagge80 {background-position: -48px -96px;}
.flagge81 {background-position: -48px -112px;}
.flagge82 {background-position: -48px -128px;}
.flagge83 {background-position: -48px -144px;}
.flagge84 {background-position: -48px -160px;}
.flagge85 {background-position: -48px -176px;}
.flagge86 {background-position: -48px -192px;}
.flagge87 {background-position: -48px -208px;}
.flagge88 {background-position: -48px -224px;}
.flagge89 {background-position: -48px -240px;}
.flagge90 {background-position: -48px -256px;}
.flagge91 {background-position: -48px -272px;}
.flagge92 {background-position: -48px -288px;}
.flagge93 {background-position: -48px -304px;}
.flagge94 {background-position: -48px -320px;}
.flagge95 {background-position: -48px -336px;}
.flagge96 {background-position: -48px -352px;}
.flagge97 {background-position: -48px -368px;}