html {
background: #f7f7f8;
}
body {
background: #f7f7f8;
}
.kopfbereich {
background: #000 !important;
}
footer {
background: #000;
}
main .gallery-item img {
border-radius: 8px;
border: 2px solid #f06f16;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);
background: #fff;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
main .gallery-item img:hover {
transform: translateY(-6px);
box-shadow: 0 12px 28px rgba(233, 108, 7, 0.25);
}
main .gallery-item img[title="kein-rahmen"],
main .gallery-item a[title="kein-rahmen"] img {
border: none;
box-shadow: none;
background: transparent;
}
main .gallery-item img[title="kein-rahmen"]:hover,
main .gallery-item a[title="kein-rahmen"] img:hover {
transform: none;
box-shadow: none;
}
/*###orange #e96c07*/
/*###türkis #009770*/
/*###grau #706f6f*/
/* source-sans-pro-regular - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url('../fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 600;
src: url('../fonts/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url('../fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 900;
src: url('../fonts/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
body {font-family: 'Source Sans Pro', sans-serif !important;}
* {
margin: 0;
padding: 0;
}
html { scroll-padding-top: 200px;}
@media (min-width:1400px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl,
.frame-container-default {
max-width:1512px
}
}
main a {
color:#f06f16 ;
text-decoration: none;
}
td, tr {}
.frame-custom-22 .gallery-item img { width: 80%;}
.frame-custom-23 .gallery-item img { width: 60%;}
.frame-custom-24 .gallery-item img { width: 40%;}
.frame-custom-25 .gallery-item img { width: 20%;}
.frame-custom-26 .gallery-item img { width: 10%;}
.frame-custom-27 .gallery-item img { width: 80%;float: left;}
.frame-custom-28 .gallery-item img { width: 60%;float: left;}
.frame-custom-29 .gallery-item img { width: 40%; float: left;}
.frame-custom-30 .gallery-item img { width: 20%;float: left;}
.frame-custom-31 .gallery-item img { width: 10%;float: left;}
.container80 .frame-inner {max-width: 80%;}
.container70 .frame-inner {max-width: 70%;}
.container60 .frame-inner {max-width: 60%;}
.container50 .frame-inner {max-width: 50%;}
.frame a[class=""], .frame a:not([class]) {
color: #303030;
}
.container .row .col .row .container {padding:0;}
.container .row .col .row .container .row {padding:0; margin:0;}
.container .row .col .row .container .row .col {padding:0; margin:0;}
main h2 {font-size: 2rem; }
.breadcrumps .hereyouare,
#pageid1 .breadcrumps {display: none;}
.breadcrumps {text-transform: uppercase; text-align: center; font-size: 1.2rem;}
.mobilehead {display: none;}
.kopfbereich .logo { margin-top: 0.4%; }
.kopfbereich .menu { }
.kopfbereich .headerright {float: right; padding-top: 22px;direction: ltr; }
.kopfbereich .textmedia {gap:0;}
.kopfbereich .frame {padding: 0; }
.kopfbereich .row {--bs-gutter-x: 0px;}
.kopfbereich { z-index: 100; position: fixed; width: 100%; transform: none; position: sticky; top: 0; border-bottom: 2px solid #f06f16; background: #000;padding-bottom: 8px;
padding-top: 8px;}
.kopfbereich .rechterbereich {float: right; margin-left: 10px; padding-top: 0.2%;}
.kopfbereich .sprachenbereich {float: right; margin-left: 10px;}
footer {background: #000; color:#fff; }
footer a {color:#fff;}
.footer_social_wrapper a {padding:1%; text-decoration: none;}
.footer_social_wrapper {text-align: center; font-size: 3rem; text-decoration: none;}
.topmenu {float:right; padding-top: 0.2%;}
.kopfbereichr + main {
padding-top: 80px;
}
main .frame a:not([class]) { color: #373e42;}
footer .frame a:not([class]) { color: #fff; text-decoration: underline;}
footer a:hover {
color: #929292 !important;
}
main a {
color: #f06f16 !important;
}
.icons h2 {text-align: center; text-transform: uppercase; margin-top: 10px;}
/* ===== Filelink-List nur auf Seite #pageid123 ===== */
/* ===== Filelink-Liste nur auf Seite #pageid123 ===== */
#pageid123 .filelink-item {border:none;}
/* Filelink-Karten nur auf Seite #pageid123 */
#pageid123 .filelink-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
list-style: none;
padding: 0;
margin: 20px 0;
}
#pageid123 .filelink-item {
flex: 1 1 250px;
border: 2px solid #d0d5da;
border-radius: 12px;
background: #fff;
padding: 24px 16px;
text-align: center;
transition: box-shadow 0.2s ease;
}
#pageid123 .filelink-item:hover {
box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}
/* Icon über Text */
#pageid123 .filelink-filename a::before {
content: "\f15b"; /* Font Awesome Icon: file-alt / file-pdf */
font-family: "Font Awesome 6 Free";
font-weight: 900;
display: block;
font-size: 48px;
color: #333;
margin-bottom: 14px;
}
/* Dateiname als Titel */
#pageid123 .filelink-filename a {
display: block;
font-size: 1.3rem;
font-weight: 700;
color: #222;
text-decoration: none;
margin-bottom: 6px;
}
/* Optional Kurzbeschreibung (falls gewünscht manuell per title-Attribut) */
#pageid123 .filelink-filename a::after {
content: "Kurzbeschreibung";
display: block;
font-size: 1rem;
font-weight: 400;
color: #666;
margin-top: 4px;
}
main .filelink-item::before {
font-family: 'Font Awesome\ 5 Free';
content: '\f15c';
margin: 0 5px 0 0px;
color: #f06f16;
font-size: 30px;
font-weight: 900;
}
.filelink-filename a {padding-top: 10px; display: block;}
.filelink-list {padding: 10px; border: 1px solid #f06f16;}
main a:hover {color:#313131;}
#hamburger a:hover { color: #f06f16 !important;}
footer .table,
main .table {max-width: 100%;}
.hellgrau {background: #efeeee; margin-bottom: 5%; margin-top: 5%; border: 4px solid white; box-shadow: 0px 0px 7px black;}
.tx-powermail .col-sm-2 { width: 100%; }
main .icons img {
max-height: 130px;
margin: 0 auto;
margin-bottom: 0px;
width: auto;
margin-bottom: 19px;
}
main .icons .item-content {margin-top: 10px;}
h1, h2, h3, h4, h5 {
padding-bottom: 0.5% !important;
color:#f06f16;
}
@keyframes h1EinfahrenUnten {
0% {
opacity: 0;
transform: translateY(40px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes balkenEinfahren {
0% {
width: 0%;
opacity: 0;
}
100% {
width: 100%;
opacity: 1;
}
}
main h1 {
position: relative;
display: table;
z-index: 1;
}
main h1::before {
content: '';
position: absolute;
top: auto;
left: 0;
bottom: 0;
height: 4px;
width: 0%;
background: rgba(240, 111, 22, 0.4);
z-index: -1;
border-radius: 4px;
transition: none;
}
main h1 {
font-size: 3.5rem;
font-weight: 900;
letter-spacing: 1px;
text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.25);
line-height: 1.1;
animation: h1Einfahren 0.8s ease forwards;
}
main h1.text-center {
margin-left: auto;
margin-right: auto;
text-align: center;
}
main h1.text-right {
margin-left: auto;
margin-right: 0;
text-align: right;
}
main h1.text-left {
margin-left: 0;
margin-right: auto;
text-align: left;
}
main h2 {
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 1.2;
display: block;
}
main h1.heading-visible::before {
animation: balkenEinfahren 0.8s ease forwards;
}
.carousel-item-bodytext a {background-color:#216096; color:#fff !important; ; padding: 6px 14px; border-radius: 4px;}
.carousel-item-bodytext a:hover {background-color:#009770 !important; }
/*###SUCHE*/
.kopfbereich .submitbutt {float: left;}
/* ===========================
HERO SLIDER - VOLLBILD
=========================== */
/* Slider Bilder */
.slick-slide img {
display: block;
width: 100%;
height: 100vh;
object-fit: cover;
object-position: center;
margin: 0 auto;
}
/* Slider Grundstruktur */
.slider {
display: table !important;
table-layout: fixed !important;
width: 100% !important;
position: relative;
background: #000;
}
/* Pfeile z-index */
.slick-prev, .slick-next {
z-index: 100000;
}
/* Slider Container */
slider .container {max-width: inherit !important; width: 100% !important;}
slider .container .col, slider .container,
slider .container .row {padding: 0; margin: 0;}
slider h2 {display: none !important;}
/* Pfeil-Positionen */
.slick-prev {left: 25px !important;}
.slick-next {right: 25px !important;}
/* Pfeil-Stil - größer & sichtbarer */
.slick-next::before,
.slick-prev::before {
color: #f06f16;
font-size: 42px;
text-shadow: 0 2px 8px rgba(0,0,0,0.6);
opacity: 1 !important;
}
/* Dots unten */
ul.slick-dots {
bottom: 3% !important;
}
/* Dots Stil */
.slick-dots li button:before {
color: #fff !important;
font-size: 10px !important;
opacity: 0.6 !important;
}
.slick-dots li.slick-active button:before {
color: #f06f16 !important;
opacity: 1 !important;
font-size: 13px !important;
}
/* Ken Burns Zoom-Effekt */
@keyframes kenBurns {
0% { transform: scale(1.0); }
100% { transform: scale(1.06); }
}
.slick-active img {
animation: kenBurns 7s ease forwards;
}
/* Dunkler Overlay für Tiefe */
.headerimage .slick-slide::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(0,0,0,0.1) 0%,
rgba(0,0,0,0.0) 40%,
rgba(0,0,0,0.4) 100%
);
pointer-events: none;
z-index: 1;
}
/* Sanftes Einblenden beim Slide-Wechsel */
.slick-slide {
transition: opacity 0.6s ease !important;
}
span.resetbutt a {max-width: 180px !important;}
/*###SUCHE*/
.copyright p {font-size: 0.8rem;}
#pageid1 .rootline {display: none;}
.rootline p {margin-bottom: 0; padding: 8px 0; text-align: center; font-size: 1rem;}
.btn:hover {background: #4f5564;}
footer a, footer, footer .ce-bodytext {color:#fff;}
header .btn-tertiary {
color: #000000;
background-color: #efeeee;}
.hintergrundbild {
background-image: url("http://newweb.avad.at/fileadmin/user_upload/Layout/Bild-100.jpg");
background-repeat: no-repeat;
height: auto;
width: 100%;
background-size: cover;
padding: 5%;
}
.hintergrundbild p{
color: white;
}
.hintergrundbild h2{
color: white !important;
}
.frame-custom-16 .gallery-item img {max-width: 150px;}
span.submitbutt input{
box-sizing: border-box !important;
display: inline-block!important;
font-size: .888em!important;
padding: 0.85em 0.2rem !important;
line-height: 1em!important;
color: #262626!important;
background-color: #fff !important;
border: 2px solid #262626!important;
border-radius: 1.5em !important;
text-decoration: none !important;
text-align: center !important;
margin: 0 !important;
font-weight: 400 !important;
cursor: pointer !important;
-webkit-transition: all .15s !important;
transition: all .15s !important;
margin-left: 10px !important;
max-width: 120px !important;
min-width: 100px !important;
}
#pageid2 .breadcrumps {display: none;}
.language ul li a {
color: #fff;
}
.t3s-slickslider .slick-slide {
padding: 0.1%;
}
/*++++++ Back to top btn ++++*/
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #E30614;
color: white;
cursor: pointer;
padding: 0.7rem;
border-radius: 2rem;
}
#myBtn:hover {
background-color: #96050e;
}
#btn-back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
z-index: 100000;
border-radius: 2rem;
border: 2px solid #000;
color: #000;
margin:0;
height: 40px;
width: 40px;
background: #fff;
opacity: 0.8;
transition: 0.3s;
}
#btn-back-to-top:hover {background: #000; color:#fff;}
/*++++++ Back to top btn Ende ++++*/
#inhalt {margin-top:2%;}
.linemargin {margin:0;}
.line {width: 43%;}
.logoicon {width: 14%;}
.kopfbereich .textmedia,
.footertext .textmedia {gap:0;}
.logoimage .gallery-item figure {max-width: 65%;margin: 0 auto;}
.teamimage .textmedia-gallery {width: 25%;}
.hunderter .megazeil,
.hunderter .ce-outer,
.hunderter .ce-row,
.hunderter .ce-gallery,
.hunderter .ce-textpic,
.hunderter .image { width: 100% !important;}
.hunderter .container {padding: 0 !important;}
.hunderter .frame {width: 100%; height: auto; margin: 0;
padding: 0;}
.hunderter .ce-gallery[data-ce-columns="3"] .ce-column {
width: 33.33333% !important;}
.hunderter {max-width: 100% !important; padding: 0 !important; z-index: 0;}
.hunderter .ce-gallery img {padding: 0;width: 100%; }
.hunderter .ce-column {padding: 0 !important ;}
.hunderter .textmedia {gap:0;}
.hunderter hr {height: 0; padding: 2% 0; background:none !important;}
.hunderter .frame-container-default {
max-width: 100%; padding: 0; margin:0;
}
.orange {background: #f06f16; margin-top: 20px; margin-bottom: 20px;}
.orange h2 {color:#fff;}
.orange .card-title {color:#f06f16;}
.headerimage {position: relative; width: 100%; overflow: hidden; margin-bottom: 0.5%;}
.headerimage .carousel-image picture {width: 100%;}
.headerimage .carousel .carousel-content-inner,
.headerimage .frame-container {min-width: 100% !important; max-width: inherit !important; padding: 0; margin:0; }
#pageid1 .headerimage .carousel .carousel-content-inner {min-height: 60vh;}
.headerimage .carousel .carousel-content { height: inherit;}
.headerimage .carousel-item-type-image .carousel-image img { width: 100%;}
.headerimage .frame {padding: 0;}
.headerimage .carousel .item {height: auto;}
.frame-custom-12 .textpic {
background: #dadada;
border: 2px solid #f06f16;
border-radius: 8px;
margin-bottom: 50px;
min-height: 440px;
padding: 10px;
}
#pageid80 .carousel-text-inner h2 {font-size: 4rem; font-weight: bold;}
#pageid80 .carousel-text-inner h3 {font-size: 2rem;}
#pageid80 .card-group-element {
width: 100%;
}
#pageid80 .carousel-backgroundimage {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/* Abdunkeln */
background-color: rgba(0, 0, 0, 0.5); /* Stärke anpassen */
background-blend-mode: darken;
}
#pageid80 .headerimage .carousel .item {min-height: 800px;}
#pageid80 .carousel-item-type-text .carousel-text-inner {padding-top: 12%;}
.headerimage .carousel-image {
display: block;
z-index: 1;
width: 100%;
}
/* Basis Card ohne Standardschatten */
.card,
.card-group-element,
.frame-custom-12 .frame-group-container .card-group-element {
box-shadow: none !important; /* vorhandenen Schatten entfernen */
}
/* Basis – NICHTS außen bewegt sich */
.frame-custom-12,
.frame-group-container {
overflow: visible;
}
/* Basis – außen bleibt ruhig */
.frame-custom-12,
.frame-group-container {
overflow: visible;
}
/* Jede Karte einzeln behandeln */
.card {
background: #ffffff;
border-radius: 10px;
overflow: hidden;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
filter 0.25s ease;
box-shadow: none !important; /* Grundschatten entfernen */
}
/* HOVER nur auf der EINZELNEN Karte */
.card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.22);
filter: brightness(0.96);
}
/* Wrapper-Element für die Karten – bleibt statisch */
.frame-custom-12 .frame-group-container .card-group-element {
border-radius: 8px;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
filter 0.25s ease;
/* kein :hover hier, damit nicht beide Karten gleichzeitig hochfahren */
}
.frame-custom-10 .image {max-width: 50%;}
.frame-custom-11 .image {max-width: 65%;}
.frame-custom-12 .image {
max-width: 55%;
margin: 0 auto;
}
.frame-custom-12 h2 {
font-size: 1.5rem;
}
.frame-custom-40 .card-group-element {
width: 30%;}
/* ===========================
PRODUKTE CARDS
=========================== */
.frame-custom-41 .card {
background: #f06f16 !important;
border: 4px solid #f06f16 !important;
border-radius: 10px !important;
overflow: hidden !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
box-shadow: 0 4px 15px rgba(240, 111, 22, 0.3) !important;
}
.frame-custom-41 .card:hover {
transform: translateY(-8px) !important;
box-shadow: 0 12px 30px rgba(240, 111, 22, 0.6) !important;
border-color: #c45a00 !important;
filter: none !important;
}
.frame-custom-41 .card-img-top {
width: 100% !important;
max-width: 100% !important;
height: 250px !important;
object-fit: contain !important;
object-position: center !important;
background: #fff !important;
padding: 20px !important;
transition: transform 0.4s ease !important;
margin: 0 !important;
border-radius: 8px 8px 0 0 !important;
display: block !important;
overflow: hidden !important;
}
.frame-custom-41 .card-img-top picture {
display: block !important;
height: 250px !important;
overflow: hidden !important;
}
.frame-custom-41 .card-img-top picture img {
width: 100% !important;
height: 250px !important;
object-fit: contain !important;
object-position: bottom !important;
}
.frame-custom-41 .card:hover .card-img-top {
transform: scale(1.07) !important;
}
.frame-custom-41 .card-title {
color: #fff !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
text-align: center !important;
padding: 10px !important;
}
.frame-custom-41 .card-footer {
background: #f06f16 !important;
border: none !important;
padding: 0 0 14px 0 !important;
}
.frame-custom-41 .card-footer .btn {
display: block !important;
margin: 0 14px !important;
background: #000 !important;
color: #fff !important;
padding: 10px 0 !important;
border-radius: 8px !important;
font-size: 1rem !important;
font-weight: 700 !important;
text-align: center !important;
transition: background 0.2s ease !important;
border: none !important;
}
.frame-custom-41 .card-footer .btn:hover {
background: #333 !important;
}
.frame-custom-40 .card-img-top {padding-top: 0px;}
.frame-space-before-extra-small {margin-top:0.5%;display: block;}
.frame-space-before-small {margin-top:3%!important;display: block;}
.frame-space-before-medium {margin-top:6% !important;display: block;}
.frame-space-before-large {margin-top:9%;display: block;}
.frame-space-after-extra-small {margin-bottom:0.5%;display: block;}
.frame-space-after-small {margin-bottom:3%;display: block;}
.frame-space-after-medium {margin-bottom:6%;display: block;}
.frame-space-after-large {margin-bottom:9%; display: block;}
.textmedia, .textpic {
grid-column-gap: rem;
gap: 0rem 2rem;
}
.grid-mit-rahmen .frame-type-textmedia {background: #dadada; border:2px solid #f06f16; border-radius: 8px; margin-bottom: 50px; min-height: 370px; padding: 10px;}
.container80 .frame {padding-top: 0;}
.container70 .frame {padding-top: 0;}
.container60 .frame {padding-top: 0;}
.container50 .frame {padding-top: 0;}
.cardgroup .card-group-element {width: 100%;}
.techdata {
margin-bottom:40px;
}
.techdatacontent p,
.techdatalabel p {margin-bottom: 0 !important;}
.techdatalabel {
width:30%;
float:left;
font-size:14px;
line-height:18px;
font-weight:500;
}
.techdatacontent {
width:65%;
float:right;
font-size:14px;
line-height:18px;
text-align:right;
}
.techdatacontent a,
.techdatacontent a:hover,
.techdatacontent a:active,
.techdatacontent a:focus {
color:#95bf2d !important;
}
.techdataseparator {
clear:both;
height:12px;
margin-bottom:10px;
border-bottom:1px solid #969696;
}
.card-img-top {max-width: 60%; margin:0 auto; padding-top: 15px;}
.card {border:3px solid #f4f4f4;}
.card-group-element-item {text-align: center;}
/* ============================================================
TEAM CARDGROUP – frame-custom-33
============================================================ */
.frame-custom-33 .card-group-element {
width: 100%;
}
.frame-custom-33 .card {
border: 1px solid #e8e8e8 !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: none !important;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
position: relative !important;
text-align: center !important;
}
.frame-custom-33 .card:hover {
transform: translateY(-6px) !important;
border-color: #e96c07 !important;
box-shadow: 0 12px 28px rgba(233, 108, 7, 0.15) !important;
}
/* Oranger Balken oben beim Hover */
.frame-custom-33 .card::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 4px !important;
width: 0 !important;
background: #e96c07 !important;
transition: width 0.3s ease !important;
z-index: 2 !important;
}
.frame-custom-33 .card:hover::before {
width: 100% !important;
}
/* Foto – runder Kreis mit orangem Ring */
.frame-custom-33 .card-img-top {
width: 140px !important;
height: 140px !important;
max-width: 140px !important;
border-radius: 50% !important;
object-fit: cover !important;
object-position: top center !important;
margin: 24px auto 24px !important;
padding: 0 !important;
border: 3px solid #fff !important;
box-shadow: 0 0 0 3px #e96c07 !important;
display: block !important;
transition: transform 0.25s ease !important;
margin-top: 40px !important;
}
.frame-custom-33 .card:hover .card-img-top {
transform: scale(1.06) !important;
}
/* Card Body – orangener Hintergrund für Name + Rolle */
.frame-custom-33 .card-body {
background: #e96c07 !important;
padding: 14px 18px !important;
}
.frame-custom-33 .card-body a{
color: #fff !important;
}
.frame-custom-33 .card-title {
font-size: 17px !important;
font-weight: 700 !important;
color: #fff !important;
margin-bottom: 4px !important;
line-height: 1.25 !important;
}
.frame-custom-33 .card-body > p:first-of-type {
font-size: 15px !important;
font-weight: 700 !important;
text-transform: none !important;
letter-spacing: 0.08em !important;
color: rgba(255, 255, 255, 0.85) !important;
margin-bottom: 0 !important;
}
.frame-custom-33 .card-footer a {
color: #e96c07 !important;
text-decoration: none !important;
word-break: break-all !important;
display: block !important;
}
.frame-custom-33 .card-footer a:hover {
color: #1a1a1a !important;
}
.frame-custom-33 .card-group-element {
width: 60% !important;
margin: 0 auto !important;
}
/* Tablet */
@media (max-width: 1024px) {
.frame-custom-33 .card-group-element-item {
flex: 1 1 calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
}
}
.frame-custom-34 .card-group-element {
width: 90%; margin:0 auto;
}
#pageid80 .frame-custom-12,
#pageid80 .card-body {
overflow: hidden;
}
/* Ausgangszustand */
#pageid80 .frame-custom-12 .frame-group-container,
#pageid80 .card-body {
background: #ffffff;
border-radius: 10px;
transition:
transform 0.3s ease,
box-shadow 0.3s ease,
filter 0.3s ease;
}
/* Hover-Effekt */
#pageid80 .frame-custom-12:hover .frame-group-container,
#pageid80 .card-body:hover {
transform: translateY(-6px);
box-shadow: 0 12px 25px rgba(0,0,0,0.20);
filter: brightness(0.96);
}
/* Ausgangszustand des Inhalts */
.grid-mit-rahmen .frame-type-textmedia {
transition:
transform 0.3s ease,
box-shadow 0.3s ease,
filter 0.3s ease;
}
/* Hover-Effekt direkt auf .frame-type-textmedia */
.grid-mit-rahmen .frame-type-textmedia:hover {
transform: translateY(-6px);
filter: brightness(0.96);
}
/* Bild skalieren */
.grid-mit-rahmen .frame-type-textmedia .frame-group-container img {
max-width: 125px;
padding: 10px;
height: auto;
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}
/* CardGroup schmäler - Fix */
.frame-custom-40 .card-group-element-columns-2 {
flex-direction: row !important;
flex-wrap: wrap !important;
width: 100% !important;
}
.frame-custom-40 .card-group-element-item {
width: 48% !important;
flex: 0 0 48% !important;
min-width: 0 !important;
}
.frame-custom-40 .card {
writing-mode: horizontal-tb !important;
width: 100% !important;
}
.frame-custom-40 .card-img-top {
max-width: 50px !important;
padding-top: 8px !important;
}
.frame-custom-40 .card-title {
font-size: 0.75rem !important;
}
.frame-custom-40 .card-body {
padding: 0.5rem !important;
}
/* 3 Cards - kompakter */
.frame-custom-40 .card-group-element-columns-3 {
flex-direction: row !important;
flex-wrap: wrap !important;
width: 100% !important;
}
.frame-custom-40 .card-group-element-columns-3 .card-group-element-item {
width: 32% !important;
flex: 0 0 32% !important;
min-width: 0 !important;
}
.frame-custom-40 .card-group-element-columns-3 .card-title {
font-size: 0.7rem !important;
}
.frame-custom-40 .card-group-element-columns-3 .card-body {
padding: 0.4rem !important;
}
/* CardGroup schmäler - Fix + Design */
.frame-custom-40 .card-group-element-columns-2 {
flex-direction: row !important;
flex-wrap: wrap !important;
width: 100% !important;
}
.frame-custom-40 .card-group-element-columns-3 {
flex-direction: row !important;
flex-wrap: wrap !important;
width: 100% !important;
}
.frame-custom-40 .card-group-element-item {
width: 48% !important;
flex: 0 0 48% !important;
min-width: 0 !important;
}
.frame-custom-40 .card-group-element-columns-3 .card-group-element-item {
width: 32% !important;
flex: 0 0 32% !important;
}
.frame-custom-40 .card {
writing-mode: horizontal-tb !important;
background: #f06f16 !important;
border: none !important;
border-radius: 12px !important;
padding: 1.25rem 1rem !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
}
.frame-custom-40 .card-img-top {
width: 95px !important;
height: 95px !important;
max-width: 95px !important;
background: #fff !important;
border-radius: 50% !important;
padding: 3px !important;
margin: 0 auto 12px !important;
object-fit: contain !important;
}
.frame-custom-40 .card-title {
font-size: 18px !important;
color: #fff !important;
font-weight: 700 !important;
}
.frame-custom-40 .card-body {
padding: 0 !important;
}
.frame-custom-40 .card-body p {
font-size: 16px !important;
font-weight: 700 !important;
color: #fff !important;
}
.frame-custom-40 .card .btn {
display: block !important;
background: #000 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
padding: 10px 16px !important;
border-radius: 6px !important;
margin-top: 12px !important;
border: none !important;
}
.frame-custom-40 .card-group-element-item .card-text {
font-size: 11px !important;
color: rgba(255,255,255,0.8) !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
}
/* Button Hover Effekt */
.frame-custom-40 .card .btn {
transition: all 0.2s ease !important;
}
.frame-custom-40 .card .btn:hover {
background: #333333 !important;
color: #fff !important;
transform: translateY(-2px) !important;
transition: all 0.2s ease !important;
}
/* ===========================
HERO OVERLAY – Startseite
=========================== */
#pageid1 .headerimage {
position: relative;
}
#pageid1 .hero-overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
display: flex;
flex-direction: column;
justify-content: top;
margin-top: 4.5rem;
align-items: flex-start;
padding: 0 6%;
z-index: 50;
pointer-events: none;
}
#pageid1 .hero-overlay .hero-title {
display: block !important;
position: static !important;
color: #fff !important;
font-size: clamp(5rem, 6vw, 4.8rem) !important;
font-weight: 900 !important;
letter-spacing: normal !important;
line-height: 1.15 !important;
margin-bottom: 3rem !important;
padding-bottom: 0 !important;
text-shadow: 0 2px 12px rgba(0,0,0,0.5) !important;
max-width: 22ch;
animation: none !important;
}
#pageid1 .hero-overlay .hero-title::before {
display: none !important;
}
#pageid1 .hero-overlay .hero-title-accent {
color: #f06f16 !important;
}
#pageid1 .hero-overlay .hero-subtitle {
color: #f1f1f1;
font-size: clamp(2rem, 1.4vw, 1.25rem);
font-weight: 600;
max-width: 46ch;
margin-bottom: 3rem;
text-shadow: 0 1px 8px rgba(0,0,0,0.5);
}
#pageid1 .hero-cta-group {
display: flex;
flex-wrap: wrap;
gap: 1rem;
pointer-events: auto;
}
#pageid1 .btn-hero-primary,
#pageid1 .btn-hero-secondary {
display: inline-block;
padding: 1rem 2rem;
border-radius: 2.5px;
font-weight: 750;
font-size: 1.2rem;
text-decoration: none !important;
transition: background 0.25s ease, transform 0.25s ease, color 0.25s ease;
}
#pageid1 .btn-hero-primary {
background: #f06f16;
color: #fff !important;
}
#pageid1 .btn-hero-primary:hover {
background: #c9560f;
transform: translateY(-2px);
}
#pageid1 .btn-hero-secondary {
background: transparent;
color: #fff !important;
border: 2px solid #f06f16;
}
#pageid1 .btn-hero-secondary:hover {
background: rgba(255,255,255,0.15);
transform: translateY(-2px);
}
#hero-text-source {
display: none !important;
}
/* Verstecktes Video-Quell-Element */
#hero-video-source {
display: none !important;
}
/* Video-Intro-Ebene */
#pageid1 .hero-video-intro {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 40;
overflow: hidden;
pointer-events: none;
opacity: 1;
transition: opacity 1.2s ease;
}
#pageid1 .hero-video-intro.hero-video-fade-out {
opacity: 0;
}
#pageid1 .hero-video-intro video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Pfeile während Video-Wiedergabe ausblenden */
#pageid1 .headerimage.hero-video-active .slick-prev,
#pageid1 .headerimage.hero-video-active .slick-next {
display: none !important;
}
#pageid1 .hero-scroll-down {
position: absolute;
bottom: 150px;
left: 50%;
transform: translateX(-50%);
z-index: 55;
background: #f06f16;
border: 2px solid #fff;
border-radius: 50%;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
cursor: pointer;
pointer-events: auto;
padding: 0;
box-shadow: 0 4px 18px rgba(0,0,0,0.45);
transition: background 0.25s ease, transform 0.25s ease;
animation: heroScrollBounce 1.8s ease-in-out infinite;
}
#pageid1 .hero-scroll-down svg {
width: 32px;
height: 32px;
}
#pageid1 .hero-scroll-down:hover {
background: #c9560f;
transform: translateX(-50%) scale(1.08);
}
@keyframes heroScrollBounce {
0%, 100% { transform: translateX(-50%) translateY(0); }
50% { transform: translateX(-50%) translateY(8px); }
}
/* Slick-Pfeil-Schriftart auch für Bootstrap-Karussells verfügbar machen */
@font-face {
font-family: "slickIcon";
font-weight: normal;
font-style: normal;
src: url("/typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/fonts/slick.woff") format("woff"),
url("/typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/fonts/slick.ttf") format("truetype");
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
background-image: none !important;
width: auto !important;
height: auto !important;
display: inline-block;
line-height: 1;
}
.carousel-control-prev-icon::before,
.carousel-control-next-icon::before {
font-family: "slickIcon" !important;
font-size: 42px;
color: rgb(240, 111, 22);
opacity: 1;
}
.carousel-control-prev-icon::before { content: "\2190"; }
.carousel-control-next-icon::before { content: "\2192"; }
.entry-content {
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.8;
color: #333;
}
/* Hauptüberschriften */
.entry-content h2 {
font-size: 32px;
font-weight: 700;
color: #222;
margin: 60px 0 25px;
padding-bottom: 15px;
border-bottom: 2px solid #d9d9d9;
}
/* Unterüberschriften */
.entry-content h3 {
font-size: 24px;
font-weight: 600;
color: #444;
margin: 45px 0 20px;
padding-left: 15px;
border-left: 4px solid #e96c07; /* Farbe nach Wunsch ändern */
}
/* Absätze */
.entry-content p {
margin: 0 0 20px;
text-align: justify;
}
/* Links */
.entry-content a {
color: #e96c07;
text-decoration: none;
font-weight: 600;
}
.entry-content a:hover {
text-decoration: underline;
}
/* Trennlinien */
.entry-content hr {
border: 0;
border-top: 1px solid #ddd;
margin: 50px 0;
}
/* Listen */
.entry-content ul,
.entry-content ol {
margin: 20px 0 20px 30px;
line-height: 1.8;
}
/* Abstand nach jedem Abschnitt */
.entry-content h2 + p,
.entry-content h3 + p {
margin-top: 15px;
}