@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

@font-face {
  font-family: "FontAwesome 6 Free-Solid";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/Font Awesome 6 Free-Solid-900.otf") format("opentype");
}
@font-face {
  font-family: "BarlowSemi Condensed-SemiBoldItalic";
  font-style: italic;
  font-weight: 600;
  src: url("../Fonts/BarlowSemiCondensed-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "BarlowSemi Condensed-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("../Fonts/BarlowSemiCondensed-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "BarlowSemi Condensed-SemiBold";
  font-style: normal;
  font-weight: 600;
  src: url("../Fonts/BarlowSemiCondensed-SemiBold.ttf") format("truetype");
}
/* barlow-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url('../Fonts/barlow-v12-latin-100.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/barlow-v12-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/barlow-v12-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/barlow-v12-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/barlow-v12-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/barlow-v12-latin-100.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('../Fonts/barlow-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/barlow-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/barlow-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/barlow-v12-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/barlow-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/barlow-v12-latin-200.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/barlow-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/barlow-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/barlow-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/barlow-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/barlow-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/barlow-v12-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/barlow-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/barlow-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/barlow-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/barlow-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/barlow-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/barlow-v12-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/barlow-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/barlow-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/barlow-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/barlow-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/barlow-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/barlow-v12-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/barlow-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/barlow-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/barlow-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/barlow-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/barlow-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/barlow-v12-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/barlow-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/barlow-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/barlow-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/barlow-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/barlow-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/barlow-v12-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/barlow-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/barlow-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/barlow-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/barlow-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/barlow-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/barlow-v12-latin-800.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-800 fake for OpenSans Overwrite - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSans-Bold';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/barlow-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/barlow-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/barlow-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/barlow-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/barlow-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/barlow-v12-latin-800.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('../Fonts/barlow-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/barlow-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/barlow-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/barlow-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/barlow-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/barlow-v12-latin-900.svg#Barlow') format('svg'); /* Legacy iOS */
}

body {font-family: "Barlow";}
.body-bg {margin-top: 110px; font-family: "Barlow";}

.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.align-self-flex-start {
  align-self: flex-start;
}

* {
  box-sizing: border-box;
}

.schneeflocke {
  height: 72px;
  object-fit: cover;
  width: 63px;
}

.line {
  background-color: var(--white);
  height: 3px;
  margin-left: 0.04px;
  margin-top: 14px;
  width: 316px;
}

.technik {
  height: 23px;
  margin-left: 0.48px;
  margin-top: 10px;
  object-fit: cover;
  width: 317px;
}

.komponente-2-1 {
  align-self: center;
  display: flex;
  height: 24px;
  justify-content: space-between;
  margin-bottom: 3.0px;
  width: 351px;
}

.komponente-4-1 {
  display: flex;
  width: 134px;
}

.fr-schler {
  width: 134px;
}

.komponente-5-1 {
  display: flex;
  width: 191px;
}

.fr-unternehmen {
  width: 191px;
}

.menu-container {
  height: 1567px;
  position: relative;
  width: 738px;
}

.menu-dropped {
  align-items: center;
  background-color: var(--shuttle-gray);
  box-shadow: -3px -5px 3px #00000021;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1567px;
  padding: 31.0px 0;
  position: absolute;
  top: 0;
  width: 400px;
}

.flag-container {
  align-self: flex-start;
  gap: 15px;
  margin-left: 64px;
  min-width: 91px;
}

.gruppe-32 {
  height: 20px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: 41px;
}

.pfad-604 {
  height: 20px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: 41px;
}

.pfad-605 {
  height: 20px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: 41px;
}

.linie-41 {
  height: 29px;
  object-fit: cover;
  width: 29px;
}

.gruppe-27 {
  align-items: flex-start;
  background-color: var(--shuttle-gray);
  border: 1px solid;
  border-color: var(--gallery);
  border-radius: 27px;
  box-shadow: inset 0px 2px 3px #0000003e;
  display: flex;
  gap: 164px;
  justify-content: flex-end;
  margin-right: 9.0px;
  margin-top: 42px;
  min-width: 281px;
}

.icon-search {
  height: 24px;
  object-fit: cover;
  width: 24px;
}

.gruppe-25 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 34px;
  min-height: 50px;
  width: 272px;
}

.ber-uns {
  letter-spacing: 0;
  line-height: 44px;
  min-height: 21px;
  min-width: 74px;
  white-space: nowrap;
}

.polygon-2 {
  height: 11px;
  object-fit: cover;
  width: 19px;
}

.gruppe-25-1 {
  margin-top: 6px;
}

.meisterausbildung {
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: -25px;
  margin-right: 127.0px;
  margin-top: 6px;
  min-height: 19px;
  min-width: 115px;
  white-space: nowrap;
}

.vollzeit {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: -25px;
  margin-left: 79px;
  margin-top: 13px;
  min-height: 19px;
  white-space: nowrap;
}

.teilzeit {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: -25px;
  margin-left: 79px;
  margin-top: 13px;
  min-height: 19px;
  white-space: nowrap;
}

.wochenmodule {
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: -25px;
  margin-right: 145.0px;
  margin-top: 13px;
  min-height: 19px;
  min-width: 97px;
  white-space: nowrap;
}

.prfung-fr-externe {
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: -25px;
  margin-right: 118.0px;
  margin-top: 13px;
  min-height: 19px;
  min-width: 124px;
  white-space: nowrap;
}

.gruppe-container {
  height: 745px;
  margin-top: 45px;
  position: relative;
  width: 400px;
}

.gruppe-30 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 745px;
  position: absolute;
  top: 0;
  width: 400px;
}

.linie-38-1 {
  height: 1px;
  margin-top: 5px;
  object-fit: cover;
  width: 271px;
}

.login {
  letter-spacing: 0;
  line-height: 44px;
  margin-left: 31px;
  min-height: 21px;
  min-width: 46px;
  white-space: nowrap;
}

.stellenmarkt {
  letter-spacing: 0;
  line-height: 44px;
  min-height: 21px;
  white-space: nowrap;
}

.produkte {
  height: 19px;
  letter-spacing: 0;
  line-height: 44px;
  margin-top: -13.5px;
  white-space: nowrap;
  width: 59px;
}

.gruppe-26 {
  display: flex;
  flex-direction: column;
  height: 30px;
  justify-content: space-between;
  margin-left: 1.0px;
  margin-top: 10px;
  width: 271px;
}

.downloads {
  height: 19px;
  letter-spacing: 0;
  line-height: 44px;
  margin-top: -13.5px;
  white-space: nowrap;
  width: 70px;
}

.technologie-transfer {
  height: 19px;
  letter-spacing: 0;
  line-height: 44px;
  margin-top: -13.5px;
  white-space: nowrap;
  width: 134px;
}

.partner-und-links {
  height: 19px;
  letter-spacing: 0;
  line-height: 44px;
  margin-top: -13.5px;
  white-space: nowrap;
  width: 110px;
}

.ag-bs {
  height: 19px;
  letter-spacing: 0;
  line-height: 44px;
  margin-top: -13.5px;
  white-space: nowrap;
  width: 35px;
}

.menu-open {
  align-items: center;
  background-color: var(--white);
  box-shadow: -3px -5px 3px #00000021;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1567px;
  padding: 31.0px 0;
  position: absolute;
  top: 0;
  width: 400px;
}

.flag_de-1 {
  align-items: flex-end;
  background-color: var(--black);
  display: flex;
  height: 20px;
  margin-top: 0;
  min-width: 35px;
}

.overlap-group6-1 {
  align-items: flex-end;
  background-color: var(--red);
  display: flex;
  height: 13px;
  min-width: 35px;
}

.gold_stripe-1 {
  background-color: var(--supernova);
  height: 6px;
  width: 35px;
}

.flag-uk-1 {
  align-items: flex-start;
  background-image: url(../img/pfad-600-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 20px;
  opacity: 0.32;
  overflow: hidden;
  width: 41px;
}

.gruppe-32-1 {
  height: 20px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: 41px;
}

.pfad-604-1 {
  height: 20px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: 41px;
}

.pfad-605-1 {
  height: 20px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: 41px;
}

.hauptmen-1 {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: -23px;
  margin-left: 64px;
  margin-top: 15px;
  min-height: 21px;
  white-space: nowrap;
}

.gruppe-27-1 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gallery);
  border-radius: 27px;
  box-shadow: inset 0px 2px 3px #0000003e;
  display: flex;
  gap: 164px;
  justify-content: flex-end;
  margin-right: 9.0px;
  margin-top: 58px;
  min-width: 281px;
}

.overlap-group5-1 {
  align-items: flex-end;
  background-color: var(--cello);
  border: 1px solid;
  border-color: var(--gallery);
  border-radius: 0px 28px 26px 0px;
  box-shadow: inset 0px 2px 3px #00000067;
  display: flex;
  height: 54px;
  min-width: 46px;
  padding: 14.7px 8.2px;
}

.teilzeit-1 {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: -25px;
  margin-left: 79px;
  margin-top: 13px;
  min-height: 19px;
  white-space: nowrap;
}

.pfad-5192 {
  height: 88px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 81px;
  width: 406px;
}

.rechteck-30 {
  background-color: #ebecef;
  box-shadow: 0px 2px 2px #00000017;
  height: 82px;
  left: 3px;
  position: absolute;
  top: 0;
  width: 400px;
}

.stellenmarkt-1 {
  left: 100px;
  letter-spacing: 0;
  line-height: 44px;
  position: absolute;
  top: 102px;
  white-space: nowrap;
}

.login-1 {
  left: 192px;
  letter-spacing: 0;
  line-height: 44px;
  position: absolute;
  top: 20px;
  white-space: nowrap;
}

.gruppe-26-2 {
  margin-top: 38px;
}

.gruppe-31-1 {
  background-color: var(--kashmir-blue);
  display: flex;
  height: 25px;
  left: 62px;
  position: absolute;
  top: 379px;
  width: 25px;
}

.slider-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  min-width: 1521px;
}

.gruppe-maskieren-4 {
  display: flex;
  height: 267px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1521px;
}

.meisterausbildung-2 {
  left: 287px;
  letter-spacing: 0;
  line-height: 77px;
  position: absolute;
  text-shadow: 3px 3px 20px #4f709d;
  top: 88px;
  white-space: nowrap;
}

.flocke {
  height: 148px;
  left: 175px;
  object-fit: cover;
  position: absolute;
  top: 55px;
  width: 71px;
}

.pfad-443-1 {
  flex: 1;
  margin-bottom: 11.2px;
  margin-left: 16.9px;
  margin-right: 16.9px;
  margin-top: 11.2px;
  object-fit: cover;
  width: 91.43px;
}

.gruppe-24 {
  align-items: flex-start;
  display: flex;
  gap: 38px;
  margin-left: 44px;
  margin-top: 6.0px;
  min-width: 803px;
}

.komponente-17-3 {
  width: 215px;
}

.tel-49-6109-6954-0 {
  flex: 1;
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: 5.5px;
  margin-right: -2px;
  margin-top: -7.5px;
  white-space: nowrap;
  width: 215px;
}

.komponente-17-1 {
  width: 129px;
}

.impressum-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: 5.5px;
  margin-right: -2px;
  margin-top: -7.5px;
  white-space: nowrap;
  width: 129px;
}

.komponente-18-1 {
  display: flex;
  height: 29px;
  width: 160px;
}

.komponente-19-1 {
  display: flex;
  height: 29px;
  width: 46px;
}

.agb {
  flex: 1;
  letter-spacing: 0;
  line-height: 44px;
  margin-bottom: 5.5px;
  margin-right: -2px;
  margin-top: -7.5px;
  white-space: nowrap;
  width: 46px;
}

.komponente-20-1 {
  display: flex;
  height: 29px;
  width: 103px;
}

.kontakt-2 {
  flex: 1;
  margin-bottom: 5.5px;
  margin-right: -2px;
  margin-top: -7.5px;
  width: 103px;
}

.tuev_zert2 {
  height: 56px;
  margin-left: 44px;
  margin-top: 5.0px;
  object-fit: cover;
  width: 67px;
}

.tuev_zert2-1 {
  height: 56px;
  margin-left: 14px;
  margin-top: 5.0px;
  object-fit: cover;
  width: 67px;
}

.icon-facebook {
  height: 52px;
  margin-left: 78px;
  margin-top: 9.0px;
  object-fit: cover;
  width: 49px;
}

.youtube-logo-black {
  height: 56px;
  margin-top: 5.0px;
  object-fit: cover;
  width: 99px;
}

.flag {
  align-items: flex-start;
  display: flex;
}

.flex {
  align-items: flex-start;
  display: flex;
}

.fr {
  flex: 1;
  letter-spacing: 0.60px;
  line-height: 20px;
  margin-bottom: -4px;
  margin-right: -2px;
  margin-top: 2px;
  white-space: nowrap;
}

.gruppe-26-3 {
  display: flex;
  flex-direction: column;
  height: 30px;
  justify-content: space-between;
  margin-left: 1.0px;
  width: 271px;
}

.komponente-17 {
  display: flex;
  height: 29px;
}

.kontakt-3 {
  letter-spacing: 0;
  line-height: 44px;
  white-space: nowrap;
}



.bp-page-content.main-section {background:#e9e9e9}
.page-1 .bp-page-content.main-section {background:#5c6573}

.news-cat {
  text-transform: uppercase;
  font-weight: 100;
  font-size: 1.3rem;
  color: #C1A384;
  letter-spacing: 2px;
}

.inner_news {
  background: transparent;
  padding: 15px 20px;
  min-height: 100px;
  width: 100%;
}

.inner_news h2{
  color: inherit;
  font-size: 15px;
}


a:hover {
  text-decoration: none !important;
}
.news-latest-item.col-md-4 {
  margin: -50px 0 0 0;
  padding:3px !important;
}

.news-latest-item.col-md-4 > a {
  display: block;
  background: linear-gradient(90deg, #fff, transparent) #eee;
  font-family: inherit;
  color: #fff;
  text-decoration: none;
  transition: background-color 1s;
  place-content: center;
  width: auto;
  
}
.news-latest-item.col-md-4 > a:hover, .news-latest-item.col-md-4 > a:focus {
  background-color: #98a4b5;
  color: #fff;
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 150px;  
  z-index: -1;
}

#page-content {
  margin-bottom: 150px;
  box-shadow: 3px 2px 2px 0px rgba(51,51,51,0.5);
  min-height: calc(100vh - 260px);
}

#carousel-149 {
  margin-bottom: -20px;
position: relative;
z-index: 0;
}


.mask_hero_content {
  margin-left: 160px;
  margin-top: 30px;
  padding-bottom: 30px;
}
.mask_hero_header {
  margin:60px 0px -50px 160px;
}
.mask_hero_header svg{
  display: none ;
}
.mask_hero_content > h2 { 
  color: #C1A384;
  font-weight: 600;
  font-size: 2rem;
  text-transform: none;
padding-top: 30px;
padding-bottom: 30px;
}
.mask_hero_content > p {
   font-size: 1.2rem;
  line-height: 2.2rem;
  color: #5C6573;
}
.mask_hero_content > a {
background: #98A4B5;
padding: 15px 20px;
font-weight: 300;
text-transform: uppercase;
margin-top: 20px;
color: #fff !important;
letter-spacing: 1px;
border-radius: 5px;
background: linear-gradient(90deg, #98A4B5, transparent) #e9e9e9;
transition: background-color 1s;
}

.mask_hero_content a:hover, .mask_hero_content a:focus {
  background-color: #98a4b5;
}

.card_outer {
  background: #fff;
border-left: 60px solid #C1A384;
box-shadow: 0 5px 5px #00000069;
margin: 10px;
margin-bottom: -200px;
z-index: 1;
position: relative;
}

.card_outer > .headline {
padding: 30px 50px;
text-transform: uppercase;
font-weight: 600;
color: #4B5360;
position: relative;
z-index: 2;
}
.card_inner {
  margin: 30px;
}
.card_inner > .h3 > h3 {
  font-weight: 600;
  color: #c1a384;
  font-size: 2rem;
  font-style: italic;
  padding-left: 50px;
}
.card_inner > .h3 h3 span {
  font-weight: 200;
  color: #c1a384;
  font-size: 1.3rem;
  font-style: italic;
}
.card_outer .content p {
  font-size: 1.2rem;
  margin-bottom: 50px;
line-height: 2.2rem;
color: #5C6573;
padding-right: 50px;
}
.card_outer .content {

}
.card_outer > .headline::before {
width: 80%;
background: #bfc3cb4b;
height: 14px;
content: "";
position: absolute;
left: 0;
margin-top: 3px;
z-index: 1;
margin-left: 20%;
}


.carousel-fade {height: 300px;}
.carousel-fade .carousel-content-inner {
  height: 80% !important;
  margin-top: -171px !important;
}


.page-1 .bp-page-content .carousel-fade {height: 650px;}
.page-822 .bp-page-content .carousel-fade {height: 600px;}
.page-822 .carousel-fade .carousel-content-inner {
  height: 100% !important;
  margin-top: -100px !important;
}
.page-1 .bp-page-content .carousel-fade .carousel-content-inner {

  margin-top: 0px !important;
}



.animate-character:hover
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #23324e 0%,
    #98A4B5 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
    .mask_boxbutton_outer {
        min-height: 150px;
        padding: 80px 10px 10px 20px;
        border: 5px solid #98A4B5
}
    .mask_boxbutton_outer::before {
        content: "";
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 50px 50px 0;
   border-color: transparent #98A4B5 transparent transparent;
   transform: rotate(0deg);
   float: right;
margin-top: -70px;
}
.mask_boxbutton_outer > .h1 {
  font-size: 2.3rem;
  font-weight: 600;
  text-transform: uppercase;
}
.mask_boxbutton_outer > .light.h1 {
  color:#23324e;
}
.mask_boxbutton_outer > .dark.h1 {
  color:#fff;
}



.page-item .page-link {
 
  background-color: #263D58 !important;
  border-color: transparent;
}

.page-item.disabled .page-link {
 
  background-color: #263d5833 !important;
  border-color: transparent;
}

.tx-jobapplications > .row > .col-8 > .row > .col > .col  >  .row > strong {
font-size: 2rem;
padding: 0 !important;
margin-bottom: 20px;
margin-top: 30px;
}


.footer-copyright .row .star > svg {
margin-top:-12px;
}

.footer-copyright .contentinfooter {
margin-top:13px;
display: flex;
}
.footer-copyright .socials a {
  padding:0 10px;
  }
.footer-copyright .contentinfooter p > a{
  color:#fff;
  padding: 0 20px;
text-transform: uppercase;
float: right;
  }
  .footer-copyright .contentinfooter p > a:last-child{
    
    padding-left: 40px;
    }



    a.animate-a:hover,
    .footer-copyright a:hover
{
   
   background-image: linear-gradient(
    -225deg,
    #23324e 0%,
    #98A4B5 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.mask_standortbox_outer {
  background: #fff;
  padding:50px;
  margin: 30px;
box-shadow: 0 3px 5px #0000004f;
min-height: 500px;
}
.mask_standortbox_inner {
  margin: -50px;
  height: 180px;
  overflow: hidden;
}
.mask_standortbox_inner img {
  width: 100%;
height: auto;
}
.mask_standortbox_outer h3 {
  color: #C1A384 !important;

  font-size: 2.0rem;
  font-weight: 600;
}
.standortbarlow-extra-bold-trout-20px {
  margin-top: 80px;
}

.Standort_header {
  margin-top: 100px;
margin-bottom: 30px;
}
.Standort_header svg {width: 100%;}
.Standort_content  {min-height: 200px;}

.mask_standortbox_outer .qrcode {
  float: right;
position: relative;
z-index: 2;
margin-right:-13px;
}
.Stellenangebot_header {
  margin-top: 10px;
margin-bottom: 30px;
}
.Stellenangebot_header svg {width: 100%;}
.Stellenangebot_content  {min-height: 200px;}


@media only screen and (max-width: 1199px) {
  .mask_standortbox_outer .qrcode {
    display: none;
  }
}

.mask_standortbox_outer .rundgang_link {
  color: #C1A384;
  text-transform: uppercase;
  margin-bottom: -5px;
  font-weight: 300;
letter-spacing: 1px;
}


.mask_standortbox_outer a:hover
{
   
   background-image: linear-gradient(
    -225deg,
    #23324e 0%,
    #98A4B5 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #C1A384;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}



.navbar-mainnavigation .dropdown-item.active {
   
  background-image: linear-gradient(
   -225deg,
   #C1A384 0%,
   #98A4B5 100%
 );
 background-size: auto auto;
 background-clip: border-box;
 background-size: 200% auto;
 color: #C1A384;
 background-clip: text;
 text-fill-color: transparent;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 animation: textclip 2s linear infinite;
 display: inline-block;
}

@keyframes textclip {
 to {
   background-position: 200% center;
 }
}

#c152 .news-image {display: none !important;}
.news-single-img img {

  border-radius: 10px;
  box-shadow: 0 0 5px #00000073;
}

#tx_indexedsearch fieldset legend,
#tx_indexedsearch fieldset p,
#tx_indexedsearch fieldset label,
#tx_indexedsearch fieldset > div:last-child {
  display: none;
}

#tx-indexedsearch-searchbox-sword {box-shadow: inset 0 0 10px #f8a100;
  box-shadow:inset 3px 3px 5px #bbb;
  border-radius: 30px 0px 0px 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 30px;
  height: 50px;
}

#tx-indexedsearch-searchbox-button-submit {
text-transform: uppercase;
border: none;
border-radius: 0 30px 30px 0;
height: 50px;
}


.news-latest-item IMG {
  width: auto;
height: 150px;
}

.news-single-item h1 {
  margin-left: 150px;
text-transform: uppercase;
color: #C1A384;
font-weight: 600;
font-size: 2.2rem;
padding-right: 150px;
margin-top: 15px;
}

.news-single-item .news-single-date {
  margin-left: 150px;
  color: #999;
  margin-bottom: -15px;
}

.news-single-item h2 {
  margin-left: 150px;
  color:#4f709d;
  padding-right: 150px;
  margin-bottom:30px;
}
.news-single-item p {
  font-size: 1.2rem;

color:#5C6573
}
.news-single-img img {
  border: none;
  width: 100%;
  height: auto;
}
.news-single-item .news-single-backlink > a {
  background: #98A4B5;
  padding: 15px 20px;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 20px;
  color: #fff !important;
  letter-spacing: 1px;
  border-radius: 5px;
  background: linear-gradient(90deg, #98A4B5, transparent) #e9e9e9;
  transition: background-color 1s;
}
.news-single-item .news-single-backlink a:hover, 
.news-single-item .news-single-backlink a:focus {
  background-color: #98a4b5;
}
.news-single-item svg {
  position: absolute;margin-left: -240px;margin-top: -110px;
}
.news-single-backlink {padding:20px !important;margin-top:30px}

.news-list-container .news-list-item {
  background: #fff;
color: #333;
padding: 40px 30px;

box-shadow: 0 3px 5px #0000004f;
}

@media only screen and (max-width: 768px) {
  .news-single-item h1 {
    margin-left: 50px;
  text-transform: uppercase;
  color: #C1A384;
  font-weight: 600;
  font-size: 1.8rem;
  margin-top: 50px;
  min-height: 80px;
  }
  .news-single-item h2 {
    margin-left: 0px;
    color:#4f709d;
    margin-bottom:30px;
  }
  .news-single-item svg {
    margin-top:-180px;
    -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
  }
  .news-single-item .news-single-date {
    margin-left: 0px;
  }
}


.breadcrumb-section {display: none !important;}

#c115 {margin-top:-200px;z-index: 9;}

.loading_progress {
  position: fixed;
z-index: 99999;
height: calc(100vh + 1px);
width: 100%;
background: #23324ee5;
padding: 0 46%;
  padding-top: 0px;
margin-top: -110px;
padding-top: 120px;
}



.filelink-item {
  width: 31% !important;
  float: left;
  background: #fff;
  box-shadow: 0 3px 5px #aaa;
  padding: 30px 30px;
  margin: 13px;
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .filelink-item {
    width: 100% !important;
  }
}


.news-list-image {
  width: 100%;
  margin-left: 32px;
  margin-top: -40px;
  margin-bottom: 40px;
}

.news-list-image img {
  width: calc( 100% + 60px);
height: auto;padding-bottom: 30px;
}


h1.carousel-header  {
  font-size: 2.4rem !important;
}

.kat h4 {
  color: #C1A384 !important;
  font-weight: 600;
  font-size: 1.8rem;
}

.textpic p {
  font-size: 1.2rem;
line-height: 2.2rem;
color:#5C6573
}

.frame-background-dark .textpic p {
  font-size: 1.2rem;
line-height: 2.2rem;
color:#fff
}
.frame-background-dark .table {
  color: #fff;
}
.table > :not(caption) > * > * {
  border-bottom: 0px solid #fff !important;
}
.table tr.headliner {
  padding-top: 50px;
display: inline-table;
}

#page-content li {list-style-type: square;margin-bottom: 10px;}
.btn-warning:hover,
.btn-warning:hover > a {
  background: #c1a384 !important;
  color:#fff !important;
  transition: color 1s;
}

.accordion-button {
  font-size: 1.1rem !important;
}


.fontawesome-custom-job {
  padding: 5px 2px;
  background: transparent;
  border-radius: 5px;
  color: #fff;
  margin-right: 10px;
  margin-left: -47px;
  margin-top: 30px;
  position: absolute;
}

.actionbutton {
  background: #98A4B5;
  padding: 15px 20px !important;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 20px;
  color: #fff !important;
  letter-spacing: 1px;
  border-radius: 5px;
  background: linear-gradient(90deg, #98A4B5, transparent) #e9e9e9;
  transition: background-color 1s;
  font-weight: 600 !important;
  border: none !important;
}
.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #c1a384 !important;
}
.actionbutton > a {
  color: #fff !important;
}
.actionbutton > a:hover {
  color: #23324e !important;
}
.leaflet-container .leaflet-marker-pane img {
  border-radius: 5px;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #23324e;
  color: #fff;
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-popup-content .infoWindow img {
  margin-left: -20px;
margin-top: -15px;
width: calc( 100% + 40px);
}
.tx-myleaflet .ajaxMessage {
  background-color: #23324e;
  color: white;
  padding: 10px;
  border-radius: 5px;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {

  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.marker-cluster-medium,.marker-cluster-small {
  background-color: #23324e !important;
  width: 50px !important;
height: 50px !important;
background: url('/fileadmin/ext/myleaflet/Resources/Public/Icons/pointerWhite.png');
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
background-size: 50px;
background-position:0;
}
.marker-cluster-medium div,.marker-cluster-small div {
  background-color: #c1a384 !important;
}
.marker-cluster {
  border-radius: 3px !important;
}
.marker-cluster div {
  width: 20px !important;
height: 20px !important;
margin-left: 15px !important;
margin-top: 16px !important;
border-radius: 5px !important;
  font: 15px "Barlow", Arial, Helvetica, sans-serif;
    font-weight: normal !important;
  font-weight: 600 !important;
}
#mapSearch {
  background: #ffffffed !important;
  width: 320px !important;
  z-index: 1000;
}
@media only screen and (max-width: 578px) {
  #mapSearch {
    margin: 40px !important;
    position: relative !important;
  }
}
.standort-img img {
  margin-left: -50px;
margin-top: -50px;
width: calc( 100% + 100px);
}
 
.searchResultTile .Standort_header {
  margin-top: 30px;
}
#page-content a {
  font-weight: 600;
}

li {font-size: 1.1rem;}
.powermail_legend 
{
  margin-top: -74px;
  margin-left: -30px;
  color: #d4d6d9;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 300;
}

.powermail_form h3 {
  color:#C1A384;
  font-weight: 600;
  font-size: 2rem;
}

hr {
  border-top: 0px solid !important;
  opacity: 0.25;
}

#c468 {
    margin-top: -100px;
}

.indexedSearchResult .list-inline,
#l_menu__acc_group .indexedSearchResult {display: none !important;}


.frame-background-dark input, .frame-background-dark textarea, .frame-background-dark select {
  padding: 5px 7px;
  border-radius: 3px;
  border: none;
  margin: 3px 0px;
  background: #fff;
  width: 100%;
}

.frame-background-dark input[type=button], .frame-background-dark input[type=submit], .frame-background-dark input[type=reset] {
  background: #C1A384;
  margin-top: 20px;
}

.frame-background-dark label {width: 100%;}




.form-label, .control-label {
  font-weight: 600;
}


#page-content .table-responsive a,
#page-content .table-responsive td {
  font-size: 1.2rem;
}

#c152 {
margin-bottom: -70px;
z-index: 1;
}

#c154 {
  background: transparent;
}

#c154 .contentcontainer{
  margin-top: -40px;
}

.page-1 .mask_boxbutton_outer {
  background: #5c6573;
}












@media only screen and (max-width: 768px) {

  footer .star {
    display: none;
  }
  .mask_standortbox_inner {
    margin: -50px;
    height: 250px;
    overflow: hidden;
  }
  .mask_hero_content > h2 {
    
    font-size: 1.3rem;
 
  }
  .mask_hero_content > p {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }
    #Gruppe_47 {
      width: 75px;
      height: 75px;
      display:none;
    }
    .l_menu__acc_link {
   
      font-size: 0.8rem;
    }



    #page-content :not(.startseite) iframe {display: none;}



    .opener_rotation_bg svg:not(.nav_rotation) {
      right: -3px !important;
      top: -4px !important;
    }
    #Gruppe_123 {
      margin-left: -125px !important;
      width: 200px;
    }
    .mask_hero_content {
      margin-left: 0px;
      margin-top: 0px;
      padding-bottom: 30px;
    }
    .mask_hero_header {
      margin: 30px 0px -20px 0px;
    }
    .body-bg {
      margin-top: 70px;
      font-family: "Barlow";
    }
    .navbar-fixed-top .navbar-brand svg {
      height: 40px;
      width: 180px;
    }
    .navbar-mainnavigation .navbar-toggler.collapsed {
      right: 70px !important; 
    }
    .carousel-item-type-header .carousel-text-inner {
      margin: 30px 0 0 0px !important;
    }
    .powermail_fieldwrap .btn.btn-primary, .powermail_fieldwrap .btn-primary.cc-btn {
      background: #98A4B5;
      padding: 10px 15px !important;
     
      letter-spacing: 0px !important;
     
      width: 100%;
      font-size: 14px;
    }
    .contentcontainer-column {width:100%}
    .btn_select {
     
      font-size: 1rem !important;
     
      padding: 3px 8px 3px 8px !important;
     
      margin: 5px !important;
    }
    .footer-copyright p {
      display: block !important;
    }
    #page-content {
      margin-bottom: 250px !important;
    }
}
@media only screen and (max-width: 990px) {
  #c154 .contentcontainer{
    margin-top: -20px;
  }
  .body-bg {
    margin-top: 70px;
    font-family: "Barlow";
  }

  footer .star {
    margin-top:25px;
  }

  #page-content iframe  {
    height: calc(80vh) !important;
  }
  .navbar-fixed-top .navbar-brand svg {
    height: 40px;
    width: 180px;
  }


  .tx-powermail > .container-fluid {
    padding: 0;
  }
  .powermail_legend {
    margin-top: -60px;
    margin-left: -30px;
    color: #d4d6d9;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 300;
  }
  .fontawesome-custom-job {display: none;}
  .navbar-fixed-top .navbar-brand svg {
    height: 40px;
    width: 180px;
  }
  .carousel .carousel-item {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .carousel-item-type-header .carousel-header {
    font-size: 20px !important;
  }
  .carousel-content-inner > svg  {display: none;}

  .carousel-content-inner  {padding: 20px;}
  .carousel-item-type-header .carousel-subheader {
    font-weight: 300;
    font-size: 1rem !important;
  }
  .page-1 .bp-page-content .carousel-fade {
    height: 450px;
  }
  .news-latest-item.col-md-4 {
    margin: 0px 0 0 0;
    padding: 3px !important;
  }
  .news-latest-container {
    margin-top: -30px !important;
  }
  .carousel-fade {
    height: 160px;
  }
  #carousel-558.carousel-fade, #carousel-587.carousel-fade {
    height: 400px;
  }
  .card_inner > .h3 > h3 {
    font-size: 1.6rem;
  }
  .card_outer .content p {
    font-size: 1rem;
    line-height: 1.6rem;

  }
  /* .carousel-item-type-header .overlay {
    display: none !important;
  } */
  #myVideo {
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin-top: 0px !important;
  }
  .card_outer {
   
    border-left: 20px solid #C1A384;
    
    width: 110%;
margin-left: -5%;
  }
  .card_inner > .h3 > h3 {
    padding-left: 30px;
  }
  .card_inner .content {
    padding-left: 50px;
  }
  .card_outer > .headline {
    padding: 30px;
  }
  .card_outer > .headline::before {
    width: 40%;
    margin-top: 6px;
    margin-left: 60%;
  }
  .content p {
    padding-right: 20px;
  }

  .textpic p {
    font-size: 1rem;
    line-height: 2rem;
  }
  footer {
    height: auto;
  }
  #page-content {
    margin-bottom: 200px;
  }
  .footer-copyright p {
    margin-bottom: 0;
    font-size: 11px;
    display: inline-grid;
text-align: right;
  }


  footer .tuv_cert_footer {
    margin-top:20px;

  }
  footer .tuv_cert_footer svg {
    width:60px
  }
  footer .socials svg {
    width:40px;

  }
  footer .socials {
    margin-top: 25px;
    margin-bottom: -20px;
  }
  .mask_boxbutton_outer > .h1 {
    font-size: 1.6rem;
  }
  .mask_standortbox_outer {

    margin: 50px 0px;
  }
  .news-single-item h1 {
    margin-left: 0;
    text-transform: uppercase;
    color: #C1A384;
    font-weight: 600;
    font-size: 1.8rem;
    padding-right: 0;
  }
  
  .news-single-item svg {display: none;}
  .news-single-item .news-single-backlink > a {
    font-size:12px;
    padding: 10px;
  }
  .tx-myleaflet .card_outer {
    margin-top: 0;
    margin-left: -20px;
  }
  .tx-myleaflet .actionbutton {
    width: 100%;
    margin-bottom: 30px;
  }
  #mapContainer #map {
    min-height: 160px;
  }
  .carousel-item-type-header .carousel-text-inner {

    margin: 20px 0 0 0px !important;
  }

}
@media (min-width: 690px) {
  .l_menu__wrapper {
    margin: 0 40px;
  }
}
@media (max-width: 990px) and (min-width: 768px ) {
  .carousel-item-type-header .carousel-text-inner {

  margin: -130px 0 0 0px !important;
}
}

@media only screen and (min-width: 990px) and (max-width: 1200px) {

  header{
    height:110px;
  }
  .mask_standortbox_outer {

    margin: 50px 0px;
  }
  .mask_boxbutton_outer > .h1 {
    font-size: 2rem;
  }
  .navbar-mainnavigation:not(.navbar-transition)  .navbar-brand-image {
    padding-top: 8px;
  }
  header.navbar-transition {
    height: 70px;
  }
  header.navbar-transitionn .navbar-brand-image {
    padding-top: 15px !important;
  }
  footer svg {
    height:30px
  }
  footer  .footer-copyright p {
    font-size: 14px;
    margin-top: -15px;
  }
  footer  .footer-copyright p a:last-child {

    display: none;
  }

  .footer-copyright .socials a {
    padding: 0 0px;
  }
  .footer-copyright .socials {
    margin-top:-5px;
  }
  footer {

    height: 120px;
  }
  #page-content {
    margin-bottom: 120px;
  }
  footer .footer-copyright .col-md-3 {
    margin-top: -5px;
  }
}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-copyright p {
    margin-bottom: 0;
    font-size: 12px;
  }
  #page-content iframe  {
    height: calc(80vh) !important;
  }
  
}



@media only screen and (max-width: 576px) {
  .footer-copyright p a {
    padding:3px 10px !important;
  }
.footer-copyright p {
  display: grid !important;
  font-size:14px;
}
}

#c165 {
  margin-bottom: 0;
padding-bottom: 10px;
}


#new_job {
  text-transform: uppercase;
  float: left;
  background: #c1a384;
  border-radius: 5px;
  padding: 5px 15px;
  width: 100%;
  color: #fff;
}



#c1735 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#c1735 ul li {
  list-style-type: none;
  margin-right: 0px;
  background: #c1a384;
  padding: 5px;
  border-radius: 4px;
  text-align: center;
}
#c1735 ul li a {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 20px;
}
.frame-background-dark input[type="button"], .frame-background-dark input[type="submit"], .frame-background-dark input[type="reset"] {
  text-transform: uppercase;
}

.femanager_image img {
  width: 360px;
  height: auto;
}

.feManagerValidation fieldset > legend{ display: none; }
.feManagerValidation { text-align: center;}
#c1740 {background: #ccc;}



.frame-background-dark label {
  width: 100%;
  text-align: left;
}




.carousel-fade {
  height:500px !important;
}
  #carousel-587.carousel-fade #carousel-587.carousel-content-inner {
  height: 80% !important;
  margin-top: -91px !important;
}
  #carousel-558.carousel-fade, #carousel-587.carousel-fade {
    height: 500px;
  }
.carousel-fade {
  height:500px !important;
}
  #carousel-558.carousel-fade #carousel-558.carousel-content-inner {
  height: 80% !important;
  margin-top: -91px !important;
}

#c1741 {
  border-radius: 5px;  margin-bottom: 20px;
}

#c1734 a {
  font-weight: 300;
  color: #ccc;
  font-size: 18px;
  text-transform: uppercase;  line-height: 40px;
}
.frame-background-dark input[type="submit"] {
  background: #C1A384;
  margin-top: 20px;  font-size: 20px;
}

.loginform.kform {
  font-size: 130%;
}
.loginform.kform label {
  font-size: 13px;
}

.loginform.kform fieldset div:first-child {
  display: none;
}

.femanager_fieldset.femanager_username.form-group {display: none;}

#searchlist {
  background: linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(222, 219, 219, 0.5) 100%);
  margin-top: -24px;
  padding-top: 20px;
  margin-left: 0px;
  margin-right: 0px;  min-height: 800px;
}
body#p1155 .mask_hero_content {
  padding-bottom: 0px;
}




  /* CSS */
.karriere-banner {
  position: fixed;
  right: 20px;
   top: 60%;
  transform: translateY(-50%) rotate(90deg); /* Von oben nach unten */
  transform-origin: right center;
  background: linear-gradient(135deg, #cdac51 0%, #5c6573 100%);
  color: white;
  padding: 12px 24px;
  text-decoration: none;
  font-weight: 600;
  font-size: 24px;
  box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  border-radius: 0 0 4px 4px;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.karriere-banner:hover {
  background: linear-gradient(135deg, #5c6573 0%, #cdac51 100%);
  box-shadow: -3px 3px 12px rgba(0, 0, 0, 0.3);
  padding-right: 28px;
}

.karriere-banner span {
  display: block;
}

/* Optional: Responsiv - auf Mobilgeräten ausblenden oder anpassen */
@media (max-width: 768px) {
  .karriere-banner {
    font-size: 12px;
    padding: 10px 16px;
  }
}
  
  .karriere-banner {
  background: linear-gradient(135deg, #cdac51 0%, #5c6573 100%);
}

.karriere-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #5c6573 0%, #cdac51 100%);
  opacity: 0;
  animation: gradientShift 3s ease-in-out infinite alternate;
  z-index: -1;
}

.karriere-banner:hover::before {
  animation-play-state: paused;
}

@keyframes gradientShift {
  to {
    opacity: 1;
  }
}
