@font-face{font-family:'colablig';src:local('ColaborateLight'), url('fnt/colablig.woff') format('woff'), url('colablig.eot') format('eot');;}
@font-face{font-family:'colabthi';src:local('Colaborate-Thin'), url('fnt/colabthi.woff') format('woff'), url('colabthi.eot') format('eot');;}
@media print{
*{color:black;background:white;margin:0;padding:0;}

body{margin:2cm 2cm 3cm;font-family:colablig,"Trebuchet MS",Helvetica,Arial,sans-serif;font-size:11.5pt;}

body a{text-decoration:none;}
acronym{border:none;}
del, footer span{display:none;}
address, ul, dl{font-style:normal;list-style:none;}
article dt:after{content:': ';}
.float{float:left;}

.given-name, .family-name, .honorific-suffix{font-size:14pt;font-weight:bold;}
address{margin:0 0 4pt 0;}
ul{margin:7pt 0 11pt 6pt;}
dt{float:left;}
}


@media screen{
*{margin:0;padding:0;}
body a{text-decoration:none;}
ul{list-style:none;}
acronym, img{border:none;}
abbr[title]{border-bottom:none !important;cursor:inherit !important;text-decoration:none !important;}
address{font-style:normal;}

html{color:#000;background:#fefefe;height:100%;}
body{direction:ltr;font:62.5% colablig,"Trebuchet MS",Verdana,Vera Sans,Helvetica,Arial,sans-serif;background:#fefefe url(../img/kopf.gif) 5% bottom no-repeat;height:100%;} /* font-size:62.5%: Richard Rutter, http://clagnut.com/ */

address a, p a, dt a, dd a, dd a{color:#000;border-bottom:1px dotted #bbb;}
footer a, p a{color:#7d7d7d;}
address a:hover, p a:hover, dt a:hover, dd a:hover{color:#c613ab;}

del, .hide, a span, h1 span, h2 span, h3 span, h4 span{position:absolute;left:-3000px;}

h1, dl, article, p, form{background:#fefefe;}
article{position:absolute;top:50%;left:50%;height:21em;width:24em;margin:-11em 0 0 -9.5em;font-family:colabthi,"Trebuchet MS", Helvetica,Arial,sans-serif;}

article dd{color:#555;width:24em;}

strong{padding:.1em;background-color:#e7e7e7;}

p, address, article dl{font-size:1.8em;line-height:1.26em;}
article ul{line-height:1.26em;}
address{margin:0 3em .4em 0;padding:.2em 1em .8em .4em;width:12.1em;background:#eee;}

address.vcard{padding:1em 0 .3em .4em;width:12em;}
.given-name, .family-name{font-size:1.5em;font-family:colablig,"Trebuchet MS",Helvetica,Arial,sans-serif;}
article dl{margin:.2em 0 .4em .4em;line-height:1.2em;}

address.adr{padding:.2em 1em 0 .4em;margin-bottom:0;}
.tel{text-decoration:none !important;}
.tel:hover{color:inherit;cursor:default;}

footer{position:absolute;bottom:.5em;right:0;margin:.7em;line-height: 1.3em;font-size:1.4em;width:26em;color:#7d7d7d;}
/* footer a:hover{color:#939393;} */
footer dt{float:left;font-weight:900;font-family:colablig,"Trebuchet MS",Helvetica,Arial,sans-serif;}
footer dl p, .seite article p, .seite article ul.erste{font-weight:400;margin:.7em 0;}
footer dl li, .seite article li{list-style:disc;margin:0 0 0 1.7em;}
.float{float:left;}

	.encryption em, .privacy em{text-decoration:underline;cursor:pointer;}
.encryption span{display:none;}
	.seite article, .encryption span{color:#000;background:#fff;
position:fixed;top:70%;right:1em;max-width:23em;
border:.5em solid #eee;
margin:0 auto;padding:1em;
}
footer dd.float:after{content:',\00A0';}
footer .encryption:target span, .encryption:hover span{display:block;}
footer .privacy:target span, .privacy:hover span{display:block;}
}

/* Seiten */
.seite body{background:inherit;}
.seite{background:#fefefe url(../img/kopf_180.gif) 95% top no-repeat;}

.seite article{position:relative;top:7%;left:0;font-size:1.8em;width:90% !important;max-width:40em;height:auto;margin:auto;}
.seite article h3{margin:.8em 0 0em 0;}
.seite p{font-size:100%;}
.seite article p a{color:#999;}

/* .seite footer{position:relative;float:left;top:8em;left:1em;} */
/* .seite footer{float:right;bottom:auto;width:auto;margin:14% 3% 0 0;padding:0 0 1% 0;color:#000;}
.seite footer dl{width:auto;margin:0 0 .6em .8em;font-size:1.15em;} */
/* .seite footer dd{clear:both;}
.seite address{float:kleft;font-size:1.4em;background:#fff;}
.seite address a{color:#000;}
.seite .given-name, .seite .family-name{font-size:1.4em;} */

p.back{position:absolute;left:3%;top:2%;font-size:200%;}
p.kontakt{position:relative;/* left:3%; */top:10%;padding:0 0 1em 3%;font-size:1.8em;z-index:-1;}


@media only screen and (max-width:9999px){
article dd{position:relative;margin-top:-1.2em;color:#555;
opacity:0;
transition:all 0.1s ease-in;
-webkit-transition:all 0.2s ease-in;
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
}
article:target dd, article:hover dd{opacity:1;margin-top:0;}
}

@media only screen and (max-width:480px){
	.encryption em{display:none;}
body{background:inherit;margin:0 0 3% 0;}
article{position:inherit;float:left;width:100%;height:auto;margin:10% 0;}
address, article dl{font-size:1.7em;}
article address, article dl, address.adr{padding-left:7% !important;padding-right:0;margin-right:0;}
article address, address.vcard{width:100%;}
article dd{opacity:1;margin-top:0;}
footer{position:absolute;bottom:.5em;left:0;margin:0 0 3% 7%;font-size:1em;}
article{top:0;left:0;}
footer, footer a{color:#444;}
footer dt{margin-top:.6em;}
footer dt, footer dd{clear:both;}
footer dt, footer dd{float:left}
.encryption span, .privacy span{top:-260%;}
.seite{background:inherit;}
.seite article{top:1%;}
.seite article{border:0;margin:7% 0 0 0;}
.seite footer{float:left;padding-left:3%;background:#fff;}
.seite address{clear:both;background:#fff;}
.seite address.adr{padding-left:3% !important;}
}

@media only screen and (max-height:460px) {
body{background:inherit;}
}

@media only screen and (max-height:460px) and (min-width:480px) {
body{background:inherit;}
footer, article{position:relative;float:left;top:7%;left:7%;margin:0;padding:0;}
footer{clear:both;padding:7% 0 3% 0;}
footer, footer a{color:#444;}
	.encryption em{display:none;}
}
@media only screen and (max-height:660px) and (max-width:480px) {
article, footer{position:relative;top:0;left:0;}
}