/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15.04.2019, 23:59:55
    Author     : sf
*/

.font-title{
    font-size: 24px;
}
.icon-size{
    font-size: 40px;
    padding-top: 20px;
    color: #0056b3;
}
.banner-content-background{
    background-color: rgb(100, 144, 255, 0.4);
} 

.photo {
    border-radius: 0% 0% ;
}
.text-center {
  text-align: center;
}
#webdesign-background{
    background-image: url("../image/notebook-web.jpg");
    background-attachment: fixed;
    filter: opacity(1);
    height: 400px;
    width: 100%;
}
.webdesign-background{
    background-image: url("../image/.jpg");
    background-attachment: ;
    filter: opacity(1);
}
#card-background{
    background-image: url("../image/world-hand-mittel.jpg");
    background-attachment: fixed;
    filter: opacity(1);
    height: 400px;
    width: 100%;
}
#projekt-background{
    background-image: url("../image/smartphone-mittel.jpg");
    background-attachment: fixed;
    filter: opacity(1);
    height: 400px;
    width: 100%;
}
#color-background{
    color: #000;
    filter:opacity(1);
}
#contact-background{
    background-image: url("../image/handshake-mittel.jpg");
    background-attachment: fixed;
    filter: opacity(1);
     height: 400px;
    width: 100%;
}
.email-background{
    background-color: rgb(100, 144, 255, 0.2);
    filter: opacity(1);
}
.cuartett{
    height: 300px;
    width: 300px;
}
.uebergang-background{
    font-size: 70px;
    //color: #002752;
    color: #fff;
}
.uebergang-background-small{
    font-size: 30px;
    color: #fff;
}
.send-message:hover{
    color: #000;
    border: #000 solid 1px;
}
.login{
    background-color: #fff;
    border-radius: 0em;
    background-color: rgb(255, 255, 255, 0.7);
    padding-left: 4rem;
    padding-right: 4rem;
}
#login-background{
    background: url("../image/world-hand-mittel.jpg") no-repeat center center fixed;
    background-attachment: fixed;
    filter: opacity(1);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.icon-form{
        font-size: 80px !important;
    }

@media (max-width: 767px) {
    #webdesign-background{
        background-image: url("../image/notebook-web4.jpg");
    }
    #card-background{
        background-image: url("../image/world-hand-web.jpg");
    }
    #projekt-background{
       background-image: url("../image/smartphone-web.jpg"); 
    }
    #contact-background{
        background-image: url("../image/handshake-web3.jpg");
    }
    .uebergang-background{
        font-size: 80px;
    }
    .icon-form{
        font-size: 50px !important;
    }
    .sigle-service{
        margin-bottom: 10px !important;
    }
    .uebergang-background{
    font-size: 60px;
    }
    .uebergang-background-small{
    font-size: 25px;
    }
    .thumb{
    max-width: 75%;
    margin-left: auto;
    margin-right: auto
    }
    
}
@media (max-width: 600px) {
    .login{
        margin-left: 6rem;
    }
    body{
        overflow-x: hidden;
    }
    
}
@media (max-width: 767px) {
    .login{
        margin-left: 4rem;
    }
}

.form-control {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 0em;
}

.primary-btn {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 0rem;
  background-color: white;
  color: #495057;
}

.primary-btn:hover {
  background-color: rgb(100, 144, 255, 0.7);
}

.gi{
    font-size: 100px;
}

.section-footer{
    padding: 30px 0;
}
.footer-bottom{
    padding-top: 0px;
}