body { margin: 0; padding: 0 } .break, .break2 { clear: both } .break2 { height: 30px } img { width: 100%; border-radius: 0px } #logo img { width: auto; max-width: 100%; border-radius: 0 } #footernavi, #logo, .content-inner { max-width: 1170px } #header { position: relative; width: 100%; margin: 0 0 -5px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } #logo { margin: 0 auto; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } #logo, #youtube { text-align: center; position: relative; box-sizing: border-box } #youtube { height: 0; padding: 0 20px 56.25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } #youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #pagetitle { margin: 0; text-align: center } #pagetitle h1 { margin: 0; padding: 0 20px 20px; font-size: 30px; font-weight: 700 } #content-main, #content-teaserboxen, #content-top, #contentwrapper { position: relative; width: 100% } .content-inner { position: relative; margin: 0 auto; padding: 50px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } #content-main .content-inner { padding: 0 0 50px 0; } .content-inner, .left { box-sizing: border-box } .content-inner-text { padding: 0 15px } .content-inner h2 { margin: 0; padding: 0 0 30px; font-size: 25px; font-weight: 700 } .content-inner h3, .right-inner h4 { margin: 0; padding: 0 0 20px; font-size: 18px; font-weight: 700 } .content-inner p { margin: 0; padding: 0 0 20px; font-size: 16px; line-height: 24px } .content-inner ul { list-style: none; margin: 0; padding: 0 } .content-inner li { margin:0 0 10px 20px; font-size: 14px; line-height: 22px; } .content-inner li:before { margin:0 8px 0 -20px; font-family: fontawesome; font-size: 14px; content: "\f0a9"; } .content-inner .content-inner-text ul { margin: 0 0 20px 0 } .left, .right { position: relative; float: left; margin: 25px 0 0; padding: 0 15px } .left { width: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .left-inner { border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .left-inner, .right { box-sizing: border-box } .right { width: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .right-inner { padding: 20px 35px; border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .one, .three, .two { position: relative; float: left; width: 33.333%; margin: 0; padding: 0 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .one-inner, .three-inner, .two-inner { padding: 20px 35px; border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .teaserbox { position: relative; padding-bottom: 80px; } .teaserbox h4 { margin: 0; padding: 5px 0; font-size: 14px } .teaserbox h5 { margin: 0 0 20px; padding: 0 0 15px; font-size: 18px } .teaserbox p { font-size: 14px; line-height: 20px; margin: 0; padding: 0 0 20px } .teaserbox-inner { position: absolute; bottom: 0px; width: 100%; padding: 0 30px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .teaserbox-inner button[type=submit] { width: 100%; margin: 0 0 20px; padding: 15px 30px; border: none; font-size: 18px; border-radius: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .teaser { position: relative; float: left; width: 100%; margin: 30px 0 0; padding: 0 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .teaser-inner { border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .teaser-inner .teaser-inner-left { position: relative; float: left; width: 15%; padding: 20px 0 20px 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .teaser-inner .teaser-inner-left .teaser-inner-icon { width: 70px; height: 70px; padding: 16px 0 0; text-align: center; border-radius: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-check-circle, .teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-download, .teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-facebook-official, .teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-mobile, .teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-pencil-square, .teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-phone { font-size: 40px } .teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-calendar, .teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-shopping-cart { font-size: 36px } .teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-envelope, .teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-gamepad { font-size: 34px } .teaser-inner .teaser-inner-middle { position: relative; float: left; width: 55%; padding: 20px 20px 20px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .teaser-inner .teaser-inner-middle h4 { margin: 0; padding: 0 0 5px; font-size: 18px } .teaser-inner .teaser-inner-middle p { font-size: 14px; line-height: 20px; margin: 0; padding: 0 } .teaser-inner .teaser-inner-right { position: relative; float: left; width: 30%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .teaser-inner .teaser-inner-right button[type=submit] { width: 90%; margin: 28px 0; padding: 15px 30px; border: none; font-size: 18px; font-weight: 700; text-transform: uppercase; border-radius: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } ::-webkit-input-placeholder { color: #fff } :-moz-placeholder { color: #fff; opacity: 1 } ::-moz-placeholder { color: #fff; opacity: 1 } :-ms-input-placeholder { color: #fff } .boxform .facebook-logo { padding: 20px } .boxform i.fa-facebook-square, .boxform i.fa-youtube-square, .boxform i.fa-shopping-cart, .boxform i.fa-phone-square { font-size: 60px } .boxform h4 { margin: 0; padding: 5px 0; font-size: 18px } .boxform h5 { margin: 0 0 20px; padding: 0 0 15px; font-size: 22px } .boxform p { font-size: 16px; line-height: 24px } .boxform-inner label, .boxform-inner textarea { font-weight: 700; text-transform: uppercase; font-size: 14px } .boxform-inner { padding: 0 30px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .boxform-inner label { margin-right: 15px } .boxform-inner input[type=radio] { margin-left: 15px; margin-right: 5px; } .boxform-inner input[type=text], .boxform-inner input[type=email] { width: 100%; margin: 5px 0; padding: 10px 30px; border: none; font-size: 14px; font-weight: 700; text-transform: uppercase; border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .boxform-inner input[name=adresse], .boxform-inner input[name=alter] { height: 0; margin: 0; padding: 0 } .boxform-inner textarea { width: 100%; margin: 5px 0; padding: 10px 30px; border: none; overflow: auto; border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .boxform-inner button[type=submit] { width: 100%; margin: 20px 0; padding: 15px 30px; border: 1px solid; border-color: #2e3135; font-size: 18px; font-weight: 700; text-transform: uppercase; border-radius: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .boxform h4, .boxform h5, .teaser-inner .teaser-inner-middle h4, .teaserbox h4, .teaserbox h5, .teaserbox-inner button[type=submit] { font-weight: 700; text-transform: uppercase } .boxform-inner button[type=submit]:hover, .teaser-inner .teaser-inner-right button[type=submit]:hover, .teaserbox-inner button[type=submit]:hover { cursor: pointer } #footer { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } #footer, #footernavi { position: relative; box-sizing: border-box } #footernavi { margin: 0 auto; padding: 20px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } div.alert-success { margin-bottom: 20px; }