/*
font-family:"Avenir LT W01_45 Book1475508";
font-family:"Avenir LT W01_55 Roman1475520";
font-family:"Avenir LT W01_65 Medium1475532";
font-family:"Avenir LT W01_95 Black1475556";
*/
body {
/*	font-family:'Amiri',serif;*/
/*	*/
font-family:'Avenir LT W01_45 Book1475508',sans-serif;
/*	letter-spacing: 0.03em;*/
font-size: 18px;
line-height: 26px;
/*	-webkit-hyphens: auto;
hyphens: auto;*/
color:#878786;
display:flex;
flex-direction:column;
min-height:100vH;
}
section {
flex-grow:1;
position:relative;
background-position:center;
background-size:cover;
padding:70px 0;
}
section[id="_"] {
padding:0;
}
section div[id]:first-child {
position:absolute;
margin-top:-180px;
padding-top:180px;
z-index:0;
width:1px;
}
section a {
color:inherit;
text-decoration:underline;
}
a:focus,
canvas:focus {
outline:0;
}
a:hover {
color:#dc0d15;
text-decoration:none;
}
.btn {
text-decoration:none;
background:transparent;
border-color:#dc0d15;
color:#dc0d15;
padding:2px 10px;
border-radius:0;
}
.btn:hover {
background:#dc0d15;
border-color:#dc0d15;
color:white;
padding:2px 10px;
border-radius:0;
}
em {
color:#dc0d15;
}
h1 {
font-size:30px;
text-transform:uppercase;
color:#dc0d15;
}
h2 {
font-family:"Avenir LT W01_65 Medium1475532";
text-transform:uppercase;
font-size:22px;
color:#dc0d15;
}
h3 {
text-transform:uppercase;
font-size:18px;
color:#dc0d15;
}
h5 {
font-size:12px;
}
/***********************************************************/
header {
background:linear-gradient(rgb(164,164,164) 0%,rgb(233,233,233) 28%,rgb(245,245,245) 35%,white 50%);
padding:17px 0 4px;
}
.navbar {
font-size:15px;
font-family:"Avenir LT W01_55 Roman1475520";
text-transform:uppercase;
border-bottom:2px solid #dc0d15;
}
.navbar-brand {
margin:0;
padding-bottom: 12px;
}
.navbar-expand-lg>.container {
display:block;
}
.navbar-expand-lg .navbar-nav .nav-link {
color:#878786;
padding: 5px 10px;
}
.navbar-expand-lg .navbar-nav > .nav-item > .nav-link {
padding: 4px 10px 20px;
}
.navbar-expand-lg .navbar-nav > .nav-item > .nav-link:hover {
color:#dc0d15;
}
.navbar-expand-lg .navbar-nav > .active > .nav-link:hover {
color:white;
}
.navbar-expand-lg .navbar-nav > .active > .nav-link,
.navbar-expand-lg .navbar-nav .dropdown.show > .nav-link {
background:#dc0d15;
color:white;
}
.dropdown-menu {
text-transform:none;
border:0;
border-radius:0;
background:rgba(255,255,255,0.9);
font-size:inherit;
padding: 5px 10px 3px 10px;
}
.dropdown-menu .nav-item {
border-bottom:1px solid #878786;
white-space:nowrap;
}
.dropdown-menu .nav-item:last-child {
border:0;
}
.dropdown-menu .active>.nav-link,
.dropdown-menu .nav-link:hover {
color:#dc0d15;
}
.navbar-light .navbar-toggler {
border:0;
}
/***********************************************************/
.col-lg-2 img {
position:relative;
z-index:11;
}
#kontakt {
position: fixed;
width: 540px;
right: 0;
background: white;
top: 280px;
z-index: 111;
box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
transition: transform 2s;
transform: translateX(100%);
}
#kontakt:hover {
transform:translateX(0%);
}
#kontakt>div {
overflow: hidden;
position:relative;
width:100%;
}
#kontakt::before {
content: 'Kontakt';
color: white;
background: #dc0d15;
position: absolute;
text-align: center;
line-height: 31px;
top: 0;
border: 0;
padding: 3px 16px;
transform: rotate(-90deg) translate(-28px,-68px);
left: 0;
z-index: 1;
}
.nav-tabs .nav-link {
border-top-left-radius: 0;
border-top-right-radius: 0;
border: 0;
color:#dc0d15;
font-family:"Avenir LT W01_65 Medium1475532";
padding: 12px 22px 8px;
box-shadow: 0 0 1px rgba(0,0,0,0.15);
}
.tab-content {
position: relative;
z-index: 11;
background: white;
min-height: 170px;
}
.tab-pane {
padding: 30px 22px;
}
.tab-pane h3 a {
font-family:"Avenir LT W01_95 Black1475556";
color:#dc0d15;
}
.nav-tabs {
border-bottom: 0;
box-shadow: 0 -2px 6px -6px black inset;
justify-content: space-between;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color:#dc0d15;
background-color: #fff;
box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
#css_Teaser .col-lg-3,
#css_Teaser .col-lg-4 {
display:flex;
flex-direction:column;
}
#css_Teaser h3 {
background: white;
padding: 30px 0 0 20px;
margin: 0;
}
#css_Teaser .col-lg-3 p,
#css_Teaser .col-lg-4 p {
background: white;
margin: 0;
padding: 15px 20px;
}
#css_Teaser p:first-child {
padding:0px;
}
#css_Teaser h3+p {flex-grow: 1;}
#css_Teaser p:last-child {
padding-bottom:35px;
}
/***********************************************************/
.borderless {
padding:0;
display:flex;
background-size:cover;
}
.borderless p {
background-size:cover;
background-position:center;
margin-bottom:0;
width:100%;
}
.img-responsive {
max-width:100%;
}
.borderless .img-responsive {
visibility: hidden;
}
/***********************************************************/
.aufklapp h3 {
background: rgb(207,207,207);
font-size: inherit;
line-height: 34px;
padding-left: 13px;
margin-top:20px;
position:relative;
cursor:pointer;
color:black;
}
.aufklapp h3.open {
background:#dc0d15;
color:white;
}
.aufklapp h3::after {
content:'⬇︎';
position:absolute;
right:10px;
line-height:inherit;
}
.aufklapp h3.open::after {
content:'⬆︎';
}
.aufklapp h3+ul,
.aufklapp h3+p {
margin-top:15px;
display:none;
}
.aufklapp h3+ul.open,
.aufklapp h3+p.open {
display:block;
}
/***********************************************************/
.carousel-indicators {
margin: 0;
right: auto;
left: 50%;
transform: translateX(-50%);
justify-content: flex-end;
bottom: 10px;
}
.carousel-indicators li {
border:0;
border-radius:8px;
height:15px;
width:15px;
}
.carousel-caption {
right: auto;
bottom: auto;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.carousel-caption p {
background: #dc0d15;
font-size: 25px;
width: 35%;
text-align: left;
padding: 22px 30px 17px;
line-height: 30px;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
.carousel-caption strong,
.carousel-caption b {
font-family:"Avenir LT W01_95 Black1475556";
text-transform:uppercase;
}
.carousel-item::before {
content: ' ';
position: absolute;
background: linear-gradient(90deg,white,rgba(255,255,255,0));
left: 0;
top: 0;
bottom: 0;
right: 60%;
}
/***********************************************************/
#css_Teaser p,
.zoom {
overflow:hidden;
}
#css_Teaser img,
.zoom img {
transition:transform 1s;
width:100%;
}
#css_Teaser > div > div > div:hover p img,
.kacheln > div:hover .zoom img,
.zoom:hover img {
transform:scale(1.7);
}
.scrolled #teamlink {
opacity:0;
}
.backtop {
font-size: 34px;
position: fixed;
right: -22px;
transition:right .5s;
color: #dc0d15;
bottom: 10px;
}
.scrolled .backtop {
right:15px;
}
footer {
background:#b71918;
color:white;
}
footer h3 {
color:white;
text-transform:none;
font-size:20px;
}
footer a,
footer a:hover {
color:inherit;
}
footer a:hover {
text-decoration:underline;
}
.submetamenu {
background:#dc0d15;
position:absolute;
left:0;
}
.submetamenu p {
font-size:12px;
padding:5px 0;
margin:0;}
/***********************************************************/
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1200px) {
.w-50 {width:66%!important;}
}
@media screen and (max-width: 991px) {
.w-50 {width:100%!important;}
.navbar {
font-size: 24px;
}
.navbar-expand-lg .navbar-nav .nav-link,
.navbar-expand-lg .navbar-nav > .nav-item > .nav-link {
padding:10px;
}
.carousel-caption {
max-width: 100%;
padding: 0;
}
.carousel-caption p {
font-size: 21px;
width: 54%;
line-height: 22px;
}
.carousel-item {
min-height:400px;
background-position:center center;
background-size:cover;
}
.carousel-item img {
display:none!important;
}
}