/* open-sans-300 - latin */ 
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local(''), url('../../contenido/fonts/open-sans-v34-latin-300.woff2') format('woff2'), url('../../contenido/fonts/open-sans-v34-latin-300.woff') format('woff');}

/* open-sans-regular - latin */ 
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local(''), url('../../contenido/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), url('../../contenido/fonts/open-sans-v34-latin-regular.woff') format('woff');}

/* open-sans-700 - latin */ 
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local(''), url('../../contenido/fonts/open-sans-v34-latin-700.woff2') format('woff2'), url('../../contenido/fonts/open-sans-v34-latin-700.woff') format('woff');}
 


@charset "UTF-8";
/*!
* Start Bootstrap - Agency v7.0.5 (https://startbootstrap.com/theme/agency)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
*/


html {scroll-padding-top: 4.5rem;}
body {position: relative; overflow-x: hidden;}
body,p,div,td,input, a,textarea,select {font-family: 'Open Sans', Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1rem; color: #666666;}
.ganze-breite {clear: both; width: 100%; display: block; padding: 0; margin: 0; border: 0 none; font-size: 0; height: 0; line-height: 0;}

.bg-red {background-color: #A92420;}
.bg-grey {background-color: #D1D4D5;}
.container-xl.bg-grey {border-left: 1px solid #fff;border-right: 1px solid #fff; padding:0;}

#logo {margin: 40px auto;}
//#page-top nav .container-xl {flex-direction: column;}
#page-top nav .container-xl {flex-direction: row;}
#navbarsExample {width: 100%; border-top: 1px solid #fff;background-color: #A3A8AA;}
#navbarsExample ul {text-align: left; margin: 0 auto;}

#page-top .foto {min-width: 194px; height: 166px; border-right: 1px solid #fff;}
#page-top .header_rechts {max-width: 100%; flex-grow: 1; display: flex; flex-direction: column;}
#page-top img.bildrechts {margin: 0 0 20px 20px;}

.navbar {padding-top: 0;padding-bottom: 0;}
.navbar-dark .navbar-nav .nav-link {color: #fff; padding: 0.3 1rem;}
.navbar-dark .navbar-nav .nav-link.active {color: #A92420;} 
.navbar-dark .navbar-nav .nav-link:hover {color: #A92420;}

#navbarsExample a {font-size: 0.9rem;}

#navbarsExample ul li a {text-transform: uppercase;}
#navbarsExample ul li ul li a {text-transform: none;}


section#services {padding: 13rem 0 4rem 0;}

h1 {font-family: 'Open Sans', Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.75rem; color: #A92420; margin-bottom: 1rem;}
h2 {font-family: 'Open Sans', Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.25rem; color: #A92420; margin-bottom: 0.5rem;}
p {line-height: 1.75; margin-bottom: 0.5rem;}
footer p.sm {font-size: 0.9rem;}
footer p.lg a {font-size: 2rem;}

a {color: #A92420;text-decoration:none;}
a:hover {color: #666;}


.page-section {padding: 6rem 0;}
.page-section.bg-light.referenzen {padding: 0 0 6rem 0;}
.page-section h2.section-heading, .page-section .section-heading.h2 {font-size: 2.5rem; margin-top: 0; margin-bottom: 1rem;}
.page-section h3.section-subheading, .page-section .section-subheading.h3 {font-size: 1rem; font-weight: 400; font-style: italic; margin-bottom: 4rem;}


#willkommen {margin: 20px 0 20px 0;}

#sparten .thema {float: left; width:28%; text-align: center; margin: 20px 1% 0 3%; padding: 0; background-color: #E8EAEA; border: 1px solid #ccc;hyphens: auto;}
#sparten .thema p.gross {color:#A92420; font-size: 16px; line-height: 24px; margin: 0;}
#sparten .thema p.gross.einzeilig {padding: 10px 0 10px 0;}


#slider {position: relative; text-align: center; margin: 90px 0 60px 0; min-height: 300px;}
#slider h2.gross {color:#A92420; font-size: 24px; line-height: 30px;}
#slider h2.gross a {color:#A92420; font-size: 30px; line-height: 30px;}

#slider p.gross, #text p.gross a {color:#A92420; font-size: 18px;}
#slider p.grossgrau {font-size: 18px;}
#slider p {font-size: 16px; line-height: 24px; margin: 0 0 12px 0; padding: 0;}
#slider a {color:#A92420;}
#slider a:hover {color:#666; text-decoration: underline;}

#slider.rot a {color:#fff;}
#slider.rot a:hover {color:#fff; text-decoration: underline;}

.col2 {float: left; width: 40%; margin: 0 5% 40px 5%;}
.col2 img.rahmenrot {border: 1px solid #A92420;}

.col3 {float: left; width: 30%; margin: 0 1.5%;}


.item-1, .item-2, .item-3 , .item-4, .item-5 {position: absolute; display: block; width: 80%;animation-duration: 45s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;}
.item-1.rot {border: 1px solid #A92420;}
.item-2.rot {border: 1px solid #A92420;}
.item-3.rot {border: 1px solid #A92420;}
.item-4.rot {border: 1px solid #A92420;}
.item-5.rot {border: 1px solid #A92420;}

.item-1.grau {border: 1px solid #ccc;}
.item-2.grau {border: 1px solid #ccc;}
.item-3.grau {border: 1px solid #ccc;}
.item-4.grau {border: 1px solid #ccc;}
.item-5.grau {border: 1px solid #ccc;}

#slider div.item-1 p.grau img {max-width: 100%; height: auto;}
#slider div.item-2 p.grau img {max-width: 100%; height: auto;}
#slider div.item-3 p.grau img {max-width: 100%; height: auto;}
#slider div.item-4 p.grau img {max-width: 100%; height: auto;}
#slider div.item-5 p.grau img {max-width: 100%; height: auto;}

#slider img.rahmenrot {border: 1px solid #A92420;}

.item-1{animation-name: anim-1;}
.item-2{animation-name: anim-2;}
.item-3{animation-name: anim-3;}
.item-4{animation-name: anim-4;}
.item-5{animation-name: anim-5;}

/*@keyframes anim-1 {*/
/*    0%, 8.3% { left: -100%; opacity: 0; }*/
/*  8.3%,25% { left: 10%; opacity: 1; }*/
/*  33.33%, 100% { left: 110%; opacity: 0; }*/
/*}*/

/*@keyframes anim-2 {*/
/*    0%, 33.33% { left: -100%; opacity: 0; }*/
/*  41.63%, 58.29% { left: 10%; opacity: 1; }*/
/*  66.66%, 100% { left: 110%; opacity: 0; }*/
/*}*/

/*@keyframes anim-3 {*/
/*    0%, 66.66% { left: -100%; opacity: 0; }*/
/*  74.96%, 91.62% { left: 10%; opacity: 1; }*/
/*  100% { left: 110%; opacity: 0; }*/
/*}*/

@keyframes anim-1 {
    0%, 5% { left: -100%; opacity: 0; }
  5%,10% { left: 10%; opacity: 1; }
  20%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
    0%, 20% { left: -100%; opacity: 0; }
  25%, 30% { left: 10%; opacity: 1; }
  40%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
    0%, 40% { left: -100%; opacity: 0; }
  45%, 50% { left: 10%; opacity: 1; }
  60%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-4 {
    0%, 60% { left: -100%; opacity: 0; }
  65%, 70% { left: 10%; opacity: 1; }
  80%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-5 {
    0%, 80% { left: -100%; opacity: 0; }
  85%, 90% { left: 10%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}


/*Übersichtsseiten*/
.bild {float: left; max-width: 218px;}
.title {padding: 0.5rem 0 0 0;}
.title a {color:#666;}
a.klein {font-size: 0.8rem;}

/*Standorte*/
.standort {float: left; background-color: #E8EAEA; max-width: 30%; margin: 0 2rem 2rem 0; padding: 2rem;}

/*Verfahren*/
.verfahren {float: left; background-color: #E8EAEA; max-width: 45%; margin: 0 2rem 2rem 0; padding: 2rem;}

/*Team*/
#services img.bild_rechts {float: right; margin: 0 0 2rem 2rem; max-width: 45%;}

/*Presse*/
#services img.pm {float: right; margin: 0 0 2rem 2rem; max-width: 45%;}

/*Veranstaltungen*/
#events {background-color: #D1D4D5;}
//#events div {border: 1px solid #cc0000;}
#events .portfolio-item {background-color: #fff;}
#events .data {padding: 10px 0 10px 15px; background-color: #A92420;}
#events .data p {color: #fff; margin: 0;}
#events .teaser {padding: 25px 0 0 15px; min-height: 150px;}
#events .teaser h4 {line-height: 2rem;}
#events .portfolio-item .link {padding: 15px;}
#events .portfolio-item .link a.btn.btn-primary {width: 100%; border-radius: 0rem;background-color: #A92420; border:0;}

/*Fotogalerien*/
#photo_grid .row {display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  padding: 0 4px;}

/* Create four equal columns that sits next to each other */
#photo_grid .column {-ms-flex: 25%;  flex: 25%;  max-width: 25%;  padding: 0 4px;}
#photo_grid .column img {margin-top: 8px;  vertical-align: middle;  width: 100%;}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
#photo_grid .column {-ms-flex: 50%;flex: 50%; max-width: 50%;}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
#photo_grid .column {-ms-flex: 100%;flex: 100%;max-width: 100%;}
}





@media (min-width: 300px) {
section {padding: 2rem 0;}
section#spacer {padding: 5rem 0 2rem 0;}
}
@media (min-width: 768px) {
section {padding: 5rem 0;}
}
.btn-xl {padding: 1.25rem 2.5rem; font-family: 'Open Sans', Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.125rem; font-weight: 700;}
.btn-social {height: 2.5rem; width: 2.5rem; display: inline-flex; align-items: center; justify-content: center; padding: 0; border-radius: 100%;}

header.masthead {padding-top: 18rem; padding-bottom: 8rem; text-align: center; color: #FFB400; background-image: url("../upload/bilder/Sidney6B_1900x1250.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover;}
header.masthead .masthead-subheading {font-size: 1.5rem; line-height: 1.5rem; margin-bottom: 25px; font-family: 'Open Sans', Arial, Verdana, Geneva, Helvetica, sans-serif;}
header.masthead .masthead-heading {font-size: 2rem; font-weight: 400; line-height: 3rem; font-family: 'Open Sans', Arial, Verdana, Geneva, Helvetica, sans-serif;}

header.spacer {height: 400px; border: 2px solid #990000;}

@media (min-width: 768px) {
 header.masthead {padding-top: 26rem; padding-bottom: 3.5rem;}
 header.masthead .masthead-subheading {font-size: 2.25rem; line-height: 2.25rem;}
 header.masthead .masthead-heading {font-size: 2rem; font-weight: 400; line-height: 2.5rem;}
}




.footer {text-align: center; font-size: 0.9rem; font-family: 'Open Sans', Arial, Verdana, Geneva, Helvetica, sans-serif;}




/*  kovalenz  */

ul.navigation_left {list-style: none; padding: 0;}
ul.navigation_left li a {color: #666666; padding: .3rem 0;}
ul.navigation_left li a.active {color: #A92420;}
ul.navigation_left li a:hover {color: #A92420;}

.dropdown-item.active, .dropdown-item:active {background-color: #A3A8AA;}

.accordion-button:not(.collapsed) {color: #990000;background-color: #fff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
.accordion-button {color: #A92420;background-color: #fff;}

.carousel-control-next, .carousel-control-prev {width: 5%;}
.carousel-caption {right: 5%; left: 5%;}


.left {float: left;width: 50%; margin: 1rem 0;}

#carouselNews .carousel-item {height: 400px;}
#carouselNews .carousel-caption {top: 25%; transform: translateY(-25%);}
#carouselNews .carousel-caption h2 {margin-bottom: 2rem;}
#carouselNews .carousel-caption h2.gross a {color: #A92420;font-size: 30px;line-height: 30px;}
#carouselNews .carousel-caption img.rahmenrot {border: 1px solid #A92420;}

@media (min-width: 576px) {
.container-sm, .container {max-width: 95%;}
}

@media (min-width: 768px) {.container-md, .container-sm, .container {max-width: 90%;}
}

@media (min-width: 992px) {.container-lg, .container-md, .container-sm, .container {max-width: 90%;}
}


	
#bildtext.text {max-width: 65%; padding: 100px 4% 0 10%; text-align: left;}

#bildtext.text p.weiss {color: #FFB400; font-weight: 500; line-height: 1.5; margin-bottom: 15px; margin-bottom: 1.5rem;}
#bildtext.text p.weiss a {color: #FFB400; text-decoration: underline;}

#bildtext.text p.linkbutton {margin-top: 50px;}
#bildtext.text .linkbutton a {font-size: 1rem; padding: 8px 30px; background-color: #FFB400;color: #fff;text-decoration: none;text-transform: uppercase;}
#bildtext.text .linkbutton a:hover {background-color: #ccc;}


/* breadcrumb */
#breadcrumb.container ul {padding: 1rem 0 0 0;}
#breadcrumb.container ul li {list-style: none;display: inline;}

.navbar-brand {margin-right: 3rem;}
span.gross {font-size: 2rem;}
img {max-width: 100%; height: auto;}
.row.ohren div {margin: 0 20px 20px 0;}

/* ScrollToTop */
#btn-back-to-top {position: fixed;bottom: 20px;right: 20px;display: none;}
.btn-warning {color: #ffc107;background-color: #000;border-color: #000;}



@media (min-width: 300px) {
#services .willkommen {padding: 0 5%;}
}

@media (min-width: 700px) {
#services .willkommen {padding: 0 15%;}
}

@media (min-width: 992px) {
#services .willkommen {padding: 0 25%;}
}
@media (max-width: 1400px) {
.container-xl {max-width: 95%;}
}

@media (max-width: 1050px) {
.seknav {display: none;}
.content-right.col-lg-10 {width: 100%;}
}


@media (max-width: 1020px) {
.standort {max-width: 30%;margin: 0 1rem 1rem 0;padding: 1rem;}
}

@media (max-width: 991px) {
#logo {margin: 10px auto;}
#page-top .foto {display: none;}
section#services {padding: 8rem 0 4rem 0;}
#carouselNews .carousel-item {height: 500px;}

}

@media (max-width: 766px) {
#services .col-sm-4 {width: 100%; max-width: 100%;}
#bildtext.text {max-width: 85%; padding: 50px 5% 0 5%; text-align: left;}
.navbar-brand {margin-right: 1rem;font-size: 1rem;}
span.gross {font-size: 1.5rem;}
.standort {max-width: 45%;margin: 0 1rem 1rem 0;padding: 1rem;}
.left {width: 100%; margin: 0 0 3rem 0;}
}

@media only screen and (max-width: 660px) {
#sparten .thema {width:60%; margin: 0 19% 15px 20%;}
}

@media only screen and (max-width: 550px) {
.standort {max-width: 100%;margin: 0 0 1rem 0;padding: 1rem;}
.col2 {float: left; width: 100%; margin: 0 0 40px 0;}

}

@media only screen and (max-width: 470px) {
.bild {float: left; max-width: 50%;}
}

footer {padding: 0; background-color: #A92420;}
footer a {color:#000;}
footer a:hover {color:#A92420;}
footer ul.list-inline.quicklinks li {padding: 0 0 10px 0;}
footer .container-xl.bg-grey {padding: 20px 20px 0 20px;}