@charset "utf-8";

/* CSS Document */ 
:root {
  --color-aula-light: #FFFAF7;
  --color-aula-lila: #8740CD;
  --color-aula-lightblue: #dfe1cb;
  --color-aula-blue: #8c8f64;
  --color-aula-darkblue: #696b4b;
  --color-aula-dark: #222222;
  --color-aula-koralle: #DA886E;
}

/* sora-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: 'Sora';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sora-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* sora-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: 'Sora';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/sora-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* sora-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: 'Sora';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/sora-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* sora-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: 'Sora';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/sora-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* frank-ruhl-libre-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: 'DomineFrank Ruhl Libre';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/frank-ruhl-libre-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* frank-ruhl-libre-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: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/frank-ruhl-libre-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* FONTS Aula */ 

body {
    font-family: 'Sora', sans-serif; 
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.5rem;
}
h1 {
  font-size:2.6rem;
  font-family:'Frank Ruhl Libre', serif;
  line-height:2.6rem;
  margin-bottom:4rem;
  font-weight:500;
}
h2 {
  font-size:2.2rem;
  font-family: 'Sora', sans-serif;
  line-height:3.2rem;
  font-weight:500;
}

h3 {
  font-size:2.1rem;
  font-family: 'Sora', sans-serif;
  line-height:3.2rem;
  font-weight:500;
}

h4 {
  font-size:1.9rem;
  font-family: 'Sora', sans-serif;
  line-height:2.9rem;
  font-weight:500;
}
.cta h2 {
  font-size:2.6rem;
  font-family: 'Sora', sans-serif;
  font-weight:400;
}
.accordion-header button {
  font-family: 'Sora', sans-serif; 
  font-weight:700;
  font-size: 1.35rem;
  line-height: 2.2rem;
}
.teaser h2 {
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  font-size: 1.35rem;
  line-height: 2.2rem;
}

/* FARBEN Aula */ 

body {
  background-color:var(--color-aula-light)!important;
  color:var(--color-aula-dark);
}

.bg-body {
  background-color:var(--color-aula-light)!important;
}

h1 {
  color: var(--color-aula-dark);
}
.highlight {
  color: var(--color-aula-darkblue);
}

ul li::before {
  background-image:url(../../user_upload/ATRIUM/img/_share/check_small.svg);
  background-color:var(--color-aula-blue);
  border-radius: var(--border-radius);
} 

#c795 ul li::before {
  display: none;
}

#c1006 ul li::before {
  display: none;
}

#c1329 ul li::before {
  display: none;
}

#c1416 ul li::before {
  display: none;
}

a {
  color: var(--color-aula-darkblue);
}
a:hover {
  color: var(--color-aula-dark);
}

.text-white {
  color: #fff!important;
}

.navbar {
  border-bottom: 1px solid var(--color-aula-lightblue);
}


.navbar .nav-item a {
  color:var(--color-aula-dark);
  font-weight: 500;
}

.navbar .nav-item a.active {
  border-bottom: 2px solid var(--color-aula-dark);
  color: var(--color-aula-dark);
}

#nav-item-52 a {
  background-color: var(--color-aula-blue);
  padding: .5rem 2rem !important;
  border-radius: 10px;
  margin-right: 0;
  color: #fff;
}

#nav-item-65 a {
  padding: .5rem 2rem !important;
  border-radius: 5px;
  margin-right: 0;
  color: #fff;
  background-color: var(--color-aula-koralle);
  border: 1px solid transparent;
  white-space: nowrap;
  transition: all .3s ease-in;
  font-weight: 500;
}

#nav-item-65 a:hover, #nav-item-65 a:active, #nav-item-65 a:focus {
  border-radius: 5px;
  margin-right: 0;
  border-bottom: unset;
  color: var(--color-aula-koralle);
  background-color: transparent;
  border: 1px solid var(--color-aula-koralle) !important;
  font-weight: 500;
}


#nav-item-5 a {
  background-color:var(--color-aula-lila);
}

#nav-item-64 a, #nav-item-80 a, #nav-item-79 a {
  font-size: 0.9rem;
  font-weight: 400;
}

.navi-full .even a {
  color: var(--color-aula-blue);
}
.navi-full .even a:before {
  background-image:url(../../user_upload/AULA/img/_share/aula_icon_download.svg);
}
.navi-full .odd a {
  color: var(--color-aula-dark);
  font-size: 1rem;
  font-weight: 500;
}

.navi-full a {
  font-size: 1rem;
  font-weight: 500;
}

.navi-full .odd {
  border-left: 1px solid var(--color-aula-lightblue);
}
.navi-full:before {
  background-color: var(--color-aula-light);
  border-bottom: 1px solid var(--color-aula-lightblue);
}

.peach {
  background-color:var(--color-aula-lightblue);
}
.peach h2 {
  color:var(--color-aula-blue);
}
.red {
  background-color: var(--color-aula-darkblue);
}

.dark {
  background-color:var(--color-aula-lightblue);
}
.karte {
  /*
  background: rgb(220,225,244);
  */
  background: linear-gradient(0deg, rgba(220,225,244,0) 70%, rgba(220,225,244,1) 70%, rgba(220,225,244,1) 100%);
  
}

.highlights-container::before {
  background-color:var(--color-aula-blue);
}

#c1070 .highlights-container::before {
  height: 28rem;
}

#c1165 .highlights-container::before {
  height: 40rem;
}

#c1369 .highlights-container::before {
  height: 65rem;
}

#c1897 .highlights-container::before {
  height: 65rem;
}

#c881 .highlights-container::before {
  height: 30rem;
}

#c705 .highlights-container::before {
  height: 34rem;
}

#c705 .highlights-container > div:first-child {
  padding-top: 0rem;  
}

.highlights .ce-textpic {
  background-color: var(--color-aula-lightblue);
  color:var(--color-aula-dark);
}

.btn {
  font-weight: 400;
}



.btn-primary {
  --bs-btn-bg: var(--color-aula-darkblue);
  --bs-btn-border-color: var(--color-aula-darkblue);
  --bs-btn-hover-bg: var(--color-aula-darkblue);
  --bs-btn-hover-border-color: var(--color-aula-darkblue);
  --bs-btn-active-bg: var(--color-aula-darkblue);
  --bs-btn-active-border-color: var(--color-aula-darkblue);
  --bs-btn-disabled-bg: var(--color-aula-darkblue);
  --bs-btn-disabled-border-color: var(--color-aula-darkblue);
}
.btn-info {
  --bs-btn-color: var(--color-aula-blue);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--color-aula-blue);
  --bs-btn-hover-color: var(--color-aula-blue);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--color-aula-blue);
  --bs-btn-active-color: var(--color-aula-blue);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--color-aula-blue);
  --bs-btn-disabled-color: var(--color-aula-blue);
  --bs-btn-disabled-bg: var(--color-aula-blue);
  --bs-btn-disabled-border-color: var(--color-aula-blue);
}

.btn-info::before {
  background-image:url(../../user_upload/AULA/img/_share/aula_icon_download.svg);
}

.btn-info-aula {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-aula-koralle);
  --bs-btn-border-color: var(--color-aula-koralle);
  --bs-btn-hover-color: var(--color-aula-koralle);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--color-aula-koralle);
  --bs-btn-active-color: var(--color-aula-koralle);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--color-aula-koralle);
  --bs-btn-disabled-color: var(--color-aula-koralle);
  --bs-btn-disabled-bg: var(--color-aula-koralle);
  --bs-btn-disabled-border-color: var(--color-aula-koralle);
    font-size: 1rem;
    font-weight: 400;
    margin-right:1.15rem;
    transition: background-color .3s ease-in-out;
}

.btn-info-aula::before {
  content:"";
  display:inline-block;
  width: .75rem;
  height: .75rem;
  margin-right: .4rem;
  background-image:url(../../user_upload/AULA/img/_share/aula_icon_download_white.svg);
  background-repeat:no-repeat;
  transform: rotate(270deg);
}

.btn-info-aula-neg {
  --bs-btn-color: var(--color-aula-koralle);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--color-aula-koralle);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-aula-koralle);
  --bs-btn-hover-border-color: var(--color-aula-koralle);
  --bs-btn-active-color: var(--color-aula-koralle);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--color-aula-koralle);
  --bs-btn-disabled-color: var(--color-aula-koralle);
  --bs-btn-disabled-bg: var(--color-aula-koralle);
  --bs-btn-disabled-border-color: var(--color-aula-koralle);
    font-size: 1.15rem;
    font-weight: 400;
    width: 43%;
    transition: background-color .3s ease-in-out;
}


.btn-secondary {
  --bs-btn-bg: var(--color-aula-blue);/*angepasst*/
  --bs-btn-border-color: var(--color-aula-blue);
  --bs-btn-hover-bg: var(--color-aula-lightblue);
  --bs-btn-hover-border-color: var(--color-aula-lightblue);
  --bs-btn-active-bg: var(--color-aula-lila);
  --bs-btn-active-border-color: var(--color-aula-lila);
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-bg: var(--color-aula-lila);
  --bs-btn-disabled-border-color: var(--color-aula-lila);
}

table tr:first-child, table tr:nth-child(2) {
  background-color: var(--color-aula-lightblue)
}
table tr:first-child td, table tr:nth-child(2) td {
  padding-left:1.5rem;
}
tr {
  border-color: var(--color-aula-lightblue);
  background-color: var(--color-aula-light);
}
td {
  border-right: 1px solid var(--color-aula-lightblue);
}
td:last-child {
  border-right:none;
}

#c1210 th {
  width: 100px !important;
}
table tr:first-child {
  font-weight:700;
  font-size:1.1rem;
}
table tr:first-childtd {
  min-width: 174.5px;
  width: 174.5px;
}
table tr:first-child td, table tr:first-child th {
  padding-bottom: 0;
  padding-top:1rem;
}

td {
  width: 270px;
  text-align: right;
}

table tr:nth-child(2) td {
  padding-left: 0.5rem !important;
}

.accordion-button::before {
  content:"";
  display:inline-block;
  width: .75rem;
  height: .75rem;
  margin-right: .4rem;
  background-image:url(../../user_upload/AULA/img/_share/aula_icon_download.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 1.8rem;
  left: -1.5rem;
}

#c362 .accordion {
  margin-top: 0;
  padding-top: 1rem;
}



.accordion-button:not(.collapsed) {
  color:var(--color-aula-dark);
}
.accordion-item {
border-bottom: 1px solid var(--color-aula-dark);
}
.cta h2 {
  color: var(--color-aula-blue);
}
.teaser .ce-link-content {
  border: 2px solid var(--color-aula-blue);
}
.teaser .ce-link-content::after {
  background-image:url(../../user_upload/AULA/img/_share/aula_icon_download.svg);
}
.teaser-gross.ce-link-content {
  background-color: var(--color-aula-blue);
  border-radius: var(--border-radius);
}
.teaser-gross .text-secondary {
  color: var(--color-aula-darkblue)!important;
}
.teaser-gross p::before {
  background-image:url(../../user_upload/ATRIUM/img/_share/icon_pfeil.svg);
}

footer a {
  color: var(--color-aula-lightblue);
}
footer a:hover {
  color: var(--color-aula-blue);
}

@media (max-width: 1199px) {
.navbar .nav-item a.active {
    color:var(--color-aula-blue);
  }
 
.dropdown-toggle::after {
background-image: url(../../user_upload/AULA/img/_share/aula_icon_download.svg);
}
}

/* Anpassungen Aula */ 
#main-navbar {
  transition: none;
}

.jumbotron {
  margin-bottom:4rem;
}

.jumbotron figure {
  max-width:1800px!important;
}

.jumbotron-content {
  margin-top: 103px;
}

/*
.jumbotron-content > div {
  height: calc(100vh - 103px);
}
*/

.jumbotron img {
  width: 1800px;
  border-radius: 0;

}

.jumbotron-content figure {
  width: 100%;
}
.bg-light {
  background-color: var(--color-aula-lightblue)!important;
}
.h-auto, .h-auto * {
  height: auto!important;
}
.jumbotron-content .bg-light > div {
width: 440px;
  margin: 0 auto;
  align-self: center;
}
h1 {
  margin-bottom: 3rem;
}
footer { padding-top: 3rem; color: #fff; background-color: var(--color-aula-light) !important;}
/* footer p {font-size:1rem; margin-bottom: 0.5rem; line-height: 1.5rem; } */
footer a { font-size:1rem; line-height: 1.5rem; }
footer a:focus, footer a:hover { text-decoration: underline; color: #fff; }
footer > div {
  background-color: var(--color-aula-darkblue);
  padding-top: 2.5rem;
  padding-bottom: 2rem;
}
.swiper-slide .card.rounded-0 { border-radius: var(--border-radius)!important; }


/* ------ POWERMAIL ------ */
.tx-powermail .container-fluid {
  padding: 0;
}
.tx-powermail .form-control {
  color: var(--color-aula-darkblue);
  background-color: transparent;
  border: 1px solid var(--color-aula-darkblue);
  border-radius: 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1.5rem;
}
.tx-powermail .form-control.powermail_textarea {
  border-left-color: var(--color-aula-darkblue);
  border-top-color: var(--color-aula-darkblue);
  border-right-color: var(--color-aula-darkblue);
}
.tx-powermail .form-control::placeholder, .tx-powermail .checkbox {
  color: var(--color-aula-darkblue);
}
.tx-powermail .powermail_fieldset .powermail_field_error.form-control::placeholder {
  color: #A94442;
}
.form-control:focus {
  box-shadow: none;
}
.tx-powermail a, .tx-powermail a:hover, .tx-powermail a:focus {
  color: var(--color-aula-darkblue);
}
.powermail_fieldwrap_type_radio label, .powermail_fieldwrap_type_check label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 40px;
  margin-right: 15px;
}
.powermail_fieldwrap_type_radio input[type=radio], .powermail_fieldwrap_type_check input[type=checkbox] {
  display: none;
}
.powermail_fieldwrap_type_radio .inputGroup label:before, .powermail_fieldwrap_type_check .inputGroup label:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 20px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: transparent;
}
.powermail_fieldwrap_type_check .inputGroup label:before {
  top: 0px;
  bottom: auto;
}
.powermail_fieldwrap_type_radio .inputGroup label:before {
  border-radius: 25px;
  border: 1px solid var(--color-aula-darkblue);
}
.powermail_fieldwrap_type_check .inputGroup label {
  margin-bottom: 10px;
}
.powermail_fieldwrap_type_check .inputGroup label:before {
  border-radius: 0px;
  border: 1px solid var(--color-aula-darkblue);
}
.powermail_fieldwrap_type_radio .inputGroup input[type=radio]:checked + label:before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 30 30' width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse style='fill: %23696b4b;' cx='14' cy='14' rx='10' ry='10'/%3E%3C/svg%3E");
}
.powermail_fieldwrap_type_check .inputGroup input[type=checkbox]:checked + label:before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 30' enable-background='new 0 0 30 30'%3E%3Cg%3E%3Cpath fill='%23696b4b' d='M11.4,23.2c-0.4,0-0.7-0.1-1-0.4L4,16.4c-0.6-0.6-0.6-1.5,0-2.1c0.6-0.6,1.5-0.6,2.1,0l5.4,5.4L24,7.2 c0.6-0.6,1.5-0.6,2.1,0c0.6,0.6,0.6,1.5,0,2.1L12.5,22.8C12.2,23.1,11.8,23.2,11.4,23.2z'/%3E%3C/g%3E%3C/svg%3E");
}

ul.powermail-errors-list li::before {
  background-image:none;
  width: 0;
  height: 0;
  margin-right:0;
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list,
.tx-powermail .powermail_fieldset ul.powermail-errors-list  {
  margin-top: -0.75rem;
  background-color: #FFFAF7;
}
.custom-checkbox.powermail_field_error {
  margin: 5px 0 20px 0;
  border: 1px solid #EBCCD1!important;
}
.btn-cta {
  border-color: var(--color-aula-darkblue);
  color: var(--color-aula-darkblue);
    margin-top: 1.5rem;
}

.btn-cta:hover, .btn-cta:focus {
  background-color: var(--color-aula-darkblue);
  color: #fff;
}

@media(min-width: 1200px) {
.tx-powermail .powermail_fieldset  {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.5rem;
}

.powermail_fieldset .row {
  grid-column-start: 1;
  grid-column-end: 1;
}

.powermail_fieldset .row:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 1;
}
  .powermail_fieldset .row:nth-child(2) {
    grid-row-start: 2;
    grid-row-end: 2;
}
  .powermail_fieldset .row:nth-child(3) {
    grid-row-start: 3;
    grid-row-end: 3;
}
  .powermail_fieldset .row:nth-child(4) {
    grid-row-start: 4;
    grid-row-end: 4;
}
  .powermail_fieldset .row:nth-child(5) {
    grid-row-start: 5;
    grid-row-end: 5;
}

.powermail_fieldset .row:nth-child(6) {
    grid-row-start: 1;
    grid-row-end: 6;
    grid-column-start: 2;
    grid-column-end: 2;
}
.powermail_fieldwrap_type_textarea > div, #powermail_field_ihrenachricht {
    height: calc(100% - 0.75rem);
}

}

@media (max-width:1199px) {
  .karriere.highlights-container:before {
    max-height:30rem;
  }
}

@media (max-width: 991px) {
.jumbotron-content {
  margin-top: 59px;
}
  .jumbotron-content * {
  height: auto;
}
.jumbotron img {
  object-position: top center;
  max-height: 60vh;
  }
  .jumbotron-content > div {
    height: auto;
  }
  .jumbotron-content .bg-light > div {
    width: 80%;
  }

  .aula-bg::before {
    visibility: hidden;
  }
    .karriere.highlights-container:before {
    max-height:25rem;
  }
}

@media (max-width: 565px) {
  .main-content {
    padding-top: 1.5rem !important;
  }
  .karriere.highlights-container > div:first-child {
  padding-top: 5rem;
}
}


/* ABSTÄNDE */

.mt-7 {
  margin-top: 4rem;
}

.mt-14 {
  margin-top: 14rem;
}

.mt-15 {
  margin-top: 15rem;
}

.mb-14 {
  margin-bottom: 14rem;
}

.mb-15 {
  margin-bottom: 15rem;
}


/* KARRIERE */

.purple {
  color: unset;
}

/* NAVI */

.navbar-nav {
  width: 86%;
}

/* BACKGROUND */


.aula-bg::before {
  content: "";
  display: inline-block;
  background-image:url(../../user_upload/AULA/img/_share/aula_bg.svg);
  background-position: right;
  background-repeat: no-repeat;
  position: absolute;
  height: 50rem;
  width: 100vw;
  right: -260px;
  z-index: -1;
  top: -200px;
}


/* ÜBER UNS */

#c1905 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

/* Pflege und Wohnen */

/* Langzeitpflege */

