/* Parallax */
.parallax .rendered_image{display:none;}
.parallax {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}
.parallax.valign_center{
    display: flex;
	justify-content: center;
	align-items: center;
}
.parallax.valign_bottom{
    display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}


.parallax-overlay{
	padding: 2rem 0;
	width: 100%;
	color: #FFF;
	position: relative;
	/*margin: 30px 0px;*/
}

.parallax-overlay .layout1 h1{color: #FFF;  font-size: 4rem;  font-size: clamp(2rem,4vw,5rem);  font-weight:700; text-shadow: 1px 1px 3px #00000094; margin:0px;}
.parallax-overlay .layout1 p{    
    color: #FFF;
    font-size: 2rem;
    font-size: clamp(1.3rem,3.3vw,2rem);
    line-height: 2;
    text-shadow: 1px 1px 3px #00000094;
}
.parallax-overlay .layout2 h1{color: #FFF;  font-size: 2rem;  font-size: clamp(1rem,4vw,2.5rem);  font-weight:700; text-shadow: 1px 1px 3px #00000094; margin:0px;}
.parallax-overlay .layout2 p{    
    color: #FFF;
    font-size: 1rem;
    font-size: clamp(1rem,3.3vw,1.3rem);
    line-height: 2;
    text-shadow: 1px 1px 3px #00000094;
}

.parallax .pattern{content: ""; position:absolute; width:100%; background:url("/fileadmin/template/img/pattern50.png");}

.firstparallax .parallax-overlay{padding-top: 50px;}

.parallax-overlay-left{text-align:left; display:flex; justify-content: flex-start;}
.parallax-overlay-right{text-align:right; display:flex; justify-content: flex-end;}
.parallax-overlay-center{text-align:center; display:flex; justify-content: space-around;}


.gohome {display:block;color:#FFF;position: absolute;bottom: 40px;width: 80px;left: 50%;font-size: 40px; margin-left: -15px;}
.gohome {-webkit-animation-name: example;animation-name: example;-webkit-animation-duration: 4s;animation-duration: 4s;-webkit-animation-iteration-count: 2;animation-iteration-count: 2;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}

@-webkit-keyframes example {
  0%   {bottom:40px;}
  25%  {bottom:20px;}
  50%  {bottom:40px;}
  75%  {bottom:20px;}
  100% {bottom:40px;}
}

@keyframes example {
  0%   {bottom:40px;}
  25%  {bottom:20px;}
  50%  {bottom:40px;}
  75%  {bottom:20px;}
  100% {bottom:40px;}
}

@media only screen and (max-width:60em){
	.parallax {
		background-size: 130%;
		background-attachment: unset!important;
		height: 245px!important;
		position: relative;
	}
  
	.parallax-overlay-inner{
		font-size: 0.9em;
		line-height: 1.5rem;
	}
	.firstparallax .parallax-overlay{padding-top: 0px;}
}

@media only screen and (max-width:40em){
	.parallax {background-size:120%;}

	.parallax-overlay h1{font-size: 2rem; font-weight:600;}
	.parallax-overlay p{font-size: 1rem; line-height: 1.7rem;}

	.gohome{display:none;}
}

/* Icon */
.icon{padding:1rem; text-align:center; display:block; transition:all 0.5s ease-in-out; position:relative;}
.icon span{display: block; margin: 1rem;}
.icon:hover{background: rgb(249,249,249);}
.icon::before{ transition: all 0.5s ease-in-out; position: absolute; content: ''; width: 0%; bottom: 1px; height: 1px; background: var(--primarycolor); margin-left: 50%; left: 0px;}
.icon:hover::before{ width: 100%; margin-left: 0%;}

/* Routenplaner */
.rpwrapper{background:rgb(249,249,249);padding:20px 30px;}
.rpwrapper .toggle{font-size:1.0em;text-align:center;color:var(--primarycolor);cursor:pointer;transition:all ease 1.0s;font-weight: bold;}
.rpwrapper .toggle:hover{color: var(--secondarycolor);}
.rp .headline{margin:auto;font-size:0.8em;font-weight:bold;margin-bottom:10px;color:#666666 !important;text-align:center;padding:15px;}
.rp button{width: 100%; font-size: 1.1rem; padding: 15px 20px; cursor: pointer;}
.rpwrapper .input-group-label{background:#e6e6e6; padding: 10px 15px; color:#666;border:1px solid #E6E6E6; border-radius: var(--radius); margin-right: calc(-1 * var(--radius));}
.rpwrapper .input-group{margin-bottom:1rem;}
.rpwrapper .input-group input{margin: 0 0 0rem; padding: 10px 15px;}
.rpwrapper .targetadress{pointer-events: none; color: #9c9c9c;}
.rpwrapper i{font-size: 2rem;}


/* Infobox 02*/
.infobox02{margin-bottom: 2rem;}
.infobox02_image{line-height: 0;}
.infobox02.radius{border-radius:var(--radius); overflow:hidden;}

.infobox02_image img{width:100%; height:auto;}
.infobox02_image.reverse{order: 2;}
.infobox02_contentbox{background: #F2F2F2; padding: 30px;}
.infobox02_contentbox p{margin-bottom: 0px;}
.infobox02_funktion{margin-bottom: 15px;}
@media only screen and (max-width:64em){
.infobox02{overflow-x: hidden;}
.infobox02_image.reverse{order: 1;}
.infobox02_contentbox.reverse{order: 2;}
}

/* CountUp Circle */
.countup_headline{text-align: center;}
.circle{width: 100%; margin: 6px 6px 20px;display: inline-block;position: relative;text-align: center;line-height: 1.2;}
.circle span {position: absolute;width: 100%; height: 100%; font-size: 45px;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}

/* Teaserbox */
.teaserbox{min-height: 150px; background: #F2F2F2; margin-bottom: 2rem;}
.teaserbox.radius{border-radius: var(--radius);}
.teaserbox:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.teaserbox img{-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out; width: 100%;height: auto;}
.teaserbox .radius .teaserboxImage{overflow:hidden;border-top-left-radius: var(--radius); border-top-right-radius: var(--radius);}
.teaserboxImage a{display:block; line-height: 0px;}
.teaserboxContent{padding: 20px; text-align: center;}
.teaserbox p{padding: 0px; margin:0px;}
.teaserbox .icon_on h2{margin-top: -20px;}
.teaserbox h2{color: #666666; margin: 0px 0px 20px 0px; font-size: 1.2rem; font-size: clamp(1rem,2vw,1.5rem);}
.teaserboxFooter{margin-top: 1rem;}
.teaserboxFooter .more{position: relative; font-size: 0.9em; text-transform:uppercase; font-weight: 600; word-wrap: break-word; }
.teaserboxFooter .date{color: #999;}

.teaserboxIcon{position: relative; transition: .3s all ease-in-out; display: flex; justify-content: center; align-items: center; width: min(40%,90px); margin: auto; transform: translateY(-50%); border-radius: var(--radius); background: var(--primarycolor);}
.teaserboxIcon i {font-size: 3.0rem; font-size: clamp(2rem,4vw,3rem); padding: 1.2rem 2rem;}
.teaserboxContent:hover .teaserboxIcon  { transform: translateY(-70%); cursor:pointer; background:var(--secondarycolor);}

/* HTML5 Video */
.video_wrapper video{object-fit: cover; width: 100%;height: 100%;}
.video_wrapper{width: 100%; height: 100%; position: relative; overflow: hidden;}
.video_wrapper .video_overlay{font-size:0.8rem; width: 100%; opacity:1; background: rgba(0, 0, 0, 0.05);}
.video_wrapper .video_overlay h2{padding: 1rem 1rem 0px 1rem; font-weight: 600;}
.video_wrapper .video_overlay .video_description{padding: 0rem 1rem 0.5rem 1rem; line-height: 1.1rem;}

@media only screen and (min-width:64em){
	.video_wrapper .video_overlay{position:absolute; color:#FFF; opacity:0; z-index:10; transition: .3s all ease-in-out; background: rgba(0, 0, 0, 0.5);}
	.video_wrapper .video_overlay h2{color: #FFF; padding: 1rem 2rem 0 2rem; font-weight: 600; margin: 0;}
	.video_wrapper .video_overlay .video_description{padding: 0rem 2rem 0 2rem;}
	.video_wrapper:hover .video_overlay{opacity:1; }
}


/* Infobox */
.infobox{display: grid; grid-template-columns: 70px 1fr; grid-gap: 0px; border-radius: var(--radius); margin-left: 0;margin-right: 0; color: #ffffff; background: var(--primarycolor); transition:.3s all ease-in-out;}
.infobox:hover{background: var(--secondarycolor);}
.infobox div{display: flex;align-items: center;}
.infobox .infobox_icon{justify-content: center; background:rgba(255,255,255,0.3); min-height:70px;}
.infobox .infobox_icon i{font-size:2.5rem;}
.infobox_text{padding:20px;}
.infobox_text i{margin-left:5px;}
	
@media only screen and (min-width:64em){
  .infobox{margin-left: 0%; margin-right: 0%;}
}


/* Termine */
.termin .head:before{
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 32px;
    position: absolute;
    top: 0px;
    right: 0;
    background: var(--primarycolor);
    padding: 10px 14px;
	border-left: 1px solid #FFF;
	cursor:pointer;
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
}
.termin .head:before{content:"\f107";}
.termin .open:before{content:"\f106";}
.termin .head{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px;
    border-radius: var(--radius);
    overflow: hidden;
	}
.termin > div{}
.termin .date{background: #eaeaea; padding: 10px 15px; font-weight: bold;}
.termin .headline{padding: 10px 15px; background: #F9F9F9;}
.termin .place{padding: 10px;background: #F9F9F9;}
.termin .place i{color: #e5e5e5}
.termin .sc{background: #F9F9F9; padding: 1rem;}
@media only screen and (min-width:64em){
.termin .head{-ms-grid-columns: 2fr 0px 4fr 0px 2fr;grid-template-columns: 2fr 4fr 2fr;}
}


/* Tabs */
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tabs label {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: block;
  padding: 0.5em 1.5em;
  margin-right: 0.6em;
  cursor: pointer;
  background: var(--primarycolor);
  color: #fff;
  font-weight: bold;
/*  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);*/
  -webkit-transition: background ease 0.2s;
  -o-transition: background ease 0.2s;
  transition: background ease 0.2s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.tabs .tab {
  -webkit-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1.5rem;
  background-color: rgb(249,249,249);
}

.tab-inner {
  padding-bottom: 2em;
}

.tabs input[type="radio"] {
  display: none;
}
.tabs input[type="radio"]:checked + label {
  background-color: rgb(249,249,249);
  color: var(--primarycolor);
  border-top: 2px solid var(--secondarycolor);
}
.tabs input[type="radio"]:checked + label + .tab {
  display: block;
}

@media (max-width: 55.375em) {
  .tabs .tab,
  .tabs label {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }

  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}

@media (max-width: 62.5em) {
  .tab-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .tab-inner-right {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
/*Tabs Ende*/