.elementor-10807 .elementor-element.elementor-element-8607d44{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10807 .elementor-element.elementor-element-8607d44:not(.elementor-motion-effects-element-type-background), .elementor-10807 .elementor-element.elementor-element-8607d44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-10807 .elementor-element.elementor-element-3ac226a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-10807 .elementor-element.elementor-element-0cba30d > .elementor-widget-container{margin:0% 0% 4% 0%;}.elementor-10807 .elementor-element.elementor-element-0cba30d .elementor-heading-title{font-family:"Inter", Sans-serif;color:var( --e-global-color-3441304 );}.elementor-10807 .elementor-element.elementor-element-dd3e87c .elementor-button{background-color:var( --e-global-color-3441304 );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;border-radius:100px 100px 100px 100px;padding:16px 55px 16px 55px;}.elementor-10807 .elementor-element.elementor-element-dd3e87c .elementor-button:hover, .elementor-10807 .elementor-element.elementor-element-dd3e87c .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-10807 .elementor-element.elementor-element-dd3e87c .elementor-button:hover svg, .elementor-10807 .elementor-element.elementor-element-dd3e87c .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-10807 .elementor-element.elementor-element-6a7842c{--display:flex;--min-height:123px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}.elementor-10807 .elementor-element.elementor-element-6a7842c:not(.elementor-motion-effects-element-type-background), .elementor-10807 .elementor-element.elementor-element-6a7842c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/wasserstoff-campus-uebergang-blau-down.svg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-10807 .elementor-element.elementor-element-4995023{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10807 .elementor-element.elementor-element-2da7983 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-10807 .elementor-element.elementor-element-2da7983 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-10807 .elementor-element.elementor-element-2da7983{--e-icon-list-icon-size:7px;--icon-vertical-offset:0px;}.elementor-10807 .elementor-element.elementor-element-2da7983 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10807 .elementor-element.elementor-element-2da7983 .elementor-icon-list-item > a{font-weight:400;text-transform:uppercase;}.elementor-10807 .elementor-element.elementor-element-2da7983 .elementor-icon-list-text{color:var( --e-global-color-f3bc339 );transition:color 0.3s;}.elementor-10807 .elementor-element.elementor-element-0678c5c{text-align:start;}.elementor-10807 .elementor-element.elementor-element-0678c5c img{width:100%;opacity:1;}.elementor-10807 .elementor-element.elementor-element-c53e200 > .elementor-widget-container{margin:5% 0% 5% 0%;}.elementor-10807 .elementor-element.elementor-element-c53e200 .elementor-heading-title{font-weight:700;color:var( --e-global-color-973fe1d );}.elementor-10807 .elementor-element.elementor-element-61951cb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10807 .elementor-element.elementor-element-33f93ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10807 .elementor-element.elementor-element-580e967 .e-search-submit{background-color:var( --e-global-color-primary );}.elementor-10807 .elementor-element.elementor-element-580e967{--e-search-placeholder-color:var( --e-global-color-text );--e-search-input-color:var( --e-global-color-text );--e-search-input-padding-block-start:20px;--e-search-input-padding-inline-start:20px;--e-search-input-padding-block-end:20px;--e-search-input-padding-inline-end:20px;--e-search-submit-color:var( --e-global-color-3441304 );--e-search-submit-border-radius:50px 50px 50px 50px;}.elementor-10807 .elementor-element.elementor-element-580e967 .e-search-input{border-style:solid;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;}.elementor-10807 .elementor-element.elementor-element-cb3f40c{--display:flex;}.elementor-10807 .elementor-element.elementor-element-7b32104{--grid-row-gap:15px;--grid-column-gap:30px;}.elementor-10807 .elementor-element.elementor-element-7b32104 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-10807 .elementor-element.elementor-element-7b32104:after{content:"0.66";}.elementor-10807 .elementor-element.elementor-element-7b32104 .elementor-post__thumbnail__link{width:20%;}.elementor-10807 .elementor-element.elementor-element-7b32104 .elementor-post__meta-data span + span:before{content:"///";}.elementor-10807 .elementor-element.elementor-element-7b32104 .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}.elementor-10807 .elementor-element.elementor-element-7b32104.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-10807 .elementor-element.elementor-element-7b32104.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-10807 .elementor-element.elementor-element-7b32104.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-10807 .elementor-element.elementor-element-7b32104 .elementor-post__title, .elementor-10807 .elementor-element.elementor-element-7b32104 .elementor-post__title a{color:var( --e-global-color-text );}.elementor-10807 .elementor-element.elementor-element-7b32104 .elementor-post__title{margin-bottom:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10807 .elementor-element.elementor-element-3ac226a{--width:100%;}.elementor-10807 .elementor-element.elementor-element-33f93ec{--width:50%;}}@media(max-width:1024px){.elementor-10807 .elementor-element.elementor-element-dd3e87c .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-10807 .elementor-element.elementor-element-6a7842c{--min-height:20px;}.elementor-10807 .elementor-element.elementor-element-0678c5c img{width:60%;}.elementor-10807 .elementor-element.elementor-element-7b32104 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-10807 .elementor-element.elementor-element-7b32104:after{content:"0.5";}.elementor-10807 .elementor-element.elementor-element-7b32104 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-7b32104 *//* 1) Jeder Beitrag bekommt seinen eigenen grauen Kasten -> Klasse "news-archive" dem Posts-/Loop-Widget-Container geben */ .news-archive .elementor-post, .news-archive .elementor-loop-item { background-color: #f3f4f6; /* hellgrauer Hintergrund wie im Wireframe */ border-radius: 24px; padding: 24px 32px; margin-bottom: 24px; /* Abstand zwischen den Boxen */ } /* Mobil etwas luftig, aber nicht zu groß */ @media (max-width: 768px) { .news-archive .elementor-post, .news-archive .elementor-loop-item { padding: 20px 16px; } } /* Text-Bereich im Beitrag als Flex-Container nutzen */ .news-archive .elementor-post__text { display: flex; flex-direction: column; /* Titel, Text, Button untereinander */ } /* Weiterlesen-Link / -Button nach rechts schieben */ .news-archive .elementor-post__read-more { margin-left: auto; /* schiebt das Element an den rechten Rand */ } /* Falls Elementor den Link als Button stylt, optional noch: */ .news-archive .elementor-post__read-more a { display: inline-flex; /* saubere Ausrichtung, Klickfläche bleibt groß */ } /* Weiterlesen-Button im Archiv wie die anderen Buttons stylen */ .news-archive .elementor-post__read-more { background-color: #035692 !important; color: #ffffff !important; border: 2px solid #035692; border-radius: 100px; padding: 10px 15px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; } /* Hover- und Fokuszustand – etwas dunkler + sichtbarer Fokus */ .news-archive .elementor-post__read-more:hover, .news-archive .elementor-post__read-more:focus-visible { background-color: #02446f !important; border-color: #02446f; outline: 2px solid #02446f; outline-offset: 2px; } /* Mobil: sicherstellen, dass der komplette Beitrag + Text sichtbar ist */ @media (max-width: 768px) { /* Artikel selbst erzwingen */ .news-archive article.elementor-post { display: flex !important; flex-direction: column !important; overflow: visible !important; height: auto !important; } /* Vorschaubild oben, Text darunter */ .news-archive article.elementor-post .elementor-post__thumbnail { margin-bottom: 16px; display: block !important; } /* Textbereich wirklich anzeigen (egal, was Elementor/Theme sagt) */ .news-archive article.elementor-post .elementor-post__text { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; overflow: visible !important; } .news-archive article.elementor-post .elementor-post__title, .news-archive article.elementor-post .elementor-post__excerpt, .news-archive article.elementor-post .elementor-post__meta-data { display: block !important; color: #0b1320 !important; /* dunkler Text auf hellgrau, AA-konform */ } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-200.eot'); src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-200.eot?#iefix') format('embedded-opentype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-200.woff2') format('woff2'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-200.woff') format('woff'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-200.ttf') format('truetype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-200.svg#Inter') format('svg'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600.eot'); src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600.eot?#iefix') format('embedded-opentype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600.woff2') format('woff2'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600.woff') format('woff'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600.ttf') format('truetype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600.svg#Inter') format('svg'); } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 600; font-display: auto; src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600italic.eot'); src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600italic.eot?#iefix') format('embedded-opentype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600italic.woff2') format('woff2'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600italic.woff') format('woff'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600italic.ttf') format('truetype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-600italic.svg#Inter') format('svg'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800.eot'); src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800.eot?#iefix') format('embedded-opentype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800.woff2') format('woff2'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800.woff') format('woff'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800.ttf') format('truetype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800.svg#Inter') format('svg'); } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 800; font-display: auto; src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800italic.eot'); src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800italic.eot?#iefix') format('embedded-opentype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800italic.woff2') format('woff2'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800italic.woff') format('woff'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800italic.ttf') format('truetype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-800italic.svg#Inter') format('svg'); } @font-face { font-family: 'Inter'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-italic.eot'); src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-italic.eot?#iefix') format('embedded-opentype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-italic.woff2') format('woff2'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-italic.woff') format('woff'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-italic.ttf') format('truetype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-italic.svg#Inter') format('svg'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-regular-1.eot'); src: url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-regular-1.eot?#iefix') format('embedded-opentype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-regular.woff2') format('woff2'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-regular.woff') format('woff'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-regular-1.ttf') format('truetype'), url('https://wasserstoffcampus.jsdevs.de/wp-content/uploads/2026/01/inter-v20-latin-regular-1.svg#Inter') format('svg'); } /* End Custom Fonts CSS */