@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600,700');

html,body {
    height: 100%;
    width: 100%;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    color: #222;
    overflow-x: hidden;
    
}

.logo{
    width: 30%;
    
}

.carousel-inner img {
    width: 100%;;
}

.box {
    background-color:#21afe6;
    width:100px;
}

.navbar-light .navbar-nav .nav-link {
    color: #222;
    transition: all .5ms;
    
}

.fixed-top {
    box-shadow: -4px -7px 17px 0px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #21afe6;
    border-bottom: 1px solid #21afe6;
}


.company {
    width: 25%;
    background-color: #21afe6;
    border-radius: 50%;
    padding: 15px;
}

.welcome hr {
    border-top:1px solid  #21afe6;
    width: 50%;
    margin-top: .3rem;
    margin-bottom: 1rem;
}

.padding {
    margin-top: 3rem;
}

h2 {
    color: #21afe6;
    text-align: center;
}

h3 {
    font-size: 150%;
    margin-top: 1rem;
}

.circle p {
    font-size: 20px;
}

.circle h3 {
    margin-top: 1rem;
}

.display-2 {
    background-color: #21afe6;
    font-size: 250%;
}

.img-bg {
    position: absolute;
    overflow: hidden;
    right: 0px;
    width: 750vh;
    height: auto;
}

.about-bg {
    max-width: 100%;
    background-image: url('../img/gorsses-haus-2.jpg');
}

.carousel-inner {
    max-height: 700px;
}

.about-text h2 {
    color: #fff;
}

.about {
    color: #fff;
}

.about-mitarbeiter {
    max-width: 100%;
    padding-bottom: 3rem;
    
}

.counter {
    font-size: 180%;
    font-weight: bold;
    color: #21afe6;
}

.card-title {
    font-size: 100%;
    font-weight: 600;
    text-transform: uppercase;
    
}

.karte {
   background-color: aliceblue;
}

.karte p {
    text-align: left;
    font-size: 90%;
    padding: 5px;
    margin-left: 5px;
}

.gipsworld {
    margin-bottom: 1rem;
}

.card-deck {
    padding: 30px 0;
}

.betreff {
    height: 100px;
}

.btn-primary {
    outline: none;
    border: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #21afe6;
    margin-bottom: 3rem;
    
}

#map-container {
    height: 345px;
    max-width:100%;
   
}

footer {
    background-color: #21afe6;
    padding-top: 20px;
}

footer p {
    margin-bottom: .1rem;
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    
}

h5 {
    text-align: center;
    font-size: 90%;
    color: aliceblue;
}

.light {
    background-color: #fff;
}

.navbar-toggler {
    border-none;
}


/* Large desktop */
@media (min-width: 1200px) {
    .navbar-nav {margin-right: 120px;}
    .navbar-brand{margin-left: 150px;}

 }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
        .card-deck  {flex-direction: column;}  
     }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    .card-deck  {flex-direction: column;}
    footer p {text-align: center;
                margin-bottom: 1rem;}
    footer {margin-top: 3rem;}
    .navbar-light .navbar-nav .nav-link:hover {
    color: #21afe6;
    border-bottom: none;
    }
    
 }
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    footer p {text-align: center;}
 }