website/style/styles.css

207 lines
4.5 KiB
CSS
Raw Normal View History

2017-02-12 23:04:58 +01:00
/*
* Web Fonts from fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2015 Fontspring
*
*
*
*
* The fonts included are copyrighted by the vendor listed below.
*
* Vendor: Fontfabric
* License URL: http://www.fontspring.com/licenses/fontfabric/webfont
*
*
*/
@font-face {
font-family: 'intro_rust_gbase_2_line';
src: url('introrustg-base2line-webfont.eot');
src: url('introrustg-base2line-webfont.eot?#iefix') format('embedded-opentype'),
url('introrustg-base2line-webfont.woff2') format('woff2'),
url('introrustg-base2line-webfont.woff') format('woff'),
url('introrustg-base2line-webfont.ttf') format('truetype'),
url('introrustg-base2line-webfont.svg#intro_rust_gbase_2_line') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'intro_script_rh2_base';
src: url('introscriptr-h2base-webfont.eot');
src: url('introscriptr-h2base-webfont.eot?#iefix') format('embedded-opentype'),
url('introscriptr-h2base-webfont.woff2') format('woff2'),
url('introscriptr-h2base-webfont.woff') format('woff'),
url('introscriptr-h2base-webfont.ttf') format('truetype'),
url('introscriptr-h2base-webfont.svg#intro_script_rh2_base') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'intro_head_rbase';
src: url('introheadr-base-webfont.eot');
src: url('introheadr-base-webfont.eot?#iefix') format('embedded-opentype'),
url('introheadr-base-webfont.woff2') format('woff2'),
url('introheadr-base-webfont.woff') format('woff'),
url('introheadr-base-webfont.ttf') format('truetype'),
url('introheadr-base-webfont.svg#intro_head_rbase') format('svg');
font-weight: normal;
font-style: normal;
}
body {
background-image:url(linien1.svg);
background-repeat:no-repeat;
background-size:contain;
background-position:center;
background-attachment:fixed;
background-color:#3F3836;
color:#fff;
}
a:link, a:visited {
color:#fff;
}
a:hover, a:active,
a:visited:hover, a:visited:active {
background-color:#000;
}
.legal {
text-align:right;
font-size:0.8em;
text-transform:uppercase;
font-family:'intro_head_rbase',sans-serif;
letter-spacing:1px;
}
.legal a:link, .legal a:visited,
.nav a:link, .nav a:visited {
text-decoration:none;
}
.head h1 {
font-family:'intro_rust_gbase_2_line',sans-serif;
font-weight:normal;
font-size:5em;
margin:0;
}
.head h2 {
font-family:'intro_script_rh2_base',sans-serif;
font-weight:normal;
font-size:2.5em;
padding-top:1.1em;
text-align:right;
margin:0;
}
.nav ul, .nav ul li {
margin:0;
padding:0;
list-style-type:none;
display:inline;
}
.nav ul li a:link, .nav ul li a:visited {
display:block;
float:left;
background-color:#fff;
color:#3F3836;
width:15%;
margin-right:2%;
font-size:1.3em;
text-transform:uppercase;
font-family:'intro_head_rbase',sans-serif;
}
.nav ul li.last a:link, .nav ul li.last a:visited {
margin-right:0;
}
.nav ul li a:hover, .nav ul li a:visited:hover,
.nav ul li.current a:link, .nav ul li.current a:visited {
background-color:#000;
color:#fff;
}
.content {
font-family:'intro_head_rbase',sans-serif;
margin-top:2em;
}
.content h1 {
text-transform:uppercase;
margin-top:0;
font-weight:normal;
font-size:2em;
}
.content p, .content li, .content td {
font-size:1.3em;
}
.margin {
font-size:85%;
}
.margin h3{
background-color:#000;
padding:0.5em;
margin-top:0;
}
.ifl {
float:left;
margin:0.5em 0.5em 0.5em 0;
}
.ifr {
float:right;
margin:0.5em 0 0.5em 0.5em;
}
.adress ul {
list-style-type:none;
}
@media screen and (max-width:48em) {
.legal {
text-align:center;
margin-top:1em;
}
.head h1 {
font-size:2.5em;
text-align:center;
padding:0;
}
.head h2 {
font-size:1.5em;
text-align:center;
padding:0;
}
.nav ul li a:link, .nav ul li a:visited {
width:100%;
margin:0.2em 0;
text-align:center;
}
}