/*
 *
 * This is a commercial software product, please visit https://artasio.com for more information.
 */
body { font: normal 300 17px/25px 'Roboto', sans-serif; color: #000000; }

/* Links */
a:link,
a:active,
a:visited { color: #e30613; text-decoration: underline; } 
a:hover { color: #e30613; text-decoration: underline; }

/* Text */
.text {} /* Override global text and link style */
.text_bold { color: #253942; line-height: 17px; margin-bottom: 3px; }
.text_error { color: #e30613; line-height: 17px; }

/* Forms */
input.text,
textarea.text,
select.text { font: normal 400 17px/25px 'Roboto', sans-serif; color: #666666; }
input, textarea, select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Navigation top(dyn1) Header  */
.nav-top-selected,
span.nav-top { font: normal 500 17px/50px 'Roboto', sans-serif; color: #000000; text-decoration: none; margin-right: 0px; }
.nav-top-selected { color: #e30613; }
a.nav-top:link,
a.nav-top:active,
a.nav-top:visited { font: normal 500 17px/50px 'Roboto', sans-serif; color: #000000; text-decoration: none; margin-right: 0px;  }
a.nav-top:hover { color: #e30613; -webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}

/* Main Nav (dyn1) Hamburger */
.info-nav-selected { display: block; font: normal 500 22px/44px 'Roboto', sans-serif; text-decoration: none; color: #000000 }
a.info-nav:link,
a.info-nav:active,
a.info-nav:visited { display: block; font: normal 500 22px/44px 'Roboto', sans-serif; text-decoration: none; color: #FFFFFF}
a.info-nav:hover { display: block; color: #000000 }
@media only screen and (max-width: 768px){
	a.info-nav,
	.info-nav-selected {
		font-size: 22px!important;
		line-height: 44px!important;
	}
}

/* Navigation Service (dyn6) Footer */
.nav-service-selected {color: #000000; line-height: 100%;}
a.nav-service:link,
a.nav-service:active,
a.nav-service:visited { color: #FFFFFF;  text-decoration: none;  line-height: 100%;}
a.nav-service:hover { color: #000000 }

/* Main Nav (dyn3) Hamburger */
.nav-left-selected {cursor:pointer;}
.nav-left-selected,
.nav-left { display: block; font: normal 700 42px/84px 'breakers-slab', sans-serif; text-decoration: none; color: #000000 }
.nav-left:link,
.nav-left:active,
.nav-left:visited { display: block; font: normal 700 42px/84px 'breakers-slab', sans-serif; text-decoration: none; color: #FFFFFF }
.nav-left:hover { display: block; color: #000000  }

.nav-left-sublevel-selected { color: #000000; font: 700 17px/19px 'Roboto', sans-serif; text-decoration: none; }
.nav-left-sublevel:link,
.nav-left-sublevel:active,
.nav-left-sublevel:visited { color: #ffffff; font: 700 17px/19px 'Roboto', sans-serif; text-decoration: none; }
.nav-left-sublevel:hover { color:#000000; font: 700 17px/19px 'Roboto', sans-serif; text-decoration: none; }

@media only screen and (max-width: 768px){
	.nav-left,
	.nav-left-selected {
		font-size: 32px!important;
		line-height: 64px!important;
	}
}
@media only screen and (min-width: 768px),only screen and (min-width: 764px) and (max-width: 1280px) and (orientation: portrait){
	.nav-left,
	.nav-left-selected {
		font-size: 32px!important;
		line-height: 64px!important;
	}
}
@media only screen and (min-width: 1024px),only screen and (min-width: 1020px) and (max-width: 1280px) and (orientation: landscape){
	a.nav-left,
	.nav-left-selected {
		font-size: 32px!important;
		line-height: 64px!important;
	}
}
@media only screen and (min-width: 1240px){
	a.nav-left,
	.nav-left-selected {
		font-size: 42px!important;
		line-height: 84px!important;
	}
}

div.news { color: #ffffff; font-size: 12px; font-weight: bold; line-height: 33px; }
span.slogan-title-1 { font-weight: 400; color: #ffffff; font-size: 28px; line-height: 1.4; }
span.slogan-title-2 { font-weight: 400; color: #ffffff; font-size: 22px; line-height: 1.4; }
div.numeration-1-top,
div.numeration-2-top,
div.numeration-3-top { font-size: 80px; line-height: 80px; }
div.numeration-1-bottom,
div.numeration-2-bottom,
div.numeration-3-bottom { font-size: 14px; line-height: 14px; margin-top:-5px; }
div.numeration-1-top,
div.numeration-1-bottom { color:#9c2724; }
div.numeration-2-top,
div.numeration-2-bottom { color:#00abe0; }
div.numeration-3-top,
div.numeration-3-bottom { color:#8ca979; }

a.no-text-decoration { text-decoration: none; }

/* Footer */
.highlights-welcome-footer {
	color: #ffffff; font: normal 23px/80px 'Roboto', sans-serif;
}
div.page-footer a:hover { text-decoration: none; }

.box-adress { color:#ffffff; font-size : 12px;  line-height: 19px; }
.box-adress a { color:#ffffff; font-size : 12px;  line-height: 19px; text-decoration: none; }

/*-------------------------------------------------/
 * Freemod elements
 *
/* Title */
h1.title { font-family: "breakers-slab"; font-size: 42px; line-height: 47px; color: #e30613; display:inline;}
h2.title { font-family: "breakers-slab"; font-size: 28px; line-height: 32px; color: #000000; display:inline;}
h3.title { font-family: "breakers-slab"; font-size: 20px; line-height: 100%; color: #000000; display:inline;}
h4.title { font-family: "breakers-slab"; font-size: 20px; line-height: 100%; color: #e30613; display:inline;}

/* Link */
a.linkBtn {
	display: inline-block;
	height: 60px;
	padding: 0px 30px;
	line-height: 60px;
	text-decoration: none;
	color: #e30613;
	font-weight: 700;
}
a.linkBtn.linkBtn1 {
	background-color: #e30613;
	color: #ffffff;
}
a.linkBtn.linkBtn1:hover { background-color: #000000;}

a.linkBtn.linkBtn2 {
	background-color: #000000;
	color: #ffffff;
}
a.linkBtn.linkBtn2:hover { background-color: #e30613;}

/* List */
div.enumeration { position:absolute; top:0px; left:0px; }
div.list-item { position:relative; padding-left: 12px; }

/* Form */
div.textBox-left { width: 100%; padding: 0; }
div.inputBox-right { padding: 0; }
div.inputBox-right input.text { width: 100%; }

/* Line */
hr.line { border: none; color: #333333; background-color: #333333; }

/* Table */
.back_tabelle { background-color: #000; }
.tabelle {  margin: 0; padding: 3px; }
.tabelle_titel { color: #fff; font-weight: 400;  margin: 0px; padding: 3px; }
a.tabelle_titel:link,
a.tabelle_titel:active,
a.tabelle_titel:visited,
a.tabelle_titel:hover { color: #000;}

/* Spacing */
div.spacing-very-small { height: 5px; }
div.spacing-small { height: 10px; }
div.spacing-medium  { height: 20px; }
div.spacing-large  { height: 40px; }

/* Livecam */
a.livecam:link,
a.livecam:active,
a.livecam:visited { color: #000; text-decoration: none;  line-height: 20px; font-weight: 400; }
a.livecam:hover { color: #000; text-decoration: none; line-height: 20px; font-weight: 400; }

/* Sitemap */
div.wrap-sitemap{
	width: 33.3%;
	float: left;
}
@media only screen and (max-width: 768px){
	div.wrap-sitemap{
		width: 100%;
		float: none;
	}
}
ul.sitemap {list-style: none;margin: 0;padding: 0}
h2.title-sitemap { color: #9c2724; }
a.sitemap-menu-level1:link,
a.sitemap-menu-level1:active,
a.sitemap-menu-level1:visited { color: #000000; text-decoration: none;  line-height: 20px; font-weight: 400; }
a.sitemap-menu-level1:hover { color: #e30613; text-decoration: none; line-height: 20px; font-weight: 400; }

a.sitemap-menu-level2:link,
a.sitemap-menu-level2:active,
a.sitemap-menu-level2:visited { color: #000000; text-decoration: none;  line-height: 20px; font-weight: 400; }
a.sitemap-menu-level2:hover { color: #e30613; text-decoration: none; line-height: 20px; font-weight: 400; }

a.sitemap-menu-level3:link,
a.sitemap-menu-level3:active,
a.sitemap-menu-level3:visited { color: #000000; text-decoration: none;  line-height: 20px; font-weight: 400; }
a.sitemap-menu-level3:hover { color: #e30613; text-decoration: none; line-height: 20px; font-weight: 400; }

/*-------------------------------------------------/
 * Include files
 *
/* Maps */
h2.day { color: #000000; display:inline; }
span.tmax { color: #000000; }
span.tmin { color: #000000; }
span.tmax1 { color: #ffffff; }
span.tmin1 { color: #ffffff; }
td.meteo-live { font: normal 11px/17px 'Roboto', sans-serif; color: #ffffff; }

/*-------------------------------------------------/
 * Topics
 *
/* Topics */
h4.topic { display:inline; }
h4.black { color: #000; text-shadow: 0px 0px 2px #fff; }
div.black { color: #000; text-shadow: 0px 0px 2px #fff; }
h4.white { color: #fff; text-shadow: 0px 0px 2px #000; } 
div.white { color: #fff; text-shadow: 0px 0px 2px #000; }
div.topic { font-size : 16px; font-weight: 400; }
a.topic-link:link,
a.topic-link:active,
a.topic-link:visited { color: #fff; text-decoration: none;  }
a.topic-link:hover { color: #fff; text-decoration: none; }

/*-------------------------------------------------/
 * Emergency Hint
 *
/* Emergency Hint */
.emergency-hint { color: #ffffff; font-weight: 400; font-size: 24px; line-height: 45px; }
a.emergency-hint:link, 
a.emergency-hint:active, 
a.emergency-hint:visited { color: #ffffff; font-size: 24px; line-height: 45px; font-weight: 400; text-decoration: none; text-decoration: none; } 
a.emergency-hint:hover {color: #253942; font-size: 24px; line-height: 45px; font-weight: 400; text-decoration: none; text-decoration: none; }
ul.marquee li { color: #ffffff; font-size: 24px; line-height: 45px; font-weight: 400; }