@font-face {
font-family: YukonGold;
src: url(http://www.eurocamping.camp/images/YukonGold.eot); /* IE9 Compat Modes */
src: url(http://www.eurocamping.camp/images/YukonGold.eot?#iefix) format(embedded-opentype), /* IE6-IE8 */
url(http://www.eurocamping.camp/images/YukonGold.otf) format(opentype), /* Open Type Font */
url(http://www.eurocamping.camp/images/YukonGold.svg) format(svg), /* Legacy iOS */
url(http://www.eurocamping.camp/images/YukonGold.ttf) format(truetype), /* Safari, Android, iOS */
url(http://www.eurocamping.camp/http://www.eurocamping.camp/images/YukonGold.woff) format(woff), /* Modern Browsers */
url(http://www.eurocamping.camp/images/YukonGold.woff2) format(woff2); /* Modern Browsers */
}
h1 {
    font-family: YukonGold;
    color: black;
    font-size:50px;
    font-weight: lighter;
    text-align: center;
}
.h2 {
	font-family: YukonGold;
	font-size: 40px;
	font-weight: lighter;
	text-align: center;
}
.flaggen {
	text-align: center;

}
Label {
    font-family: Arial;
    color: black;
    font-size:12px;
    font-weight: bold;
    text-align: left;
    font-style: italic;
}
LabelDB {
    font-family: verdana;
    color: black;
    font-size:12px;
    font-weight: bold;
}
Label1 {
    font-family: Arial;
    color: black;
    font-size:14px;
    font-weight: bold;
    text-align: left;
    font-style: italic;
}
LabelDB1 {
    font-family: verdana;
    color: black;
    font-size:14px;
    font-weight: bold;
}
LabelDB2 {
    font-family: verdana;
    color: black;
    font-size:10px;
    text-align: center;
}
.flaggen {
    text-align: center;
}
@media (min-width: 1281px) {

.style1 {
				margin-right: 0px;
				width: 1024px;
    font-family: Arial;
    color: black;
    font-size:14px;
    font-weight: bold;
    text-align: left;
    font-style: italic;
} 
  
}
@media (min-width: 1025px) and (max-width: 1280px) {

.style1 {
				margin-right: 0px;
				width: 1024px;
    font-family: Arial;
    color: black;
    font-size:14px;
    font-weight: bold;
    text-align: left;
    font-style: italic;
} 
  
}
@media (min-width: 768px) and (max-width: 1024px) {

.style1 {
				margin-right: 0px;
				width: 980px;
    font-family: Arial;
    color: black;
    font-size:14px;
    font-weight: bold;
    text-align: left;
    font-style: italic;
} 
 
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

.style1 {
				margin-right: 0px;
				width: 980px;
				max-width: 720;
    font-family: Arial;
    color: black;
    font-size:14px;
    font-weight: bold;
    text-align: left;
    font-style: italic;
} 

}
@media (min-width: 481px) and (max-width: 767px) {

.style1 {
				margin-right: 0px;
				width: 720px;
				max-width: 720;
    font-family: Arial;
    color: black;
    font-size:14px;
    font-weight: bold;
    text-align: left;
    font-style: italic;
} 
  
}
@media (min-width: 320px) and (max-width: 480px) {

.style1 {
				margin-right: 0px;
				width: 720px;
				max-width: 720;
    font-family: Arial;
    color: black;
    font-size:14px;
    font-weight: bold;
    text-align: left;
    font-style: italic;
} 
  
}