/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
    background:#eee;
    padding-top:0 !important;
    color:#666
}
#oeffnungszeiten {
    margin-bottom:3px;
}
#oeffnungszeiten td {
    text-align: right;
}
#oeffnungszeiten .tdr-oeffn {
    padding-left:3px;
}

#map {

    width:95%;
    max-width: 800px;
    height: 392px
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.copyright-bottom {
    text-align: center;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}


.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
    -moz-animation: spin3 .7s infinite linear;
}
@-moz-keyframes spin3 {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}



/* Home Page Carousel */

.Logo {
    margin: 30px 0 0 -30px
}

a {
    color: #555;
}


a.intern, p a {
    color: blue;
    text-decoration: underline;
}

a:hover,
a:active,
a:focus {
    color: #000;
}

.orange {
    background: #FEDC24   url(/img/sonnenblume3.png) bottom right no-repeat ;
    color: #474747;
    margin: 0
}

.ohne img {
    margin-left: -15px
}

.blume {
    padding: 40px 20px
}

.blume h1 {
    font-size: 24px
}

.navbar-collapse {
    background: #FEDC24;
    margin-top: 30px;
    padding-left: 30px
}

.navbar-collapse a {
    color: #474747;
}

.navbar-collapse a:hover,
.navbar-collapse a:active,
.navbar-collapse a:focus {
    color: #000000;
}


.navbar-toggle {
    background:#555;
    color:#fff
}
.wrapper {
    background: #fff;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 30px;
    box-shadow: 3px 3px 10px #ddd
}

.thumbnail {
    border: 0
}
.thumbnail .caption {
    color:#666
}

p.intro {
    font-size:1.2em
}
ul.service {
    font-size:1.2em
}

.btn-primary {
    background-color: #FEDC24;
    border-color: #da850b;
    color: #474747;
    border-radius:0
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #FFFFFF;
    border-color: #dd0000;
    color: #474747;
    font-weight:bold;
}

.h2, h2 {
    font-size: 24px;
    color:#cc0000
}

.list-group-item
{
    border:0;
    border-bottom:solid 1px #ddd;
    border-radius:0;
    margin:0
}

h1.page-header {
    color:darkblue;
    background-color:#FFFFFF;
    font-size:1.1em;
    text-transform:uppercase
}

.abstand
{
    padding:20px 40px 0 0;
    color:#555
}
.abstand ul {
    padding:0;
    list-style-position:outside;
    padding: 0 0 0 20px
}
.abstand ul li {
    margin:0 0 10px 0
}
.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px -30px;
    padding:10px 20px 0 20px;
    color:#474747;
    background:#FEDC24;
}
.absolute {
    position:absolute;
    left:0;
    top:30px
}
.absolute-apo-a {
    position:absolute;
    left:-23px;
    top:35px
}
.caption {
    margin-left:50px
}

.glyphicon .glyphicon-align-justify {
    color:#fff
}
/* Responsive Styles */


.kontakt {
    padding:10px
}
.kontakt h3 {
    font-size:1.2em;
    border-bottom:solid 1px #eee;
    color:#cc0000
}
.kontakt h4 {
    font-size:1em;
    font-weight:bold;
    margin-top:40px
}
@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }

    .absolute-apo-a {
        position:absolute;
        left:0;
        top:35px;
        width:50px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
    footer {
        margin: 50px 0px;
    }
    .navbar-collapse
    {
        margin-top:50px
    }
    .Logo {
        left: 0;
        margin: 30px 0 0 20px;
        max-width: 150px;
        position: absolute;
        top: -10px;
    }

    .wrapper {
        padding:0
    }
    .absolute-apo-a {
        position:absolute;
        left:10px;
        top:35px;
        width:50px;
    }
}