/* CSS Hüllmann Design */
body, button, input, optgroup, select, textarea, .post-navigation a div { font-size: 20px;  line-height: 1.5; }
.corp-container { max-width: 1280px; }
header .corp-container { max-width: 100%; }
.site-header {  background: #71a4b7cc;   border-bottom: 1px solid #71a4b7cc; }
.site-header .site-header-inner { flex-direction: column-reverse; align-items: flex-end; }

.site-header .site-branding { max-width: 70vw; }

body.home .menu-not-home { display: none; }
body:not(.home) .menu-home { display: none; }

h1, h1.entry-title, h2, h3, h3.widget-title { font-size: 50px; }
.page-id-406 h2, .privacy-policy h2 { font-size: 40px; }
.page-id-406 h3, .privacy-policy h3, .page-id-406 h3.widget-title, .privacy-policy h3.widget-title { font-size: 30px; }
h1, h2, h3, h1.entry-title, h3.widget-title { line-height: 1.0 !important; }

.site-footer .widgets .widget .widget-title { font-size: 40px; font-weight: 600; text-transform: none; }
.site-footer .widget .widget-title ~ * { font-size: 20px; }
.site-footer .widget ul li, .widget-area .widget ul li {  line-height: 1.5; }

.bottom-bar { display: none; }

.homeslider .panel-layout { height: 80vh;  display: flex;  flex-flow: column; }
/*.homeslider .sow-slider-image-wrapper .panel-layout:first-child { padding-top: 4vh; } */
.homeslider .sow-slider-image-wrapper .panel-layout:first-child .panel-grid { margin-top: auto; }

.round img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.arrow-down .sow-icon-fontawesome { padding-top: 10px; }

/* .projects a .so-premium-image-overlay-text { display: flex; flex-flow: column; height: 135px; } */
/* .projects a .so-premium-image-overlay-text:after { content: "zum Projekt"; font-weight: 600; font-family: "Barlow Condensed"; font-size: 1.2em; display: block; margin-top: auto; } */

.sow-slide-nav { background: #ff6600; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;  }
.sow-slider-base [class^="sow-sld-icon-"], .sow-slider-base [class*=" sow-sld-icon-"] { padding: 0 4px; }
.sow-slider-base .sow-slide-nav { opacity: 100% !important; }

.nav-loop { display: flex; flex-flow: row;  align-items: center;   justify-content: space-between; }

.wp-block-post-navigation-link a { background: #ff6600; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; color: #fff;  padding: 6px 16.6px;   font-size: 2em;   line-height: 1.0em; font-family: "Font Awesome Free"; font-weight: 700;}
.wp-block-post-navigation-link a:hover { background: #fff; color: #ff6600; }

.nav-loop-item  { background: #ff6600; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; color: #fff;  padding: 8px 16.333px;   font-size: 2em;   line-height: 1.0em; font-family: "Font Awesome Free"; font-weight: 700;}
.nav-loop-item:hover { background: #fff; color: #ff6600; }
.nav-loop-item a { color: #fff; }
.nav-loop-item:hover a { color: #ff6600; }
.nav-loop-top button { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-transform: none; font-weight: 700; }
.nav-loop-top button a, .nav-loop-top button a.visited { color: #fff;}
.nav-loop-top button:hover { background: #fff; }
.nav-loop-top button:hover a, .nav-loop-top button:hover a.visited { color: #ff6600; }

#rmp-menu-wrap-85 .rmp-menu-item { margin: 10px 0; }
#rmp-menu-wrap-85 .rmp-menu-item-link { border-radius: 5px; }

#info { background-repeat: no-repeat; background-blend-mode: soft-light; background-position: left bottom; background-size: clamp(100px, 80%, 800px) auto !important; }
#uebermich .panel-background-overlay { background-repeat: no-repeat; background-position: right top;  }
footer.site-footer { background-image: url(https://www.huellmann-design.de/wp-content/uploads/2026/05/Klecks_weiss.svg);  background-size: contain;  padding: 30px 0px 30px 0px; background-repeat: no-repeat; background-position: left 50px bottom 40px; background-size: clamp(100px, 80%, 300px) auto !important;  }

.bilder-mit-untertiteln { margin-bottom: -10px; }
.bilder-mit-untertiteln h3.widget-title {font-size: 20px;  position: relative;  right: 20px;  bottom: 40px; font-weight: 300; margin-bottom: -15px;}

@media (max-width: 768px) {
		.site-header:not(.mobile-menu) .site-branding {  margin: 0;  text-align: right; }
		.projects .so-premium-image-overlay-text { font-size: 16px !important; }
		.arrow-down .sow-icon-fontawesome { height: 2em !important; } 
		.nav-loop-item  { padding: 8px 12px;   font-size: 1em; }
		.nav-loop-top button { font-size: 16px; }
		#uebermich .panel-background-overlay { background-size: clamp(100px, 100%, 200px) auto !important; }

  }