a.button_widget, a.button_widget:link, a.button_widget:visited, a.button_widget:hover,a.button_widget:active{
color: white;
background-color:var(--link);
border-radius: 5px;
padding:10px 20px;
display:inline-block;
}
a.button_widget:visited{
background-color: var(--link-visited);
}
a.button_widget:hover{
background-color: var(--link-hover);
text-decoration: none;
transition: all 0.25s linear;
}
a.button_widget::after {
font-family: "FontAwesome";
font-weight: 400;
font-size:0.7em;
padding-left:25px;
content: "\f054";
position: relative;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}   .contactbox {
align-items:center;
background-repeat: no-repeat;
background-size: cover;
background-position: center; background:#a21626;
color:#fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: "Open Sans Condensed", sans-serif, arial, verdana;
font-size:1.3em;
font-weight:bold;
justify-content:space-between;
letter-spacing: 0.05em;
line-height: 1.2em;
margin-bottom:20px;
overflow: hidden;
width:100%;
}
div.buttonarea {
padding:50px 0px 20px;
}
.contactbutton {
display: inline-block;
outline: 0;
border: 0;
cursor: pointer;
will-change: box-shadow,transform; background:#b54551;
box-shadow: 0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgba(66, 35, 39, 0.3), inset 0px -3px 0px rgb(111 58 58 / 50%);
padding: 0 32px;
letter-spacing:0.05em;
border-radius: 6px;
color: #fff;
height: 48px;
font-size: 18px;
text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
transition: box-shadow 0.15s ease,transform 0.15s ease;
}
.contactbutton:hover { background:#be5c68;
transform: translateY(-2px);
}
.contactbutton:active {
box-shadow: inset 0px 3px 7px #6c2121;
transform: translateY(2px);
}
a.contbox,a.contbox:link,a.contbox:visited,a.contbox:hover,a.contbox:active{
color:#fff;
text-decoration: none;
}
a.contbox:hover{
text-decoration: none;
text-decoration: underline;
} section.einsatzgebiete {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 2rem;
padding: 0rem;
}
@media (max-width: 600px) {
section.einsatzgebiete {
grid-template-columns: 1fr; }
}
section.einsatzgebiete a.kachel {
flex-grow: 1;
margin-bottom:2em;
border-radius: 5px;
padding:0;
color:white;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.gradient-background {
background: linear-gradient(360deg,#0a3e4f,#0a4153,#0b2f3b,#010a0d,#000000);
background-size: 200% 200%;
animation: gradient-animation 8s ease infinite;
}
@keyframes gradient-animation {
0% {
background-position: 0% 30%;
}
50% {
background-position: 30% 100%;
}
100% {
background-position: 0% 30%;
}
}
section.einsatzgebiete a.kachel:hover {
text-decoration: none;
}
section.einsatzgebiete .card-content {
padding:20px;
}
section.einsatzgebiete h3  {
font-family: "Open Sans Condensed", sans-serif, arial, verdana;
font-size: 1.2em;
line-height: 1.5em;
font-weight: 700;
margin-bottom: 10px;
width: 100%;
color:white;
}
section.einsatzgebiete .innertext {
color:white;
margin-bottom:10px;
text-align: left;
}
section.einsatzgebiete .imgouter {
min-height:calc(20vw);
max-height:250px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-shadow: 0px 4px 60px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 60px -17px rgba(0,0,0,0.75);
box-shadow: 0px 4px 60px -17px rgba(0,0,0,0.75);
}
section.einsatzgebiete .imginner {
background-size: cover;
max-width:100%
}
section.einsatzgebiete a:hover .imginner  {
cursor:pointer;
transform: scale(1.1);
transition: all .5s;
}
section.einsatzgebiete ul {
list-style-type: disc;
paddin-left:20px;
margin-left:20px;
margin-bottom:0px;
}
@media(min-width: 900px){
div.buttonarea {
padding:0px;
}
}
@media(max-width: 900px){
.contactbox {
flex-direction:column;
text-align: center;
}
}#pge_area {
height:20vh;overflow:hidden; }
#vacportalvideo{
position: relative;
top: 50%;
transform: translateY(-50%);
min-height:600px;
}
@media only screen and (min-width: 900px) {
#pge_area {
height:45vh; }
}
@media only screen and (min-width: 1200px) {
#pge_area {
height:50vh; }
}
footer.frontpage {
background-color: #fff;
color: #151956;
margin-top: 0px;
padding-top: 50px;
padding-bottom: 20px;
}
footer.frontpage * {
color: #151956 !important;
}
body.frontpage {
background: rgb(2,0,36) !important;
background: linear-gradient(110deg, rgba(2,0,36,1) 0%, rgba(21,68,84,1) 50%, rgba(0,0,0,1) 100%) !important;
}
body.frontpage p {
color:white;
}
body.frontpage p.untertitel {
font-size: clamp( 20px, 5vw, 40px ) !important;
line-height:1.5em  !important;
}
body.frontpage h1 {
color:white;
font-size: clamp( 32px, 5vw, 60px );
line-height:1.5em;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin:0px;
margin-bottom:20px;
}
body.frontpage h2 {
color:white;
font-size: clamp( 32px, 3vw, 60px);
font-weight:bold;
text-transform: uppercase;
background-color:transparent;
line-height:1.3em;
text-align: left;
margin:0px;
margin-bottom:20px;
}
body.frontpage h3 {
color:white;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: clamp( 25px, 3vw, 30px);
font-weight:normal;
text-transform: uppercase;
background-color:transparent;
text-align: center;
margin:0px;
margin-top:5px;
margin-bottom:10px;
} section.startseite {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
padding: 2rem;
}
section.startseite a.kachel {
flex-grow: 1;
margin-bottom:2em;
border-radius: 5px;
padding:0;
background: linear-gradient(0, rgba(42,42,42,1) 0%, rgba(52,52,52,1) 30%);
color:white;
-webkit-box-shadow: 0px 4px 93px -42px rgba(0,0,0,0.93);
-moz-box-shadow: 0px 4px 93px -42px rgba(0,0,0,0.93);
box-shadow: 0px 4px 93px -42px rgba(0,0,0,0.93);
}
section.startseite a.kachel:hover {
text-decoration: none;
}
section.startseite .card-content {
padding:20px;
}
section.startseite h2  {
font-size: clamp( 22px, 3vw, 30px);
}
section.startseite .innertext {
color:white;
margin-bottom:10px;
text-align: left;
}
section.startseite .imgouter {
min-height:calc(20vw);
max-height:250px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-shadow: 0px 4px 60px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 60px -17px rgba(0,0,0,0.75);
box-shadow: 0px 4px 60px -17px rgba(0,0,0,0.75);
}
section.startseite .imginner {
background-size: cover;
max-width:100%
}
section.startseite a:hover .imginner  {
cursor:pointer;
transform: scale(1.1);
transition: all .5s;
}
section.startseite ul {
list-style-type: disc;
paddin-left:20px;
margin-left:20px;
margin-bottom:0px;
}
body.frontpage .sow-accordion h2 {
font-size:24px;
text-align: left;
}
body.frontpage .sow-accordion h3 {
font-size:24px;
text-align: left;
color: var(--text);
margin-bottom:5px;
margin-top:25px;
}
body.frontpage .sow-accordion ul {
list-style-type: disc;
paddin-left:20px;
margin-left:20px;
margin-bottom:0px;
}
body.frontpage .sow-accordion ul li:before {
content: "";
}
body.frontpage .sow-accordion p {
color: var(--text);
}
body.frontpage .sow-accordion div.cat a {
margin:5px;
}                                 @media screen and (max-width: 899px) {
body.frontpage p.teasersmall {
text-align: center;
}
}
div.
div.elm_liststartarticles .text {
color:white;
text-transform: uppercase;
min-height:calc(10vw);
text-align: center;
margin-bottom:0px;
padding:0px 10px;
}
@media only screen and (min-width: 900px) {
div.elm_liststartarticles .imgouter {
min-height:calc(20vw);
max-height:250px;
max-height:auto;
overflow: hidden;
}
div.elm_liststartarticles .imginner {
object-fit: cover;
width:100%;
max-height:initial;
}
div.elm_liststartarticles ul {
flex-direction: row;
justify-content: space-between;
}
div.elm_liststartarticles li {
width:47%;
margin-left:20px;
}
div.elm_liststartarticles li:nth-child(3) {
width:47%;
margin-left:0px;
}
body.frontpage h3 {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: clamp( 25px, 3vw, 30px);
margin-top:20px;
margin-bottom:20px;
}
div.elm_liststartarticles .innertext {
line-height:1.3em;
margin-bottom:10px;
}
div.elm_liststartarticles .text {
margin-bottom:20px;
}
}
@media only screen and (min-width: 1400px) {
div.elm_liststartarticles .imginner {
object-fit: cover;
width:100%;
max-height:initial<;
}
div.elm_liststartarticles ul {
flex-direction: row;
justify-content: space-between;
}
div.elm_liststartarticles li {
width:30%;
margin-left:40px;
}
div.elm_liststartarticles li:nth-child(3) {
width:30%;
margin-left:40px;
}
body.frontpage h1 {
margin-top: 50px;
margin-bottom:30px;
}
body.frontpage p.teaser {
margin-bottom:50px;
}
}
div.elm_liststartarticles li:first-child {
margin-left:0px;
}