@font-face{
	font-family:'Atlas-Grotesk-Web-Light';
	src:url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Light-Web.eot");
	src:url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Light-Web.eot?#iefix") format("embedded-opentype"), url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Light-Web.woff") format("woff"), url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Light-Web.ttf") format("truetype"), url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Light-Web.svg#Atlas Grotesk Web") format("svg");
	font-weight:300;
	font-style:normal;
	font-stretch:normal;
}
@font-face{
	font-family:'Atlas-Grotesk-Web-Regular';
	src:url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Regular-Web.eot");
	src:url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Regular-Web.eot?#iefix") format("embedded-opentype"), url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Regular-Web.woff") format("woff"), url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Regular-Web.ttf") format("truetype"), url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Regular-Web.svg#Atlas Grotesk Web") format("svg");
	font-weight:400;
	font-style:normal;
	font-stretch:normal;
}
@font-face{font-family:'Atlas-Grotesk-Web-Bold';
	src:url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Bold-Web.eot");
	src:url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Bold-Web.eot?#iefix") format("embedded-opentype"), url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Bold-Web.woff") format("woff"), url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Bold-Web.ttf") format("truetype"), url("https://flims2.atelierleuthold.ch/webfonts/AtlasGrotesk-Bold-Web.svg#Atlas Grotesk Web") format("svg");
	font-weight:700;
	font-style:normal;
	font-stretch:normal;
}

body {
	font-family:'Atlas-Grotesk-Web-Regular', sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: 300;
	color:#FFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height:100%;

}
html { 
	-webkit-text-size-adjust: none; 
	height: 100%;
	width: 100%;	
}
strong { font-weight: 500; }
h1 {
	font-family:'Atlas-Grotesk-Web-Bold';
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: 400;
	color: #78726C;
	color:#505050;
}
h2, .start {
	font-family:'Atlas-Grotesk-Web-Bold';
	font-weight:700;
}

h3 {
	font-size: 1em;
	line-height: 1em;
	font-weight: 400;
	margin:0px 0px 0px 0px;
	
}
h4 {
	
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	margin-right:20px;
}
h1, h2, strong, b {
	

}
a {
	color: #B4AEA7;
}
a:hover {
	color: #F59300;	
	text-decoration: none;
}

p {
	color:#FFFf;
	margin-top:0px;
	margin-bottom:14px;
}
ul, ol {
	margin-top:-10px;

}
table {}
td { padding:8px 30px 4px 0px; vertical-align:top;}
.clr{
	font-size: 0px;
	background-color: #F00;
	clear: both;
	width: 100%;
	line-height: 0px;
	height: 0px;
}
.fullscreen {
	position:absolute;
	z-index:4000;
	top:10px;
	right:10px;
}
.trenner{
	padding: 0px 0px;
}
.marker {
	color:#7b5466;
	font-weight: 300;
}
.marker1 {
	color:#7b5466;
	font-weight: 400;
}
.marker2 {
	color:#7b5466;
	font-weight: 500;
}
.marker3 {
	color:#7b5466;
	font-weight: 600;
}


.smart{display:none;}
.desk{display:block;}

.content p, h1, h2{ clear:both;}
.content p{background-color: #FCC;}

.content img{
	width: 49%;
	height:auto;
	float: left;
	margin-top: 2px;
	margin-bottom: 2%;
}

.content img:nth-child(odd) 
{ margin-right: 2%;}


.content .full, #content .bildbox img{
	width: 100%;
 	height:auto;
 	margin: 0px 0px 2% 0px;
}
.content .bildbox img{
	margin: 0px 0px 60px 0px;
}
.adress {
	font-size:0.8em;
}
.adress a{color:#B4AEA7; }
.svgbox {margin-left:2px; }

/* Detail animationen */

.leitunggelb1a {fill:none;stroke:#FFC200;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}
.leitunggelb1x {fill:none;stroke:pink; stroke:#399ECD;stroke-width:10;}

.leitunggelb1b {fill:none;stroke:#FFC200;stroke-width:16;stroke-miterlimit:10;stroke-dasharray:8,8;}

.leitunggelb2a {fill:none;stroke:#96D496;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}
.leitunggelb2x {fill:none;stroke:#399ECD; stroke-width:8;}


.leitunggelb2b {fill:none;stroke:#96D496;stroke-width:16;stroke-miterlimit:10;stroke-dasharray:8,8;}
.leitunggruen {fill:none;stroke:#96D496;stroke-width:16;stroke-miterlimit:10;stroke-dasharray:8,8;}


.leitunggruen{fill:none;stroke:#ff797c;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}
.leitunggruen{fill:none;stroke:#C7362F;stroke-width:2;stroke-miterlimit:10;}


.linie{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.weiss{fill:#FFFFFF;}
.rot2{fill:#E42522;}

.rot{fill:#FF0000;}
.blau{fill:#89B8DF;}
.orange{fill:#F3981D;}
.gelb{fill:#FFE307;}

.hellgrau{fill:#7E7E7E;}
.dunkelgrau{fill:#4B4B4B;}

.gelb2{fill:#FFC200;}
.gruen2{fill:#3B9F36;}
.gruen{fill:#96D496;}

.blau2{fill:#399ECD;}


.weiss{fill:#FFFFFF;}

.grau2{fill:#C7C7C7;}
.verlauf4{fill:url(#SVGID_1_);}
.verlauf3{fill:url(#SVGID_2_);}

.strich1{fill:none;stroke:#FFFFFF;stroke-width:2.6989;stroke-miterlimit:10;stroke-dasharray:4.1227,4.1227;}
.verlauf2{fill:url(#SVGID_3_);}
.verlauf1{fill:url(#SVGID_4_);}
.trans25{opacity:0.25;}
.fernseher{fill:none;stroke:#FFFFFF;stroke-width:1.4184;stroke-miterlimit:10;}
.solarpanel1{fill:none;stroke:#FFFFFF;stroke-width:1.2616;stroke-miterlimit:10;}
.stromkabel{fill:none;stroke:#8AC689;stroke-width:3;stroke-miterlimit:10;}
.grau1{fill:#C9C9C9;}
.dunkelgruen{fill:#399E36;}
	
.rahmen{fill:none;stroke:pink;stroke-width:1;stroke-miterlimit:10;display:none;}
.rahmen2{fill:none;stroke:gold;stroke-width:3;stroke-miterlimit:10;}

.st7{letter-spacing:160;}
.st8{letter-spacing:195;}

.titel1{font-family:'Atlas-Grotesk-Web-Bold'; font-size:32px; font-size:24px; line-height:28px; fill:#FFFFFF;}
.text1{font-family:'Atlas-Grotesk-Web-Regular'; font-size:26px; fill:#FFFFFF;}

.titel2{font-family:'Atlas-Grotesk-Web-Bold'; font-size:13px; fill:#000;}
.titel2a{font-family:'Atlas-Grotesk-Web-Bold'; font-size:19px; fill:#000;}
.titel2b{font-family:'Atlas-Grotesk-Web-Bold'; font-size:26px; fill:#000;}

.text2{font-family:'Atlas-Grotesk-Web-Regular'; font-size:13px; fill:#000;}
.text2a{font-family:'Atlas-Grotesk-Web-Regular'; font-size:19px; fill:#000;}
.text2b{font-family:'Atlas-Grotesk-Web-Regular'; font-size:26px; fill:#000;}

.text3 {fill:none;font-family:"Atlas-Grotesk-Web-Bold";font-size:25px;}
.text4 {font-family:"Atlas-Grotesk-Web-Bold";font-size:26px;}

.titelweiss{font-family:'Atlas-Grotesk-Web-Bold'; font-size:11px; fill:#fff;}
.textweiss{font-family:'Atlas-Grotesk-Web-Regular'; font-size:10px; fill:#fff;}
.textweiss2{font-family:'Atlas-Grotesk-Web-Regular'; font-size:13px; fill:#fff;}

.ringrot{fill:#E42522;}
.transprot{opacity:0.45;fill:#E42522;}

.linieblau{fill:none;stroke:#53C2EA;stroke-width:5.6693;stroke-miterlimit:10;}
.liniegelb{fill:none;stroke:#FCC442;stroke-width:5.6693;stroke-miterlimit:10;}

.abdecker, .abdecker2 {opacity:1; fill:#000;stroke:#000000;stroke-miterlimit:10;}


@media only screen and (max-width: 1600px) {

}

@media only screen and (max-width: 1279px) {

}

@media only screen and (max-width: 1023px) {

}

@media only screen and (max-width: 767px) {


}

@media only screen and (max-width: 511px) {
	
}