@import url(form.css);

/* Sprachenmenü ausblenden */
#language_menu {
  display:none; 
}


/* ---------------------------------- */

/* Abstände */
.main-section {
  padding-bottom:0px;
  padding-top:0px;
}
.footer-section {
  margin-top:0px;
}
.breadcrumb-section {
  margin-bottom:0px;
}
small {
  display:inline-block;
  margin-bottom:20px;
}

/* Ab Bootstrap 4: */
.frame{
  padding-top:1.6rem;
  padding-bottom:1.6rem;
}
.main-section .frame:last-child {
  padding-bottom:1.4rem;
}
.main-section .frame:first-child {
  padding-top:1.4rem;
}
.main-section .frame .frame:last-child {    
  padding-bottom:0;
}
.main-section .frame .frame:first-child {
  padding-top:0;    
}
.marken-logos-gallery  {
  padding-top:1.0rem;
}
@media (min-width:576px) {
  .frame{
    padding-top:2.0rem;
    padding-bottom:2.0rem;
  }
  .main-section .frame:last-child {
    padding-bottom:1.4rem;
  }
  .main-section .frame:first-child {
    padding-top:1.4rem;
  }
  .main-section .frame .frame:last-child {    
    padding-bottom:0;
  }
  .main-section .frame .frame:first-child {
    padding-top:0;    
  }
  .marken-logos-gallery  {
    padding-top:1.4rem;
  }
}
@media (min-width:768px) {
  .frame{
    padding-top:2.2rem;
    padding-bottom:2.2rem;
  }
  .main-section .frame:last-child {
    padding-bottom:1.4rem;
  }
  .main-section .frame:first-child {
    padding-top:1.4rem;
  }
  .main-section .frame .frame:last-child {    
    padding-bottom:0;
  }
  .main-section .frame .frame:first-child {
    padding-top:0;    
  }
  .marken-logos-gallery  {
    padding-top:1.4rem;
  }
}
@media (min-width:992px) {
  .frame{
    padding-top:2.4rem;
    padding-bottom:2.4rem;
  }
  .main-section .frame:last-child {
    padding-bottom:1.4rem;
  }
  .main-section .frame:first-child {
    padding-top:1.4rem;
  }
  .main-section .frame .frame:last-child {    
    padding-bottom:0;
  }
  .main-section .frame .frame:first-child {
    padding-top:0;    
  }
  .marken-logos-gallery  {
  	padding-top:1.4rem;
  }
}

/* Ab bootstrap_package 12.0 */
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1140px;
  }  
  .frame-container-default {
    max-width: 1140px;
  }
  .footer-section .frame-container {
    max-width: 1140px;
  }
}

/* zur Eliminierung von Abständen bei leeren Bildgalerien */
.textpic-gallery {
    margin-bottom: 0rem; 
}
.gallery-row:last-child {
    margin-bottom: 0rem;
}

/* Frames */
.frame-well .text {
  /*margin-top:20px;*/
}
/* Well: Mehrzeilige Bilder-Reihen: */
.frame-well .image, .frame-well .thumbnail {
  margin-bottom:20px;
}

/* ------------------------------------- */

/* Schriftgrößen: */
body {
  font-size: 14px;
  line-height: 1.42857143;
}
h1,.h1 {
  font-size: 36px;
}
h2,.h2 {
  font-size: 30px;
}
h3,.h3 {
  font-size: 24px;
}
h4,.h4 {
  font-size: 18px;
}
h5,.h5 {
  font-size: 14px;
}
h6,.h6 {
  font-size: 12px;
}
.dropdown-header, .dropdown-menu {
  font-size: 14px;
}
.dropdown-header { 
  padding: 9px 15px;
}
.dropdown-menu .divider {
  margin: 0;
}

/* ------------------------------------- */

/* Listen */
.main-section li, .footer-section li {
  margin-left:-18px;
}

/* ------------------------------------- */

/* Farben */

/* Header */
.navbar {
  background:#FFFFFF;
}


/* ------------------------------------- */

/* Fixing: */

.image-row {
  clear:both;  
}
.tx-markenlogos-pi1 .image-row {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex; 
  flex-wrap:wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.tx-markenlogos-pi1 .image-column {
  padding-left:15px;
  padding-right:15px;
}
.close {
  color:#000000;
  font-size:36px;
  font-weight:normal;
  line-height: 1;
  opacity:0.7;
  text-shadow:0 2px 0 #ffffff;
}

.frame-well .col-container p:last-child {
    margin-bottom:10px!important;
}


.image-center-outer {
    right: 0;
}
.image-center-inner {
    right: 0;
} 
.image-center-inner img {
  margin:0 auto;
}

/* Dropdown Menü */
.dropdown-menu > li > a {
  white-space: normal;   
  width:400px;
  border-top:1px solid #EEEEEE;
}
.dropdown-menu > li:first-child > a {
  border:none;
}
@media (max-width: 991px) {
.dropdown-menu > li > a {
  white-space: normal;   
  width:95%;
  border-top:1px solid #EEEEEE;
  background:#FFFFFF;
}
}

@media (max-width: 767px) {

.col-xs-6:nth-child(even) {
  margin-bottom:1px;
}
/* Schriftgröße und Zeilenhöhe vergrößern */
body {
  font-size: 16px;
  /*line-height: 2;*/
}

}

/* ---------------------------------- */

/* Module / Extensions */

/* Gridelements */
.four-cols {
  float:left;
  width:25%;
  padding-top:0px;
  padding-bottom:0px;
}
.three-cols {
  float:left;
  width:33.3333%;
  padding-top:0px;
  padding-bottom:0px;
}
.two-cols {
  float:left;
  width:50%;
  padding-top:0px;
  padding-bottom:0px;
}
.two-cols.first {
  padding-right:15px;
}
.two-cols.last {
  padding-left:15px;
}
.two-cols-23 {
  float:left;
  width:66.6666%;
  padding-top:10px;
  padding-bottom:10px;
}
.two-cols-13 {
  float:left;
  width:33.3333%;
  padding-top:10px;
  padding-bottom:10px;
}
.three-cols.first {
  padding-right:20px;
}
.three-cols.middle {
  padding-left:10px;
  padding-right:10px;
}
.three-cols.last {
  padding-left:20px;
}
.four-cols.first {
  width:24.3%;
  padding-right:16px;
}
.four-cols.middle {
    width:25.7%;
  padding-left:15px;
  padding-right:15px;
}
.four-cols.last {
    width:24.3%;
  padding-left:16px;
}
.two-cols-23.first {
  padding-right:15px;
  display:inline-block;
}
.two-cols-13.last {
  padding-left:15px;
  display:inline-block;
}
.two-cols-13.first {
  padding-right:15px;
}
.two-cols-23.last {
  padding-left:15px;
}
.col-container {
  clear:both;
}
.col-container-end {
  display:block;
  clear:both;
  margin-bottom:0px;
}

/* Gridelements responsive */
@media (max-width:768px) {

.three-cols, .two-cols, .four-cols, .four-cols.first, .four-cols.middle, .four-cols.last {
  display:block;
  clear:both;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:0px;
  padding-right:0px;
}
.two-cols.first, .two-cols.last, .three-cols.first, .three-cols.middle, .three-cols.last, .four-cols.first, .four-cols.middle, .four-cols.last {
  padding-left:0px;
  padding-right:0px;
}
.two-cols.last, .three-cols.middle, .three-cols.last, .four-cols.middle, .four-cols.last {
  margin-top:30px; /* Abstände zwischen den Spalten in mobiler Ansicht */
}
.two-cols-23 {
  display:block;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
}
.two-cols-13 {
  display:block;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
}
.two-cols-13.first, .two-cols-13.last, .two-cols-23.first, .two-cols-23.last {
  padding-left:0px;
  padding-right:0px;
}

}

/* Content Slider */
/* .slick-slider {
  margin-bottom:0px;
} */
.tx-lifestyleslider-pi1 .slick-slider {
    margin-bottom: -14px;
}
.tx-markenlogos-pi1 .slick-slider {
    margin-bottom: 6px;
}


/* image slider (für Lifestyle-Bilder etc.) */
.slick-prev::before, .slick-next::before {
    text-shadow:0 0 2px #333333;
}

/* Iframes */
iframe { 
  max-width:100% !important; 
  border: 1px solid #e3e3e3 !important;
  margin-bottom:20px;
}

/* Karussel */
.main-section .carousel-indicators li {
  margin-left:0;
}
.container .carousel {
  margin-bottom:20px;
}

/* Main section Abstände */
.main-section .section {
    padding-top: 0;
    padding-bottom: 0;
}
.section.footer-section {
    padding-top: 24px;
    padding-bottom: 36px;
}
.main-section .frame-space-after-none {
  /*margin-bottom:20px;*/ 
  margin-bottom:0px; /* geändert für Bootstrap Package 11 */
}

/* Fix für das Darstellungsproblem im Mac-Safari für Bilder nebeneinander (letztes Bild war in neuer Zeile) */
.gallery-item.col-sm-6{
  width: calc(99% / 2)!important;
}
.gallery-item.col-xs-4 {
  width: calc(99% / 3)!important;
}
.gallery-item.col-sm-3{
  width: calc(99% / 4)!important;
}
.gallery-item.col-md-2{
  width: calc(99% / 6)!important;
}

/* Frame fix (Abstand über und unter dem Slider eliminieren) - rausgenommen nach Update auf 9.5 */
.main-section .frame-default {
  /*padding-top: 0 !important;
  padding-bottom: 0 !important;*/
}

/* Footer: Positionierung des Copyright-Hinweises */
@media (min-width: 576px)
{
.footer-info-section {
    text-align: left;
}
}

/* Footer: Spalten Padding ausschalten (sonst Abstand nach links) */
@media (min-width:576px){
.footer-section .section-column {    
  padding-left: 0px;
  padding-right: 0px;
}
}

/* automatische Bildvergrößerung auf 100% rausnehmen - für zu kleine Bilder */
.gallery-item img, .gallery-item picture {
  width: auto; 
}

/* Frames */
.frame-container {
    padding-right: 0px;
    padding-left: 0px;
}

/*.frame-well > .frame-container {  */
.frame-well > .frame-group-container > .frame-group-inner > .frame-container {
  padding: 2em;
  padding-top:19px;
  padding-bottom:19px;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);	
  background:#F5F5F5;
}
.frame-jumbotron > .frame-group-container > .frame-group-inner > .frame-container {
  color: #fff;
  background-color:#4FAF98;
}
.frame-jumbotron a:not([class]) {
  color:#fff;
}
.frame-jumbotron a:hover {
  text-decoration: underline;  
}
.frame-jumbotron > .frame-group-container > .frame-group-inner > .frame-container p {
  font-size:24px;  
  font-weight:300;
}
/* Innenabstand wie bei Well einstellen: */
.frame-jumbotron > .frame-group-container > .frame-group-inner > .frame-container {
  padding: 1em !important;
}

@media (min-width: 768px) {
.frame-jumbotron > .frame-group-container > .frame-group-inner > .frame-container {
  padding: 1.5em !important;
}
}

@media (min-width: 992px) {
.frame-jumbotron > .frame-group-container > .frame-group-inner > .frame-container {
  padding: 2em !important;
}
}

.gridWrap .frame {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.gridWrap .frame:first-child {
    padding-top: 0;
    padding-bottom: 2rem;
}
.gridWrap .frame:last-child {
    padding-top: 2rem;
    padding-bottom: 0;
}

.navbar-brand {
  line-height:40px; /* Seit T3 12 LTS, vorher: 110px; */
  font-weight:bold;
  text-transform:uppercase;
}
@media (max-width:991px) {
  .navbar-brand {
    line-height:80px;
  }
}
@media (max-width:767px) {
  .navbar-brand {
    line-height:60px;
  }
}

/* Markenlogos Modul */
.marken-logos-gallery .image {
  background-color:#fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

/* Logo oben links */
@media (max-width:768px){
.navbar-mainnavigation .navbar-brand-image img {
  max-width:100%;
}
}

/* Fix: Überlappung von Frames und Verhinderung von Anklickbarkeit bei Links */
/* Fix vom 05.12.2022 */
@media (min-width:768px){
.frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {
  margin-top:-2.2rem;  
}
}

/* Fix vom 23.04.23: */
.textmedia, .textpic {
 gap: 0px;
}

/* Fixing bootstrap_package: */
@media (min-width: 992px) {
.navbar-mainnavigation .navbar-nav {
   justify-content: flex-end;
}   
}  
:root, .footer-section-content, .footer-section-meta {
  --frame-link-color: #2a9d8f;
  --frame-link-hover-color: #227e72;
  --bs-link-color: #2a9d8f;
  --bs-link-hover-color: #227e72;
  --bs-link-color-rgb: 42, 157, 143;
  --bs-link-hover-color-rgb: 34, 126, 114;
}
.frame a:not([class]),.frame a, .breadcrumb a {
  text-decoration:none;
}
.frame a:not([class]):hover {
  text-decoration:underline;
}
.navbar-mainnavigation {
  --mainnavigation-hightlight: #2a9d8f;
}