body{width:100%;font-family:Arial, Helvetica, sans-serif;color:#fff;background-color:#000}.margin-15{margin:15px}.margin-tb-15{margin-top:15px;margin-bottom:15px}.margin-rl-15{margin-left:15px;margin-right:15px}.no-pad{padding:0}.no-pad-left{padding-left:0}.block-15{background:#fff}h2{font-family:Arial, Helvetica, sans-serif;font-size:1.75em;font-style:bold;margin-bottom:4px}h3{font-family:Arial, Helvetica, sans-serif;font-size:1.5em;font-style:bold;margin-bottom:4px}h4{font-family:Arial, Helvetica, sans-serif;font-size:1.25em;font-style:bold;margin-bottom:4px}.row{background-color:#222}.bild img{width:100%}.logo .inside{height:180px;margin:15px 15px 0 0;padding-top:15px;opacity:1;transition:all 0.5s ease 0s}.foto,.grafik,.web,.kontakt{height:250px;background-color:#2c3e50;opacity:1;transition:all 1s ease 0s}.grafik{background-color:#c0392b}.web{background-color:#1abc9c}.kontakt{background-color:#222}.foto.innen h1,.grafik.innen h1,.web.innen h1,.kontakt.innen h1{padding:5px 0 0 15px;color:#ddd;font-size:3em}.text.innen{padding:0 0 0 15px}.kontakt.innen p{padding:0 0 0 15px;color:#fff;font-size:1.2em}.text.innen a{color:#fff}.impressum a p,.impressum a h2{padding:5px 0 30px 15px;color:#fff;font-size:1.2em;text-decoration:underline}.text.innen a{text-decoration:underline}.impressum a:hover,.text.innen a:hover{opacity:0.3;text-decoration:none}.foto:hover,.grafik:hover,.web:hover{opacity:0.8}@media (max-width: 1199px){.foto,.grafik,.web{height:200px}}@media (max-width: 991px){.foto.innen h1,.grafik.innen h1,.web.innen h1,.kontakt.innen h1{font-size:2em}.foto,.grafik,.web{height:150px}}@media (max-width: 767px){.logo .inside{height:150px}.logo .inside img{max-height:75%}.foto,.grafik,.web{height:150px}}