.text-columns{
column-count:2;
column-gap:40px;
}

@media(max-width:800px){
.text-columns{
column-count:1;
}
}


body{
margin:0;
font-family:'Poppins',sans-serif;
background:#f5f7fa;
color:#333;
}

header{
background:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 35px;
box-shadow:0 2px 10px rgba(0,0,0,0.08);
}
@media (max-width:768px){
header{
position:static;
}
}


.logo{
height:70px;
}

.container{
max-width:1100px;
margin:auto;
padding:35px 20px;
}

footer{
background:#1e2a38;
color:white;
text-align:center;
padding:30px;
margin-top:40px;
}

/* NAVIGATION */

nav{
display:flex;
align-items:center;
gap:30px;
margin-left:auto;
}

nav a{
text-decoration:none;
font-weight:600;
color:#333;
}

nav a:hover{
color:#0077ff;
}

/* DROPDOWN */

.dropdown{
position:relative;
}

.dropdown{
position:relative;
}

.dropdown-content{
display:none;
position:absolute;
top:100%;
left:0;
background:white;
min-width:260px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
border-radius:8px;
overflow:hidden;
z-index:999;
}



.dropdown-content a:hover{
background:#f2f2f2;
}

@media (max-width:768px){

.dropdown-content{
position:static;
box-shadow:none;
}

}

/* LEISTUNGEN LISTE */

.leistungen-liste{
list-style:none;
padding:0;
margin-top:25px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:12px;
}

.leistungen-liste li{
background:white;
padding:14px 18px;
border-radius:8px;
box-shadow:0 4px 10px rgba(0,0,0,0.05);
font-weight:500;
}

.leistungen-liste li:before{
content:"✔";
color:#0077ff;
margin-right:10px;
font-weight:bold;
}

@media (max-width: 768px) {

.container{
max-width:1100px;
margin:auto;
padding:35px 20px;
width:100%;
}

img {
width: 100%;
height: auto;
}

h1 {
font-size: 28px;
text-align: center;
}

}

@media (max-width: 768px){

header{
flex-direction:column;
align-items:flex-start;
gap:10px;
}

nav{
flex-wrap:wrap;
gap:15px;
}

}

@media (max-width:768px){

.dropdown-content{
position:static;
display:none;
width:100%;
box-shadow:none;
}

.dropdown:hover .dropdown-content{
display:block;
}

}

.dropdown-content a{
display:block;
width:100%;
padding:12px 15px;
}

}

.dropdown:hover .dropdown-content{
display:block;
}
.dropdown-content{
display:none;
}

.dropdown:hover .dropdown-content{
display:block;
}

.dropdown.open .dropdown-content{
display:block;
}


summary{
cursor:pointer;
list-style:none;
font-weight:600;
}

details[open] .dropdown-content{
display:block;
}

.dropdown-content{
display:none;
}
nav ul{
list-style:none;
margin:0;
padding:0;
display:flex;
gap:30px;
align-items:center;
}

nav li{
margin:0;
}

nav a{
text-decoration:none;
color:#333;
font-weight:600;
padding:8px 12px;
display:block;
}

nav ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 30px;
}

nav li{
list-style: none;
margin: 0;
padding: 0;
}

nav a{
text-decoration: none;
color: #333;
font-weight: 600;
padding: 8px 12px;
display: block;
}
.flachdach-bild{
text-align:center;
margin:40px 0;
}

.flachdach-bild img{
max-width:450px;
width:90%;
height:auto;
border-radius:10px;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

.flachdach-bild img{
width:420px !important;
max-width:90%;
height:auto;
display:block;
margin:30px auto;
border-radius:10px;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

@media (max-width:768px){
header{
position:relative !important;
top:auto !important;
}
}

.referenzen{
padding:80px 20px;
background:#1c1c1c;
}

.referenzen h2{
text-align:center;
color:white;
font-size:34px;
margin-bottom:50px;
}

.referenz-grid{
max-width:1300px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
grid-auto-rows:220px;
gap:15px;
}

.referenz-grid a{
overflow:hidden;
border-radius:8px;
display:block;
}

.referenz-grid img{
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.4s ease;
}

.referenz-grid img:hover{
transform:scale(1.06);
}

.small{
grid-row:span 1;
}

.tall{
grid-row:span 2;
}

.wide{
grid-column:span 2;
}

@media (max-width:900px){

.referenz-grid{
grid-template-columns:repeat(2,1fr);
grid-auto-rows:180px;
}

}

@media (max-width:500px){

.referenz-grid{
grid-template-columns:1fr;
}

}