∑∑@charset "UTF-8"; /* CSS Document */ p { font-family: 'Roboto', arial, verdana;} a, a:hover, a:focus { text-decoration: none; outline: none; } html { position: relative; min-height: 100%; } body { padding-top: 100px; margin-bottom: 100px; } /*Navbar*/ .navbar-default { margin-bottom: 0px; width: 100%; height: 100px; background-color: #3498db; border: 0px; border-radius: 0 !important; } .nav-container { max-width: 1170px; margin: 0 auto; } .logo { width: 220px; height: 100px; background-image: url(../img/blitzkiste_logo_white.png); background-size: 209px 70px; background-position: right; background-repeat: no-repeat; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { padding-top: 0px; padding-bottom: 0px; padding-left: 7px; padding-right: 0px; margin: 0 auto; } .navbar-nav li a { height: 100px; line-height: 100px; padding: 0 25px; margin-left: 1px; background-color: #3498db; font-family: 'Oswald', sans-serif; font-size:1.3em; text-align: center; color: #fff; } .navbar-default .navbar-nav>li>a { color: #fff;} .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #fff; border-bottom: 3px solid #fff; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: #3498db; border-bottom: 3px solid #fff; } button.navbar-toggle.collapsed, .navbar-default .navbar-toggle{ width: 50px; height: 50px; background-color: #3498db; border: 0px; padding: 3px; margin: 25px 8px; } .navbar-default .navbar-toggle:focus {background-color: #3498db;} .navbar-default .navbar-toggle:hover {background-color: rgba(0,0,0,0.2);} .list-icon i { color: #fff; font-size: 2.5em; vertical-align: middle; } /*Startseite*/ .header { width: 100%; height: 800px; margin-bottom: 60px; } .startseite { width: 100%; max-width: 1170px; height: 100%; } .startseite h1 { font-family: 'Roboto', arial, verdana; font-size: 3em; color: #2D2F32; padding-bottom: 20px; } .startseite p { font-size: 1.4em; color: #2D2F32; } .bkiste { padding: 0px 10px; margin: 30px auto; } .kiste { float: right; width: 350px; } hr {max-width: 1170px;} .start-leistungen { width: 100%; max-width: 1170px; height: 100%; margin-bottom: 30px; } .heading { width: 100%; height: 100%; line-height: 3em; vertical-align: middle; } .heading i { display: inline-block; font-size: 2.3em; color: #2D2F32; padding-right: 8px; } .heading h2 { display: inline-block; font-size: 2.3em; color: #2D2F32; } .first { color: #8ED528; font-size: 1.6em; padding-right:18px; text-align: center; vertical-align: top; } .start-leistungen td {padding-bottom: 8px;} .start-leistungen p { color: #2D2F32; font-family: 'Roboto', arial, verdana; font-size: 1.5em; margin: 0px; } .start-galerie { width: 100%; max-width: 1000px; height: 100%; margin-top: 30px; margin-bottom: 30px; } .start-galerie h2{ font-family: 'Roboto', arial, verdana; font-size: 2em; color: #2D2F32; text-align: center; margin-bottom: 30px; } .thumb {margin-bottom: 30px;} .fb { width: 100%; max-width: 1170px; height: 100%; margin-bottom: 60px } .fb h2{ font-family: 'Roboto', arial, verdana; font-size: 2em; color: #2D2F32; text-align: center; margin-bottom: 30px; } .fbfeed { width: 100%; height: 100%; } .powrMark, .socialFeed .powrMark, .powrMarkLink {display: none !important;} .partner { width: 100%; max-width: 1170px; height: 100%; margin-bottom: 60px; } .partner h2{ font-family: 'Roboto', arial, verdana; font-size: 2em; color: #2D2F32; text-align: center; margin-bottom: 30px; } .partner h3{ font-family: 'Roboto', arial, verdana; font-size: 1.7em; color: #2D2F32; margin-bottom: 15px; } .partner p { font-size: 1.4em; color: #2D2F32; } .a_wendy, .a_wendy:hover, .a_wendy:focus {color: #8317A9;} .a_wedd, .a_wedd:hover, .a_wedd:focus {color: #DB0071;} .partner-img { margin-top: 50px; vertical-align: middle; text-align: center; } .wendy { width: 100%; max-width: 300px; } .counter { width: 100%; height: 100%; background-color: #4496DE; } .count { width: 100%; max-width: 1170px; height: 100%; padding-top: 20px; padding-bottom: 20px; } .count .numbers{ font-family: 'Roboto', arial, verdana; font-size: 3em; color: #E5E5E5; text-align: center; margin-top: 15px; margin-bottom: 0px; } .count .descr { font-family: 'Roboto', arial, verdana; font-size: 1.3em; color: #fff; text-align: center; margin-bottom: 15px; } /*Preise*/ .preise { margin-top: 30px; margin-bottom: 120px; padding-bottom: 10px; width: 100%; max-width: 1170px; } .paket1, .paket2, .paket3 {margin-bottom: 30px;} .preise h1 { font-family: 'Oswald', sans-serif; font-size: 3em; color: #2D2F32; padding-bottom: 20px; margin-bottom: 0px; } .preise .heading { width: 100%; height: 60px; line-height: 60px; vertical-align: middle; text-align: center; background-color: #D0DBDF; } .preise .heading i { display: inline-block; font-size: 2em; line-height: 60px; color: #2D2F32; padding-right: 8px; } .heading h2 { display: inline-block; font-size: 2em; line-height: 60px; color: #2D2F32; margin: 0px; } .preis { width: 100%; height: 80px; font-family: 'Oswald', sans-serif; font-size: 2.3em; line-height: 80px; color: #fff; text-align: center; background-color: #4496DE; } .preise .icon { color: #2D2F32; font-size: 1.3em; padding: 0 15px; text-align: center; vertical-align: middle; } .preise tr { width: 100%; border: 1px solid #D0DBDF; } .preise .description {padding: 8px 5px 8px 0px; width: 100%} .preise p { color: #2D2F32; font-family: 'Roboto', arial, verdana; font-size: 1em; margin: 0px; } .anfrage { text-align: center; vertical-align: middle; width: 100%; height: 70px; line-height: 70px; background-color: #D0DBDF; } .blue-button { font-family: 'Roboto', arial, verdana; font-size: 1.3em; background-color: #4496DE; border: 0; } .leinwand { margin-bottom: 30px; padding-left: 0px; padding-right: 0px; } .leinwand .heading { width: 100%; height: 60px; line-height: 60px; vertical-align: middle; text-align: left; background-color: #4496DE; } .leinwand .heading i { display: inline-block; font-size: 2em; line-height: 60px; color: #fff; padding-right: 8px; padding-left: 15px; } .leinwand .heading h2 { display: inline-block; font-size: 2em; line-height: 60px; color: #fff; margin: 0px; } .leinwand p { color: #2D2F32; font-family: 'Roboto', arial, verdana; font-size: 1.2em; background-color: #D0DBDF; padding: 15px; } .infos { margin-bottom: 30px; } /* Register */ .register { margin-top: 30px; margin-bottom: 120px; padding-bottom: 10px; width: 100%; max-width: 1170px; } .register-content { margin-left: auto; margin-right: auto; } .register-content h1 { font-family: 'Oswald', sans-serif; font-size: 3em; color: #2D2F32; padding-bottom: 20px; text-align: center; margin-bottom: 30px; } .register-content p { font-size: 1.4em; color: #2D2F32; } .reg-form { margin-left: auto; margin-right: auto; height: 100%; width: 100%; max-width: 542px; } .td-name { color: #2D2F32; font-family: 'Roboto', arial, verdana; font-size: 1.3em; display: inline-block; line-height: 50px; vertical-align: middle; margin-bottom: 15px; margin-right: 15px; float: right; } .reg-form .field { height: 50px; width: 300px; padding: 0px 20px; margin-bottom: 15px; vertical-align: top; border: none; border-radius: 5px; color: #484848; font-family: 'Roboto', arial, verdana; font-size: 1.3em; outline: none; background-color: #E3E3E3; } .reg-form input:hover, .reg-form input:focus { border: 2px solid #3498db; -webkit-box-shadow: 0px 0px 7px 1px #3498db; -moz-box-shadow: 0px 0px 7px 1px #3498db; box-shadow: 0px 0px 7px 1px #3498db; } .register-button { width: 100%; height: 50px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 1.3em; padding: 0px 20px; vertical-align: top; border: none; border-radius: 5px; outline: none; background-color: #3498db; } .pwinfo { margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto; width: 100%; max-width: 700px; } .pwinfo h2 { margin-top: 0; font-size: 1.6em; } .reg-success { margin-top: 300px; margin-bottom: 120px; padding-bottom: 10px; width: 100%; max-width: 1170px; text-align: center; } /* Kalender */ .calender { margin-top: 30px; margin-bottom: 120px; padding-bottom: 10px; width: 100%; max-width: 1170px; } .calender h1 { font-family: 'Oswald', sans-serif; font-size: 3em; color: #2D2F32; padding-bottom: 20px; margin-bottom: 0px; } .calender-content { padding: 5px 15px 15px 15px; font-size: 1.4em; color: #2D2F32; } .calender-iframe { width: 100%; height: 100%; min-height: 600px; border: none; } /* Galerie */ .galerie { margin-top: 30px; margin-bottom: 120px; padding-bottom: 10px; width: 100%; max-width: 1170px; } .galerie h1 { font-family: 'Oswald', sans-serif; font-size: 3em; color: #2D2F32; padding-bottom: 20px; margin-bottom: 0px; } .galerie h2 { font-family: 'Oswald', sans-serif; font-size: 2em; color: #2D2F32; text-align: center; margin-bottom: 20px; } .gallery-content { width: 100%; background-color: #eee; } .gallery-content iframe { width: 100%; border: 0; } .galerie .login { margin: 0 auto; height: 100%; min-height: 300px; width: 100%; max-width: 350px; } .galerie p { color: #2D2F32; font-family: 'Roboto', arial, verdana; font-size: 1.3em; display: inline-block; line-height: 50px; vertical-align: middle; margin-bottom: 15px; text-align: left; } .galerie .user, .galerie .pass { height: 50px; width: 220px; padding: 0px 20px; margin-bottom: 15px; vertical-align: top; border: none; border-radius: 5px; color: #484848; font-family: 'Roboto', arial, verdana; font-size: 1.3em; outline: none; background-color: #E3E3E3; float: right; } .galerie input:hover, .galerie input:focus { border: 2px solid #3498db; -webkit-box-shadow: 0px 0px 7px 1px #3498db; -moz-box-shadow: 0px 0px 7px 1px #3498db; box-shadow: 0px 0px 7px 1px #3498db; } .login-button { width: 100%; height: 50px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 1.3em; padding: 0px 20px; vertical-align: top; border: none; border-radius: 5px; outline: none; background-color: #3498db; } .spinner { display: none; text-align: center; } .alert-danger { margin-top: 15px; margin-bottom: 0px; text-align: center; } .alert-success { margin-top: 15px; margin-bottom: 0px; text-align: center; } .examples { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; margin-bottom: 150px; } .galerie h2 { font-family: 'Roboto', arial, verdana; font-size: 2em; color: #2D2F32; text-align: center; margin-bottom: 30px; } .logout { margin-top: 20px; text-align: right; } .logout {text-align: center;} .logout .blue-button { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .gal { padding: 0; text-align: center; } .download { margin-top: 30px; margin-bottom: 30px; text-align: center; } .log-error { margin-top: 150px; text-align: center; } .log-error p { text-align: center; font-family: 'Roboto', arial, verdana; font-size: 2em; color: #2D2F32; } .fa-download, .fa-sign-out, .fa-sign-in {margin-right: 5px;} /* Impressum */ .impressum { margin-top: 110px; margin-bottom: 50px; padding-top: 10px; padding-bottom: 10px; width: 100%; max-width: 1170px; background-color: rgba(255,255,255,0.3); } .impressum h1 { font-family: 'Roboto', arial, verdana; font-size: 3em; color: #2D2F32; padding-bottom: 20px; } .impressum h2 { font-family: 'Roboto', arial, verdana; font-size: 1.6em; color: #2D2F32; padding-bottom: 10px; margin: 0; } .impressum p { font-size: 1em; color: #2D2F32; } /* Datenschutz */ .datenschutz { margin-top: 30px; width: 100%; max-width: 1170px; height: 100%; } .datenschutz-content { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } /* Contact */ .contact { margin-top: 30px; margin-bottom: 50px; padding-bottom: 10px; width: 100%; max-width: 1170px; } .contact h1 { font-family: 'Oswald', sans-serif; font-size: 3em; color: #2D2F32; padding-bottom: 20px; margin-bottom: 0px; } .contact form { width: 100%; } .contact .first_input, .contact .email, .contact .telefon { height: 50px; width: 100%; padding: 0px 20px; vertical-align: top; border-radius: 5px; color: #484848; font-family: 'Roboto', arial, verdana; font-size: 1.3em; background-color: #E3E3E3; } .email, .telefon {margin-top: 20px;} .contact textarea { width: 100%; max-width: 1070px; height: 220px; padding: 10px 20px; vertical-align: top; border-radius: 5px; margin: 20px 0px; color: #484848; font-family: 'Roboto', arial, verdana; font-size: 1.3em; background-color: #E3E3E3; } .contact input:hover, .contact input:focus, .contact textarea:hover, .contact textarea:focus { border: 2px solid #3498db; -webkit-box-shadow: 0px 0px 7px 1px #3498db; -moz-box-shadow: 0px 0px 7px 1px #3498db; box-shadow: 0px 0px 7px 1px #3498db; } .has-error .form-control { border: 2px solid #a94442; -webkit-box-shadow: 0px 0px 7px 1px #a94442; -moz-box-shadow: 0px 0px 7px 1px #a94442; box-shadow: 0px 0px 7px 1px #a94442; } .cap, .snd { margin-bottom: 30px; margin-top: 20px; padding: 0px; min-height: 78px; } .send { width: 304px; margin-top: auto; margin-bottom: auto; height: 60px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 1.3em; padding: 0px 20px; vertical-align: middle; border: none; border-radius: 5px; outline: none; background-color: #3498db; float: right; } /*.contact .adr {padding: 0px 35px;}*/ .zlogo { height: 45px; width: 45px; line-height: 45px; display: inline-block; vertical-align: middle; margin-bottom: 20px; margin-top: 0px; margin-left: -5px; } .contact .adr h4 { color: #2D2F32; font-family: 'Roboto', arial, verdana; font-size: 1.8em; line-height: 45px; margin-bottom: 20px; margin-top: 0px; display: inline-block; vertical-align: middle; } .contact .adr .first { color: #3498db; font-size: 1.6em; padding-right:18px; text-align: center; vertical-align: top; } .contact .adr td {padding-bottom: 8px;} .contact .adr p { color: #2D2F32; font-family: 'Roboto', arial, verdana; font-size: 1.3em; margin: 0px; } .contact .adr a { color: #2D2F32; font-family: 'Roboto', arial, verdana; font-size: 1.3em; text-decoration: none; } .contact .adr a:hover, .contact .adr a:focus { color: #3498db; font-family: 'Roboto', arial, verdana; font-size: 1.3em; text-decoration: none; } .map-content {padding: 0px;} .map { width: 100%; height: 400px; border: none; padding: 5px 15px 15px 15px; } /*Dialog*/ .ui-widget.contact-dialog { font-family: 'Roboto', arial, verdana; font-size: 1.5em; } .ui-widget-content.contact-dialog { background: rgba(255,255,255,0.8); border: none; color: #fff; } .ui-dialog.contact-dialog { left: 0; outline: 0 none; padding: 0 !important; position: absolute; top: 0; } .ui-dialog.contact-dialog .ui-dialog-content { background: none repeat scroll 0 0 #3498db; border: 0 none; overflow: auto; position: relative; padding: 0.5em; margin: 0; } .ui-dialog.contact-dialog .ui-widget-header { background: rgba(72,161,221,0.9); border: 0; color: #fff; font-weight: normal; } .ui-dialog.contact-dialog .ui-dialog-titlebar { padding: 0.1em .5em; position: relative; font-size: 1.3em; font-family: 'Oswald', sans-serif; } .ui-dialog.contact-dialog .ui-dialog-titlebar-close {display: none;} .ui-dialog .ui-dialog-buttonpane { background: #3498db; border: none; margin-top: 0px !important; padding: 0 3px 3px 0px!important; } .ui-dialog .ui-dialog-buttonpane button { width: 60px; height: 30px; margin: 0px; padding: 2px; color: #fff; background-color: rgba(72,161,221,0.9); outline: none; border: none; border-radius: 5px; text-align: center; font-family: 'Oswald', sans-serif; font-size: .8em; cursor: pointer; } /*Footer*/ footer { position: absolute; bottom: 0; height: 120px; width: 100%; } .footer1 { width: 100%; height: 70px; background-color: #2C3034; } .footer2 { width: 100%; height: 50px; background-color: #121417; } .foot1 { max-width: 1170px; margin: 0 auto; height: 70px; } .foot2 { max-width: 1170px; margin: 0 auto; height: 30px; } .foot1-left { text-align: left; line-height: 70px; vertical-align: middle; padding-left: 15px; } .mieten { vertical-align: middle; width: 100%; height: 70px; line-height: 70px; } .blue-button { font-family: 'Roboto', arial, verdana; font-size: 1.3em; background-color: #4496DE; border: 0; } .foot1-right { text-align: right; line-height: 70px; vertical-align: middle; padding-left: 15px; } .foot1-right a {color: #fff;} .foot1-right i { color: #fff; font-size: 3em; vertical-align: middle; margin-left: 10px; } .foot1-right i:hover, .foot1-right i:focus {color: #4496DE;} .foot2-left { color: #fff; background-color: #121417; font-family: 'Oswald', sans-serif; font-size: 1em; text-align: left; line-height: 50px; vertical-align: middle; padding-left: 15px; } .foot2-left a, .foot2-right a {color: #fff;} .impr, .daten, .agb {margin-right: 5px;} .daten, .agb, .con {margin-left: 5px;} .foot2-right { color: #fff; background-color: #121417; font-family: 'Roboto', arial, verdana; font-size: 1em; line-height: 50px; text-align: right; vertical-align: middle; } /*Back to Top*/ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 20px; right: 15px; box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.1); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(72,161,221,0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%; border-radius: 5px; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: .5; } .no-touch .cd-top:hover { background-color: rgba(72,161,221,1); opacity: 1; } @media (max-width: 992px) { .kiste { display: block; float: none; margin-left: auto; margin-right: auto; width: 350px; } } @media (max-width: 767px) { .navb {padding: 0px;} .navbar-nav li>a { text-align: left; font-size: 1.5em; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background: #2980b9; color: #fff; border: none; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #3498db; padding: 0px; max-height: 500px; overflow: hidden; border: none; } .header { min-height: 450px; background-size: 2000px; } .cap, .snd { margin-left: auto; margin-right: auto; } .g-recaptcha > div {margin: 0 auto;} .send { display: block; margin-left: auto; margin-right: auto; float: none; } .foot1 .blue-button {font-size: 1em;} .foot1-right {line-height: 70px;} .foot1-right i {font-size: 2.3em;} .foot2-left {text-align: center;} .foot2-right {text-align: center;} .cd-top {right: 10px; bottom: 40px;} .cd-top {right: 10px; bottom: 40px;} }