/*Roots*/

:root {
  --main: #777;
  --hover: #333;
  --shadow: 10px 10px 30px rgb(0 0 0 / 15%);
  --box-color: #c3c8d1;
}

/*Roots Ende*/

/* Navgation */

div#header {
  background: rgb(255, 255, 255);
}

.header-wrapper {
  position: absolute !important;
}

#header > .container {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#header > .container:before {
  display: none;
}

#header div#header_2 li:last-child {
  padding: 0 0 0 20px;
}

/* Navgation Ende */

/* Header Kollektion */

.collection_list.header {
  width: 100%;
}

.header-text-wrapper {
  max-width: 1440px;
  width: 1440px;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  min-width: 320px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
}

.collection_content.header-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
}

.collection_content.header-quote-author {
  font-size: 0.9em;
  padding-top: 0.3em;
}

.collection_list.header .collection_container {
  height: 696px;
}

.collection_content.header-title {
  font-family: "Raleway";
  font-size: 4em;
  font-weight: 700;
  width: 90%;
}

.collection_content.header-quote {
  padding-top: 1em;
  width: 39%;
}

.header-title-wrapper,
.collection_content.header-quote {
  z-index: 1;
}

/* Header Kollektion Ende */

/* Kollektion ALL */

.collection_list.all {
  width: 33.33%;
  float: left;
  padding: 20px;
}

.collection_list.all .collection_container {
  background: #fff;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-bottom: 7px solid var(--accent-color);
}

.collection_list.all .collection_container:hover {
  box-shadow: rgb(100 100 111 / 50%) 0px 7px 29px 0px;
}

.collection_content.all-img {
  height: 216px;
  position: relative;
  z-index: 0;
}

.all-text-group {
  padding: 30px;
  height: 331px;
  min-height: 331px;
  position: relative;
  background: #fff;
}

.collection_content.all-title-small {
  color: #7b7b7b;
  font-size: 16px;
  padding-bottom: 0.2em;
}

.collection_content.all-title {
  font-family: "Raleway";
  font-size: 25px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.collection_content.all-teaser {
  padding-top: 1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.all-wrapper {
  /* display: flex; */
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.collection_content.all-img img {
  height: 100% !important;
  width: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: 0.5s;
}

div#footer-header {
  border-top: 1px solid #a1a7b3;
}

#header_3 {
  display: none;
}

#header #header_1 {
  width: auto !important;
}

#header > .container:before {
  display: none;
}

#header > .container:after {
  display: none;
}

#header #header_2 {
  width: auto !important;
}

.collection_list.all
  .collection_container:hover
  .collection_content.all-img
  img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.collection_container.Presse.und.Publikationen .all-text-group {
  border-top: 2px solid #ededed;
}

.collection_container.Soziales.Engagement .collection_link {
  display: none;
}

.collection_link a {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 2;
}

/* Kollektion ALL Ende */

/*Buttons*/

#button,
button,
.button {
  background-color: var(--main);
  color: #fff;
  transition: 300ms;
  border-radius: 5px;
}

#button:hover,
button:hover,
.button:hover {
  background: var(--hover);
  transition: 300ms;
}

/*Buttons Ende*/

/* Forms */

.form-label-left .form-group:not(.form-check) label {
  width: 100% !important;
  margin-bottom: 0;
  margin-top: 15px;
}

.form-label-left .form-group:not(.form-check) .select_body,
.form-label-left .form-group:not(.form-check) input {
  width: 100% !important;
  border: none;
  border-bottom: 2px solid #fff;
  background: none;
}

.form-group {
  max-width: 700px;
}

.contactformular {
  background: var(--box-color);
  border-radius: 15px;
  padding: 40px;
  box-shadow: var(--shadow);
  max-width: 780px;
}

.contactformular .form-group label,
.contactformular .form-group input {
  color: #fff !important;
}

textarea#input_Bemerkung {
  background: none;
  border: none;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  color: #fff;
}

.input.select_body .select {
  background: none;
  border: none;
  color: #fff;
}

.select_body:after {
  color: #fff !important;
}

.select option {
  background: var(--main);
  border: none;
}

/* Forms Ende*/