/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('webfonts/roboto-v29-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/roboto-v29-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/roboto-v29-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/roboto-v29-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/roboto-v29-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/roboto-v29-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/open-sans-v27-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/open-sans-v27-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v27-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v27-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v27-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v27-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}

body,  input {
	font-family: Open Sans,sans-serif;
	font-style: normal;
	font-size: 19px;
	color: #000;
    background: #fff;
    margin:0;
    padding:0;
   
    }
a:link,a:visited,a.active{
    color:#000;
    text-decoration:underline;

}
a:hover{
    color:#222D59;
    text-decoration:none
}
#holder,article{
    margin:0;
    padding:0
    
}

.sprachen li{
    list-style: none;
    float:right; 
    padding:2px 10px;

}
.sprachen li:first-child{
   border:none 
}
.sprachen li a{
    text-decoration: none;
    color:#fff;
    font-size:14px;
}
.sprachen li a.On{
 text-decoration: underline;

}
.iframe{display:none}
h1 {
    font-family: 'Roboto';
	font-size: 36px;
	line-height: 45px;
	margin: 10px 0 10px 0;
	color: #21B2AB;
    
}

h2 {
    font-family: 'Roboto'; 
	font-size: 24px;
	line-height: 35px;
	
	font-weight: normal;
	margin: 15px 0 10px 0px;
	color: #21B2AB;
}


footer h2{
    font-size: 24px;
	line-height: 35px;
	
	font-weight: normal;
	margin: 0px 0 10px 0px;
	color: #fff;
}

.contentLinks h2{
    margin-left:50%
}

h3 {
    color: 
    color: #21B2AB;
    font-size: 25px;
    margin: 1.5em 0px 0.5em 0px;
    padding-left: 0px;
    line-height: 35px;
    
}

p {
	font-size: 19px;
	line-height: 25px;
	
	margin: 0 0 6px;
    hyphens: auto;
}
.center{
    text-align: center;
}
img {
	max-width: 100%;
}
 input:focus, textarea:focus, select:focus{
        outline: none;
    }
#layoutSuche{
    clear:both;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    margin:10px 0px;
    text-align:center;
    padding:0px 0px 5px 0px
    
}

#layoutSuche {
display:none
}
#layoutSuche input.SucheTextfeld{
    background:transparent;
    color: #000;
    border:none;
    font-size:18px;
    text-transform: uppercase;
    width:220px
}

#layoutSuche input.SucheBtn{
    margin-top:5px;
    width:19px;
    height:19px;
    background:transparent;
    
}

.left50{
    margin-left: 50px;
}
.footertext{
    margin:45px 0px 30px 0px;
    overflow:auto
}
.link{
    cursor:pointer
}
#wrapper {
	margin: 0 auto;
	padding: 0 20px;
	min-width: 260px;

}



#navigation {
	padding: 0 20px;
	height: 60px;
}


#mainText{
    position:relative
}




.banner-text-wrap {
	text-align: center;
}
.banner-text {
	display: inline-block;
	margin: 50px 0 0;
}



/*  CLEARFIX  */

.group::after {
	content: " ";
	display: table;
	clear: both;
}


.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}



	#navigation {
		padding: 0 20px;
		margin: 0 auto;
		max-width: 1110px;
	}
	


	
	#wrapper {
		max-width: 1110px;
		padding: 10px 20px 0;
	}
#mainText ul {
    list-style-type: none;
    list-style-position: outside;

}
#mainText li {
    background-image: url("../pix_interface/aufz.png");
    background-position: 0 8px;
    background-repeat: no-repeat;
    background-size:15px 15px ;
    padding-left: 30px;
    min-height: 30px;
    opacity: 0;
    margin-bottom: 10px;
  font-size: 1.1em;
line-height: 1.45em;
overflow:hidden
    }

	.banner-text {
	   position:absolute;
bottom:0;
 width:100%;
		margin:  0 0px 0 0 ;
       background:#fff;
       font-size: 14px;
    line-height: 16px;
	font-weight: normal;
	padding: 11px 15px;
	color: #000;
    text-align:center

	}

.banner-text p {
    margin:0;
    padding:0;
color: #000;
text-align:center
}
#mainText img{
    opacity:1
}
#mainText img.in-view{
    opacity: 1;
}
.blockpos1 .gross,.gross{
    text-align:center;
    position: relative;
  
}
.projektdetail .gross{
    margin-bottom:5px
}
.blockpos1 .gross .bu,.bu,.blockpos1  .bu{
padding:5px 0 0 0;
 font-size:14px;
 color:#000;
 text-align:center  ;
 margin:0;
 line-height: 18px; 
}

.blockpos3 .gross ,
.blockpos2 .gross ,
.blockpos1 .gross ,
.blockpos1 .contentPixRechts ,
.blockpos1 .contentPixLinks 
{
  
}
.formular table{
    width:100%
}
.formular table td{
 vertical-align: top;   
}
.formular table td.first{
    padding-top:9px;
    width:10%
}
#formFehler{
    color:red
}
.form input,.form textarea{
    background:#f4f4f4;
    border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px;
border:1px solid #a7abbd;
padding:0 2%;
line-height:30px;
width:96%
}
.form input.formButtons{
    background:#e3032d;
    float:right;
    border:none;
    padding:10px;
    color:#fff;
    width:120px
}
.newsLeiste{
    position: absolute;
    right:0px;
    top:-20px
}

#NewsDrop{
    display:none
}
#mainText .newsLeiste ul li{
    background-image:none;
    padding:0;
    margin:0;
    min-height:0
}
#mainText .newsLeiste ul li a{
    display:block;
    width:140px;
    border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;  
border: 1px solid #cacaca;
text-decoration:none;
margin:0;
font-size: 14px;
padding:3px 10px 1px 10px;
background:#fff

}

#mainText .newsLeiste ul li a span{
    display: block;
    padding:0px 25px 0px 0px;
    background: url(../pix_interface/pfeil.png) no-repeat  right 4px;
 
    line-height:23px;
    border:none
}
#mainText .newsLeiste ul li a:hover{
  background:#8ebf32;
  color:#fff
   
}
.newsLeiste ul  ul{
    margin:0;
    padding:0
}
.tiles article>.image:after,.tiles article>.image:before {
 -moz-pointer-events:none;
 -ms-pointer-events:none;
 height:100%;
 top:0;
 left:0;
 content:''
}
.tiles {
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -moz-flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin:-2em 0 0 -2em
}
.tiles article {
 -moz-transition:-moz-transform .5s ease,opacity .5s ease;
 -webkit-transition:-webkit-transform .5s ease,opacity .5s ease;
 -ms-transition:-ms-transform .5s ease,opacity .5s ease;
 transition:transform .5s ease,opacity .5s ease;
 width:calc(25% - 2em);
 margin:2em 0 0 2em;
  z-index:1
}
.tiles article>a h2,.tiles article>a>:last-child,.tiles article>a p {
 margin:0;
 color:#fff;
 text-align:center;
 margin:0;
 padding:0;
 text-decoration:none
}
.tiles article>a:hover,.tiles article>a:link,.tiles article>a:visited{
    text-decoration:none
}
.tiles article>.image {
 -moz-transition:-moz-transform .5s ease;
 -webkit-transition:-webkit-transform .5s ease;
 -ms-transition:-ms-transform .5s ease;
 transition:transform .5s ease;
 position:relative;
 display:block;
 width:100%;
 border-radius:4px;
 overflow:hidden;
 background:#010f18;
 background:-moz-linear-gradient(bottom,#010f18 0,#032538 50%,#010f18 100%);
 background:-webkit-gradient(linear,bottom top,bottom top,color-stop(0,#010f18),color-stop(50%,#032538),color-stop(100%,#010f18));
 background:-webkit-linear-gradient(left,#010f18 0,#032538 50%,#010f18 100%);
 background:-o-linear-gradient(bottom,#010f18 0,#032538 50%,#010f18 100%);
 background:-ms-linear-gradient(bottom,#010f18 0,#032538 50%,#010f18 100%);
 background:linear-gradient(to bottom,#010f18 0,#032538 50%,#010f18 100%)
}
.tiles article>.image img {
 display:block;
 width:100%
}
.tiles article>.image:before {
 -webkit-pointer-events:none;
 pointer-events:none;
 -moz-transition:background-color .5s ease,opacity .5s ease;
 -webkit-transition:background-color .5s ease,opacity .5s ease;
 -ms-transition:background-color .5s ease,opacity .5s ease;
 transition:background-color .5s ease,opacity .5s ease;
 display:block;
 position:absolute;
 width:100%;
 z-index:1;
 opacity:0
}
.tiles article>.image:after {
 -webkit-pointer-events:none;
 pointer-events:none;
 -moz-transition:opacity .5s ease;
 -webkit-transition:opacity .5s ease;
 -ms-transition:opacity .5s ease;
 transition:opacity .5s ease;
 display:block;
 position:absolute;
 width:100%;
 opacity:.25;
 z-index:2
}
.tiles article>a {
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -moz-flex-direction:column;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 -moz-align-items:center;
 -webkit-align-items:center;
 -ms-align-items:center;
 align-items:center;
 -moz-justify-content:center;
 -webkit-justify-content:center;
 -ms-justify-content:center;
 justify-content:center;
 -moz-transition:background-color .5s ease,-moz-transform .5s ease;
 -webkit-transition:background-color .5s ease,-webkit-transform .5s ease;
 -ms-transition:background-color .5s ease,-ms-transform .5s ease;
 transition:background-color .5s ease,transform .5s ease;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 border-radius:4px;
 color:#fff;
 z-index:3
}
.tiles article>a:hover {
 color:#fff!important
}
.tiles article>a .content {
 -moz-transition:max-height .5s ease,opacity .5s ease;
 -webkit-transition:max-height .5s ease,opacity .5s ease;
 -ms-transition:max-height .5s ease,opacity .5s ease;
 transition:max-height .5s ease,opacity .5s ease;
 width:90%;
 max-height:0;
 line-height:1.5;
 margin-top:.35em;
 opacity:0;

}
.tiles article>a .content>:last-child {
 margin-bottom:0
}
.tiles article.style1>.image:before {
 background-color:#010f18
}
.tiles article.style2>.image:before {
 background-color:#000
}
body:not(.is-touch) .tiles article:hover>.image {
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1);
 -webkit-box-shadow:10px 40px 60px -21px rgba(0,0,0,.3);
 -moz-box-shadow:10px 40px 60px -21px rgba(0,0,0,.3);
 box-shadow:10px 40px 60px -21px rgba(0,0,0,.3)
}
body:not(.is-touch) .tiles article:hover>.image:before {
 background-color:#010f18;
 opacity:.8
}
body:not(.is-touch) .tiles article:hover>.image:after {
 opacity:0
}
body:not(.is-touch) .tiles article:hover .content {
 max-height:15em;
 opacity:1
}
*+.tiles {
 margin-top:2em
}
body.is-loading .tiles article {
 -moz-transform:scale(.9);
 -webkit-transform:scale(.9);
 -ms-transform:scale(.9);
 transform:scale(.9);
 opacity:0
}
body.is-touch .tiles article .content {
 max-height:15em;
 opacity:1
}
@media screen and (max-width:1280px) {
 .tiles {
  margin:-2em 0 0 -2em
 }
 .tiles article {
  width:calc(25% - 1.75em);
  margin:1.75em 0 0 1.75em
 }
}
@media screen and (max-width:980px) {
 .tiles {
  margin:-1.5em 0 0 -1.5em
 }
 .tiles article {
  width:calc(33.33333% - 1.5em);
  margin:1.5em 0 0 1.5em
 }
}
@media screen and (max-width:736px) {
 .tiles {
  margin:-1.25em 0 0 -1.25em
 }
 .tiles article {
  width:calc(50% - 1.25em);
  margin:1.25em 0 0 1.25em
 }
 .tiles article:hover>.image {
  -moz-transform:scale(1);
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
 }
}
@media screen and (max-width:480px) {
 .tiles {
  margin:0
 }
 .tiles article {
  width:100%;
  margin:1.25em 0 0
 }
}
.tiles-over {
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -moz-flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 position:relative;
 margin:-.75em 0 0 -.75em
}
.tiles-over article {
 -moz-transition:-moz-transform .3s ease,opacity .3s ease;
 -webkit-transition:-webkit-transform .3s ease,opacity .3s ease;
 -ms-transition:-ms-transform .3s ease,opacity .3s ease;
 transition:transform .3s ease,opacity .3s ease;
 position:relative;
 width:calc(14% - .75em);
 margin:.75em 0 0 .75em
}
.tiles-over article>.image {
 -moz-transition:-moz-transform .5s ease;
 -webkit-transition:-webkit-transform .5s ease;
 -ms-transition:-ms-transform .5s ease;
 transition:transform .5s ease;
 position:relative;
 display:block;
 width:100%;
 border-radius:2px;
 overflow:hidden;
 background:#010f18
}
.tiles-over article>.image img {
 display:block;
 width:100%
}
body:not(.is-touch) .tiles-over article:hover>.image {
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1);
 -webkit-box-shadow:10px 30px 50px -15px rgba(0,0,0,.3);
 -moz-box-shadow:10px 30px 50px -15px rgba(0,0,0,.3);
 box-shadow:10px 30px 50px -15px rgba(0,0,0,.3)
}
.tiles-over article>a {
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -moz-flex-direction:column;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 -moz-align-items:center;
 -webkit-align-items:center;
 -ms-align-items:center;
 align-items:center;
 -moz-justify-content:center;
 -webkit-justify-content:center;
 -ms-justify-content:center;
 justify-content:center;
 -moz-transition:background-color .5s ease,-moz-transform .5s ease;
 -webkit-transition:background-color .5s ease,-webkit-transform .5s ease;
 -ms-transition:background-color .5s ease,-ms-transform .5s ease;
 transition:background-color .5s ease,transform .5s ease;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 padding:1em;
 border-radius:2px;
 border-bottom:0;
 color:#fff;
 z-index:3
}
body:not(.is-touch) .tiles-over article:hover>.image:before {
 background-color:#010f18;
 opacity:.8
}
body:not(.is-touch) .tiles-over article:hover>.image:after {
 opacity:0
}
body:not(.is-touch) .tiles-over article:hover .content {
 max-height:15em;
 opacity:1
}
*+.tiles-over {
 margin-top:2em
}
body.is-loading .tiles-over article {
 -moz-transform:scale(.9);
 -webkit-transform:scale(.9);
 -ms-transform:scale(.9);
 transform:scale(.9);
 opacity:0
}
body.is-touch .tiles-over article .content {
 max-height:15em;
 opacity:1
}
@media screen and (max-width:980px) {
 .tiles-over {
  margin:-.5em 0 0 -.5em
 }
 .tiles-over article {
  width:calc(16% - .5em);
  margin:.5em 0 0 .5em
 }
}
@media screen and (max-width:736px) {
 .tiles-over {
  margin:-1.25em 0 0 -1.25em
 }
 .tiles-over article {
  width:calc(19% - .5em);
  margin:.5em 0 0 .5em
 }
 .tiles-over article:hover>.image {
  -moz-transform:scale(1);
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
 }
}
@media screen and (max-width:480px) {
 .tiles-over {
  margin:0
 }
 .tiles-over article {
  width:calc(33.33333% - .25em);
  margin:.25em 0 0 .25em
 }
}
@media only screen and (max-device-width:980px) {
 .tiles article {
  background-color:#010f18
 }
 .tiles article>.image {
  opacity:.3
 }
}
.image,.tiles,.tiles article {
 position:relative
}
.ql2Full{
    width:100%;
    border:3px solid #f04545;
    margin:30px 0px 10px 30px;
    padding:20px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position:relative
}
.zeiger{
    position:absolute;
    top: -23px;
    display: block;
    width:61px;
    height:24px;
    background-image: url(../pix_interface/zeiger.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.ql2txt{
    display:none
}
footer .swiper-container .on img{
    border:2px solid red;
      -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
footer .swiper-slide{
    padding:20px 0px 10px 0px
}
footer .swiper-slide a:link,.swiper-slide a:visited, .swiper-slide a p{
  text-decoration:none;
  color:#000
}
footer .swiper-slide a b{
    font-size:18px;
    display:block
    
}
footer .swiper-slide a p{
  font-size:16px  
 }
footer .swiper-button-next{
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 144 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    
}
.blockpos6 div{
    display:none;
    padding-left:40px
} 
.blockpos6 p{
    margin:0;
    padding:0
}
.blockpos6 h1{
    background-image: url(../pix_interface/plus.png);
   background-repeat: no-repeat;
   padding:0px 0px 0px 40px;
   font-size:24px;
   background-position: 0px 3px;
   cursor:pointer;
   margin:0px
}
.blockpos6 h1.on{
    background-image: url(../pix_interface/minus.png);
 
} 
/*formulare*/
.formular .typ8 label{
    width:100%
}
.formular .on{
    color:#0c8ec5;
}
.formular .FormElement{
    clear: both;
    padding-top: 5px;
    height:auto
}

.formular .FormElement input,.formular .FormElement textarea,.formular .FormElement select{

color:#333;
    border:1px solid #ccc;
    background:#f7f7f7;
    padding:5px 2%
}
.formular .FormElement input{
   height:25px 
}
.formular .FormElement input[type="checkbox"]{
    width:20px;
    float:left;
    margin-left:10px
}
.formular  .typ4 span{
    float:left;
    line-height:25px;
    margin-left:10px
}
.formular #formFehler{
    display: none;
clear:both;
    background:#ffd9d9 url("../pix_interface/warnung.png") no-repeat 10px 10px;
    padding:10px 10px 10px 50px;
    border:1px solid #e3032d;
    width:100%;
    
}
.formular .FormElement .formButtons{
    width:auto;
    background:#7f7f7f;
    border:1px solid #7f7f7f;
    color:#fff;
  height:35px;
  padding:0px 30px;

  
  float:right
}
.formular .FormElement .On{
    border:1px solid #ff0000
}
a.btnblue:link,a.btnblue:visited{
    display: inline-block;
    padding:2px 20px;
    border:1px solid #1b2745;
    color: #1b2745;
    text-decoration: none;
}
a.btnblue:hover{
 background:#dc0830;
 color:#fff  
}
a.btnwhite:link,a.btnwhite:visited{
    display: inline-block;
    padding:2px 20px;
    border:1px solid #fff;
    color: #fff;
    text-decoration: none;
}
a.btnwhite:hover{
 background:#dc0830   
}
.cc_container .cc_btn {
background-color: rgb(34, 45, 89) !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}

.cc_container {
background: #eee !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #000 !important; /* Schriftfarbe des gesamten Bereichs */
}

.cc_container a {
color: #8ebf32 !important; /* Textlink-Farbe "Mehr Infos" */
}
.ql4 p,.ql6 p{
    color:#fff
}
.newsMore{
text-align:right;    
}


.rot {
    color:rgb(204, 0, 0);
}
.formemail{
    display: none;
}
#pic_viewer video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}
.suchenInput{
    padding:4px 10px;
      border:1px solid #ccc;
    -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.suchenSubmit{
    padding:4px 10px;
     border:1px solid #ccc;
    -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #8ebf32;   
}
.SucheErg{
    margin:10px 0px;
    border-bottom:1px solid #8ebf32;
    
}
.SucheUS{
    font-size:18px;
    text-transform: uppercase;
}
.LoginContainer{
    width:350px;
   background: -moz-linear-gradient(center top , #EEEEEE, #FEFEFE) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #AAAAAA;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #000;
    padding: 20px;
}
.LoginContainer label{
    display:block;
  

}
.LoginContainer input{
   margin-bottom:10px;
    width:310px;
    

}
.LoginContainer input[type=submit]{
   background:#f4e601 
}
.KnopfLogin{
    clear:left;
}
.login{
    position:fixed;
    top:95px;
    right:20px;
    background:rgba(255, 255, 255, 0.85);
    padding:0px 15px 0px 15px;
    font-size:12px;
    border-top: 1px solid #d81912;
    width:auto;
    -webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
a.brief{
    
    background:url(../pix_interface/brief.png) no-repeat;
    background-size: 30px 32px;
    background-position:0px 2px;
    padding:5px 10px 10px 30px;
    text-decoration:none;
    line-height:30px
}
.TerminReservierung{
    padding-top:30px
}
.TerminFormBlock,.TerminFormSend{
    width:500px
}
.TerminFormBlock label{
    display:block;
    margin-top:10px
}
.TerminFormBlock label span,.TerminFormSend span{
    color:#0c8ec5
    }

.TerminFormBlock .select{
    width:30%
}
.TerminFormSend{
    margin:20px 0px
}
.TerminFormSend input{
    width:15%;
    background:#0c8ec5;
    border:none;
    color:#fff;
    float:right
}
#emailalert{
    color:#e3032d;
    float:right;
    width: 350px;
}
#feedbackalert{
    color:#e3032d;
}
.TerminFormBlockcheck {
    display: none;
}
.form input[type=checkbox]{
    width:20px
}
.TerminEinlass {
    margin-bottom:30px
}
a.pdf:link, a.pdf:visited {

     background: #7a899c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(center top , #7a899c 5%, #344c64 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(center top , #7a899c 5%, #344c64 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(center top , #7a899c 5%, #344c64 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(center top , #7a899c 5%, #344c64 100%); /* Standard syntax */
    border-radius: 6px;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-style: normal;
    line-height: 40px;
    margin-bottom: 15px;
    padding: 0 10px;
    text-decoration: none;
    text-indent: 0;
}
a.pdf:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #344c64 5%, #7a899c 100%) repeat scroll 0 0;
}
a.pdf span {
    background: rgba(0, 0, 0, 0) url("../images/PDF_download.png") no-repeat scroll 0 1px;
    background-size: 20px 20px;
    padding: 0 0 0 25px;
}
/*extranet*/
.box{
    position: fixed;
    bottom:170px;
    right:0;
    z-index:1000;
    background: #BFBFBF;
    color:#fff;
    padding:5px 10px;
    -webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border:1px solid #ccc;
-webkit-box-shadow: 1px 2px 5px 0px rgba(84,84,84,0.53);
-moz-box-shadow: 1px 2px 5px 0px rgba(84,84,84,0.53);
box-shadow: 1px 2px 5px 0px rgba(84,84,84,0.53);
}
.box img{
    float:left;
    cursor:pointer
}
#extranetprofil{
min-height:30px;
    width:320px
}
.off{display:none}

.box a.logoff{
display:block;
margin:1px 0px 0px 50px;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #115586);
  background-image: -moz-linear-gradient(top, #3498db, #115586);
  background-image: -ms-linear-gradient(top, #3498db, #115586);
  background-image: -o-linear-gradient(top, #3498db, #115586);
  background-image: linear-gradient(to bottom, #3498db, #115586);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 7px 20px 7px 20px;
  text-decoration: none;
}

.box a.logoff:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.extranetchPwd{
    background:#153F69;
    padding:10px 0px 0px 0px;
    margin-top:20px;
      -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
}
.extranetchPwd label{
  
    display: block;

    line-height:25px
}
.extranetchPwd input{
    width:100%;
    -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  background:#ccc;
  height:30px
  
}
.extranetchPwd div{
    clear:left;
    padding: 5px 10px;
}
.box .extranetchPwd a.logoff{
    margin:10px 0px 0px 0px
}
.swiper-button-prev {
  background-image: url("../pix_interface/prev.svg") !important;
   width:64px;
 height:64px;
 
}

.swiper-button-next {
 background-image: url("../pix_interface/next.svg") !important;
 width:64px;
 height:64px;
 
 }
 
 .mySwiper  .swiper-button-next,.mySwiper  .swiper-button-prev {
 top:120px   
 }
 .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
    content: '';
}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
    content: '';
}