:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #53ac34;
    --bs-teal: #9ccd7c;
    --bs-cyan: #0dcaf0;
    --bs-white: #ffffff;
    --bs-gray: #b2b2b5;
    --bs-gray-dark: #535153;
    --bs-gray-100: #f8f8f8;
    --bs-gray-200: #e9e9e9;
    --bs-gray-300: #dedede;
    --bs-gray-400: #cecece;
    --bs-gray-500: #ababab;
    --bs-gray-600: #6c6c6c;
    --bs-gray-700: #494949;
    --bs-gray-800: #313131;
    --bs-gray-900: #212121;
    --bs-primary: rgb(101, 179, 46);
    --bs-secondary: #e76f51;
    --bs-tertiary: #f4a261;
    --bs-quaternary: #e9c46a;
    --bs-success: #53ac34;
    --bs-info: #319fc0;
    --bs-warning: #f0ad4e;
    --bs-danger: #d9534f;
    --bs-default: #eaebec;
    --bs-lighter: #f8f8f8;
    --bs-light: #e9e9e9;
    --bs-dark: #313131;
    --bs-darker: #212121;
    --bs-primary-rgb: 42, 157, 143;
    --bs-secondary-rgb: 231, 111, 81;
    --bs-tertiary-rgb: 244, 162, 97;
    --bs-quaternary-rgb: 233, 196, 106;
    --bs-success-rgb: 92, 184, 92;
    --bs-info-rgb: 49, 159, 192;
    --bs-warning-rgb: 240, 173, 78;
    --bs-danger-rgb: 217, 83, 79;
    --bs-default-rgb: 234, 235, 236;
    --bs-lighter-rgb: 248, 248, 248;
    --bs-light-rgb: 233, 233, 233;
    --bs-dark-rgb: 49, 49, 49;
    --bs-darker-rgb: 33, 33, 33;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 33, 33;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212121;
    --bs-body-bg: #ffffff;
}

.frame-background-light {
    --frame-background: #f5f5f5;
}
.frame-background-dark{
   --frame-background:#B2B2B5; 
}

/* -------------------- ÜBERSCHRIFTEN -------------------- */
h1 {
    font-size: 1.6rem;
	font-weight: 600;
}

h2{
	font-size: 1.5rem;
}

.h2_gruen span,
.form-container h2 {
    color: #52AD34;
    font-size: 1.4rem;
    font-weight: 400;
}

.h2_grau span {
    color: #B2B2B4;
    font-size: 1.4rem;
    font-weight: 400;
}

.h2_rot span {
    color: #c3091e;
    font-size: 1.4rem;
    font-weight: 400;
}

h3 {
    font-size: 1rem;
    font-weight: bold;
}

h5{
    font-size: 1rem;
    font-weight: bold;
}

/* -------------------- STARTSEITE -------------------- */
#c14 .contentcontainer {
    align-items: center;
}

#c606 .gallery-item img {
    width: 100%;
    height: 100%;
}

#p1 .row {
   margin-right: 0;
}

.card-img-top {
  overflow: hidden;
  width: 100%;
  text-align: center;
  padding-top: 1rem;
}

.card-img-top img{
	width: auto;
	height: auto;
}

/* -------------------- CAROUSEL -------------------- */

.carousel-text{
text-align: center;
color: #fff;
width: 100% !important;

background-color: rgba(0,0,0,0.6) !important;
text-shadow: 0px -1px 4px rgba(0,0,0,0.8);
height: 100px;
padding-top: 10px;
}

.carousel .carousel-content-inner{
	align-items: end;
}
.carousel-header{
	font-size: 1.6rem;
}

.carousel-subheader{
	font-size: 1.5rem; 
	font-weight: 600;
}

@media (max-width:1200px) {
.carousel-header{
	font-size: 1.1rem;
}

.carousel-subheader{
	font-size: 1rem; 
	font-weight: 600;
}

.carousel .item{
	height: 40vw;
}
.carousel-text{
	display:none;
	}
}

/* -------------------- BILDER -------------------- */
.gallery-item img {
    width: auto;
    height: auto;
}

/* -------------------- BUTTONS -------------------- */
/*.btn-primary {
    width: 50%;
}*/

.btn-secondary {
    background-color: #c3091e;
    border-color: #c3091e;
}

/* -------------------- PANELS -------------------- */
.card-panel-default {
    --cardpanel-border-color: var(--bs-primary);
}

/* -------------------- ANSPRECHPARTNER -------------------- */
.tt_address_detail .img-thumbnail {
    border: none;
    box-shadow: none;
}

.tt_address_detail .rounded {
    border-radius: 1rem !important;
	max-height: 200px;
	width: auto;
}

.ansprechpartner_daten {
    margin: auto;
}

.vcard .col-6{
	margin: 0 auto;
}

.tx-ttaddress .row{
	text-align:center; 
}


/* -------------------- APP SEITE & UNTERSEITEN -------------------- */
.backendlayout-individuell #page-header{
    display:none;
}
.section-navigation #c183 {
    border: 3px solid #53ac34;
}

.section-navigation .btn-primary {
    width: calc(100%/7);
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.section-navigation .btn-primary:last-child {
    margin-right: 0;
}

.section-produkt .btn-primary {
    width: 100%;
}

.nav-tabs .active {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

/*--------------------- Formulare------------------*/

.form-container{
	padding:1rem;
}
/* -------------------- FOOTER -------------------- */
#page-footer {
    background-color: var(--bs-primary);
    color: #fff;
}

#page-footer a {
    color: #fff !important;
}

.footer-section-content {
    background-color: var(--bs-primary);
    color: #fff;
}

.footer-section-meta {
    display: none;
}

/*------------Karriere-Seite-------------*/
/*--------- 1 Spalte -----------*/ 

.contentcontainer[data-container-identifier="container_1_columns"] {
    box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;
    background-color: white;
    padding: 1rem;
    margin: 1rem;
  }

 /*------------Unterseite-Karriere----------*/ 
 .subcontent-wrap{
    padding: 1rem;
    padding-left: 1rem;
    border-left: 1px solid #63b32e;
    padding-left: 3rem;
 }

 .navbar-mainnavigation {
    box-shadow: 0 1px 0 0 rgb(99, 179, 46);
    padding: 0;
  }

  .backendlayout-2_columns .container{
    max-width: 1600px;
  }

  .subcontent-wrap .ansprechpartner{
    margin-top:2rem;
  }

  @media(max-width:450px){
    .contentcontainer{
        display: block;
    }
  }