/* manrope-300 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap; 
  src: local(''),
       url('../Fonts/manrope-v11-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/manrope-v11-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* manrope-600 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('../Fonts/manrope-v11-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/manrope-v11-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* great-vibes-regular - latin */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/great-vibes-v19-latin-regular.woff2') format('woff2');
  font-display: swap;
}


html {font-size:20px;}
body {color:#575656; font-family:'Manrope',arial,verdana,sans-serif; font-weight:300; line-height:1; background-color:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}

/*---------------------------- ALLGEMEIN -------------------------------------*/

a {outline:none; color:#575656; text-decoration:underline; }
a:hover {color:#515455;}
:focus {outline:none; box-shadow:none!important;}
p {line-height:150%; margin-bottom:1rem;}
p:last-child {margin-bottom:0;}
img, main {border:none; display:block;}
img, video {max-width:100%; height:auto;}
video {background-color:#000;}
input, select, textarea, label {font-size:100%; font-family:inherit; color:inherit;}
h1, .h1 {font-size:2.8rem; font-family:'opera_signaturescript',cursive; text-transform:lowercase;}
h2, .h2 {/*font-size:2.8rem; font-family:'Great Vibes';*/ font-size:1rem; font-weight:600; text-transform:uppercase; color:#ac9c73;}
h3, .h3 {font-size:1rem;}
h3 u, .h3 u {font-size:1rem; text-decoration:none;}
h4, .h4 {font-size:1.25rem;}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {margin:0; padding-bottom:1rem;}
h3:only-child {padding-bottom:0;}
h1 a, h2 a, h3 a, h4 a {}
b, strong {font-weight:600;}
nav ul {list-style:none; margin:0; padding:0;}
figcaption {}
.mm-menu {text-transform:lowercase;}

/* 
  gold: #ac9c73          
  grau: #f2f2f2
*/

/*
[class*="col-"] {padding-bottom:20px;}
*/

#countdown {display:flex; justify-content:center;}
#countdown span {margin:0 5px 5px; width:50px; height:50px; border-radius:50%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #ac9c73;}

.padding {padding:30px!important;}

.btn:not(.btn-link) {display:inline-block; font-size:1rem; border:1px solid #ac9c73!important; color:#ac9c73; background-color:#fff; border-radius:0; text-decoration:none; text-transform:uppercase;}
  .btn:not(.btn-link):hover, .btn:not(.btn-link):focus {background-color:#ac9c73!important; color:#fff!important; box-shadow:none!important;}


  
/*
.clear, .wrapper:after, nav ul:after {float:none; clear:both; height:0; display:block; font-size:0; content:"."; visibility:hidden;}
*/

/*----------------------------- BEREICHE -------------------------------------*/

.helper {/*overflow-x:hidden;*/}

#top {}
  #meta {position:static; top:0; right:0; }
  #meta.sticky {position:fixed; right:0; top:10px; z-index:2; transition:all .5s ease;}
    #meta.sticky a.icons {display:block; margin:0 0 10px;}

#sujet, .bg-grey {background-color:#f2f2f2;}
  .slider img {margin:0 auto;}
  .bg-grey .ce-gallery {margin-bottom:0;}    
  
  #logo {}
    #logo img {/*animation:pulsate 6s linear 0s infinite; transform-origin:50% 50%;*/}

    a.icons {height:35px; width:35px; display:inline-block; margin-right:10px;}
    a.icons svg {display:block;}
    a.icons:last-child {margin-right:0;}
  
  #social {display:none; position:absolute; right:0; bottom:50px; z-index:1;}
    #social a.icons {margin:0 0 10px; display:block;}
  
#covid {padding:20px; color:#fff; background-color:#611713; text-align:center;} 
    
main {padding:60px 0 0;}
  #content {}      
    #content ul:not(.pagination):not(.team-list):not(.subpages):not(.ref-list), #content ol {padding-left:20px; line-height:150%; /*column-count:2; column-gap:30px;*/}
    #content ul li {padding-bottom:10px;}
    #content ul li::marker {color:#dfc267;}
    .padding {padding-bottom:15px;}
    
#nav-container {padding-top:20px; background-color:#f0f1f2;}  
  nav#main ul {display:flex; justify-content:space-between;}
    nav#main a {display:block; color:#515455; text-align:center; text-decoration:none; font-weight:600;}
      nav#main a:hover, nav#main li.active a {color:#bfa558;} 

#bottom img {margin:0 auto;}

#end {background-color:#fff;}
  #end a {text-decoration:none; color:#515455!important;}
    #end .icons {justify-content:flex-end;} 
      #end .icons a {width:20px; height:20px;}
      
  .frame-layout-1 {position:relative;}    
  .frame-layout-1:after {position:absolute; width:2000%; left:50%; margin-left:-1000%; height:50%; top:25%; background-color:#f0f1f2; z-index:-1; content:""; display:block;}

/*------------------------------ SPALTEN -------------------------------------*/
.row .ce-gallery {margin-bottom:0;}
.gray {background-color:#f0f2ef;}

/*------------------------------ POWERMAIL -------------------------------------*/
.form-control, .form-select {border-radius:0; background-color:#f0f1f2; border-color:#f0f1f2!important;}
.powermail_textarea {resize:none;}
.powermail_fieldwrap_type_check {width:100%;}

/*------------------------------ NEWS -------------------------------------*/

/* Video */
/*
.news .responsive-video {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.news-list-item.first .responsive-video {padding-bottom:43.85%;}
.news-list-item .responsive-video {padding-bottom:55.55%; max-height:500px;}
.news .responsive-video iframe {border:none; position: absolute; top:0; left:0; width:100%; height:100%;}
*/

/* Detail */
.news-single h1 {text-align:center;}
.news-single div.lead {font-weight:600; margin-bottom:10px; text-align:center;}
.news .extra {font-weight:600; color:#bfa558; margin:20px 0 10px; text-transform:uppercase;}
.news-single .news-text-wrap {margin-bottom:10px;}
.news-single .caption {margin-top:5px; font-size:14px;}

/* List */
.news-list-view .article {margin-bottom:30px!important; text-align:center; position:relative; border:1px solid #bfa558;}
.news-list-view .article .header {padding:30px;}
.news-list-view .article .header h2 a {text-decoration:none;}
.news-list-view .news-img-wrap {overflow:hidden;}
.news-list-view .news-img-wrap img {transition:transform .4s;}
.news-list-view .news-img-wrap:hover img {transform:scale(1.05);}              
.news-list-view .article:nth-child(even) .col-md-6:first-child {order:2;}
.news-list-view .news-list-tags {position:absolute; left:0; top:0; background-color:#bfa558; text-decoration:none; padding:4px 8px; font-size:14px; color:#fff;}

/* Paginierung */
.page-navigation.ajax {text-align:center;}
.page-navigation.ajax ul.pagination {display:none;}

.news .pagination {border-radius:0; margin-top:20px;}
.news .pagination .page-item .page-link {text-decoration:none; color:#bfa558;}
.news .pagination .page-item.active .page-link {background-color:#bfa558; border-color:#bfa558; color:#fff;}
.news .pagination .page-item .page-link:hover {color:#fff; border-color:#bfa558; background-color:#bfa558; }
.page-item:first-child .page-link {border-top-left-radius:10px; border-bottom-left-radius:0;}
.page-item:last-child .page-link {border-top-right-radius:0; border-bottom-right-radius:10px;}

/*------------------------- Team & Referenzen -------------------------*/

#team-container {text-align:center;}

#team-container .team-list, #ref-container .ref-list {list-style:none; padding:0;}
  #team-container .team-list li {background-color:#f0f1f2;}
  
.team-list .team-item.team-player, .ref-list .ref-item {position:relative; padding:0;}

.team-list .team-item.team-player .ahead, .ref-list .ref-item .ahead {position:relative; left:0; top:0; right:0; bottom:0; z-index:2;}
.team-list .team-item.team-player .behind, .ref-list .ref-item .behind {position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;}

.team-list .team-item.team-player .ahead.over, .ref-list .ref-item .ahead.over {animation:fadeIn 0.5s ease-in both;}
.team-list .team-item.team-player .ahead.out, .ref-list .ref-item .ahead.out {animation:fadeOut 0.5s ease-in both;}

.team-list .team-item.team-player .txt, .ref-list .ref-item .txt {position:absolute; bottom:0; width:100%; vertical-align:bottom; color:#fff; z-index:1;}
.team-list .team-item.team-player .txt div, .ref-list .ref-item .txt div {padding:10px; background-color:rgba(238, 116, 0, 1);}

.team-list .team-item.team-player img, .ref-list .ref-item img {width:100%; height:auto;}

.team-list .img-right .row {flex-direction:row-reverse;}

.team-list .team-message {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; padding:15px;}
.team-list .team-message .title {font-size:120%; font-weight:600;}
.team-list .team-message span {display:block; padding:5px;}
.team-list .team-message .company img {margin:10px auto 0; max-width:60%;}

#page-18 .team-list > li:nth-child(1) .team-message .company img {max-width:80%;}

@keyframes fadeIn {from {opacity: 1;} to {opacity: 0;}}
@keyframes fadeOut {from {opacity: 0;} to {opacity: 1;}}

/*------------------------- Referenzen -------------------------*/

#ref-container {}

ul.ref-list li {padding-bottom:30px;}
ul.ref-list li:nth-child(even) .ref-item .ahead {background-color:#fff; color:#bfa558;}

ul.ref-list li .ref-item {border:2px solid #bfa558;}

ul.ref-list li .ref-item .ahead {background-color:#bfa558; padding-bottom:100%; color:#fff;}
ul.ref-list li .ref-item .ahead span {position:absolute; left:0; top:0; display:block; width:100%; height:100%; font-size:2rem; padding:20px;}

ul.ref-list li .ref-item .behind .txt {}
ul.ref-list li .ref-item .behind .txt div {text-align:center;}


/*------------------------------ TEASER -------------------------------------*/

ul.subpages {list-style:none; padding:0;}
  ul.subpages li {padding-bottom:30px;}
    ul.subpages li .inner {padding-bottom:100%; position:relative;}
      ul.subpages li .inner a {position:absolute; left:0; top:0; width:100%; height:100%; display:block; color:#bfa558; background-color:#fff; border:2px solid #bfa558; text-decoration:none; font-size:3rem; padding:20px; transition:background 0.2s ease;}
      ul.subpages li:nth-child(odd) .inner a {color:#fff; background-color:#bfa558;}
        ul.subpages li .inner a span {}
      
      ul.subpages li .inner a:hover {background-color:#bfa558; color:#fff;}  
      ul.subpages li:nth-child(odd) .inner a:hover {background-color:#fff; color:#bfa558;}

      
/*------------------------------ AKKORDION -------------------------------------*/

/* deaktiviert mit Umstellung auf Bootstrap 5
.card {border-radius:0!important; border:none;}
.card .card-header {background-color:#fff; border-bottom:none; padding:0; border-radius:0;}
.card:nth-child(odd) .card-header, .card:nth-child(odd) .card-body {background-color:#f6f3f8;}
.card .btn.btn-link {color:#000!important; text-decoration:none; padding:1.25rem; display:block; font-weight:bold; width:100%; text-align:left;}
.card .card-body {padding-top:0;}   
*/

.accordion {--bs-accordion-active-bg: #f6f3f8;}
.accordion-button {font-weight:bold;}
  
/*------------------------------ RAD @ AKKORDION -------------------------------------*/  
#wheel-detail {margin:30px 0; position:relative; z-index:2; left:10%; top:10%; width:80%; padding-bottom:80%; background:url(../Images/rad-detail.svg) no-repeat center center; background-size:100% 100%;}
  #wheel {width:110%; height:110%; z-index:3; left:-5%; top:-5%; position:absolute; background:url(../Images/rad.svg) no-repeat center center; background-size:100% 100%; cursor:pointer; transition:transform 1s ease;}
  .wheel-content {background-color:#f0f1f2; padding-top:15px; padding-bottom:15px;}
  .wheel-content > div {display:none;}
  .wheel-content > div:first-child {display:block;}

  
/*------------------------------ MARKENCHECK -------------------------------------*/  
#questions {}
  #questions .question > div {padding:15px;}
  #questions .question:nth-child(even) {background-color:#f0f1f2;}
  #questions .custom-control-inline {line-height:1.5;}
  #questions .btn {display:block; width:100%;}
  #questions strong {padding:15px; display:block;}
  
/*------------------------------ MARKENCHECK -------------------------------------*/  
.gallery img {margin:0 auto;}
  
/*------------------------------ COOKIES -------------------------------------*/

#cookieChoiceInfo {width:100%; background-color:rgba(0, 0, 0, 0.8); margin:0px; left:0px; bottom:0px; padding:10px; z-index:1000; text-align:center; color:rgb(255, 255, 255); position:fixed;}
#cookieChoiceInfo span {display:block; margin-bottom:10px;}
#cookieChoiceDismiss {margin-right:10px;}   

/*-------------------------- MEDIA QUERIES -----------------------------------*/

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1140px;}
}

@media (max-width: 1300px){
  .slider img {object-fit:cover; height:450px;}
  #logo, #bottom img {max-width:230px;} 
}


@media (max-width: 991px){
  .container {max-width:100%;}
  
  #logo {}
  
  nav#main ul {display:block;}  
    nav#main ul li {margin:15px 0;}
    
  ul.subpages li .inner a {font-size:2.5rem;}
  
  .slider img {height:370px;}
  
  .slider:after {background-size:auto 50%;}
}

@media (max-width: 767px){

  #logo {}

  #sujet {}
  #sujet blockquote {}
  
  #end .icons  {justify-content:center;}
  
  .team-list .img-right .row {flex-direction:unset;}
  .team-list .even .row {flex-direction:row-reverse;}
  
  .news-list-view .article:nth-child(even) .col-md-6:first-child {order:0;}
  .news-list-view .article .header {padding:20px!important;}
  
  ul.ref-list li .ref-item .ahead span {padding:15px;}
  
  ul.subpages li:nth-child(n) .inner a, 
  ul.ref-list li:nth-child(n) .ref-item .ahead {color:#bfa558; background-color:#fff;}
  ul.subpages li:nth-child(n) .inner a:hover {background-color:#bfa558; color:#fff;}  
  
  ul.subpages li:nth-child(4n) .inner a, ul.subpages li:nth-child(4n + 1) .inner a,
  ul.ref-list li:nth-child(4n) .ref-item .ahead, ul.ref-list li:nth-child(4n + 1) .ref-item .ahead {background-color:#bfa558; color:#fff;}
  ul.subpages li:nth-child(4n) .inner a:hover, ul.subpages li:nth-child(4n + 1) .inner a:hover {background-color:#fff; color:#bfa558;}
  
  .news-list-view {max-width:600px; margin:0 auto;}  
  
  .frame-indent {margin-left:0; margin-right:0;}
}

@media (max-width: 575px){

  #end div {text-align:center!important;}
   
  .padding {padding-left:0!important; padding-right:0!important;}
  
  #logo, #bottom img {max-width:170px;}

  .news-list-item.first .responsive-video {padding-bottom:55.55%;}

  main {padding:30px 0 60px;}
  
  ul.subpages li:nth-child(odd) .inner a,
  ul.ref-list li:nth-child(odd) .ref-item .ahead {color:#fff; background-color:#bfa558;}
  ul.subpages li:nth-child(odd) .inner a:hover {background-color:#fff; color:#bfa558;}  
  
  ul.subpages li:nth-child(even) .inner a,
  ul.ref-list li:nth-child(even) .ref-item .ahead {background-color:#fff; color:#bfa558;}
  ul.subpages li:nth-child(even) .inner a:hover {background-color:#bfa558; color:#fff;}
  
  ul.subpages li, ul.ref-list li {max-width:300px;}
  
  .mm-listview {font-size:1.5rem; line-height:3rem;}
  
  /*
  h1, .h1 {font-size:2rem;}
  h2, .h2 {font-size:2rem!important;}
  h3, .h3 {font-size:1.25rem;}
  h4, .h4 {font-size:1.25rem;}
  */
}