:root{ --alc-primary:#D8741C; --alc-primary-dark:#B85E11; --alc-text:#555555; --alc-border:#D9D9D9; --alc-bg:#F4F4F4; } /* Grundlayout */ body{ margin:0; font-family: "Segoe UI", Arial, Helvetica, sans-serif; color:var(--alc-text); background:var(--alc-bg); } /* HEADER */ #alc-header{ background:white; border-bottom:3px solid var(--alc-primary); } .alc-container{ max-width:1200px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:12px 20px; } .alc-brand img{ height:60px; } /* NAVIGATION */ #portal-globalnav{ display:flex; gap:30px; list-style:none; margin:0; padding:0; }

#portal-globalnav a{ text-decoration:none; color:var(--alc-text); font-weight:600; padding:8px 4px; border-bottom:3px solid transparent; transition:all .2s ease; } /* Hover = Orange */ #portal-globalnav a:hover{ color:var(--alc-primary); border-bottom:3px solid var(--alc-primary); } /* aktiver Menüpunkt (extrem wichtig für CMS!) */ #portal-globalnav .selected a, #portal-globalnav a.selected{ color:var(--alc-primary); border-bottom:3px solid var(--alc-primary); } /* HERO */ #alc-hero{ background:white; border-bottom:1px solid var(--alc-border); padding:70px 20px; text-align:center; } 

.hero-inner h1{ color:var(--alc-primary); font-size:42px; margin-bottom:8px; } .hero-inner p{ font-size:18px; } /* CONTENT */ #alc-main{ max-width:1100px; margin:40px auto; background:white; padding:30px; border:1px solid var(--alc-border); } /* Links im Content */ #content-core a{ color:var(--alc-primary); text-decoration:none; } #content-core a:hover{ text-decoration:underline; } /* Buttons (Plone nutzt .pat-button / .context) */ button, input[type=submit], .context, .documentActions a{ background:var(--alc-primary); color:white !important; border:none; padding:10px 18px; border-radius:3px; transition:.2s; } button:hover, input[type=submit]:hover, .context:hover{ background:var(--alc-primary-dark); } 

#alc-footer{ background:#3a3a3a; color:white; text-align:center; padding:30px; margin-top:60px; } #edit-zone, #portal-personaltools{ z-index:2000; } #portal-globalnav-wrapper ul{ display:flex; gap:30px; list-style:none; margin:0; padding:0; } #portal-globalnav-wrapper a{ text-decoration:none; color:var(--alc-text); font-weight:600; padding:8px 4px; border-bottom:3px solid transparent; } #portal-globalnav-wrapper a:hover{ color:var(--alc-primary); border-bottom:3px solid var(--alc-primary); } #portal-globalnav-wrapper .selected a{ color:var(--alc-primary); border-bottom:3px solid var(--alc-primary); }


.navbar-barceloneta { 
--bs-navbar-color: white; 
--bs-navbar-active-color: white; 
--bs-navbar-hover-color: white; 
--bs-navbar-background: #80828500; 
--bs-navbar-active-background: rgba(0, 0, 0, 0.2); 
--bs-navbar-hover-background: #80828500; 
margin-bottom: 10px;
}


.searchField { 
display: none;
}

.searchButton { display: none; }


#portal-breadcrumbs { display: none; }

#portal-anontools ul { display: none; }

.offcanvas-body { background-color: #f4f4f4; }