/* 
 * Font style sheet.
 *
 * @name $Id: fonts.css
 * @domain: brunni.ch
 * 
 */

/* Global font style */
body { font: normal 16px/22px 'Lato', serif; font-style: normal; font-weight: 400; color: #000000; }


h1, h2, h3, h4 { font-family: "Raleway", serif; font-optical-sizing: auto;  font-weight: 800;   font-style: normal; }
h1 { font-size: 32px; line-height: 36px; }
h2 { font-size: 17px; line-height: 22px; }
h3 { font-size: 22px; line-height: 26px; }
h4 { font-size: 17px; line-height: 22px; }


p { margin: 0; padding: 0;  }
blockquote {  margin: 0; padding: 0; font-size: 20px!important;  line-height: 26px!important;  font-style: italic!important; }
ul {
	list-style: none;
	margin-left: 0;
	padding-left: 12px;
}
ul > li:before {
	display: inline-block;
	content: "-";
	width: 12px;
	margin-left: -12px;
}

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

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

/* Forms */
input.text, textarea.text { font-size: 16px; line-height: 22px; color: #000000; }

/* Freemod title */
h1.breadcrumb-title { color: #a18a6a; font-size: 32px; line-height: 36px; font-weight: normal; margin: 0; padding: 0; text-align: left; text-transform: uppercase; }
a.breadcrumb-title:link,
a.breadcrumb-title:active,
a.breadcrumb-title:visited { color: #000000; font-size: 16px; line-height: 32px; font-weight: 400; text-decoration: none; text-transform: none; }
a.breadcrumb-title:hover { color: #a18a6a;  font-size: 16px; line-height: 32px; font-weight: 400; text-decoration: none; text-transform: none; }
a.wrap-breadcrumb-title { text-decoration: none }

/* Main Navigation top (dyn1) */
.nav-top-selected { color: #000000; font-size: 16px; line-height: 40px; font-weight: 400; text-decoration: none; text-transform: uppercase; }
a.nav-top:link,
a.nav-top:active,
a.nav-top:visited,
span.nav-top { color: #000000; font-size: 16px; line-height: 40px; font-weight: 400; text-decoration: none; text-transform: uppercase; }
a.nav-top:hover { color: #000000;; font-size: 16px; line-height: 40px; font-weight: 400; text-decoration: none; text-transform: uppercase; }

.bar-header a.nav-top { color: #ffffff; }
.bar-header.animateIt a.nav-top { color: #000000; }

/* Main Navigation (dyn1) */
.nav-main-nav-desktop-selected { color: #a18a6a; font-weight : 400; font-size: 16px; line-height: 24px; text-decoration: none; }
.nav-main-nav-desktop-selected a { color: #a18a6a!important; }
a.nav-main-nav-desktop-selected { color: #a18a6a!important; text-decoration: none!important; }
a.nav-main-nav-desktop:link,
a.nav-main-nav-desktop:active,
a.nav-main-nav-desktop:visited { color: #000000;  font-weight : 400; font-size: 16px; line-height: 24px;  text-decoration: none; }
a.nav-main-nav-desktop:hover { color: #a18a6a;  font-weight : 400; font-size: 16px; line-height: 24px;  text-decoration: none; }
.nav-main-nav-category {color: #a18a6a!important; font-weight : bold!important; text-transform: uppercase; font-size: 17px; }

/* Navigation top (static) & Navigation lang (static) */
div.nav-top-static { color: #000; font-weight: 400; font-size: 14px; line-height: 16px; text-decoration: none;  }
a.nav-top-static:link,
a.nav-top-static:active,
a.nav-top-static:visited,
a.nav-lang:link,
a.nav-lang:active,
a.nav-lang:visited { display: block; color: #000; font-weight: 400; font-size: 16px; line-height: 32px; text-decoration: none; padding-top: 15px;}
a.nav-top-static:hover,
a.nav-lang:hover { display: block; color: #000; font-weight: 400; font-size: 16px; line-height: 32px; text-decoration: none; padding-top: 15px;}

.bar-header a.nav-lang {color: #ffffff; }
.bar-header.animateIt a.nav-lang, .bar-header-navigation-reduced a.nav-lang, .bar-header-navigation-all a.nav-lang{color: #000000; }

/* Main Navigation top (dyn1) */
.wrap-footer-bottom-nav1 .nav-top-selected { color: #a18a6a; font-size: 16px; line-height: 32px; font-weight: 700; margin-right: 20px; text-decoration: none; text-transform: none; display: inline-block }
.wrap-footer-bottom-nav1 a.nav-top:link,
.wrap-footer-bottom-nav1 a.nav-top:active,
.wrap-footer-bottom-nav1 a.nav-top:visited { color: #000000; font-size: 16px; line-height: 32px; font-weight: 700; margin-right: 20px; text-decoration: none; text-transform: none; display: inline-block}
.wrap-footer-bottom-nav1 a.nav-top:hover { color: #a18a6a; font-size: 16px; line-height: 32px; font-weight: 700; margin-right: 20px; text-decoration: none; text-transform: none; display: inline-block }


/* Navigation bottom (dyn3) */
.nav-bottom-selected { color: #a18a6a; font-size: 16px; line-height: 32px; font-weight: 400; margin-right: 0px; text-decoration: none; text-transform: none; display: block }
a.nav-bottom:link,
a.nav-bottom:active,
a.nav-bottom:visited { color: #000000; font-size: 16px; line-height: 32px; font-weight: 400; margin-right: 0px; text-decoration: none; text-transform: none; display: block }
a.nav-bottom:hover { color: #a18a6a; font-size: 16px; line-height: 32px; font-weight: 400; margin-right:0px; text-decoration: none; text-transform: none; display: block }




.navigation-img-s {color: #000000; font-weight: 700;  letter-spacing : 2px;}

/* Navigation Left (dyn3) */
.nav-left-selected  { color: #a18a6a; font-weight : bold; font-size: 16px; line-height: 32px; text-decoration: none;  }
a.nav-left:link, 
a.nav-left:active, 
a.nav-left:visited { color: #000000;  font-weight : 400; font-size: 16px; line-height: 32px;  text-decoration: none;  }
a.nav-left:hover { color: #a18a6a;  font-weight : 400; font-size: 16px; line-height: 32px;  text-decoration: none;  }

.nav-left-sublevel-selected { color: #a18a6a; font-weight : 400; font-size: 16px; line-height: 24px; text-decoration: none;  }
a.nav-left-sublevel:link,
a.nav-left-sublevel:active,
a.nav-left-sublevel:visited { color: #000;  font-weight : 400; font-size: 16px; line-height: 24px; text-decoration: none;  }
a.nav-left-sublevel:hover { color: #a18a6a;  font-weight : 400; font-size: 16px; line-height: 24px; text-decoration: none;  }
.left-nav-level1,
.left-nav-level1-first { color: #a18a6a; font-weight : bold; font-size: 16px; line-height: 32px; text-decoration: none; }


div.news { color: #000000; font-size: 12px; font-weight: bold; line-height: 33px; }
span.slogan-title-1 { font-style: italic; font-weight: 700; color: #000000; font-size: 28px; line-height: 1.4; }
span.slogan-title-2 { font-style: italic; font-weight: 400; color: #000000; 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: 16px; line-height: 16px; margin-top:-5px; }
div.numeration-1-top,
div.numeration-1-bottom { color:#e0111c; }
div.numeration-2-top,
div.numeration-2-bottom { color:#00abe0; }
div.numeration-3-top,
div.numeration-3-bottom { color:#8ca979; }

img.nav-top-spacer { vertical-align: middle; }
a.nav-adress-bar:link, 
a.nav-adress-bar:active, 
a.nav-adress-bar:visited { color: #000000; text-decoration: none; }
a.nav-adress-bar:hover { color: #e0111c; text-decoration: none; }
.nav-adress-bar { color:#000000; font-weight: 400; }

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

/* Footer */
div.page-footer a:hover { text-decoration: none; }

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

/*-------------------------------------------------/
 * Freemod elements
 *
/* Title */
h2.title,
h2.team-name { color: #a18a6a; font-weight: 800; margin: 0; padding: 0; text-transform: uppercase; }
h2.team-name { color: #a18a6a;  }
h3.title { color: #a18a6a; margin: 0; padding: 0; font-weight: 800; text-transform: uppercase; }
h4.title { color: #000000; display:inline; }
/* Hinweis */
h3.hint-title {
	display: inline;
	font-size: 48px;
	line-height: 58px;
	font-weight: 400;
	color: #a18a6a;
}
h2.hint-subtitle {
	display: inline;
	font-size: 30px;
	line-height: 36px;
	font-weight: normal;
	color: #ffffff;
}
a.hintBtn {
	background-color:transparent;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	margin-top: 25px;
	padding:0px 50px;
	line-height: 40px;
	text-decoration:none;
}
@media only screen and (max-width: 768px){
	h3.hint-title {
		font-size: 28px;
	}
	h2.hint-subtitle {
		font-size: 18px;
	}
}
/* Hinweis */


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

/* Form */
div.textBox-left { padding-right: 5px; }
div.inputBox-right { padding-right: 5px;}
div.inputBox-right input.text { width: 200px; }

/* Line */
hr.line { border: none; height: 1px; color: #cfd0d2; background-color: #cfd0d2; }

/* Table */
.back_tabelle { background-color: #a18a6a; }
.tabelle { line-height: 24px; margin: 0; padding: 3px; }
.tabelle_titel { color: #fff; font-weight: 400; line-height: 19px; 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 */
h2.title-sitemap { color: #e0111c; }
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: 700; }
a.sitemap-menu-level1:hover { color: #e0111c; text-decoration: none; line-height: 20px; font-weight: 700; }

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: #e0111c; text-decoration: none; line-height: 20px; font-weight: 400; }

a.sitemap-menu-level3:link, a.sitemap-menu-level4:link,
a.sitemap-menu-level3:active, a.sitemap-menu-level4:active,
a.sitemap-menu-level3:visited, a.sitemap-menu-level4:visited { color: #000000; text-decoration: none;  line-height: 20px; font-weight: 400; }
a.sitemap-menu-level3:hover, a.sitemap-menu-level4:hover { color: #e0111c; 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: #000000; }
span.tmin1 { color: #000000; }
td.meteo-live { font-size: 11px; line-height: 17px; color: #000000; }

/*-------------------------------------------------/
 * Topics
 *
/* Topics */
h4.topic { display: inline; font-size : 18px; line-height: 30px; font-weight: 400; color: #003882; }
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; }
/*-------------------------------------------------/
 * Highlights
 *
/* Highlights */
div.highlight-title-desktop { font-weight: 700; }
span.highlight-link-text-more-desktop { color: #e0111c; }
a.highlight-link-text-desktop:link,
a.highlight-link-text-desktop:active,
a.highlight-link-text-desktop:visited { color: #000000; text-decoration: none; line-height: 25px; }
a.highlight-link-text-desktop:hover { color: #e0111c; text-decoration: underline; line-height: 25px; }

a.highlight-link-mobile:link, 
a.highlight-link-mobile:active, 
a.highlight-link-mobile:visited { color: #e0111c; text-decoration: none; font-weight: 700; }
a.highlight-link-mobile:hover {color: #e0111c; text-decoration: none; font-weight: 700; }

a.highlight-link-mobile:link .highlight-text-mobile, 
a.highlight-link-mobile:active .highlight-text-mobile, 
a.highlight-link-mobile:visited .highlight-text-mobile { color: #000; text-decoration: underline; font-weight: 400; }
a.highlight-link-mobile:hover .highlight-text-mobile {color: #e0111c; text-decoration: underline; font-weight: 400; }

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