@charset "utf-8"; /* CSS Document Über Dateien Hochgeladen - über Theames Zusätzliche -Tags Im Header eingebunden - */ .firmenuebersicht-inner .content-hyperlink a { display: block; } .firmenuebersicht-inner-energiehandel { background-color: #0077ba; /* Blau */ /* Fließender Übergang über 0.3 Sekunden */ transition: background-color 0.3s ease; min-height: 320px; } .firmenuebersicht-inner-energiehandel:hover { background-color: #228dc8; /* heller */ } .firmenuebersicht-inner-tas { background-color: #76b828; transition: background-color 0.3s ease; min-height: 320px; } .firmenuebersicht-inner-tas:hover { background-color: #0077ba; /* heller */ } .firmenuebersicht-inner.firmenuebersicht-inner-tas-sub .firmenuebersicht-inner-tas-element { transition: background-color 0.3s ease; background: #9fcd69; } .firmenuebersicht-inner.firmenuebersicht-inner-tas-sub .firmenuebersicht-inner-tas-element:hover { background-color: #76b828; /* heller */ } .firmenuebersicht-inner-servicegmbh { background-color: #646464; transition: background-color 0.3s ease; } .firmenuebersicht-inner-servicegmbh:hover { background-color: #494545; /* heller */ } .colorgrad .counterelement-wrapper .couterelement.counter1 { flex: 310; } .colorgrad .counterelement-wrapper .couterelement.counter1 span { font-size: 110px; } .colorgrad .counterelement-wrapper .couterelement.counter2 { flex: 232; } .colorgrad .counterelement-wrapper .couterelement.counter3 { flex: 280; } .colorgrad .counterelement-wrapper .couterelement.counter3 span { font-size: 90px; } .colorgrad .counterelement-wrapper .couterelement.counter4 { flex: 150; } .colorgrad .counterelement-wrapper .couterelement.counter4 span { font-size: 70px; } .colorgrad .counterelement-wrapper .couterelement.counter5 { flex: 200; } .colorgrad .counterelement-wrapper .couterelement.counter5 span { font-size: 95px; } .containerwidth h2 { font-weight: 500; font-size: 1.6rem; margin-bottom: 15px; overflow-wrap: break-word; } .stellenangebot .containerwidth h2 { font-weight: 400; font-size: 2.2rem; margin-bottom: 15px; } h3.karriere { font-weight: 400; font-size: 2.2rem; margin-bottom: 15px; } .karrieretext { padding-right: 30px; } .containerwidth h3 { margin-bottom: 0; font-size: 1.2rem; overflow-wrap: break-word; } @media (max-width: 650px) { .karrierewrapper .content-hyperlink { text-align: left; } } div#article-213 .headerbild { min-height: 460px!important; } #article-229 .headerbild { min-height: 300px!important; } #article-202 { padding-right: 400px; margin-bottom: 90px; } #article-205 h3 { margin-bottom: 30px; font-size: 2.6rem; } #main.h2 a { text-decoration: none !important; } body.presseliste .containerwidth h2 { font-size: 1.6rem; } body.presseliste .containerwidth h2 a { text-decoration: none !important; } .news_category_8 { background: #f5f6f7; padding: 15px 15px 40px 15px; margin-right: 10px; } .presseheaderheadline .news_category_8 { background: none; } .layout_full .block .news_category_8 .category_8 { background: none; } .news_category_8 img {} .morgenwaldbg .containerwidth.col2 .content-element-group { padding: 30px 90px 60px 40px; margin-bottom: 20px; } .firmenuebersicht-inner { padding: 0px 70px 50px 20px; } #half.content-text p { padding-right: 300px; } .bewerbungsformular h3 { padding-bottom: 20px; font-weight: normal; font-size: 3rem; color: #0077ba; padding-top: 30px; } .bewerbungsformular .ce_form { padding-right: 400px; } .bewerbungsformular .widget.widget-submit button { padding: 20px 90px; font-size: 1rem; color: #ffffff; font-weight: 600; margin-bottom: 90px; } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { #header #headerblock .mod_customnav.kontakt ul li { border-right:none!important; padding-right: 0px; } #header #headerblock { padding-right: 20px; } #header #headerblock .mod_customnav.kontakt ul { gap: 17px!important; } /* Startseite*/ .colorgrad .counterelement-wrapper .couterelement.counter1 { flex: 210; } .colorgrad .counterelement-wrapper .couterelement.counter1 span { font-size: 50px; } .colorgrad .counterelement-wrapper .couterelement.counter2 { flex: 132; } .colorgrad .counterelement-wrapper .couterelement.counter2 span { font-size: 50px; } .colorgrad .counterelement-wrapper .couterelement.counter3 { flex: 280; } .colorgrad .counterelement-wrapper .couterelement.counter3 span { font-size: 45px; } .colorgrad .counterelement-wrapper .couterelement.counter4 { flex: 50; } .colorgrad .counterelement-wrapper .couterelement.counter4 span { font-size: 35px; } .colorgrad .counterelement-wrapper .couterelement.counter5 { flex: 100; } .colorgrad .counterelement-wrapper .couterelement.counter5 span { font-size: 45px; } .colorgrad .counterelement-wrapper .couterelement { max-width: 40%; } .colorgrad .counterelement-wrapper { padding-left: 30px; } div#article-204.containerwidth.col2 { flex-direction: column; } .karrieretext { padding-right: 0px; } /*Ende Startseite*/ body.presseliste .containerwidth h2 { font-size: 1.3rem; } #article-202 { padding-right: 20px; margin-bottom: 40px; } .firmenuebersicht-inner { padding: 0px 20px 20px 20px; } .morgenwaldbg .containerwidth.col2 .content-element-group { padding: 30px 30px 30px 30px; } #half.content-text p { padding-right: 0px; } body.presseliste .mod_newslist.stellenangebote a:after { width: 20px; display: none; } .firmenuebersicht-inner .content-hyperlink a:after { width: 25px; height: 20px; } .bewerbungsformular .ce_form { padding-right: 0px; } } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) {} /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) {} /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #article-202 { padding-right: 50px; margin-bottom: 40px; } .bewerbungsformular .ce_form { padding-right: 0px; } } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {} /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {} /* iPad 3 (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 192dpi) {} /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) {} /* Large screens ----------- */ @media only screen and (min-width : 1824px) {} /* Retina displays ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-resolution: 192dpi) {}