/**************************************************************************************************************/
/*                                                    
/*    Firma:              UVEK/BFE/AMP/PU               
/*    Umsetzung:          Tanja Pulver / Stv. Nour-Eddine Bouazdia                        
/*    Zweck:              SPA BFE                         
/*    Letzte Änderung:    Bern, 15.12.2025 
/*    Version:            Alpha, 1.2    
/*                                                                                                                                                      
/*    Diese Datei und sämtliche damit verbundenen Funktionen und Komponenten sind Eigentum des BFE                                             
/*    und unterliegen den gesetzlichen Bestimmungen betreffend geistigen                        
/*    Eigentums und den damit verbundenen Nutzungsrechten. Dabei hat der                    
/*    Kunde die Geheimhaltungspflicht, sowie allfällige Eigentumsvorbehalte                     
/*    einzuhalten. Änderungen an den Files oder die Herausgabe von Source                   
/*    Code und / oder Files ohne schriftliche Zustimmung vom BFE                        
/*    ist untersagt und hat strafrechtliche Konsequenzen. 
/*    BFE / CD Bund - Design Tokens (Global Scope, :root)
/*    Zweck: Zentrale Steuerung von Farben, Typografie, Abständen
/*    Accessibility: Alle Textfarben >= 4.5:1 auf hellem Grund
/*    Keine externen Icon-Fonts; Unicode/Inline-SVG bevorzugen                                 
/*  
/**************************************************************************************************************/
/*    DEFAULT SETTINGS
/**************************************************************************************************************/
html, body {
  font-family: "Frutiger Neue",Helvetica,Arial,sans-serif;
  font-size: 100%;
  line-height: 1;
  color: #454545;
  height:auto;
  background:#FFF;                              
  text-align:left;
  margin:0;
  width:100%;
  overflow-x:hidden;
}
.printBtn{
border-radius: 5px;
padding: 10px;
border: 1px solid #db0018;
text-decoration:none;
background:#db0018;
color:#FFF;
}
.printBtn:hover{
border: 1px solid #a90215;
background:#a90215;
}
.contLinks:hover{
text-decoration:underline;
}
.spacerDiv{
width:100%;height:20px;
}
.spacerBartop{
width:100%;height:10px;
}
.spacerBar{
width:100%;height:30px;
}
.spacerDivPrint{
width:100%;
height:30px;
border-top: 1px solid #454545;
margin-top: 20px;
}
.contElement{
  margin: 0px auto;
  padding: 90px 15px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-flow: row;
  -moz-box-pack: justify;
  justify-content: center;
  flex-wrap:wrap;
  /*margin-right: 15px;*/
}
.boxElement{
  cursor: pointer;
  height: 100%;
  width:30%;
  justify-content:flex-start;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 15px;
  padding: 10px;
  margin:10px;
  max-height:300px;  min-height:300px;
  box-sizing: border-box;
  transition: box-shadow 0.2s, transform 0.2s;
  background:#ffffff;
  display:flex;
}
.boxElement:hover{
  transform: scale(1.05);
  box-shadow: rgba(0, 0, 0, 0.18) 0px 11px 44px;
  z-index: 888;
}
.dispTitel{color:#454545;line-height:160%;line-height:1.2;font-size:1.6rem;}
.btnTxt{margin:0px 10px;white-space: nowrap;vertical-align:middle;}
.icoReset{margin:-1px 0px 0px -6px;width:17px;height:17px;}
.icoDetails{height:17px;vertical-align:middle;}
.icoClear{margin:2px 0 -3px 3px;}
.icoClosedetail{margin:2px 0 0px 3px;}
.titelBox{font-weight:bold;text-align:left;line-height:130%;color:#454545;padding-right:10px;font-size:16px;}
.lineBox{width:100%;height:1px;}
.descBox{width:100%;font-size:95%;max-height:95px;line-height:18px;font-weight:normal;color:#454545;}
.mehrBtn{ width:100%;vertical-align:bottom;margin-top:auto;justify-content:center;display:flex;}
.boxFilters{ display:inline-flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;/*background:#f5f5f5*/;width:100%; }
.detailElement{ display:flex;z-index:+10;width:100%;height:100%;background:#FFF;display:none; }
.zusInfos{
width: 100%;
justify-content: center;
background: #db0018;
border: #db0018 solid 1px;
border-radius: 3px;
color: #fff;
padding: 10px;
font-weight: normal !important;
text-align:center;
}
.zusInfos:hover{ background:#a90215;border:#a90215 solid 1px;}
.zurBtn{ display:inline-flex;justify-content:left;position:relative;background:#db0018;border:#db0018 solid 1px;border-radius:3px;padding:5px;margin:5px 10px 5px 20px;color:#fff;width:200px;cursor:pointer;}
.boxMainFilter{width:100%;background-color:#CCC;}
.boxContL{width:60%;position:relative; top:13px;}
.boxContR{width: 40%; margin: 0px 0 0 60%; text-align: right;position: relative;top: -13px;}
.boxLine{width:100%;border-bottom:solid 1px #666;margin:0px 0 15px 0;}
.boxSetfilter{height:20px;background:#666666;border:#CCC solid 1px;border-radius:15px;padding:6px 8px 8px 11px;margin:5px 5px 5px 0px;cursor:pointer;color:#ffffff;}
.container{
display: grid !important;
grid-template-columns: 2.5fr 0.1fr 1fr !important;
gap: 20px !important;
box-shadow: rgba(0, 0, 0, 0.13) 0px 11px 44px !important;
background:#FFF !important;
padding:0 15px 0 15px;
z-index:101;
line-height: 20px;
}
.divClose{text-align:right;margin-top:20px;}
.imgLogos{max-width:200px;}
.boxFiltersTop{width:100%;background:#CCC;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 3px;gap: 3px;position:relative;z-index:999;background-color:#CCCCCC;}
.boxFilterA{width:33.33%;display:block;position:fixed;z-index:+9999;}
.boxFilterB{width:33.33%;display:block;position:fixed;z-index:+9999;margin:0 0 0 33.33%;background-color:#CCCCCC;}
.boxFilterC{width:33.33%;display:block;position:fixed;z-index:+9999;margin:0 0 0 66.66%;background-color:#CCCCCC;}
.boxFiltersBottom{width:100%;background:#CCC;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 3px;gap: 3px;position:relative;z-index:998;margin:60px 0 0 0;background-color:#CCCCCC;}
.boxFilterD{width:33.33%;display:block;position:fixed;z-index:+9999;;}
.boxFilterE{width:33.33%;display:block;position:fixed;z-index:+9999;margin:0 0 0 33.33%;background-color:#CCCCCC;}
.boxFilterF{width:33.33%;display:block;position:fixed;z-index:+9999;margin:0 0 0 66.66%;background-color:#CCCCCC;height:60px;}
.infBox {
display:none;
position:absolute !important;
top:0px !important;
bottom:0px !important;
right:0px !important;
left:0px !important;
width: 100% !important;
max-width: 800px !important;
z-index:+10 !important;
justify-content:flex-start !important;
margin: 2em auto !important;
font: 0.9em/1.2 Arial, Helvetica, sans-serif !important;
}
.container > div {
border-radius: 5px !important;
padding: 10px !important;
background-color:#FFF !important;
border: 1px solid #FFF !important;
line-height: 20px;
}
.container {
display: grid !important;
grid-template-columns: 2.5fr 0.1fr 1fr !important;
grid-gap: 10px !important;
gap: 10px !important;
line-height: 20px;
}
.container > div:last-child {
    border-radius: 5px !important;
    padding: 10px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #FFF !important;
    line-height: 20px;
    margin-bottom: 19px;
}
.contFilter{width:100%;margin:0 10px 10px 10px;background:#CCC;height:100px;text-align:left;}
.containerFilter{
  margin: 0px auto;
  max-width: 1251px;
  padding: 5px 15px 5px 15px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-flow: row;
  -moz-box-pack: justify;
  justify-content: flex-start;
  flex-wrap:wrap;
  z-index:10;
}
.filterBtn{
background-color: #f5f5f5;
border: none;
color: #454545;
padding: 10px;
width:100%;
text-align: left;
text-decoration: none;
display: inline-block;
font-size:16px;
font-weight:bold;
cursor:pointer;
}
.containerDiv{
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
grid-gap: 10px !important;
gap: 10px !important;
}
.botton{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:100%;
width:100%;
max-width:300px;
background:#f5f5f5;
padding:10px;
border:1px solid #CCC;
border-radius: 3px;
cursor:pointer;
color:#454545;
}
.dropdown{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:100%;
background:#f5f5f5;
padding:10px;
border:1px solid #CCC;
border-radius: 3px;
cursor:pointer;
}
div#dpProtype, div#dpUest{
	/* border-left:1px solid #f5f5f5;*/ 
}
.icoFilterBtn{float:right;}
.lineFilter{ width:100%;text-align:left;padding:5px;flex:1;flex-direction:column;display:flex; }
.bottomLine{width:100%;border-bottom:solid 1px #666;margin:50px 0 0 0;}
.dropdown-menu{ position:relative;display:none; background:none;z-index:+1 !important;}
.dropdown-menu2{ display:none; background:none;z-index:+1;}
.dropdown-menu3{ display:none; background:none;z-index:+1;}
.dropdown-menu4{ display:none; background:none;z-index:+1;}
.dropdown-menu5{ display:none; background:none;z-index:+1;}
.dropdown-menu6{ display:none; background:none;z-index:+1;}
.descBox strong{font-weight:normal;}
.contLinks, a{text-decoration:none;color:#006699;font-weight:normal;cursor:pointer; list-style-type:square;}
li {list-style-type:square;}
.contLinks:nth-child(1) {display:block;margin:-20px 0px 0px 0px;}
a.contLinks{display:list-item;position: relative;margin: 0px 20px -20px 18px;list-style-type:square;}
.check{position:relative;display:block;padding-left:2rem;line-height:1.3;color:#000;}
.check input[type="checkbox"]{position: absolute;left:0;top:-0.1rem;width:1.2rem;height:1.2rem;}
.check__text{display:inline;}
.divClose a {font-size:80%;}
#ProjekteOv{background-color:#cccccc;}
/*MediaQueries*/
@media screen and (min-width: 768px) and (max-width: 1024px){
	 .boxElement{width:30%;  max-height:350px;  min-height:350px;} 
	 .zusInfos{position: relative;width: 95%;display: inline-flex;justify-content: center;background: #db0018;border: #db0018 solid 1px;border-radius: 3px;color: #fff;padding: 5px;font-weight: normal !important;margin: 113px 0px 0px 0px;}
}
@media (max-width: 767px){
.boxFiltersTop > * {text-align:left;width:100%;}
.boxFiltersTop{position:relative;display:inline-block;width:100%;}
.boxFilterA{width:100%;display:grid !important;grid-template-columns:1fr !important;position:relative;z-index:99999;margin:0 0 0 0%;}
.boxFilterB{width:100%;display:grid !important;grid-template-columns:1fr !important;position:relative;z-index:99999;margin:0 0.2% 0 0;}
.boxFilterC{width:100%;display:grid !important;grid-template-columns:1fr !important;position:relative;z-index:99999;margin:0 0.2% 0 0;}
.boxFiltersBottom > * {text-align:left;width:100%;}
.boxFiltersBottom{position:relative;display:inline-block;width:100%;margin:0 0 0 0;}
.boxFilterD{width:100%;display:grid !important;grid-template-columns:1fr !important;position:relative;z-index:99999;margin:0 0 0 0%;}
.boxFilterE{width:100%;display:grid !important;grid-template-columns:1fr !important;position:relative;z-index:99999;margin:0 0.2% 0 0;}
.boxFilterF{width:100%;display:grid !important;grid-template-columns:1fr !important;position:relative;z-index:99999;margin:0 0.2% 0 0;height:10px;}
.container{grid-template-columns: 100% !important;border:1px solid #CCC;margin-bottom: 15px;}
.boxContL,.boxContR{width:100%;float:inline-end;position:relative;margin:inherit;text-align:center;margin-bottom:20px;}
.divClose{text-align:right;margin:-40px 0px 0 0;}
.boxElement{width:100%;  min-height:250px;} 
.dropdown{width:auto;}
.zusInfos:hover{ background:#a90215;border:#a90215 solid 1px;}
.contElement {padding: 0px 15px;  }
.titelBox{font-size:20px;height:auto;padding-right: 16px;line-height: initial;}
.descBox{font-size: 90%;line-height: 1.2;margin-bottom:40px;}
}