/* font-family: 'Anton', sans-serif; font-family: 'Merriweather', serif; */ /* _______________________ FIXES __ */ html, body {width: 100%; height: 100%; margin: 0; padding: 0;} body {background-color: #e1d8bd;} a:not(.hand) {color: #e1d8bd; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms;} a:hover, a:focus {color: #ff6214;} a:active, a:hover, a:link, a:focus {outline: 0;} ul, ol, li, h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;} .row p, ul li, ol li {font-size: 16px;} #wrapper {overflow-x: hidden;} .row {position: relative;} /* _______________________ NAVIGATION __ */ nav {width: 100%; max-width: 215px; background-image: url(../img/bg-nav.png); background-position: right top; background-repeat: no-repeat; padding: 160px 0 0 0;} nav ul {position: relative; float: left; text-align: right; list-style: none;margin-left:15px;} nav ul li {width: 100%;} nav ul li a {color: #000; font-family: 'Anton', sans-serif;} nav ul#mainNav {margin-top: 62px;} nav ul#mainNav li {min-height: 28px; line-height: 28px;} nav ul#mainNav li a {font-size: 18px; text-transform: uppercase; color: #000;} nav ul#mainNav li a:hover, nav ul#mainNav li.current a {color: #ff6214;} nav ul#upDown {float: right; width: 100%; max-width: 60px;} nav ul#upDown li {position: relative; float: left; width: 100%; margin-bottom: 10px;} nav ul#upDown li a {display: block; position: relative; width: 60px; height: 124px; overflow: hidden; background-image: url(../img/btn-updown.png); background-repeat: no-repeat;} nav ul#upDown li a.prev {background-position: -60px 0;} nav ul#upDown li a.prev:hover, nav ul#upDown li a.prev.disabled {background-position: 0 0;} nav ul#upDown li a.next {background-position: 0 -124px;} nav ul#upDown li a.next:hover, nav ul#upDown li a.next.disabled {background-position: -60px -124px;} nav ul#upDown li a.disabled {cursor: default;} .fixed {width: 250px !important;left: 80% !important;} section {position: relative; width: 100%; background-position: center top; background-repeat: no-repeat;} section.home {background-image: url(../img/afb-top.jpg);} section.home, section.home .row {min-height: 775px;} section.over {background-image: url(../img/afb-over.jpg);} section.over, section.over .row {min-height: 675px;} section.diensten {background-image: url(../img/afb-diensten2.jpg);} section.diensten, section.diensten .row {min-height: 1425px;} section.contact {background-image: url(../img/afb-contact.jpg);} section.contact, section.contact .row {min-height: 825px;} .row h1 {width: 100%; text-align: center; margin-top: 6.25rem; text-transform: uppercase; color: #e1d8bd; font-family: 'Anton', sans-serif; font-size: 52px; margin-bottom: 1.25rem;} section.over .row h1 {margin-top: 4.5rem;} section.contact .row h1 {margin-top: 1.65rem;} .row p {font-size: 15px; line-height: 25px; color: #e1d8bd; font-family: 'Merriweather', serif; text-align: center; padding: 0 2rem; margin-bottom: 1.25rem;} section.home {text-align: center;} .banner {margin-top: 21.5rem;margin-left:-89px;} .teleMail {position: absolute; left: 50%; bottom: 25px; width: 100%; max-width: 440px; height: 100px; margin: 0 0 0 -260px;} .teleMail ul {position: relative; float: left; width: 100%; height: auto; list-style: none;} .teleMail ul li {float: left; width: 50%; min-height: 100px; line-height: 100px; color: #e1d8bd; font-family: 'Merriweather', serif; font-size: 15px; text-transform: uppercase; font-weight: 900; text-align: center;} .teleMail ul li a {border-bottom: 2px solid #e1d8bd;} .teleMail ul li a:hover {border-bottom: 2px solid #da6023;} .teleMail.small {bottom: 2px;} .teleMail.small ul li {color: #ff6214;} .blackBlock {background:url(../img/grunge.png) #000000;} .blackBlock p {font-size:14px;margin-top:30px;} .BBtop {width:450px; padding:30px;margin-top:20px;margin-left:20px;} .BBbottom {width:450px;padding:30px;margin-left:0px;text-align: center;} .BBtop h1, .BBbottom h1 {margin:0px !important;padding:2px 0;} .contactDetails {margin:10px 0px 10px 0;} .phoneMail {height:40px} .mail, .phone {font-family: 'Merriweather', serif; font-size: 15px; text-transform: uppercase; font-weight: 900; margin-bottom: 20px; display: block;} .mail {width: 50%; float: left; text-decoration: underline; padding: 20px 0 0 20px;} .phone {width: 50%; float: left; padding: 20px 0 0 20px; color: #dd5a19;} .ball {position: absolute; font-size: 12px; line-height: 22px; color: #e1d8bd; font-family: 'Merriweather', serif; padding: 0; overflow: hidden; border-radius: 50%; font-weight: 700; letter-spacing: 1px;} .ball.orange {left: -1.25rem; top: 449px; width: 421px; height: 421px; padding: 10rem 0 0 7.1rem;} .ball.purple {left: -1.85rem; top: 806px; width: 491px; height: 491px; padding: 14.5rem 0 0 8.5rem; z-index: 1;} .ball.blue {left: 19.74rem; top: 548px; width: 504px; height: 504px; padding: 14rem 0 0 10rem; z-index: 2;} .mobileOnly {display: none;} .lenl {position: absolute; left: 0; bottom: 25px; width: 100%; height: 25px; line-height: 25px; text-align: center; font-family: 'Merriweather', serif; font-size: 11px;} .lenl a {color:#dd5a19;} a.tweetBtn {position: absolute; right: 250px; bottom: 8px; border-radius: 50%; background: url(../img/btn-twitter.png) no-repeat; width: 119px; height: 119px; display: block; overflow: hidden; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; transition-property: transform;} a.tweetBtn:hover {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}