/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}


button.navbar-toggler {
	background: lightgrey;
}

@media (max-width:991px) {
	.navbar-nav {
	border: 1px solid grey !important;
	background: #222429 !important;
	}
}

.header {
	background-color: #222429;
}

#header-area .header .navbar li a {
	color: white;
}

.banner, .banner2 {
	background: #25282e;
}

.banner__content2 {
	width: 120%;
	margin-left: -10%;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 3px;
	border-radius:.25rem;
	background: lightgrey;
}

.banner__content2 {
  position: relative;
  text-align: center;
  color: white;
}

.banner__content2-text {
	position: absolute;
	top: 20px;
	left: 40px;
}

.banner__content2-text h3 {
	text-align: left;
	color: #E51515;
	font-size: 300%;

}
.banner__content2-text h3 span {
	color: white;
	font-size: 60%;
}

@media (max-width:1350px) {
.banner__content2 {
	width: 100%;
	margin-left: 0%;
}
}

@media (max-width:991px) {
.banner__content2-text {
	top: 15px;
	left: 30px;
}

.banner__content2-text h3 {
	font-size: 200%;
}
.banner__content2-text h3 span {
	font-size: 60%;
}
}

@media (max-width:769px) {
	.banner__content2-text {
	left: 15px;
  }
	
.banner__content2-text h3 {
	line-height: 1em;
  }
}

@media (max-width:410px) {
	
  .banner__content2-text h3 {
	line-height: 0.8em;
  }
}

/* index 2 banner end */

.banner--fixed-bg .single__banner .banner__content h3{
	color: #E51515;
	margin-left: -100px;
	margin-top: -100px;
	font-size: 300%;
}

.banner--fixed-bg .single__banner .banner__content h3 span{
	color: white;
	font-size: 60%;
}

@media (max-width:1310px) {
 .banner--fixed-bg .single__banner .banner__content h3 {
	margin-left: -30px;
	margin-top: -300px;
 }
}

@media (max-width:1050px) {
 .banner--fixed-bg .single__banner .banner__content h3 {
	margin-left: -10px;
	margin-top: -350px;
 }
}

@media (max-width:991px) {
 .banner--fixed-bg .single__banner .banner__content h3 {
	margin-left: -100px;
	margin-top: -150px;
 }
 
 .navbar.navbar-expand-lg.menu {
	margin-top: 0px;
 }
}

@media (max-width:890px) {
 .banner--fixed-bg .single__banner .banner__content h3 {
	margin-left: -10px;
	margin-top: -250px;
	line-height: 1em;
 }
}

#lg-download, .lg-fullscreen, #lg-share, #lg-zoom-in, #lg-zoom-out, #lg-actual-size {
	display: none;
}

#service h2 {
	margin-bottom: -40px;
}

.service__inner {
	margin-bottom: -30px;
}

.service__inner.sc_last2 {
	margin-bottom: -100px;
}

.footer .logo h3 {
	color: #E51515;
}

.pt-button--red{
	background-color: #E51515;	
}

.services .service {
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

@media (max-width:890px) {
	.services .service {
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	}
}

.about__content p.leseprobe_1 {
	margin: 10px 0 5px;	
}

.about__content p.leseprobe_2 {
	margin: 40px 0 5px;
}

.about__content ul, .about__content ol {
    list-style: disc;
    line-height: 2.5em;
	padding-left: 2em;
	font-size: 120%;
}

.about__content h2 span {
	color: #E51515;
}

.about__content.aufmacher {
padding: 10px;
  border: 1px solid red;
	 font-size: 120%;
	 line-height: 1.8em;
	 border-radius:.25rem;
-webkit-box-shadow: 1px 1px 21px 10px rgba(0,0,0,0.55);
-moz-box-shadow: 1px 1px 21px 10px rgba(0,0,0,0.55);
box-shadow: 1px 1px 21px 10px rgba(0,0,0,0.5);
 }

@media (min-width:991px) {
 .about__content.aufmacher {
	padding: 100px;
 }
}

.portfolios .portfolio .portfolio__inner:hover .portfolio__image:before {
    visibility: visible;
    opacity: 0; 
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolios .portfolio:last-child { display: block; } 
}