@font-face {
    font-family: 'helvetica_neue_lt_std65Md';
    src: url('../fonts/helvetica_neue_lt_std_65_medium-webfont.eot');
    src: url('../fonts/helvetica_neue_lt_std_65_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue_lt_std_65_medium-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_neue_lt_std_65_medium-webfont.woff') format('woff'),
         url('../fonts/helvetica_neue_lt_std_65_medium-webfont.ttf') format('truetype'),
         url('../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('../fonts/helvetica_neue_lt_std_75_bold-webfont.eot');
    src: url('../fonts/helvetica_neue_lt_std_75_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue_lt_std_75_bold-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_neue_lt_std_75_bold-webfont.woff') format('woff'),
         url('../fonts/helvetica_neue_lt_std_75_bold-webfont.ttf') format('truetype'),
         url('../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('../fonts/helvetica_neue_lt_std_45_light-webfont.eot');
    src: url('../fonts/helvetica_neue_lt_std_45_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue_lt_std_45_light-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_neue_lt_std_45_light-webfont.woff') format('woff'),
         url('../fonts/helvetica_neue_lt_std_45_light-webfont.ttf') format('truetype'),
         url('../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('../fonts/helvetica_neue_lt_std_55_roman-webfont.eot');
    src: url('../fonts/helvetica_neue_lt_std_55_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue_lt_std_55_roman-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_neue_lt_std_55_roman-webfont.woff') format('woff'),
         url('../fonts/helvetica_neue_lt_std_55_roman-webfont.ttf') format('truetype'),
         url('../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('../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;
}


/****************/
/*  New Styles  */
/****************/

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(../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(../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; /* or initial */
}

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;
}

/* Mainmenu deutsch */
.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';
}

/* Mainmenu english */
.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;
}



/*** Untermenü START ***/

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;
	/* animation-name: menu-animation-backwards;
	animation-duration: 800ms;
	animation-fill-mode: backwards; */
}

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 ul a::before
{
	position: absolute;
	bottom: 10px;
	left: 7px;
	right: 7px;
	height: 2px;
	width: 0.01%;
	content:"";
	display: block;
	background: #fff;
	opacity: 1;
	transition: all ease-in-out 300ms;
}

ul.mainmenu > li ul a.active::before,
ul.mainmenu > li ul a:hover::before,
ul.mainmenu > li ul a:focus::before,
ul.mainmenu > li ul a:active::before
{
	width: 90%;
}
*/


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;}
}


/*** Untermenu ENDE ***/

.shadowed {
    box-shadow: 2px 2px 5px 1px rgba(50,50,50,.5);
}

/* Off Canvas */

.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 */

    .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;
    }

/* Swiper END */

.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 {
    overflow: scroll;
    max-height: 510px;
	position: relative;
}*/

.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;
}



/* News Kacheln */

.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;
}

/* Sprachen Umschalter */

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);
}



/* Accordions */

.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);
}

/* ASPs auf Startseite ausgeblendet */
.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;
}


/* Suche */

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;
}



/* TEST */
.spanbolder .col-xl-3 {
	display: none !important;
}
.spanbolder .col-xl-9 {
	flex: 0 0 100% !important;
}
/* TEST */






/* Kachelwechsler Top Home START */


.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;
}


/* Position of tile arrow down */

.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;
}

/* Kachelwechseler Top Home END */


/* Kachelwechsler 2 drei Kacheln */

/*
.features-tab-area > .threeofthem > .nav-pills {
    grid-template-columns: repeat(3, 1fr) !important;
    max-width: 950px;
}*/

.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;
}

/* History Line */

.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::after {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 50%;
    top: -22px;
    transform: translateX(-50%);
    background: transparent;
    border-radius: 50%;
    transition: all ease-in 200ms;
}

.historyline div div button.yearbuttons:hover::after,
.historyline div div button.yearbuttons.active::after,
.historyline div div button.yearbuttons.activeyear::after {
    box-shadow: 0 0 0 3px 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';
}


/* HISTORY Mobile Styles */

#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;
}

/* Historie End */


/* Splide Slider */

.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: "•";
}


/* Zitat Slider */

.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);
}


/* Logo Section */

.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;
}


/* MAP Section */

.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 */

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 Styles */

.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)
}