@charset "utf-8";
/*Font , author */  
@font-face{font-family:'bankgothicmediumbt';src:url('bankgothicmediumbt.eot');src:url('bankgothicmediumbt.eot?iefix')format('eot'),url('bankgothicmediumbt.woff')format('woff'),url('bankgothicmediumbt.ttf') format('truetype'),url('bankgothicmediumbt.svg#bankgothicmediumbt')format('svg');font-weight:normal;font-style:normal;}
html{width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;color: #222;letter-spacing:0.0625em;}
body{width:100%;height:100%;padding:0;margin:0;font-size:1em;}
.wrapper{max-width:70em;margin:0 auto;padding:1em 1em;}
.wrapper-nav{max-width:100%;margin:0 auto;padding:1em 1em;}
.wrapper-color{max-width:100%;margin:0 auto;padding:0;}
.wrapper-all{max-width:100%;margin:0 auto;padding:0; }
.wrapper-last {max-width:100%;margin:0;padding:0 0 3em 0;}
header {background-color:#FFFFFF;position:fixed;top:0;width:100%;height:6.5em;padding-bottom:0.5em;border-bottom:1px solid #880000;}
.logo{position:absolute;top:1em;padding-left:0.5em;display:block;}
.log{background:url('../img/gfx/Fuchs_Logo-570.png') no-repeat;}
.logk{width:570px;height:75px;display:inline-block;background-position:0px 0px;}
/*.logk:hover {background:url('../img/gfx/Fuchs_Logo-570.png') no-repeat;background-position:0px 0px;}*/
.menu{float:right;padding-top:-3em;z-index: 50;margin:-1.25em 0.25em 0 0;}
nav{width:100%;position:relative;margin-top:-3px;}
nav ul, nav ol{list-style:none;list-style-image:none;}
nav ul{padding: 0;margin: 0;}
nav ul li{ float:left;list-style:none;border:#880000 1px solid;background:rgba(255, 255, 255, 1);margin:1.25em 1.25em 0 0;}
nav ul li a{text-decoration: none;display: block;text-transform:uppercase;color:#880000;padding: 1.25em 1.25em;}
nav a {/*-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;*/}
nav ul li:hover > a {color: #FAFAFA;background:#880000;}
nav ul li:hover > ul{visibility: visible;}
nav ul li ul{display:inline;visibility: hidden;position:absolute;}
.homes nav ul li ul li{float: none;}
nav ul li ul li a{padding: 0.5em 1.5em;color:#FAFAFA;margin-top:1px;}
nav ul li ul li a:hover{color:#222222;background-color:#FAFAFA!important;margin-top:1px;}

.fox{width:100%;height:100%;background:url('../img/fuchs_stefan-1600-2.jpg');-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:top; }

p {font-size:1em; margin:0.125em 0; line-height: 130%; letter-spacing:0.0625em; color:#222222; /**/}
p span {color:#FFFFFF;}
h1{font-size:2.25em; margin:0.875em 0 0.25em 0; color: #222222; text-transform:uppercase; font-weight:500; letter-spacing:0.125em; text-shadow: 1px 1px 1px #EFEFEF;}
h1 span {color: #FFFFFF;}
h2{font-size:1.25em; margin:0.75em 0 0.375em 0; color: #222; text-transform:uppercase; font-weight:normal; letter-spacing:0.125em;line-height: 170%;}
.wrapper-first h2 {color:#FFF;text-shadow: 1px 1px 1px #000; margin:0.75em 0 0.75em 0;}
h3{font-size:1.25em; margin:0.75em 0 0.375em 0; letter-spacing:0.125em;line-height: 140%; color: #222;}
h3 span {color: #222222;}
h4{font-size:0.8125em; font-weight:bold;color: #222222; }
h5{font-size:0.75em; font-weight:bold;color: #222222; }
h6{font-size:0.625em; font-weight:bold; color: #222222;}
.small { font-size: 75%; }
.smid  { font-size: 130%; letter-spacing:0.125em; margin:0.5em 0 0.25em 0;}
.mid { font-size: 150%; letter-spacing:0.25em; margin:1em 0 0.5em 0;}
.tall { font-size: 300%; letter-spacing:0.25em; margin:4em 0 0.5em 0;}
.little {text-transform: none;}
h1, h2, h3, h4, h5, h6 {font-family:'bankgothicmediumbt',Arial,Helvetica,sans-serif;font-style: normal;}
.clear{clear:both;float:none;}
.clear-row{clear:both;float:none;}
.clear-end{clear:both;float:none;padding-bottom:2em;}

.grids{max-width:72em/*1152px*/;clear:both;margin:0 0 0 -2.604%;list-style:none;}
[class^="grid-"]{float:left;margin:0 2.604% 0 0;}
.grids [class^="grid-"]{margin:0 0 0 2.604%;}
.grid-1{width:5.729%;}.grid-2{width:14.062%;}.grid-3{width:22.396%;}.grid-4{width:30.729%;}.grid-5{width:39.062%;}.grid-6{width:47.396%;}  
.grid-7{width:55.729%;}.grid-8{width:64.062%;}.grid-9{width:72.396%;}.grid-10{width:80.729%;}.grid-11{width:89.062%;}.grid-12{width:97.396%;}

.eml{background:url('../img/gfx/emlk.png') no-repeat;}
.emlk{width:265px;height:16px;display:inline-block;background-position:0px -16px;}
.emlk:hover {background:url('../img/gfx/emlk.png') no-repeat;background-position:0px 0px;}
.eml2{background:url('../img/gfx/emlf.png') no-repeat;}
.emlf{width:265px;height:16px;display:inline-block;background-position:0px -16px;}
.emlf:hover {background:url('../img/gfx/emlf.png') no-repeat;background-position:0px 0px;}
.high {margin-bottom:-4px; }

.sprite{background:url('../img/gfx/sprite-120.png') no-repeat;}
.ear:hover {background:url('../img/gfx/sprite-120ro.png') no-repeat;background-position:0px -48px;}
.gpl:hover {background:url('../img/gfx/sprite-120ro.png') no-repeat;background-position:-0px -72px;}
.fac:hover {background:url('../img/gfx/sprite-120ro.png') no-repeat;background-position:-24px -24px;}
.hom{width:24px;height:24px;display:inline-block;background-position:0px 0px;}
.inf{width:24px;height:24px;display:inline-block;background-position:-24px 0px;}
.per{width:24px;height:24px;display:inline-block;background-position:-48px 0px;}
.add{width:24px;height:24px;display:inline-block;background-position:-72px 0px;}
.you{width:24px;height:24px;display:inline-block;background-position:-96px 0px;}
.env{width:24px;height:24px;display:inline-block;background-position:0px -24px;}
.fac{width:24px;height:24px;display:inline-block;background-position:-24px -24px;}
.app{width:24px;height:24px;display:inline-block;background-position:-48px -24px;}
.pdf{width:24px;height:24px;display:inline-block;background-position:-72px -24px;}
.sky{width:24px;height:24px;display:inline-block;background-position:-96px -24px;}
.ear{width:24px;height:24px;display:inline-block;background-position:0px -48px;}
.sen{width:24px;height:24px;display:inline-block;background-position:-24px -48px;}
.pho{width:24px;height:24px;display:inline-block;background-position:-48px -48px;}
.up{width:24px;height:24px;display:inline-block;background-position:-72px -48px;}
.dow{width:24px;height:24px;display:inline-block;background-position:-96px -48px;}
.gpl{width:24px;height:24px;display:inline-block;background-position:-0px -72px;}
.dlo{width:24px;height:24px;display:inline-block;background-position:-24px -72px;}
.sea{width:24px;height:24px;display:inline-block;background-position:-48px -72px;}
.car{width:24px;height:24px;display:inline-block;background-position:-72px -72px;}
.iph{width:24px;height:24px;display:inline-block;background-position:-96px -72px;}
.tab{width:24px;height:24px;display:inline-block;background-position:0px -96px;}
.com{width:24px;height:24px;display:inline-block;background-position:-24px -96px;}
.lap{width:24px;height:24px;display:inline-block;background-position:-48px -96px;}
.pri{width:24px;height:24px;display:inline-block;background-position:-72px -96px;}
.res{width:24px;height:24px;display:inline-block;background-position:-96px -96px;}
.new{width:24px;height:24px;display:inline-block;background-position:-0px -120px;}
.lin{width:24px;height:24px;display:inline-block;background-position:-24px -120px;}


.hidden{display:none;}
.grey{background-color:#DDD;}
.mgrey{background-color:#999;}
.dgrey{background-color:#666;}
.green{background-color:#669966;}
.red{background-color:#A00A27;}
.dred{background-color:#880000;}
.lblue{background-color:#C3D9F0;}
.gold{background-color:#BFA048;}

.white{color:#FFFFFF;text-shadow: 1px 1px 1px #222222;}
.redf{color:#CC0000;font-weight:bold;}

.bluish{background: rgba(134, 162, 209, 0.4);}
.greenish{background: rgba(102, 153, 102, 0.4);}
.whitish{background: rgba(255, 255, 255, 0.4);} 
.reddish{background: rgba(153, 0, 0, 0.4);}
.greyish{background: rgba(128, 130, 125, 0.6);}


.inform { background: url('../img/fuchs-hg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 100px 0; }
.person {margin:0; padding:0;}

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.block { text-align:justify; }

.distant { margin: 2em 0 0.75em 0; }
.abst {margin: 4em 0 1em 0; }
.oabst {margin: 2em 0 0 0;}
.ouabst {margin: 0.5em 0 2em 0;}
.uabst {margin: 0 0 5em 0;}
.puabst {padding: 0 0 7em 0;}

.designs { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 50px; }

.footer {}
.up-btn { width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border: #880000 1px solid;  display: block; margin: 0 auto; color: #fff; font-size: 24px; line-height: 52px; text-align: center; position: relative; top: -1.0625em; left: 0; right: 0; margin-left: auto; margin-right: auto;/*background: rgba(153, 0, 0, 0.9);*/ }
.blue .up-btn:hover, .blue up-btn:focus { color: #fff; background: rgba(134, 162, 209, 0.5); }
.green .up-btn:hover, .green up-btn:focus { color: #fff; background: rgba(102, 153, 102, 0.5); }
.red .up-btn:hover, .red up-btn:focus { color: #fff; background: rgba(153, 0, 0, 0.4); }
.footer a { color: #CCCCCC; }
.footer a:hover{color:#666666;}
.footer h3 { color: #fff; }
.footer p { color: #fff; }

/* ### LINKS ###*/
a { color:#880000; text-decoration:none; }
a:hover { color:#CCCCCC; text-decoration:none;} 
a:visited { }
.inform a { color:#DD0000; text-decoration:none; }
.begriffe a{background-color: #FFF; padding:0 0.25em;}
.begriffe a:hover{background-color: #999; padding:0 0.25em;}

noscript { font-size: 0.5em;  }

img {max-width: 100%;border:0;/*height: auto;width: auto; */}

.round200 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background-color:#FFF; /*margin: 10px 10px;*/ }
.round16 { -webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; }

.framap {width:400px;height:300px; border:0;}

/*------------------------------------*\
	GRIDS
\*------------------------------------*/

.away, .bild-1 { display:none;}

@media only screen and (max-width:1079px) {
.logo { padding-left: 0.5em;clear:both;}
.menu{padding-top:5em;float:right;z-index: 50;margin:0.5em 0 0 0;}
nav ul li{ float:left;list-style:none;border:#A00A27 1px solid;background:rgba(255, 255, 255, 0.8);margin:1.25em 1em 0 1em;}
}



/* CSS for mobile devices.*/
@media only screen and (max-width:767px) {
html { background: #FFFFFF; }
    .wrapper-first{max-width:100%;margin:0 auto;padding:0;background:none;}
.logo { padding-left: 0.25em;} 

header {height:9.25em;}
.menu{width:100%;padding-top:6.5em;float:none;z-index: 50;margin:-1.75em 0 0 0;}
    .nav{width:100%;}
nav ul {text-align:center;padding:0;margin: 0 auto;background:#880000;}
    nav ul:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}

    nav ul li{ width:32.3%;float:left;border:#880000 0px solid;list-style:none;background:transparent; margin:0;padding-right:1px;}
nav ul li a{color:#FFFFFF;padding: 1.25em 1.25em;}
nav ul li a:hover{color:#999999;padding: 1.25em 1.25em;}
    

.fox{width:100%;height:100%;background:url('../img/fuchs_stefan-800.jpg');-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:top; }
.clear-row{clear:none;float:left;}
.inform { background: url('../img/fuchs-hg800.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 100px 0; }
.grid-4{width:46.094%;}    

.wrapper {margin:0em 0.5em;}
.wrapper-color{max-width:100%;margin:0 auto;padding:0;}
    
.footer [class^="grid-"], .footer .grids [class^="grid-"]{ 
	width:auto!important;
	float:none!important;
    margin:1em 0em 2em 1em!important;}
    
.distant { margin: 2em 0 0.75em 0; }
.abst {margin: 4em 0 1em 0; }
.oabst {margin: 2em 0 0 0;}
.ouabst {margin: 0.5em 0 2em 0;}
.uabst {margin: 0 0 5em 0;}
.puabst {padding: 0 0 7em 0;}
    
 .grids{margin:0 0 0 0;}
    [class^="grid-"], .grids [class^="grid-"] {width:auto!important;float:none!important;margin:0em 0em 0em 0em!important;}
}

@media only screen and (max-width:600px) {
header {background-color:#FFFFFF;position:fixed;top:0;width:100%;height:7.75em;padding-bottom:0.5em;border-bottom:0;}
.menu{padding-top:5em;margin:-1.75em 0 0 0;}
    .nav{width:100%;}
.log{background:url('../img/gfx/Fuchs_Logo-380.png') no-repeat;}
.logk{width:380px;height:50px;display:inline-block;background-position:0px 0px;}  
    
    .puabst {padding: 0 0 4em 0;}
    .abst {margin: 2em 0 0 0; }
}

@media only screen and (max-width:460px) {
html { }
    header {height:6.25em;}
    .tall {font-size: 150%;letter-spacing:0.125em; padding-top:-1em; }
    h1{font-size:1.5em;}
    h2{font-size:1.25em;} 
    .wrapper-first{max-width:100%;margin:0 auto;padding:0;}
        .wrapper { margin-left: 0em; padding:1em 0.5em;}
    nav {font-size:0.75em;}
    .framap {width:280px;height:210px; border:0;}
    
   
    [class^="grid-"], .grids [class^="grid-"] {width:auto!important;float:none!important;margin:1em 0em 1em 0.5em!important;}
    nav ul li a {font-size: 0.875em;}
    }
	



/*------------------------------------*\
	$PRINT
\*------------------------------------*/
/*
Good ol’ fashioned paper...
*/
@media print{
/* DRUCKAUSGABE*/
* {
	background-color:#fff;
	color:#000;
	text-shadow:none!important;
}
/*
Set a nice measure and take the font down to print-acceptable sizes.
*/
body{
	font-size:0.875em; /* 12px (if base font-size was 16px) */
}
.wrapper{
	width:75%;
	margin:0 auto;
	padding:1em 0 0 0;
}
.fox{width:90%;height:10%;background:#FFFFFF;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:top; }
/*
A list of things you don’t want printing. Add to/subtract from as necessary. 
*/
header, nav, footer {display:none;}
.up-btn, .willkommen {display:none;}   
.white{color:#000;text-shadow: 0 0 0 #FFFFFF;}
.away {
	display:block;
}
.distant { margin: 1em 0 0 0; }
.abst {margin: 1em 0 1em 0; }
.oabst {margin: 0.5em 0 0 0;}
.ouabst {margin: 0.5em 0 0.5em 0;}
.uabst {margin: 0 0 1em 0;}
.puabst {padding: 0 0 2em 0;}
/*
Linearise
*/
.grids{
	width:auto;
}
[class^="grid-"], [class^="griding-"] {
	width:auto;
	float:none;
	clear:both;
}
/*
Don’t let images break anything.
*/
img, hr {
	max-width:60%;
	height:auto;
}
.center { text-align:left; }
.right { text-align:left; }

}
/*--- END PRINT ---*/
	
	