@font-face {

font-family: 'Lato';

src: url('../font/Lato-Regular.ttf') format('woff2');

}

body {

margin: 0px;

font-family:'Lato';

font-size:14pt;

color: #151520;

background-image:url(../grafik/hintergrund/punkt.png);

background-position:left top;

hyphens: auto;

}

div.container {

margin: 0px auto 0px auto;

max-width: 1100px;

}

div.gesamtinhalt {

position:relative;

box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);

padding: 0px;

background-color:#F7F1E4;

min-height: 100vh;

}

div.gesamtinhalt h3.bildtitel {

position:absolute;

left:80px;

bottom:30px;

font-size:1em;

font-weight: normal;

color:#ffffff;

background-color: rgba(85, 95, 99, 0.5);

padding: 2px 15px;

}

div.kopf {

position:relative;

width: 100%;

height: 165px;

padding: 0px;

background-image:url(../grafik/hintergrund/logo-balken.png);

background-repeat:no-repeat;

background-position:right 64px;

}

div.startseite {

background-image: url(../grafik/hintergrund/logo-balken-start.png);

}

div.kopf div.webdesign {

display: inline;

font-family: Arial;

font-size:4.6em;

color:#fefefe;

font-weight:bold;

text-shadow: 1px -1px 4px #555F63;

position:relative;

top: 14px;

left: 50px;

width: 467px;

text-align: center;

}

div.kopf img.em30 {

width: 254px;

height: 87px;

position: absolute;

top: 71px;

right: 57px;

}

div.kopf div.navigation {

position:absolute;

top: 122px;

left: 80px;

font-size: 1.3em;

font-weight: bold;

hyphens: none;

}

div.kopf div.navigation span {

color:#F7D58B;

}

div.kopf div.navigation a {

color:#ffffff;

text-decoration:none;

}

div.kopf div.navigation a:hover {

color:#F7D58B;

}

div.inhalt {

padding: 25px 350px 80px 80px;

}

a {

color: #151520;

text-decoration : underline;

}

a:hover {

color : #000000;

text-decoration : none;

}

div.kontakt {

padding:20px 40px 40px 200px;

}

div.kontakt p.links {

float:left;

}

div.kontakt p.rechts {

margin-left:180px;

}

div.kontakt form input[type="text"], div.kontakt form textarea {

width:98%;

}

div.kontakt form input[type="submit"] {

cursor: pointer;

font-size: 1.1em;

padding: 2px 25px;

}

div.kontakt form span.beachten {

display:none;

}

div.webprojekte {

padding: 25px 20px 80px 20px;

text-align:center;

}

div.webprojekte div {

display: inline-block;

width: auto;

padding:20px;

}

div.webprojekte div img {

border:1px solid #606060;

width:250px;

margin:0px;

}

div.inhalt h1, div.webprojekte h1 {

color: #505064;

text-align:right;

margin-top:0px;

hyphens: none;

overflow: hidden;

}

div.inhalt h2, div.webprojekte h2 {

color: #484862;

margin: 30px 0px 10px 0px;

font-size: 1.4em;

hyphens: none;

overflow: hidden;

}

b {color: #484862; }

p {

margin-top: 0px;

margin-bottom: 12px;

line-height: 1.4em;

text-align: justify;

}

ul {margin-top: 0px; }

li {

margin-bottom : 3px;

position : relative;

left : -26px;

}

span.hinweis {

width:50%;

color:#ffffff;

background-color:#D64B4B;

text-align : center;

}

div#mobil_navi_button, div#mobil_navi_button_zurueck {













display:none;

}







div.navigation_res {



















display:none;

}

























/**/