/* Add here all your css styles (customizations)

		font-family: 'Encode Sans', sans-serif;

*/

.u-header {
    font-size: 2rem;
	letter-spacing:2px;
	font-family: "Encode Sans", Helvetica, Arial, sans-serif;
	font-weight:300;
}

.g-bg-white-opacity-0_9 {
  background-color: rgb(255, 255, 255) !important;
}

.topbar {
    text-align: right;
    width: 100%;
    font-size: 12px;
	letter-spacing:none!important;
    font-family: "Encode Sans", Helvetica, Arial, sans-serif;
    font-weight:400;
}

.display-m {
    display:none;
}

/* Bildbackgrounds */
.bild_start {background-color: #e8e8e8;
	background-image: url(../img/docadvert01.jpg);background-size: cover;background-position:center;}
.bild_webdesign {background-color: #e8e8e8;
	background-image: url(../img/docadvert02.jpg);background-size: cover;background-position:center;}
.bild_ihre_website {background-color: #e8e8e8;
	background-image: url(../img/docadvert03.jpg);background-size: cover;background-position:center;}

.bg-bottom-footer {
    background-color:#256c93;
}

.bg-top-footer {
    background-color:#d8243f;
}

.nav-position{
    padding-top:30px!important;
}

.nav-size{
    font-size:0.9rem;
}

.dropdown-item{
    background:#c9b8b8;
    color: inherit !important;
}

.dropdown-item .active, .dropdown-item:active {
    background: rgba(0, 0, 0, 0.05);
    color: inherit !important;
}

 a.nav-link:hover{
    color:#ca1517!important;
}
a {
  color: #2875a7;
  outline: none;
}



.headline{position: absolute;
bottom: -7px;
left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
font-size:44px;
padding: 10px 20px;
display: inline-block;
background-color: rgba(255, 255, 255, 0.6) !important;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.g-bg-gray-light-v3 {
  background-color: #f0f5f7 !important;
  background: url(../img/doc-advert_signet_weiss.png) no-repeat;
  background-size: cover;
  background-position: 90% 50%; 
  box-shadow: 0 0 50px rgba(255, 255, 255, 1) inset;
}

.g-bg-gray-light-v3_imp {
  background-color: #f0f5f7 !important;
  background: url(../img/doc-advert_signet_weiss.png) no-repeat;
  background-size: 100%;
  background-position: 20px 180px; 
  box-shadow: 0 0 50px rgba(255, 255, 255, 1) inset;
}

.bg_signet {
  background-color: #f0f5f7;
  background: url(../img/doc-advert_signet_weiss.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: 70%;
  background-position: bottom right;
}

.g-theme-bg-gray-dark-v1 {
  background-color: #363c3f !important;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.3) inset;
}

.bg-blau {
  background-color: #256c93 !important;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.3) inset;
}

.bg-rot {
  background-color: #bc151e !important;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.3) inset;
}

.lead p{
  font-weight:300;
  font-size:16px!important;
  font-family: "Encode Sans", Helvetica, Arial, sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Encode Sans", Helvetica, Arial, sans-serif;
  
  color: #256c93;
  letter-spacing: 4px;
  text-transform:;
}

h2, .h2{
  color: #256c93;
  font-size:30px;
  font-weight:300;
  letter-spacing: 4px;
}

h3, .h3{
  font-size:22px;
  font-weight:400;
  letter-spacing: 2px;
  padding:10px 0 30px 0;
}

.startsection{
  padding-top:170px;
}

.zitat{
  font-size:24px;
  color:#eee; 
  font-weight:300;
  line-height:34px;
  font-family: 'Encode Sans', cursive;
  letter-spacing:1px;
}

.logos{
  padding:10px 20px 20px 20px;
  min-height:200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo{
  position:relative;
  bottom:0px
}

.content-box{
  padding:80px 30px;
}

.iconlist li {
    margin:0 0 10px 1.5em;
	
}

.u-icon-v3 {
    background-color: #e9e1dc;
	width: 4.5rem;
	height: 4.5rem;
}

.iconlist-ausbildung li::before {
    content: '\e00a';
    font-family: 'education-48';
    float: left;
    margin-left: -1.7em;
	margin-top:1px;
    color: #eee;
	font-size:18px;
}

.iconlist-werkzeuge li::before {
    content: '\e052';
    font-family: 'simple-line-icons';
    float: left;
    margin-left: -1.7em;
	margin-top:1px;
    color: #eee;
	font-size:18px;
}

.iconlist-coop li::before {
    content: '\e080';
    font-family: 'simple-line-icons';
    float: left;
    margin-left: -1.4em;
	margin-top:1px;
    color: #eee;
	font-size:18px;
}

.btn:hover {
    color: #ffffff!important;
    text-decoration: none;
}

/* Mobil & Media Queries */

.hamburger {
    margin-top: 18px;
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    background-color: #2288a8!important;
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 100%;
    height: 3px;
    border-radius: 0;
}


@media only screen and (max-width: 990px) {
  .topbar {
    text-align: center;
  }
}

@media only screen and (max-width: 991px) {
	.topbar {
		text-align: center;
	}
}

@media only screen and (max-width: 600px) {
	.u-header__logo-img--main{
		width: 200px!important;
		height:auto;
	}
	
	.vignette{
		width: 90px!important;
		height:auto;
	}
	
	.display-m {
		display:contents;
	}
	.display-dt {
		display:none;
	}
	
	.bild_start {background-color: #e8e8e8;
	background-image: url(../img/docadvert01_mobil.jpg);background-size: cover;background-position:center;}
	.bild_webdesign {background-color: #e8e8e8;
	background-image: url(../img/docadvert02_mobil.jpg);background-size: cover;background-position:center;}
	.bild_ihre_website {background-color: #e8e8e8;
	background-image: url(../img/docadvert03.jpg);background-size: cover;background-position:center;}
    
    .zitat{
		font-size: 1.4rem!important;
	}
	
	.h1, h1 {
		font-size: 1.6rem!important;
		letter-spacing:1px;
	}
	
	.h2, h2 {
		font-size:1.6rem!important;
		letter-spacing:1px;
	}

	.h3, h3 {
		font-size: 1.4rem;
		letter-spacing:1;
	}

}