@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

body{font-family: 'Open Sans', sans-serif;}

/* .navbar{border: 0px;} */
/*.frame{padding-top: 0; padding-bottom: 3em; clear: both;}*/
.navbar-brand > .navbar-brand-logo-normal{width: 160px; height: auto;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-main > li > .navbar-text, .navbar-main > li > a{line-height: 60px;}
#page-header .navbar-brand{line-height: 1; height: 60px;}
.navbar .container{padding: 10px 0; box-sizing: border-box;}
.copyright a{opacity: 0.5;}
.copyright{text-align: center;}
.row.news-list-item {padding-bottom: 3em;}
.row.news-list-item .col-md-9 .extra{padding: 10px 0;}

b, strong{font-weight: 700;}
.breadcrumb-section{margin-bottom: 0;}
h2{margin-bottom: 20px;}

/*** NEWS ***/
.row.news-list-item .lead{font-size: 13px;}
.row.news-list-item .col-md-3{display: none; float: none;}

.row.news-list-item .col-md-9{width: 100%;}

/*** FORMULAR ***/
.tx-powermail h3{display: none;}
.powermail_legend{display:none;}
.tx-powermail .container-fluid{padding: 0;}



/*********** TYPO *************/
h2, .h2{font-size: 1.5em;}


/******* GRID ELEMENTS *******/

/**3-spaltig**/
.container .element3cols .col{width: 30%; float: left; margin-right: 57px;}
.container .element3cols .col3{margin-right: 0;}
.container .element3cols::after{content: ""; clear: both; display: table;}

/**2-spaltig**/
.container .element2cols { display: flex; margin-right: -20px; margin-left: -20px; flex-wrap: wrap; }
.container .element2cols .col{width: 48%; padding-left: 20px; padding-right: 20px; }
.container .element2cols .col1{margin-right: 4%;}
.container .element2cols::after, 
.container .element3cols::after{content: ""; clear: both; display: table;}

.container .element2cols .col1.col-type-3366 { width: 33.33%; margin: 0; }
.container .element2cols .col1.col-type-5050 { width: 50%; margin: 0; }
.container .element2cols .col1.col-type-6633 { width: 66.66%; margin: 0; }
.container .element2cols .col2.col-type-3366 { width: 66.66%; margin: 0; }
.container .element2cols .col2.col-type-5050 { width: 50%; margin: 0; }
.container .element2cols .col2.col-type-6633 { width: 33.33%; margin: 0; }
@media (max-width: 991px) {
	.col-break-1 {
		width: 100% !important;
	}
}
@media (max-width: 767px) {
	.col-break-2 {
		width: 100% !important;
	}
}

/**** KALENDER ****/
.tx-gbevents-pi1 .btn.btn-primary.pull-right{display: none;}
.tx-gbevents-pi1 .media-body dd{margin-bottom: 1em;}
.tx-gbevents-pi1 .media-heading{margin-bottom: 1.5em;}

/******* FOOTER *******/
footer .section{padding: 3em 0;}
footer .frame{padding: 0;}

/******* TEAM *******/

/***classic***/
.headerimg-dce {width: 100%;}
.headerimg-dce .img img{width: 100%; height: auto;}
.headerimg-dce .info{box-sizing: border-box; padding: 10px; min-height: 150px;}
.headerimg-dce.layoutclassic h3{font-size: 1em;}
.headerimg-dce.layoutclassic h2{position:relative; margin: 15px 0 30px 0;}
.headerimg-dce.layoutclassic {text-align: center; margin-bottom: 3em;}
.headerimg-dce h2{font-size: 1.5em;}

/***fade***/
.headerimg-dce.layoutfade .info{position: absolute; bottom: 0; height: 100%; width: 100%; opacity:0;
  transition: opacity 500ms;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  }

.headerimg-dce.layoutfade:hover .info{opacity: 1;
  transition: opacity 500ms;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  }


/***slide & fade***/
.headerimg-dce.layoutfade, .headerimg-dce.layoutslide{position: relative; margin-bottom: 50px;}
.headerimg-dce.layoutslide .info-container, .headerimg-dce.layoutfade .info-container{position: absolute;   top: 50%;  left: 50%;  transform: translate(-50%, -50%);     width: 87%; text-align: center;}

/***slide***/
.headerimg-dce.layoutslide{overflow: hidden;}
.headerimg-dce.layoutslide .info{position: absolute; bottom: 0; height: 100%; width: 100%;}


/*================ DCE Video =======================*/
.dceVideo .vidContainer{ height: 690px; position: relative;}
.dceVideo .vidInfoOuter{ position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.dceVideo div#player .controls{display: none;}
.dceVideo .vidButton{width: 100%; height: 100%; position: absolute;  display: table; z-index: 2;}
.dceVideo .vidButtonInner{ display: table-cell; text-align: center; vertical-align: middle;}
.dceVideo .play-video{ cursor: pointer; padding: 15px 28px; display: inline-block; background: black; color: white; text-decoration: none; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
.dceVideo .play-video:hover{ background:rgb(100,100,100); }
.dceVideo .play-video img{width:35px; height: auto;}
.dceVideo .vidText h3{  color: white; font-size: 60px; margin: 0; text-transform: uppercase;}
.dceVideo .vidText p{font-size: 26px; color: white;}
.dceVideo .vidText{  text-align: center; position: relative; top: 50px;  width: 80%; margin: 0 auto;}
/* Layout 2 */
.dceVideo.layout2 .vidInfoOuter {background: rgba(100,100,100,0.7);}
.dceVideo.layout2 .play-video{padding:14px 19px; background:white;}
.dceVideo.layout2 .play-video:hover{background: rgb(218, 218, 218);}
.dceVideo.layout2 .play-video img{width:16px; height: auto;}
.dceVideo.layout2 .vidInfo {position: absolute; bottom: 0;  text-align: center; width:100%;}
.dceVideo.layout2 .vidText {display: inline-block; top:auto; width:60%; padding:15px 0; text-align: center;}
.dceVideo.layout2 .vidText h3 { width:70%; display: inline-block; font-size: 34px; letter-spacing: 1px; margin: 15px 0;}
.dceVideo.layout2 .vidText p {font-size: 20px;}
@media screen and (max-width: 991px) {
	.dceVideo .vidText h3 {
		font-size: 26px;
	}
	.dceVideo .vidText p {
		font-size: 20px;
	}
}
@media screen and (max-width: 767px) {
	.dceVideo .vidText {
		top: 10px;
	}
	.dceVideo .vidText h3 {
		font-size: 20px;
	}
	.dceVideo .vidText p {
		font-size: 16px;
	}
}

/*================ DCE Bildergalerie =======================*/
.dcebildergalerie .galerieBild {width: 300px; height:300px; float: left; margin-right: 20px; margin-bottom: 20px; position: relative; overflow:hidden;}
.dcebildergalerie .bildOverlay {width: 100%; height: 100%;  text-align:center; position: absolute; top: 0; left: 0; opacity:0; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
.dcebildergalerie .galerieBild img {width:auto; height:100%;}
.dcebildergalerie .galerieBild:hover .bildOverlay{opacity:0.7;}
.dcebildergalerie .galerieBild:hover .overlayText{opacity:1;}
.dcebildergalerie .overlayText {width: 70%; height: 80%; margin: 10% 15%; position: absolute; top: 0; left: 0; opacity:0; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
.dcebildergalerie .overlayText img{width:30px; position:relative; left: 45%; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; height:auto;}
.dcebildergalerie .overlayText h3, .overlayText p{color:white;}

.buttonlink {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 12px;
    font-size: initial;
    text-transform: initial;
    color: white;
    padding: 3px 10px;
    border-radius: 2px;
}


/*******RESPONSIVE*******/
@media screen and (max-width: 1200px) {
  .container .element3cols .col{margin-right: 40px;}
  .container .element3cols .col:nth-child(3n+3){margin-right: 0;}
}

@media screen and (max-width: 991px) {
.navbar .container{padding: 0 20px;}
.frame{/*overflow: scroll;*/}
.container .element3cols .col{margin-right: 5%;}
}

@media screen and (max-width: 500px) {
/*.headerimg-dce .info{min-height: 250px;}*/
	.container .element2cols .col,  
	.container .element3cols .col{width: 100%; float: none; margin-right: 0;}
}

#social{margin-bottom:40px;}
#social a{display: inline-block; margin: 0 10px;}
#social a.facebook{width:45px; height:42px; background: url("../Images/socialmedia/facebook.svg"); background-size:contain; -webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
#social a.facebook:hover{background: url("../Images/socialmedia/facebook_h.svg"); background-size:contain;}
#social a.twitter{width:45px; height:42px; background: url("../Images/socialmedia/twitter.png"); background-size:contain;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
#social a.twitter:hover{background: url("../Images/socialmedia/twitter_h.png"); background-size:contain;}
#social a.instagram{width:45px; height:42px; background: url("../Images/socialmedia/instagram.svg"); background-size:contain;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
#social a.instagram:hover{background: url("../Images/socialmedia/instagram_h.svg"); background-size:contain;}
#social a.google{width:45px; height:42px; background: url("../Images/socialmedia/google.png"); background-size:contain;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
#social a.google:hover{background: url("../Images/socialmedia/google_h.png"); background-size:contain;}

/* DCE Vollflächiges Bild */
.dce-image-fullwidth {
    position: relative;
}
.dce-image-fullwidth img {
    width: 100%;
    height: auto;
}
.dce-image-fullwidth .absolute {
	position: absolute;
	bottom: 9em;
	left: 50%;
	margin-left: -550px;
}
.dce-image-fullwidth .title-image-fullwidth {
	font-size: 3.6em;
	color: white;
}

@media (max-width: 1199px) {
	.dce-image-fullwidth .absolute {
		bottom: 7em;
		margin-left: -450px;
	}
}
@media (max-width: 991px) {
	.dce-image-fullwidth .absolute {
		bottom: 5em;
		margin-left: -340px;
	}
}
@media (max-width: 767px) {
	.dce-image-fullwidth {
		margin-left: -20px;
		margin-right: -20px;
	}
	.dce-image-fullwidth .absolute {
		bottom: 3em;
		margin-left: 0;
		left: 40px;
	}
	.dce-image-fullwidth .title-image-fullwidth {
		font-size: 1.8em;
	}
}

.team-row {
    display: flex;
    flex-wrap: wrap;
	margin-left: -7px;
	margin-right: -7px;
}
.team-list-item {
    padding-left: 7px;
    padding-right: 7px;
	margin-bottom: 35px;
}
.team-list-item img {
	max-width: 100%;
	height: auto;
}
.team-inner {
    background: white;
	height: 100%;
	position: relative;
}
.team-texts {
	padding: 15px 20px;
}
.team-rollover-image {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
.team-inner:hover .team-rollover-image {
	z-index: 2;
}

/* changed: Kurt Zaugg, 2020-01-10 */
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}



/*************************************************/
/* Upgrade to 8.7 / 9.5 */
/*************************************************/

/* "Rand"-Spalte */
.clear {
	clear: both;
	visibility: hidden;
}
.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.body-bg > .frame .frame-container {
	max-width: 100%;
	padding: 0;
}
.navbar-mainnavigation .navbar-brand-image img {
    max-height: unset;
    position: static;
    top: 50%;
    transform: none;
    width: auto;
    height: auto;
    max-width: 160px;
}

.navbar-mainnavigation .navbar-brand-image {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-nav > li > a {
	text-transform: uppercase;
}
/**3-spaltig**/
.element3cols .col{width: 30%; float: left; margin-right: 57px;}
.element3cols .col3{margin-right: 0;}
.element3cols::after{content: ""; clear: both; display: table;}

/**2-spaltig**/
.element2cols .col{width: 48%; float: left;}
.element2cols .col1{margin-right: 4%;}
.element2cols::after, 
.element3cols::after{content: ""; clear: both; display: table;}

.gallery-row:last-child {
    margin-bottom: 0;
}

.footer-copyright a{opacity: 0.5;}
.footer-copyright {text-align: center;}
.footer-section-meta a:not(.btn) {
    color: inherit;
}
.navbar-mainnavigation {
    box-shadow: none;
}
.navbar-mainnavigation .navbar-nav {
    flex-wrap: wrap;
}
.navbar-mainnavigation .navbar-nav > li {
    white-space: nowrap;
}
#page-header > .container {
	position: relative;
}
#page-header .navbar-toggler {
    color: #8c8c8c;
}
.navbar-toggler:hover .navbar-toggler-icon::after, 
.navbar-toggler:hover .navbar-toggler-icon::before {
	left: -2px;
}
.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: 0;
}
.texticon-icon .texticon-inner-icon svg, 
.texticon-icon .texticon-inner-icon img {
    height: 2em;
}
.frame-space-before-extra-large {
	margin-top: 5em;
}
.frame-space-after-extra-large {
	margin-bottom: 5em;
}
.texticon-top .texticon-icon {
    margin-bottom: 0;
}
.texticon-icon .texticon-inner-icon {
    height: auto;
}
footer .footer-section-meta {
    padding: 8px 0;
}

body .gallery-item:not(.gallery-item-size-1) img {
	width: auto;
}

@media (min-width: 992px) {
	.navbar-mainnavigation .navbar-nav {
		float: right;
	}
	.navbar-nav > li > a {
		padding: 0px 20px !important;
		line-height: 60px;
	}
	.navbar-mainnavigation .navbar-nav > li > .nav-link::before,
	.navbar-mainnavigation .navbar-nav > li.show > .nav-link::before, 
	.navbar-mainnavigation .navbar-nav > li.active > .nav-link::before {
		top: 0;
		height: 4px;
		width: 100%;
		left: 0;
	}
	.navbar-mainnavigation .navbar-nav > li.active > .nav-link::before {
		opacity: 1;
	}
	.navbar-default, .navbar-default-transition, 
	.navbar-default-transition.navbar-transition {
		border-color: transparent;
	}
}
@media (min-width: 1200px) {
	.frame-container {
		max-width: 1180px;
	}
}
@media (max-width: 991px) {
	.navbar-mainnavigation .navbar-brand-image img {
		max-height: 40px !important;
	}
	#page-header > .container::before,
	#page-header > .container::after {
		content: none;
	}
	figure img, 
	figure picture {
		width: 100%;
	}
}
@media (max-width: 767px) {
	body .gallery-item {
		width: 100%;
	}
	body .gallery-item-size-4,
	body .gallery-item-size-5	{
		width: 50%;
	}
	body .gallery-item-size-3,
	body .gallery-item-size-6	{
		width: 33.33%;
	}
	body .carousel .item {
		height: 300px;
	}
	.container .col .carousel {
        margin-left: 0;
        margin-right: 0;
    }
}

.btn.btn-outline-secondary {
    color: #ff3f00;
    background-color: transparent;
    background-image: none;
    border-color: #ff3f00;
}
.btn.btn-outline-secondary:hover {
    color: #fff;
    background-color: #ff3f00;
    border-color: #ff3f00;
}

.cc-revoke {
    display: none !important;
}

.video-section {
    position: relative;
    height: calc(100vh - 110px); /* header */
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}
.video-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
}
video#bgvid {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-size: cover;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

section.border-section.frame {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* 2023-01-20 KZ textmedia with backgroundimage should have no padding (because of possible video content) */
.frame.frame-type-textmedia.frame-has-backgroundimage {
	padding: 0;
}
.frame-type-textmedia.frame-has-backgroundimage .textmedia-gallery {
  margin-bottom: 0;
}

.lottie-container {
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
	text-align: right;
	width: 100%;
}
.lottie-container > * {
	width: auto !important;
	position: absolute;
	top: 0;
	right: 0;
}

/* Umstellung TYPO3 12 */
.tx-md-fullcalendar a {
	color: black;
}
.offset-5 {
    margin-left: 41.666667%;
}
@media (min-width: 576px) {
    .offset-sm-6 {
        margin-left: 50%;
    }
}

/* 2025-01-16 */
.powermail_fieldwrap {
    width: 100%;
}
.body-bg {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
#page-content {
    flex: 1 0 auto;
}
.mask-overlay {
    position: absolute;
    left: 50%;
    bottom: 20vh;
    width: auto;
    max-width: 560px;
    margin-right: 20px;
	z-index: 10;
    padding: 20px;
}
@media (max-width: 992px) {
	.mask-overlay {
		bottom: 70px;
	}
}
@media (max-width: 767px) {
	.mask-overlay {
		left: 20px;
	}
}
 /* form EXT */
 .mb-3 {
	 margin-bottom: 0.7vw;
 }
fieldset[data-repeatable-container] legend.control-label {
    font-weight: 700;
    font-size: inherit;
    color: white;
    display: flex;
    justify-content: space-between;
}
fieldset[data-repeatable-container] .row {
	margin-left: 0;
	margin-right: 0;
}
.form-container .form-element.form-element-fieldset {
    flex-direction: column;
}
input.is-invalid {
	background-color: #feadad;
}
.invalid-feedback {
    display: none;
}
@media (min-width: 576px) {
	.form-container .form-element {
		flex-direction: row;
	}
    .form-container .form-label {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	.form-container .form-control {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}