/* #HEADER
================================================== */
.background-header{
	width:100%;
	height:100px;
	background:#000;
	position:absolute;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	}
.logo-header{margin: 10px 10px 10px 0; float:left; }	
.adress-header{	margin-top:10px; color:#FFF; line-height:17px;}
.adress-header a{ color: #FFF; }
.adress-header a:hover{	color: #000;	 }
.adress-strasse{}/*Ausblenden*/
	
/* #NAVIGATION
================================================== */	
.nav-float{ float:right; width:360px; }
.nav-btn-float{ float:left;color:#000; }	
.nav-width { width:90px; }
.nav-text{ border-top:5px solid; border-bottom:5px solid; height:25px; padding-top:5px; font-size:15px; text-align:center;}
.nav-text-border{ border-top:5px solid; border-bottom:5px solid; margin-top:10px;}
.nav-sym{ text-align:center; height:40px;}
.nav-pic{ width:20px; margin-top:10px;}
.nav-mobile{width:70px;height:25px;padding-top:5px;margin:9px 5px 11px 0;text-align:center;float:left;color:#000;border-top:5px solid; border-bottom:5px solid;}
.btn-teamviewer{position:absolute; right: 5px; top:10px; background:#022042; font-size:11px; line-height: 11px; padding:5px; border-radius:5px; width: 40px; text-align:center}
.btn-teamviewer a{color:#FFF}
.btn-teamviewer:hover{background:#000}
.btn-facebook{position:absolute; right: 5px; top:55px}
.btn-facebook img{width:30px}
.btn-facebook img:hover{filter:brightness(0);-ms-filter:brightness(0);-moz-filter:brightness(0);-webkit-filter:brightness(0)}
.btn-facebook a{color:#FFF}

/* #CONTENT
================================================== */	 
.page-pic {border-bottom: 10px solid; margin-bottom:-5px;}
.content-field{ margin-top:15px; padding:20px; background-color:#FFF;}
.content-field-right { height:215px;margin-top:15px; padding:15px 10px 10px 20px; background-color:#FFF;}
.content-zusatz{width:280px;margin:0 auto;}
.content-zusatz-sym{margin-left:20px;width:90px;float:left;}
.content-zusatz-text{float:left;margin-top:10px;}
.mobile-nonvis{} /*Auf Mobilgeräten deaktivieren*/
.mobile-vis{display:none}
.movie{width:900px;height:506px;}
.partner{border:1px solid #666;width:130px;height:80px;padding:5px;margin:4px;float:left;}

/* #PEOPLE
================================================== */	
.news{background:#FFF; padding:15px; width:calc(100% - 30px)}

/* #PEOPLE
================================================== */	
.people-field {height:200px; margin-top:15px; padding-top:40px; background-color:#FFF;}
.people-field h1{margin:0 10px 30px 140px;}
.people-field h3{margin:0 10px 0 190px;}
.people-field p{margin:0 10px 20px 190px;}
.people-slogan{margin:0 10px 20px 140px; font-size:24px; line-height:36px;height:70px;}
.people-text {margin:20px 0 0 200px;}
.p-universal {background-image: url('../images/people/people-180x240.jpg');}
.p-home {background-image: url('../images/people/peter-haefeli-180x240.jpg');}
.p-service {background-image: url('../images/people/benjamin-burri-180x240.jpg');}
.p-tipps {background-image: url('../images/people/remo-haefeli-180x240.jpg');}
.people-pic { background-repeat: no-repeat; background-position: left bottom;}

/* #TEASER
================================================== */	
.teaser {margin-top:20px;padding:10px;}
.teaser img {margin-bottom:5px;}
.teaser h3 {color:#FFF;}
.teaser a {color:#FFF;}
.teaser a:hover {color:#000;}
.teaser p {margin-bottom:0px;}

/* #SUBNAV
================================================== */	
.subnav {width:200px;padding:10px;float:left;margin:30px 10px 0 10px;font-weight:800;}
.subnav p {margin:8px 0 0 0}
.subnav-pic {margin-right:10px;float:left;}

/* #STAFF
================================================== */	
.staff {border:1px solid #666;width:193px;padding:10px;margin:5px;float:left;}
.staff img {width:193px;margin:0;}
.staff p {margin:3px 0 0 0}

/* #SITEMAP
================================================== */
.sitemap{width:205px;margin:10px 10px 0 10px;float:left;}
.sitemap-btn{width:205px;height:25px;padding-top:5px;margin-bottom:10px;text-align:center;float:left;color:#000;}
.sitemap-btn:hover{color:#FFF;}
.sitemap-btn-lead{height:35px;padding-top:14px;color:#FFF;font-size:18px;font-weight:800;}


/* #FOOTER
================================================== */
.copyright{margin:10px 0;text-align:right;font-size:11px;}
.copyright a{margin:0 10px;}


/* #COLORS
================================================== */					
.red-1{border-top-color:#b70e0c; border-bottom-color:#b70e0c; background:#ff0000;}
.red-2{border-top-color:#8a1002; border-bottom-color:#8a1002;}
.red-3{background:#5a0a00;}
.red-4{border-bottom-color:#b70e0c;background:#b70e0c;}
.red-5{background:#b70e0c;}
.yellow-1{border-top-color:#cda700; border-bottom-color:#cda700; background:#ffc800;}
.yellow-2{border-top-color:#997e00; border-bottom-color:#997e00;}
.yellow-3{background:#615000;}
.yellow-4{border-bottom-color:#ffc800;background:#ffc800;}
.yellow-5{background:#cda700;}
.green-1{border-top-color:#10882e; border-bottom-color:#10882e; background:#00a500;}
.green-2{border-top-color:#076822; border-bottom-color:#076822;}
.green-3{background:#004312;}
.green-4{border-bottom-color:#00a500;background:#00a500; }
.green-5{background:#076822;}
.blue-1{border-top-color:#08588b; border-bottom-color:#08588b; background:#005ca9;}
.blue-2{border-top-color:#083969; border-bottom-color:#083969;}
.blue-3{background:#022042;}
.blue-4{border-bottom-color:#005ca9;background:#005ca9;}
.blue-5{background:#083969;}

/* COOKIE-BANNER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cookie-banner{position:fixed; width: calc(100% - 40px);bottom:10px;right:10px;padding:15px 10px 10px 10px; background:rgba(0,0,0,0.8);border:1px solid #333;border-radius:9px;color:#fff;text-align: center;z-index:100002;}
.cookie-banner button{background:#fff;color:#000;margin:10px 0 0 0;border-radius:5px;padding:0 10px}
.cookie-banner a{color:#FFF; text-decoration: underline}
.cookie-banner a:hover{text-decoration:none;}
.cookie-vorhanden{display:none;}


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		}
		
		
	@media only screen and (min-width: 768px){
		.nav-mobile-vis{ display:none;}
		
		}


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.subnav {width:152px;}
		.movie{width:708px;height:398px;}
		.staff,.staff img{width:204px;}
		}
		
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.nav-big-vis{ display:none;}
		.subnav-pic {display:none;}
		.subnav p {margin:0}
		
		}

	@media only screen and (min-width:768px){
		.btn-teamviewer{right: 380px; top:15px}
		.btn-facebook{right: 390px; top:60px}
	}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.subnav {width:110px;margin:10px 5px 0 5px;}
		.movie{width:380px;height:214px;}
		.staff,.staff img{width:158px;}
		.sitemap,.sitemap-btn {width:170px;}
		.nav-mobile{width:100px;}
		.mobile-nonvis{ display:none; }
		
		.content-field-right{height:240px}
		}
			
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.adress-strasse{ display:none; }
		.mobile-nonvis{ display:none; }
		.mobile-vis{display:block}
		.content-field {height:auto;}
		.subnav {width:120px;margin:10px 5px 0 5px;}
		.movie{width:260px;height:142px;}
		.staff,.staff img{width:238px;margin:0 0 20px 0;}
		.content-field-right{height:300px}
		}