@font-face {
font-family: 'helvetica_neue_lt_std65Md';
src: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_65_medium-webfont.eot);
src: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_65_medium-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_65_medium-webfont.woff2) format('woff2'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_65_medium-webfont.woff) format('woff'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_65_medium-webfont.ttf) format('truetype'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_65_medium-webfont.svg#helvetica_neue_lt_std65Md) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helvetica_neue_lt_std75_bold';
src: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_75_bold-webfont.eot);
src: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_75_bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_75_bold-webfont.woff2) format('woff2'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_75_bold-webfont.woff) format('woff'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_75_bold-webfont.ttf) format('truetype'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_75_bold-webfont.svg#helvetica_neue_lt_std75_bold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helvetica_neue_lt_std45_light';
src: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_45_light-webfont.eot);
src: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_45_light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_45_light-webfont.woff2) format('woff2'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_45_light-webfont.woff) format('woff'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_45_light-webfont.ttf) format('truetype'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_45_light-webfont.svg#helvetica_neue_lt_std45_light) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helvetica_neue_lt_std55_roman';
src: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_55_roman-webfont.eot);
src: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_55_roman-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_55_roman-webfont.woff2) format('woff2'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_55_roman-webfont.woff) format('woff'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_55_roman-webfont.ttf) format('truetype'),
url(//www.thermotraffic.de/wp-content/themes/thermotraffic/fonts/helvetica_neue_lt_std_55_roman-webfont.svg#helvetica_neue_lt_std55_roman) format('svg');
font-weight: normal;
font-style: normal;
}
:root {
--darkturquoise: #3a7b91;
--lightturquoise: #5c8b9f;
--naturegreen: #80a51a;
--swiper-theme-color: #3a7b91;
}
html {
color: #222;
font-size: 18px;
line-height: 1.4;
}
body {
font-family: 'helvetica_neue_lt_std45_light', sans-serif !important;
width: 100%;
height: 100%;
font-weight: 300 !important;
position: relative;
background: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/img/background.jpg) center center no-repeat !important;
background-attachment: fixed !important;
background-size: contain !important;
}
.mainwrap {
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}   body.shrink span.topper {
visibility: visible;
transition: 300ms;
bottom: 0;
transition: all ease-in 300ms;
}
span.topper {
bottom: -100px;
position: fixed;
padding: 5px 12px;
z-index: 1100;
font-stretch: ultra-expanded;
background-color: #eaeaea;
color: #555;
box-shadow: 0 0 0 1px white;
visibility: hidden;
transition: 300ms;
right: 2.5em;
}
header {
background: #fff;
}
header.entry-header {
background: none;
}
.page-id-1344 .entry-header,
.page-id-602 .entry-header {
display: none;
}
table.table {
background: rgba(150,150,150,.25);
}
button.menutoggler {
z-index: 100;
width: 40px;
height: 40px;
background: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/img/burger.png) center center no-repeat;
background-size: cover;
opacity: .75;
transition: all ease-in 200ms;
}
button.menutoggler:hover {
opacity: 1;
}
.btn-closing {
width: 30px;
height: 30px;
margin: 0;
padding: 0;
color: #fff !important;
background: url(//www.thermotraffic.de/wp-content/themes/thermotraffic/img/burger_close.png) center center no-repeat !important;
background-size: 90% !important;
position: relative !important;
}
.btn-closing::after {
content:"";
display: block;
width: 36px;
height: 36px;
top: -3px !important;
left: -3px !important;
box-shadow: 0 0 0 2px #fff;
border-radius: 50%;
color: #fff;
position: absolute;
}
.offcanvas-backdrop::before {
display: none;
}
.offcanvas,
.dashboard_menu {
background: rgba(82,82,82,.9);
backdrop-filter: blur(6px);
}
.offcanvas-header {
padding: 2rem 0 0 2rem !important;
}
.offcanvas-body {
padding: 0 1rem;
overflow-y: visible;
overflow-x: unset; }
ul.mainmenu {
font-size: 1em;
font-style: normal;
margin: 0;
}
ul.mainmenu > li a {
color: var(--darkturquoise);
text-transform: uppercase;
font-weight: 300;
padding: .65em;
padding-bottom: .25em;
margin-bottom: .4em;
} .page-id-12 ul.mainmenu > li:nth-child(1) > a,
.page-id-15 ul.mainmenu > li:nth-child(2) > a, 
.page-id-17 ul.mainmenu > li:nth-child(3) > a,
.single ul.mainmenu > li:nth-child(3) > a,
.category ul.mainmenu > li:nth-child(3) > a, 
.page-id-19 ul.mainmenu > li:nth-child(4) > a {
font-family: 'helvetica_neue_lt_std75_bold';
} .page-id-1317 ul.mainmenu > li:nth-child(1) > a,
.page-id-1309 ul.mainmenu > li:nth-child(2) > a, 
.page-id-1569 ul.mainmenu > li:nth-child(3) > a,
.single ul.mainmenu > li:nth-child(3) > a,
.category ul.mainmenu > li:nth-child(3) > a, 
.page-id-1327 ul.mainmenu > li:nth-child(4) > a {
font-family: 'helvetica_neue_lt_std75_bold';
}
.page-id-19 ul.menu li.opened ul,
.page-id-1327 ul.menu li.opened ul,
.page-id-19 ul.mainmenu li.opened ul,
.page-id-1327 ul.mainmenu li.opened ul {
display: none;
} ul.mainmenu li ul {
display: flex;
justify-content: space-around;
list-style: none;
position: absolute;
top: 76px !important;
right: 0;
padding: .5em .75em;
background: rgba(56,123,145,.9);
z-index: -1;
font-size: .9em;
overflow: hidden; }
ul.mainmenu > li ul a {
color: #fff;
white-space: nowrap;
text-transform: none;
padding: .65em;
margin-bottom: 0;
}
ul.mainmenu > li ul a.active,
ul.mainmenu > li ul a:focus,
ul.mainmenu > li ul a:active
{
position: relative;
} ul.mainmenu li.opened ul {
list-style: none;
display: flex;
animation-name: menu-animation-forwards;
animation-duration: 1400ms;
animation-fill-mode: forwards;
}
@keyframes menu-animation-forwards {
0% {top: 0; opacity: 0; z-index: -1; overflow: visible; }
95% {top: 3.15em; opacity: 0; z-index: -1; overflow: visible; }
100% {top: 3.15em; opacity: 1; z-index: 1; overflow: visible; }	
}
@keyframes menu-animation-backwards {
0% {top: 3.15em; opacity: 1; z-index: 1; overflow: visible;}
5% {top: 3.15em; opacity: 0; z-index: -1; overflow: visible;}
100% {top: 0; opacity: 0; z-index: -1; overflow: visible;}
} .shadowed {
box-shadow: 2px 2px 5px 1px rgba(50,50,50,.5);
} .offcanvas {
top: 0;
background: rgba(255,255,255,.85);
box-shadow: 5px 0 10px rgba(50,50,50,.2);
left: -290px;
width: 290px;
opacity: 0;
visibility: visible;
transition: all cubic-bezier(0.06, 0.93, 0.68, 0.97) 500ms;
}
.offcanvas ul.mainmenu li ul {
display: block;
line-height: 2em;
position: relative;
font-size: .75em !important;
width: 100%;
margin: 0;
top: 0 !important;
}
.offcanvas.opened {
left: 0;
opacity: 1
}
.ctoggleholder {
top: 15px;
left: 17px;
position: fixed;
width: 34px;
z-index: 9999;
}
.ctoggleholder:before,
.ctoggleholder:after,
.ctoggleholder div {
background: var(--darkturquoise);
content: "";
display: block;
height: 3px;
border-radius: 3px;
margin: 6px 0;
transition: 0.5s;
}
.ctoggleholder.knock:before {
transform: translateX(-3px) translateY(9px) rotate(135deg);
}
.ctoggleholder.knock:after {
transform: translateX(-3px) translateY(-9px) rotate(-135deg);
}
.ctoggleholder.knock div {
transform: scale(0);
}
.sensitivbackground {
position: absolute;
width: 0;
top: 0;
bottom: 0;
left: 0;
transition: all ease-in 200ms;
}
.sensitivbackground.triggered {
width: 100%;
} .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
background-size: cover;
background-position: center;
}
.mySwiper2 {
height: 80% !important;
width: 100%;
}
.mySwiper {
height: 20% !important;
box-sizing: border-box;
padding: 10px 0;
}
.mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .mySwiper2 .swiper-wrapper .swiper-slide span.swiper-caption {
padding: .25em 1.5em;
font-size: 1.8em;
font-family: 'helvetica_neue_lt_std75_bold';
background: rgba(255,255,255,.85);
text-transform: uppercase;
color: var(--darkturquoise);
box-shadow: 0 0 5px 5px rgba(50,50,50,.4);
position: absolute;
bottom: 5%;
left: 50%;
transform: translateX(-50%);
}
.headerimage .bgimage {
position: relative;
min-height: 35vh;
max-height: 65vw;
overflow: hidden;
}
.headerimage .bgimage.narrow {
min-height: 35vh;
}
.headerimage .bgimage div {
position: absolute;
font-size: 3.2em;
line-height: 1.15em;
text-transform: uppercase;
bottom: 8%;
left: 5%;
color: #fff;
}
.headerimage .bgimage div span {
font-family: 'helvetica_neue_lt_std75_bold';
}
.headerimage .bgimage img {
object-fit: cover;
}
.headerline {
font-size: 3.4em;
text-transform: uppercase;
color: #fff;
width: 50%;
line-height: 1.25em;
letter-spacing: 0.1em;
background: rgba(50,50,50,.65);
}
ul.joblist {
margin-left: 1.5em;
}
ul.joblist > li {
position: relative;
margin-bottom: .5em;
}
ul.joblist > li > svg {
position: absolute;
left: -1.5em;
top: .25em;
fill: var(--darkturquoise);
}
ul.list-checked {
margin-left: 5.25em;
}
ul.list-checked li {
position: relative;
margin: .5em 0;
line-height: 1.4em;
}
ul.list-checked li::before {
content: "\f058";
font-family: "Font Awesome 6 Free";
position: absolute;
left: -30px;
color: var(--darkturquoise);
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.accordion-body ul.list-checked {
margin-left: 1.3em;
}
@media screen and (max-width: 767px) {
.accordion-body .fixed310 {
flex: 1 0 310px !important;
}
}
#flush-collapse1, #flush-collapse2, #flush-collapse3, #flush-collapse4, #flush-collapse5, #flush-collapse6, #flush-collapse7 {
scroll-margin-top: 220px;
}
.card-body ul.list-checked li::before,
.features-tab-content-wrap ul.list-checked li::before {
color: #fff;
} .fliesscontent p:nth-last-child(n+2) {
margin-bottom: 0;
}
.kontaktformular h4 {
color: #fff;
}
.hiddencontent h4 {
color: #337c2c;
font-family: 'helvetica_neue_lt_std75_bold';
text-transform: capitalize;
font-size: 1.2em;
margin-top: 1em;
}
.hiddencontent strong {
font-family: 'helvetica_neue_lt_std75_bold';
color: var(--darkturquoise);
}
.hiddencontent a {
color: var(--darkturquoise);	
}
img.fitted {
object-fit: cover;
}
.jobvielfalt .iconbutton {
font-size: 1.4em;
} .startkacheln {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 2em;
}
.kachel {
flex: 0 0 30%;
background: #fff;
color: #121212;
margin: 0 3% 3% 0;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all ease-out 300ms;
}
.kachel:hover {
transform: scale(1.025);
box-shadow: 0 0 10px 8px rgba(255 255 255 / .25);
cursor: crosshair;
}
.kachelimage {
position: relative;
}
.kachelimage a {
display: flex;
aspect-ratio: 613 / 556;
}
.kachelimage img {
max-width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.kachelimage h3 {
background: var(--darkturquoise);
color: white;
font-size: .9em;
padding: .25em .75em;
margin: 0;
position: absolute;
bottom: 0;
right: 0;
z-index: 4;
}
.kachelimage h3.notfixed {
position: relative;
float: right;
}
.kachelcontent {
flex: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: .9em;
padding: 0 1.25em 1.25em 1.25em;
box-shadow: inset 0 0px 0 2px var(--darkturquoise);
}
.kachelcontent h4 {
hyphens: auto;
font-size: 1.25em;
font-family: 'helvetica_neue_lt_std55_roman';
margin-top: .75em;
}
.kachelcontent p {
hyphens: auto;
}
a.backlink,
.nav-previous > a,
.nav-next > a,
.kachelcontent a {
border-radius: 0 !important;
background: #fff !important;
color: var(--darkturquoise) !important;
padding: .35em .65em !important;
box-shadow: 0 0 0 1px var(--darkturquoise);
align-self: flex-end;
}
a.backlink:hover,
.nav-previous > a:hover,
.nav-next > a:hover,
.kachelcontent a:hover {
background: var(--darkturquoise) !important;
box-shadow: 0 0 0 1px #fff;
color: #fff !important;
}
.nav-previous > a,
.nav-next > a {
display: flex;
flex-direction: column;
margin: 1.5em 0;
}
.nav-previous > a span,
.nav-next > a span {
hyphens: auto;
}
.nav-subtitle {
font-size: .75em;
}
a.backlink svg,
.kachelcontent a > svg {
font-size: .65em !important;
fill: var(--darkturquoise);
}
a.backlink:hover svg,
.kachelcontent a:hover > svg {
fill: white;
}
ul.bycategories {
display: flex;
flex-direction: row;
flex-wrap: wrap;
list-style: none;
font-size: 1.4em;
margin: 0 0 1.5em 0;
padding: 0;
}
ul.bycategories li {
margin-right: 1.25em;
position: relative;
}
ul.bycategories a::before {
content: "\f07b";
font-family: "Font Awesome 5 Free";
font-size: 1.1em;
position: absolute;
color: #97d2d4;
top: .15em;
left: .7em;
z-index: 1;
transition: all ease-in 300ms;
}
ul.bycategories li.current-cat a::before {
color: #fff;
}
ul.bycategories li {
font-size: .65em;
position: relative;
}
ul.bycategories li::after {
position: absolute;
content: "Beiträge";
bottom: 0;
left: 1.5em;
}
body.category-2022-en ul.bycategories li::after,
body.category-2023-en ul.bycategories li::after,
body.category-2024-en ul.bycategories li::after,
body.category-2025-en ul.bycategories li::after,
body.category-54 ul.bycategories li::after,
body.category-2026-en ul.bycategories li::after,
body.category-2027-en ul.bycategories li::after,
body.category-2028-en ul.bycategories li::after,
body.page-id-1569 ul.bycategories li::after {
content: "Posts";
}
ul.bycategories a {
color: var(--darkturquoise);
box-shadow: 0 0 0 1px var(--darkturquoise);
text-decoration: none;
font-size: 1.35em;
padding: .25em 1.25em .25em 2.5em;
position: relative;
transition: all ease-in 300ms;
display: block;
margin-bottom: .25em;
background: #fff;
}
ul.bycategories a:active,
ul.bycategories a:hover,
ul.bycategories li.current-cat a {
color: #fff;
background: var(--darkturquoise);
}
ul.nicelist li {
position: relative;
}
ul.nicelist li:before {
position: absolute;
top: 0;
left: -20px;
content:"•";
color: var(--darkturquoise);
}
a.more-link {
display: none;
}
ul.post-categories {
list-style: none;
display: inline-block;
margin: 0;
}
ul.post-categories a {
color: var(--darkturquoise);
}
.list-group {
flex-direction: row;
border-radius: 0 !important;
padding: 0 !important;
}
.list-group-item {
display: inline-block;
background: none;
border: none;
border-radius: 0 !important;
}
.list-group-item.active {
background: none;
box-shadow: inset 0 -4px 0 0 #97d2d4;
}
.codedropz-upload-inner {
white-space: wrap !important;
}
.codedropz-upload-inner h3 {
line-height: 1.25em;
font-size: 26px !important;
} div.menu-sprachen-umschalter-container {
display: inline-block;
}
ul.mainmenu li ul#menu-sprachen-umschalter{
list-style: none;
position: relative;
top: 0 !important;
z-index: 5;
margin: 0;
background: none;
}
ul.mainmenu li ul#menu-sprachen-umschalter img {
transform: scale(1.4);
} .accordion-body {
padding: 0 .85rem .2rem 1.25rem;
}
.sprung_zert {
scroll-margin-top: 100px;
}
@media screen and (max-width: 1024px) {
.sprung_zert {
scroll-margin-top: 90px;
}
}
@media screen and (max-width: 500px) {
.sprung_zert {
scroll-margin-top: 65px;
}
}
.accordion-header > .accordion-button {
background: var(--darkturquoise);
color: #fff;
text-transform: uppercase;
font-size: .65em;
line-height: 1.2em;
font-weight: 200;
padding-left: 95px;
}
.page-id-1309 .accordion-header > .accordion-button,
.page-id-15 .accordion-header > .accordion-button,
.page-id-19 .accordion-header > .accordion-button,
.page-id-1327 .accordion-header > .accordion-button {
padding-left: 1.25rem !important;
}
.accordion-header > .accordion-button:focus {
box-shadow: none !important;
}
.accordion-header > .accordion-button::before {
position: absolute;
background: #97d2d4;
content:"";
left: 0;
top: 0;
bottom: 0;
width: 75px;
z-index: 3;
}
.page-id-1309 .accordion-header > .accordion-button::before,
.page-id-15 .accordion-header > .accordion-button::before,
.page-id-19 .accordion-header > .accordion-button::before,
.page-id-1327 .accordion-header > .accordion-button::before {
display: none;
}
.accordion-header > .accordion-button img {
position: absolute;
left: 4px;
bottom: 0;
width: 68px;
height: 68px;
z-index: 4;
transition: all ease-in 200ms;
}
.accordion-header > .accordion-button small {
position: absolute;
right: 3.5em;
bottom: .58em;
}
.accordion-header > .accordion-button:hover img {
bottom: 10px;
}
.accordion-collapse {
box-shadow: inset 0 -2px 0 2px var(--darkturquoise);
} .home .accordion-collapse .lightgrounded {
display: none !important;
}
.accordion-button::after {
filter: brightness(20);
}
.morepadding {
padding-top: 1.1em;
}
.morepadding p {
margin-bottom: 1em;
}
.speech {
box-shadow: 0 0 0 2px #97d2d4;
padding: .35em .5em;
font-size: .95em;
color: var(--darkturquoise);
line-height: 1.25em;
margin-top: .85em;
margin-bottom: 2.1em;
position: relative;
}
.speech > img {
position: absolute;
background: linear-gradient(90deg, transparent 25%, #fff 26%, #fff 94%, transparent 95%);
bottom: -37px;
right: 20px;
width: 30px;
height: auto;
z-index: 2;
}
.accordion-body .speech > img {
bottom: -38px;
}
.grounded {
background: var(--darkturquoise);
padding: .65em .5em .25em .5em;
color: white;
line-height: 1.25em;
}
.grounded .speech {
color: #fff;
margin: 0px 0  1.25em 2em;
max-width: 715px;
min-width: 50px;
}
.grasgreen .speech {
color: #337c2c !important;
}
.mobilecontent .grounded .speech {
max-width: 100%;
}
.grounded .speech > img {
background: none;
bottom: -38px;
right: auto;
left: 20px;
transform: scaleX(-1);
}
.grasgreen .speech > img {
background: none;
bottom: -38px;
right: auto;
left: 20px;
transform: scaleX(-1);
}
.grounded .name {
text-transform: uppercase;
font-size: 1.4em;
display: block;
}
.grounded .profession {
font-size: .85em;
}
.grasgreen {
background: transparent;
color: #404040 !important;
}
.multiverse .grasgreen {
color: #fff !important;
}
.multiverse .grasgreen .imagelist {
color: #404040 !important;
}
.grasgreen .speech {
box-shadow: 0 0 0 2px #337c2c;
background: white;
}
section {
scroll-margin-top: 120px;
}
.asp_balken {
scroll-margin-top: 120px;
}
.search h3 a {
color: var(--darkturquoise);
font-size: 1.1em;
} body.search .splide,
body.search .header,
body.search #navbarholder {
display: none;
}
.thesearch {
overflow: hidden;
}
.thesearch svg {
position: absolute;
top: 55%;
left: 50%;
transform: translatey(-50%) translatex(-50%);
fill: var(--darkturquoise);
width: 24px;
z-index: -1;
}
.thesearch:hover svg {
fill: #333;
}
.form-control {
font-size: 1.2rem;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
padding-left: 10px;
border-radius: 0;
cursor: pointer;
}
@media screen and (max-width: 767px) {
input[type="search"] {
padding-left: 12px;
padding-right: 10px;
}
}
#search-input::placeholder {
color: #666;
opacity: 0;
}
#search-input {
color: transparent;
background: none !important;
transition: all ease-out 500ms;
}
#search-input:active,
#search-input:focus {
color: #333;
width: 250px;
background: #eaeaea !important;
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
#search-input {
font-size: .85em;
}
#search-input:active,
#search-input:focus {
width: 150px;
}
}
#search-input:active::placeholder,
#search-input:focus::placeholder {
opacity: 1;
}
#search-input:hover {
cursor: pointer;
}
.input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus {
box-shadow: none;
}
.page-id-12 section:nth-child(13) h2 {
color: #337c2c;
}
.white_text {
color: #fff;
}
.grasgreen .white_text {
color: #337c2c !important;
}
.grasgreen p {
margin-bottom: 1rem;
}
.doublepic {
border-top: 4px solid #fff;
}
.textinpic {
max-width: 786px;
}
.textinpic .grounded {
background: rgba(58,123,145, .75);
}
.textinpic .grasgreen {
background: rgba(51,124,44,.75);
}
.textinpic .name, 
.textinpic .profession {
display: inline-block;
}
.textinpic .grasgreen {
color: #fff !important;
}
.lightgrounded {
background: #dae1e7;
}
.fixed310 {
flex: 0 0 310px !important;
width: 310px !important;
}
.bolder {
font-weight: 500;
}
.asptitle {
text-transform: uppercase;
font-size: 1.2em;
}
.cardcontent {
font-size: .75em;
line-height: 1.25em;
}
.cardname {
display: block;
font-size: 1.35em;
line-height: 1em;
}
.accordion-body .asp > .spezialkontakt:nth-child(2) {
display: none;
}
.textinline {
white-space: nowrap;
} .spanbolder .col-xl-3 {
display: none !important;
}
.spanbolder .col-xl-9 {
flex: 0 0 100% !important;
}  .features-tab-area .nav-pills {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 40px;
max-width: 1280px;
margin: 0 auto;
padding: 0 1.5em;
}
.features-tab-area .nav-pills li button {
width: 100%;
background: #fff;
padding: 0;
font-weight: 500;
color: #666666;
border-radius: 0;
position: relative;
}
.multiverse > span,
.features-tab-area .nav-pills li button span {
position:absolute;
left: 0;
right: 0;
bottom: 0;
background: rgba(58,123,145,.75);
text-transform: uppercase;
color: #fff;
font-size: 1.35em;
font-weight: 200;
padding: .25em;
letter-spacing: 0.025em;
transition: all ease-in 100ms;
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
.multiverse > span,
.features-tab-area .nav-pills li button span {
font-size: 1em;
}
}
.multiverse > span {
top: 0;
bottom: auto;
text-align: center;
}
.features-tab-area .nav-pills li button:hover span {
background: rgba(58,123,145,1);
}
.features-tab-area .threeofthem .nav-pills li button span,
.multiverse span.grasgreen {
background: rgba(51,124,44,.75);
}
.features-tab-area .threeofthem .nav-pills li button:hover span {
background: rgba(51,124,44,1);
}
ul.nav-pills button {
box-shadow: 0 0 8px 0 rgba(10,10,10,.6) !important;
}
.features-tab-area .kontaktform .nav-pills li button {
background: #555;
color: #fff;
line-height: 1.1em;
}
.features-tab-area.thelessmargin .nav-pills li button {
background: #555;
}
.features-tab-area.thelessmargin .nav-pills li button {
padding: 0 !important;
}
.features-tab-area .nav-pills li button.active {
background: #ffc600;
color: #fff;
}
#ernaehrung .features-tab-area .nav-pills li button.active {
background: #fcc00e;
color: #555;
}
#bkg_changer.features-tab-area .nav-pills li button.active {
background: #fcc00e;
color: #555;
}
#bkg_changer.features-tab-area .tab-content {
padding: 10px 0 0;
border: none;
background: none; 
}
.features-tab-area .kontaktform .tab-content {
padding: 25px;
border: none;
}
.features-tab-area.thelessmargin .tab-content {
padding: 0;
border: 0;
}
.features-tab-area .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box {
position: relative;
text-align: center;
padding: 0 30px; }
.features-tab-area .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-icon {
display: flex;
justify-content: center;
margin-bottom: 40px; }
.features-tab-area .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-icon .features-box-icon-inner {
height: 160px;
width: 160px;
background: #666666;
display: flex;
justify-content: center;
align-items: center; }
.features-tab-area .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-content h3 {
font-size: 28px;
margin-bottom: 0; }
.features-tab-area .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .sep {
position: absolute;
right: 0;
top: 0;
height: 100%; }
.features-tab-area-offer {
padding: 100px 0; }
.features-tab-area-offer .nav-pills {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 20px;
margin-bottom: 0 !important; }
.features-tab-area-offer .nav-pills li button {
width: 100%;
background: #DFDFDF;
font-size: 23px;
line-height: 65px;
padding: 0 20px;
font-weight: 700;
color: #666666;
border-radius: 0; }
.features-tab-area-offer .nav-pills li button.active {
background: #ffc600;
color: #fff; }
.features-tab-area-offer .tab-content {
padding: 50px;
border: 5px solid #ffc600; }
.features-tab-area-offer .tab-content .features-tab-content-wrap .f-tab-content-title {
font-size: 36px;
text-align: center;
margin-bottom: 20px; }
.features-tab-area-offer .tab-content .features-tab-content-wrap .f-tab-content-title span {
text-decoration: underline; }
.features-tab-area-offer .tab-content .features-tab-content-wrap .f-tab-content-list {
margin-bottom: 30px; }
.features-tab-area-offer .tab-content .features-tab-content-wrap .f-tab-content-list li {
font-size: 24px; }
.features-tab-area-offer .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box {
position: relative;
text-align: center;
padding: 0 30px; }
.features-tab-area-offer .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-icon {
display: flex;
justify-content: center;
margin-bottom: 40px; }
.features-tab-area-offer .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-icon .features-box-icon-inner {
height: 160px;
width: 160px;
background: #666666;
display: flex;
justify-content: center;
align-items: center; }
.features-tab-area-offer .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-content h3 {
font-size: 28px;
margin-bottom: 0; }
.features-tab-area-offer .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .sep {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.features-tab-content-wrap h3 {
hyphens: auto;
}
.spanbolder span,
.asp_balken strong {
font-family: 'helvetica_neue_lt_std75_bold';
}
.asp_balken h3 {
color: #404040 !important
}
.spanbolder .imagelist span {
font-family: 'helvetica_neue_lt_std55_roman';
}
.morebutton {
border-radius: 0 !important;
background: var(--darkturquoise) !important;
color: #fff;
padding: .5em !important;
border: none !important;
height: 100% !important;
font-size: 1.1em !important;
position: relative !important;
box-shadow: 0 2px 0 rgba(255,255,255,.4);
}
.morebutton:focus,
.morebutton:active,
.morebutton:hover {
color: rgba(255,255,255,.65);
}
.threeofthem .morebutton {
background: var(--naturegreen) !important;
} .features-tab-area button.nav-link::before {
content: "";
display: block;
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 0 30px;
border-color: #3a7b91 transparent transparent transparent;
transition: all ease-in 200ms;
z-index: -1;
}
.features-tab-area .threeofthem button.nav-link::before {
border-color: #337c2c transparent transparent transparent;
}
.features-tab-area button.nav-link.active::before {
bottom: -30px;
}
.multiverse {
position: relative;
}
.card {
border: none;
border-radius: 0;
overflow: hidden;
}
.card-body {
padding: 0;
}
.card-img, .card-img-top {
border-radius: 0;
}
.card-title {
background: #555;
color: #fff;
}
.card-title-color {
color: #fff;
}
.card-text-block  {
position: relative;
bottom: 90%;
left: 10%;
background-color: darkorange;
color: white;
padding-left: 20px;
padding-right: 20px;
}   .lightbgcolor {
background: #eaeaeaa3;
}
ul.imagelist {
margin: 0;
padding: 0;
}
ul.imagelist li {
position: relative;
display: flex;
align-items: center;
margin-bottom: .5rem;
}
ul.imagelist li img {
width: 10vw;
max-width: 150px;
height: 10vw;
max-height: 150px;
} .historyline {
border-top: 4px solid #a2b7c4;
margin-top: 100px;
}
.historyline div div button.yearbuttons {
flex: 0 0 2%;
color: var(--lightturquoise);
font-family: 'helvetica_neue_lt_std55_roman';
font-weight: 500;
font-size: 1.25em;
line-height: 1.25em;
padding-top: 29px;
position: relative;
border: none;
background: none;
transition: all ease-in 200ms;
}
.historyline div div button.yearbuttons:hover,
.historyline div div button.yearbuttons.active,
.historyline div div button.yearbuttons.activeyear {
color: var(--darkturquoise);
}
.historyline div div button.yearbuttons:hover span,
.historyline div div button.yearbuttons.active span,
.historyline div div button.yearbuttons.activeyear span {
font-weight: 500;
}
.historyline div div button.yearbuttons::before {
content: "";
display: block;
width: 30px;
height: 30px;
position: absolute;
left: 50%;
top: -24%;
transform: translateX(-50%);
background: var(--lightturquoise);
border-radius: 50%;
transition: all ease-in 200ms;
}
.historyline div div button.yearbuttons:hover::before,
.historyline div div button.yearbuttons.active::before,
.historyline div div button.yearbuttons.activeyear::before {
background: var(--darkturquoise);
} .historyline div div button.yearbuttons span {
position: absolute;
left: 50%;
top: -88%;
transform: translatex(-50%);
transition: all ease-in 200ms;
padding: 0 20%;
}
.historyline div div button.yearbuttons:hover,
.historyline div div button.yearbuttons.active,
.historyline div div button.yearbuttons.activeyear {
font-family: 'helvetica_neue_lt_std75_bold';
font-size: 1.25em;
}
.historycontent {
font-size: 1.25em;
color: var(--darkturquoise);
display: none;
z-index: 4;
transition: all ease-in 200ms;
}
.historycontent.activecontent {
display: block;
z-index: 8;
}
.historycontentholder p {
margin-top: 0;
margin-bottom: 1em;
}
.historycontentholder span {
font-weight: 500;
}
.historycontent h2 {
text-align: left !important;
line-height: 1.4em;
font-size: 42px;
margin-bottom: 0;
}
.historycontent h4 {
margin: .75em 0;
font-family: 'helvetica_neue_lt_std55_roman';
} #accordionFlushNo2::before {
content:"";
display: block;
width: 3px;
height: 100%;
background: var(--darkturquoise);
position: absolute;
top: 35px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.mobileversion .accordion-header > .accordion-button::before {
display: none;
}
.mobileversion .accordion-header > .accordion-button::after {
content: "";
display: block;
width: 40px;
height: 40px;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
background: var(--darkturquoise);
filter: none;
border-radius: 50%;
transition: all ease-in 200ms;
}
.mobileversion .accordion-header > .accordion-button.collapsed::after {
background: var(--lightturquoise);
} 
.mobileversion .accordion-header > .accordion-button:hover::after {
background: var(--darkturquoise);
transform: translateX(-50%) translateY(-50%) rotateY(180deg);
}
.mobileversion .accordion-header > .accordion-button.collapsed {
color: var(--lightturquoise);
}
.mobileversion .accordion-header > .accordion-button:hover,
.mobileversion .accordion-header > .accordion-button {
background: transparent;
color: var(--darkturquoise);
text-transform: none;
font-size: .8em;
line-height: .85em;
font-weight: 200;
padding: 0;
}
.mobileversion .accordion-collapse {
box-shadow: none;
}
.mobileversion .accordion-item {
margin: 0 0 10vh 0;
border: none;
background: transparent;
}
.mobileversion .accordion-body {
color: var(--darkturquoise);
padding: 0;
}
.mobileversion h4 {
font-family: 'helvetica_neue_lt_std55_roman';
}
.mobileversion h2 {
text-align: left;
}
.mobileversion .textthin {
font-size: .65em !important;
}
.mobileversion .accordion-collapse span {
font-weight: 500;
}  .splide__slide {
max-height: 75vh;
position: relative;
display: flex;
overflow: hidden;
}
.splide__slide img {
align-self: flex-start;
object-fit: cover;
width: 100%;
max-height: 65vw;
}
.splide__slide .slidercaption {
position: absolute;
font-size: 3.2em;
line-height: 1.15em;
text-transform: uppercase;
bottom: 8%;
left: 5%;
color: #fff;
}
.splide__slide .slidercaption span {
font-family: 'helvetica_neue_lt_std75_bold';
}
.ffpctwidth {
flex: 0 0 50%;
}
.iconbutton {
font-size: 1.4em;
padding: .25em .75em .25em 2.75em;
box-shadow: 0 0 0 2px var(--darkturquoise);
color: var(--darkturquoise);
position: relative;
transition: all ease-in 200ms;
}
.iconbutton.whitebg {
background: white;
}
.page-id-602 .iconbutton,
.page-id-1344 .iconbutton {
font-size: inherit;
padding: .25em .75em .25em 2.75em;
}
.download_list .iconbutton {
font-size: 1.1em;
padding: 0.25em 0.75em 0.25em 2.25em;
box-shadow: 0 0 0 1px var(--darkturquoise);
background: #fff;
}
.iconbutton:hover {
color: #fff;
}
.iconbutton.whitebg:hover {
background: var(--darkturquoise);
}
.download_list .iconbutton:hover {
background: var(--darkturquoise);
}
.iconbutton::before {
background: var(--darkturquoise);
content:"";
position: absolute;
display: block;
top: 0;
left: 0;
width: 5%;
height: 100%;
z-index: -1;
transition: all ease-in 200ms;
}
.iconbutton:hover::before {
width: 100%;
height: 100%;
transform: none;
}
.iconbutton::after {
position: absolute;
background: #97d2d4;
content:"";
left: 0;
top: 0;
bottom: 0;
width: 65px;
z-index: 3;
}
.download_list .iconbutton::after {
background: none;
}
.iconbutton svg {
position: absolute;
left: 14px;
fill: var(--darkturquoise);
width: 40px;
height: 40px;
z-index: 4;
}
.page-id-1344 .iconbutton svg,
.page-id-602 .iconbutton svg {
top: 6px;
left: 10px;
width: 25px;
height: 25px;
}
.download_list .iconbutton svg {
top: 50%;
transform: translatey(-50%);
width: 28px;
height: 30px;
}
.download_list .iconbutton:hover svg {
fill: #fff;
}
.bildstreifen .iconbutton svg {
width: 11%;
height: auto;
top: 50%;
left: 9%;
transform: translateY(-50%) translateX(-50%);
}
.fliesscontent .iconbutton,
.asp_balken .iconbutton,
.asp .iconbutton {
font-size: .85em;
display: block;
box-shadow: 0 0 0 1px var(--darkturquoise);
margin-bottom: 10px;
color: #fff;
background: var(--darkturquoise);
}
.fliesscontent .iconbutton {
display: inline-block;
}
.fliesscontent .iconbutton:after,
.asp_balken .iconbutton:after,
.asp .iconbutton::after {
width: 40px;
}
.fliesscontent .iconbutton svg,
.asp_balken .iconbutton svg,
.asp .iconbutton svg {
left: 8px;
top: 8px;
width: 22px;
height: 22px;
transition: all ease-out 200ms;
}
.fliesscontent .iconbutton:hover svg,
.asp_balken .iconbutton:hover svg,
.asp .iconbutton:hover svg {
transform: scale(1.25);
}
.page-id-1344 .iconbutton,
.page-id-602 .iconbutton {
font-family: 'helvetica_neue_lt_std55_roman';
}
.page-id-1344 .iconbutton::after,
.page-id-602 .iconbutton::after {
width: 46px;
}
.page-id-1344 .iconbutton:hover,
.page-id-602 .iconbutton:hover {
background: #97d2d4 !important;
color: var(--darkturquoise);
}
.logoblock {
box-shadow: 0 0 0 1px var(--darkturquoise);
}
.firmendaten {
background: var(--darkturquoise);
}
.firmendaten h3, .firmendaten h4 {
color: #fff;
}
.firmendaten h3 {
font-family: 'helvetica_neue_lt_std75_bold';
margin: 0;
}
.firmendaten h4 {
font-size: 1.2em;
font-weight: 200;
margin: 0;
}
.bildstreifen .col-auto {
flex: 1 0 auto !important;
}
.bildstreifen .bgcover {
min-height: 400px;
border: 1px solid transparent;
}
ul.list-normal {
margin: 0;
}
ul.list-normal li {
margin-bottom: .5em;
}
ul.list-normal li::before {
content: "•";
} .swiper.mySwiper5 {
height: 100%;
padding: 0 40px;
}
.mySwiper5::before {
content: "";
display: block;
position: absolute;
width: 40px;
top: 0;
left: 0;
bottom: 0;
background: white;
z-index: 5;
}
.mySwiper5::after {
content: "";
display: block;
position: absolute;
width: 40px;
top: 0;
right: 0;
bottom: 0;
background: white;
z-index: 5;
}
.swiper-slide .person_data {
flex: 0 0 40%;
}
.swiper-slide .person_data .layered {
background: rgba(58,123,145,.85);
padding: .65em .5em .25em .5em;
color: white;
line-height: 1.25em;
text-align: left;
}
.layered .name {
text-transform: uppercase;
font-size: 1.4em;
font-weight: 300 !important;
display: block;
}
.layered .profession {
font-size: .85em;
font-weight: 300 !important;
}
.swiper-slide .person_holder .person_speech {
flex: 0 0 60%;
background: #dae1e7;
box-sizing: border-box;
}
.swiper-slide .person_holder .person_speech .speech {
padding: .65em .5em;
color: var(--darkturquoise);
box-shadow: 0 0 0 2px var(--darkturquoise);
line-height: 1.25em;
font-size: 1.25em;
text-align: left;
}
.swiper-slide .person_holder .person_speech .speech > img {
background: linear-gradient(90deg, transparent 25%, #dae1e7 26%, #dae1e7 94%, transparent 95%);
top: -38px;
bottom: auto;
left: 20px;
right: auto;
transform: scaley(-1);
} .logogrounds {
}
.logogrounds a {
flex: 0 0 23%;
background: #fff;
box-shadow: 0 0 0 2px var(--darkturquoise);
padding: 2% 0;
margin: 1%;
display: flex;
justify-content: center;
position: relative;
overflow: hidden;
}
.logogrounds a span {
position: absolute;
left: 0;
right: 0;
bottom: -100%;
height: 50%;
display: flex;
flex-direction: row;
align-content: center;
flex-wrap: wrap;
justify-content: center;
z-index: 9;
font-size: .85em;
line-height: 1.25em;
text-align: center;
color: #fff;
padding: .25em;
background: rgba(58,123,145,1);
transition: all cubic-bezier(0.42, 0, 0.25, 0.95) 600ms;
box-shadow: 0 -5px 10px 0 rgba(50,50,50,.35);
}
.logogrounds a:hover span {
background: rgba(58,123,145,.9);
bottom: 0;
}
.logogrounds a img {
max-width: 85%;
object-fit: contain;
}
.logoblock {
min-height: 104px;
}
.logoblock img {
max-width: 65%;
}
.download_list {
list-style: none;
padding: 0;
margin: 0;
}
.download_list li {
margin-bottom: .85em;
}
.download_list li a {
display: block;
} .page-id-365 #pills-tabContent {
scroll-margin-top: 100px;
}
.page-id-365 ul.nav-pills {
margin: 0;
justify-content: center;
}
.page-id-365 .nav-pills .nav-link {
background: #fff !important;
}
.page-id-365 .nav-pills .nav-link.active,
.page-id-365 .nav-pills .show > .nav-link {
background: var(--darkturquoise) !important;
}
.page-id-365 .nav-pills .nav-link {
border-radius: 0 !important;
padding: .75em 1.5em !important;
margin-right: .75em !important;
}
.page-id-365 .asptitle {
font-size: 1.1em;
}
.map_and_info {
display: flex;
}
.themap {
flex: 0 0 60%;
background: #9AD2D4;
}
.asptitle > img {
width: 30px;
height: auto;
display: inline-block;
margin: 0 0 5px 10px;
}
.asptitle > svg {
margin-bottom: 5px;
margin-right: 7px;
}
.theasp,
.theinfo {
flex: 0 0 20%;
}
.theasp {
background: #97d2d4;
}
.theinfo {
background: #dae1e7;
}
.theinfo > .lightgrounded {
scroll-margin-top: 100px;
transition: all ease-out 300ms;
display: none;
}
.theinfo > .lightgrounded:target {
display: block;
} footer {
background: var(--darkturquoise);
}
.footerhead {
font-weight: 700;
}
.footer-area p {
font-size: .85em;
}
#menu-footer-menue-de,
#menu-footer-menue-en {
display: flex;
flex-direction: row;
justify-content: center;
list-style: none;
margin: 0 0 1.5em 0;
}
#menu-footer-menue-de li,
#menu-footer-menue-en li {
padding: 0.5em;
position: relative;
border-right: 1px solid #fff;
}
#menu-footer-menue-de li:last-child,
#menu-footer-menue-en li:last-child {
border: none;
}
.page-id-866 .container p {
margin-top: 0;
}
@media screen and (max-width: 767px) {
section {
scroll-margin-top: 50px;
}
}
@media screen and (max-width: 450px) {
.asp .kontaktnormal .iconbutton {
text-overflow: ellipsis;
overflow: hidden;
}
.footer-area > div {
padding-bottom: 3em;
}
} .onapply select {
width: 25%;
margin-right: 2%;
background: #fff;
border: 1px solid #889ec2 !important;
color: #333 !important;
height: 36px !important;
border-radius: 0 !important;
}
@media screen and (max-width: 1024px) {
.page-id-866 .headerimage .bgimage {
min-height: 60vh;
}
.onapply select {
width: 35%;
}
}
@media screen and (max-width: 768px) {
.page-id-866 .headerimage .bgimage {
min-height: 35vh;
}
}
@media screen and (max-width: 767px) {
.onapply select {
width: 49%;
}
.onapply select:nth-child(2) {
margin-right: 0;
}
.onapply-job-ad__title {
hyphens: auto;
}
}
@media screen and (max-width: 500px) {
.page-id-866 .headerimage .bgimage {
min-height: 25vh;
}
}
.onapply-job-ad-department {
color: rgba(0,0,0,0.3);
font-size: 32px;
}
.onapply-career-page-container {
width: 100%;
}
.onapply-job-ad-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.onapply-job-ad-list li {
list-style: none;
}
.onapply-department-header {
flex: 0 0 100%;
display: block;
color: var(--darkturquoise);
font-family: 'helvetica_neue_lt_std65Md';
margin-top: 32px;
margin-bottom: 16px;
font-size: 32px;
}
.onapply-job-ad {
flex: 0 0 31%;
display: flex;
flex-direction: column;
min-height: 255px;
padding: 18px;
margin: 0 2% 2% 0;
color: #fff;
border-bottom: 2px solid rgba(50,50,50,.25);
background: var(--darkturquoise);
}
.onapply-job-ad__title {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;  
overflow: hidden;
text-overflow: ellipsis;
}
.onapply-job-ad__title a {
text-decoration: none;
color: inherit;
}
.onapply-job-ad__info {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.onapply-job-ad__location {
font-size: 14px;
margin: 8% 0;
padding-left: 36px;
position: relative;
}
.onapply-job-ad__location::before {
position: absolute;
color: #fff;
content: "\f3c5";
font-family: "Font Awesome 6 Free";
font-size: 2.5em;
text-align: center;
line-height: 0em;
left: 0;
top: 50%;
bottom: 0;
z-index: 3;
}
.onapply-job-ad__view-button {
align-self: center;
font-size: .75em;
padding: .25em 2.75em .25em .75em;
box-shadow: 0 0 0 1px var(--darkturquoise);
background: #fff;
color: var(--darkturquoise);
position: relative;
transition: all ease-in 200ms;
white-space: nowrap;
}
.onapply-job-ad__view-button:hover {
color: #fff;
background: var(--darkturquoise);
box-shadow: 0 0 0 1px rgba(255,255,255,1);
cursor: pointer;
}
.onapply-job-ad__view-button::before {
background: var(--darkturquoise);
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 5%;
height: 100%;
z-index: -1;
transition: all ease-in 200ms;
}
.onapply-job-ad__view-button:hover::before {
width: 100%;
height: 100%;
transform: none;
}
.onapply-job-ad__view-button::after {
position: absolute;
background: #97d2d4;
color: var(--darkturquoise);
content: "\f08e";
font-family: "Font Awesome 6 Free";
font-size: .95em;
text-align: center;
line-height: 2.1em;
right: 0;
top: 0;
bottom: 0;
width: 37px;
z-index: 3;
}
.onapply-loader {
border: 16px solid #f3f3f3;
border-top: 16px solid #3498db;
border-radius: 50%;
width: 25px;
height: 25px;
animation: onapply-spin 2s linear infinite;
margin: auto;
}
@media screen and (max-width: 991px) {
.onapply-job-ad {
flex: 0 0 48%;
}
}
@media screen and (max-width: 768px) {
.onapply-job-ad__location::before {
font-size: 2.2em;
}
.onapply-job-ad__view-button {
padding: .25em 3.5em .25em .75em;
}
.onapply-job-ad__view-button::after {
width: 28px;
}
}
@media screen and (max-width: 575px) {
.onapply-job-ad {
flex: 0 0 100%;
margin: 0 0 2% 0;
min-height: 195px;
}
.onapply-job-ad__location {
margin: 4% 0;
}
}
@keyframes onapply-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.pagination-buttons {
display: flex;
padding: 8px;
border: 1px solid rgba(0,0,0,0.1);
width: 200px;
margin: auto;
margin-top: 32px;
}
.pagination-buttons__button {
padding: 8px;
text-align: center;
flex-grow: 1;
cursor: pointer;
}
.pagination-buttons__button:hover {
background-color: rgba(0,0,0,0.1);
}
.pagination-buttons__button--disabled {
cursor: not-allowed;
color: rgba(0,0,0,0.3);
}
.pagination-buttons__page-indicator {
padding: 8px;
}
.pagination-buttons__page-indicator span:first-child {
margin-right: 8px;
padding-right: 8px;
border-right: 1px solid rgba(0,0,0,0.3)
}