/****** Bei TYPO3 Integration ******/
/* Ein Test für push zu gitlab*/

:root {
  --color-grey:         #adadad;
  --bs-secondary-color: #555555;
}


header {
  margin-top: 4rem;
}

.ce-gallery img {display: unset;}
.ce-intext [data-ce-columns="1"],
.ce-intext [data-ce-columns="2"],
.ce-intext [data-ce-columns="3"],
.ce-intext [data-ce-columns="4"] {
  width: 100%;
}

.ce-intext [data-ce-columns="2"] .ce-column,
.ce-center [data-ce-columns="2"] .ce-column {
  width: 48%;
  margin-right: 2%;
}

.ce-intext [data-ce-columns="3"] .ce-column,
.ce-center [data-ce-columns="3"] .ce-column {
  width: 31%;
  margin-right: 2%;
}

.ce-intext [data-ce-columns="4"] .ce-column,
.ce-center [data-ce-columns="4"] .ce-column {
  width: 23%;
  margin-right: 2%;
}

.ce-intext.ce-right .ce-gallery {
  margin-left: 0;
}

.ce-intext.ce-left .ce-gallery {
  margin-right: 0;
}

.ce-textpic,
.ce-image,
.ce-nowrap .ce-bodytext,
.ce-uploads li,
.ce-uploads div {
  overflow: visible;
}
@media screen and (min-width: 601px) {
  .ce-intext [data-ce-columns="1"],
  .ce-intext [data-ce-columns="2"],
  .ce-intext [data-ce-columns="3"],
  .ce-intext [data-ce-columns="4"] {
    width: 50%;
  }
  .ce-intext.ce-right .ce-gallery {
    margin-left: 1rem;
  }
  .ce-intext.ce-left .ce-gallery {
    margin-right: 1rem;
  }
  .ce-textpic,
  .ce-image,
  .ce-nowrap .ce-bodytext,
  .ce-uploads li,
  .ce-uploads div {
    overflow: hidden;
  }
}

img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

/**** Imagebox ****/
@media screen and (min-width: 992px) {
  .img-box .sinse-box {
    max-width: 600px;
  }
}
@media (min-width: 576px) {
  .sinse-box {
    bottom: 40px;
  }
}

/**** Intro Textbox *****/

.introtextbox_bodytext h2,
.introtextbox_bodytext h3 {
    padding-bottom: 1.8rem;
    margin-bottom: 1rem;
    position: relative;    
    font-weight: 600;
    font-size: 2rem;
}

.introtextbox_bodytext h2:after,
.introtextbox_bodytext h3:after {
    content: "";
    position: absolute;
    width: 70px;
    height: 4px;
    background-color: #84AFD0;
    bottom: 20px;
    left: 0;
}

.introtextbox_vhl .title-vertical {
    top: 90px;
    left: 35px;
}
@media screen and (min-width: 768px) {
    .introtextbox_vhl .title-vertical {
        left: -35px;
    }
}

/* Text Styles */ 
.content a {
    color: #84AFD0;
    font-weight: 600;
    font-weight: bold;
}
.btn.btn-b {
    font-weight: 500;
    color: #fff;
}
.title-box-d {
  font-weight: 600;
  font-size: 2rem;
}

.title-box-d:after {
  content: "";
  position: absolute;
  width: 70px;
  height: 4px;
  background-color: #84AFD0;
  bottom: 10px;
  left: 0;    
}

/* Tabelle */
.table tr {
  border: none;
}
table {
    vertical-align: middle;
    align-items: center;
    text-align: unset;
}
table .text-end {
    margin: 0.5rem;
}
table tr {
    border: none;
}

.table td {
  padding: 5px 0 5px;
  text-align: right;
  vertical-align: top;
}

.table td:first-of-type {
  padding-right: 50px;
  text-align: left;
}

/* .frame-layout-10 = Galerie */
.frame-layout-10 figure.image {
    aspect-ratio: 1/1;
    display: inline-grid;
    overflow: hidden;
}

.frame-layout-10 figure.image img {
    height: 100%;
    max-height: inherit;
    width: 100%;
    max-width: inherit;
    object-fit: cover;
    object-position: center;
}

.frame-layout-10 figcaption {
  display: none;
}

/* Form */
.form-check {
    padding-left: inherit;
    margin-left: 1.5rem;
}
.form-label {
    font-size: 0.8rem;
    color: var(--color-grey);
    margin-top: 1.2rem;
}
.input.checkbox .form-check-label {
    color: var(--bs-secondary-color);
    font-size: 0.9rem;
    width: 100%;
}
.input.checkbox .form-check-label input {
    margin-right: 10px;
}
::placeholder {
    font-size: 1rem !important;
    opacity: 0.8 !important;
    color: var(--bs-secondary-color);
}
textarea.form-control {
    min-height: 10rem;
    margin-bottom: 1rem;
}
nav.form-navigation {
    margin-top: 1rem;
}
form legend {
    margin-top: 2rem;
    font-size: 1.2rem;
}
fieldset {
    margin-bottom: 0;
}
figcaption.image-caption {
    font-size: 14px;
    margin-top: 8px;
}