/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #000;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    /*resize: vertical;*/
	resize: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}
select,
textarea,
input {
font-family: Arial, sans-serif; font-size:16px; font-weight:400; color:#000;
}

* { -webkit-tap-highlight-color:transparent; }

img, embed, object, video {
	max-width: 100%;
	height: auto;
	width: auto;
}


iframe{
	max-width: 100%;
	/*height: auto;*/
	width: 100%;
	border: 0;
}


nav ul,
nav ul ul,
nav ul ul ul{margin:0; padding:0;}
nav ul li{margin:0; padding:0; list-style:none outside;}
nav a:hover{text-decoration:none;}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* applies to GIF and PNG images; avoids blurry edges */
img[src$=".gif"], img[src$=".png"], img[src$=".svg"] {
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}


/* ==========================================================================
   Author's custom styles :: riversite
   ========================================================================== */
html {
-webkit-tap-highlight-color:transparent;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
/*overflow-y:scroll !important;*/
/*margin-right:0 !important;*/
}
html, body{margin:0;}
body{font-family: Arial, sans-serif; font-size:16px; line-height:21px; color:#333; font-weight:400;}

h1, h2, h3, h4, h5, h6{margin:0 0 21px; line-height:normal; color:#000;}
h1{font-size:32px; }
h2{font-size:26px; }
h3{font-size:21px;}

h4{font-size:18px;}
h5{font-size:17px;} 
h6{font-size:16px; font-weight:700; text-transform: uppercase;}

h1 a, h2 a, h3 a, h4 a{text-decoration:none !important;}

p{margin:0 0 21px;}

a{color:#000; text-decoration:none;}
a:focus{color:#000; text-decoration:none;}
a:hover{color:#bebebe; text-decoration:none;}
*:focus{outline:0;}

a > strong > i,
a > i{margin-right:5px;}

b,
strong{font-weight:700;}

ul,
ol{margin:0 0 21px; padding-left: 18px;}
    ul ul,
		ol ol{margin:6px 0;}
li{line-height:21px;}

img{border:0; -ms-interpolation-mode:bicubic;}

hr{clear:both; height:2px; line-height:2px; border:0; border-top:2px solid #dadada; margin:20px 0; /*margin:40px 140px 50px 140px;*/}

table{margin:0 0 21px; border:0; width:100%;}



/* *** Custom *** */
.regular{font-weight:400 !important;}
.semibold{font-weight:600;}
.bold{font-weight:700;}
.thin{font-weight:100 !important;}
.extralight{font-weight:200 !important;}
.light{font-weight:300 !important;}

.abstand-nach-unten-0{margin-bottom:0;}
.abstand-nach-unten-10{margin-bottom:10px;}

.text-uppercase{text-transform:uppercase; letter-spacing:0.025em;}
.text-underline{text-decoration:underline;}
.zeilenabstand-1{letter-spacing:1px;}

.position-left{float:left;}
.position-right{float:right;}

.table{display:table; width:100%;}
.table_row{display:table-row;}
.table_cell{display:table-cell;}

.align-center{text-align:center;}
.align-left{text-align:left;}
.align-right{text-align:right;}

a.no-td{text-decoration:none;}

a.text-uppercase > strong{font-weight:600;}

.no-pd{padding-left:0; padding-right:0;}
.mitglieder img{margin:0 40px;}

.no-ls{letter-spacing:normal;}




/* spez element */
.with-icon{padding-left:180px; position: relative; margin-bottom:30px;}
.with-icon .icon{position:absolute; left:0; width:140px;}


.icon-top{max-width:260px; margin-left:auto; margin-right:auto;}

.mehr{text-transform:uppercase; color: #000; font-weight:600;}
.mehr:after{content:' ›'; display:inline-block; margin-left: 5px;}
.mehr:hover{ color:#bebebe;}

a[class*="btn-"],
a.btn-mehr{color:#000; letter-spacing: 0em; border-radius: 5px;
font-size:18px; font-weight:600; text-transform: uppercase;
	display: inline-block; padding:10px 30px; text-align: center; text-decoration:none; width:100%; /* max-width:325px; */ cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a[class*="btn-"]:after{content:' ›'; display:inline-block; margin-left: 5px;}
a[class*="btn-"]:hover{color:#000; background:#f2f2f2;}


.btn-mehr-mailicon::before{
content: "\f0e0";
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto; margin-right:5px;
}

.download{text-decoration: none; color:#000;}
.download i{margin-right:10px;}



.cover-bg-image{background-size:cover; background-repeat: no-repeat; background-position: center; color:#fff;}

.cover-bg-image h1, .cover-bg-image h2, .cover-bg-image h3, .cover-bg-image h4, .cover-bg-image h5, .cover-bg-image h6, 
.cover-bg-image p, .cover-bg-image a, .cover-bg-image li{color:#fff;}

.cover-bg-image a{text-decoration: underline;}
.cover-bg-image a:hover{text-decoration:none;}


.pd-top-small{padding-top:30px;}
.pd-top-medium{padding-top:60px;}
.pd-top-large{padding-top:120px;}

.pd-bottom-small{padding-bottom:30px;}
.pd-bottom-medium{padding-bottom:60px;}
.pd-bottom-large{padding-bottom:120px;}

.pd-top-bottom-small{padding-top:30px; padding-bottom:30px;}
.pd-top-bottom-medium{padding-top:60px; padding-bottom:60px;}
.pd-top-bottom-large{padding-top:120px; padding-bottom:120px;}


/* 
[class*="col-"] :last-child {
    margin-bottom:0; 
}
*/

.space-after-extra-small{margin-bottom:15px;}
.space-after-small{margin-bottom:30px;}
.space-after-medium{margin-bottom:60px;}
.space-after-large{margin-bottom:90px;}
.space-after-extra-large{margin-bottom:120px;}

.space-before-extra-small{margin-top:15px;}
.space-before-small{margin-top:30px;}
.space-before-medium{margin-top:60px;}
.space-before-large{margin-top:90px;}
.space-before-extra-large{margin-top:120px;}




/* css effect for anker */
.mainmenu a,
.breadcrumb a,
a[class*="btn-"],
a.download,
.footer a,
a{
	-webkit-transition: all 0.33s;
	transition: all 0.33s;
}





/* .inview{
  opacity: 0;
}
.notinview{
  opacity: 1 !important;
}

#loading{display:none; position: fixed; z-index:777; top:0; left:0; height:100%; width:100%; background:url('../img/ajax-loader.gif') center no-repeat rgba(255, 255, 255, 0.85);} */


/* ******************** Page */
.page{position:relative; padding-top:100px;}

/* ******************* Structur */
.header{position: fixed; top:0 !important; left:0; height:120px; width:100%; z-index:33; background:#fff; /* border-bottom:1px solid #f1f1f1; */
display:-webkit-box;
display:-ms-flexbox;
display:flex;

-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
}

.header .row, 
.header [class*="col-"]{height:100%;}


.content{position:relative; z-index:10; clear:both; /* height:100vh; */ background:#fff; /* padding-top:120px; */}
.inner-content{background:#fff; /* padding:60px 0; */}

.container-fluid.no-gutters{
  padding-right: 0;
  padding-left: 0;
}

.raster{margin-bottom:60px;}
.raster [class*="col-"] > div{background:red;}




/* Elements */
.logo{position:absolute; z-index:3; width:100%; max-width:470px; /* top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); */
top:17px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.logo img{width:100%; height:100%;}

.logo a{display:block;}

.logo-mobil{display: none;}
.logo-footer{width:100%; max-width:165px;}

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src$=".svg"] {
    width: 100%; 
  }
  /* 2 */
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    img[src$=".svg"] {
      width: 100%; 
    }
  }

/* ******* Nav Main */
nav#main{display: block; text-align:center; position:relative; top:80px; right:0;}
nav#main li{display:inline-block; margin:0; }
nav#main > ul > li > a{display:inline-block; padding:7px 15px; -webkit-box-sizing:border-box; box-sizing:border-box; height:100%; color:#000;}

/* nav#main > ul > li:first-child > a{padding-left:0;}
nav#main > ul > li:last-child > a{padding-right:0;} */

nav#main > ul > li.active > a,
nav#main > ul > li:hover > a{background:#000; color:rgba(255,255,255,1);}


/* 2.Ebene */
nav#main li li{}

nav#main li:hover ul{display:block; }
nav#main li ul{display:none; position:absolute; min-width:180px; -webkit-box-sizing: border-box; box-sizing: border-box; padding:15px; background:#000; text-align: left;}
nav#main li li{display:block;}
nav#main li li a{display:block; color:rgba(255,255,255,0.75); padding:5px 0;}
nav#main li li.active a, 
nav#main li li a:hover{color:rgba(255,255,255,1);}

/* nav#main > ul > li.hasSub:hover > a:before{content:''; display:block; background:#000; width:36px; height:36px; position: absolute; bottom:-20px; left:50%;
transform: translateX(-50%);
border-radius:50%;
} */


nav#main li:last-child ul{/* left:auto; right:0; */}



/* ******* footer */
.footer{clear: both; background:#000; padding:0 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.show--footer .footer{z-index:3;}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, 
.footer p, .footer a, .footer th, .footer td, .footer li, .footer strong{color:#fff;}  


.footer .gme-info-window h1, .footer .gme-info-window h2, .footer .gme-info-window h3, .footer .gme-info-window h4, .footer .gme-info-window h5, .footer .gme-info-window h6, 
.footer .gme-info-window p, .footer .gme-info-window a, .footer .gme-info-window th, .footer .gme-info-window td, .footer .gme-info-window li, .footer .gme-info-window strong{color:#000 !important;}

.footer a {
    white-space: nowrap;
}
.footer hr{border-top:1px solid #fff;}


/* ******* copyright */
.copyright{font-size:14px;}



.pd-mtop-medium > .container:first-child{position: relative; top: -100px; margin-bottom:-100px;  background: #fff; padding-top: 15px; padding-bottom: 15px;}


/* ******************* content */
/* .full_bwh{position:relative; height: calc(100vh - 110px); overflow: hidden; z-index:1;}
 */
.cover img{width:100%;}
.cover.fixed{position:fixed; width:100%; bottom:0; z-index:2; height: calc(100vh - 110px);}




/* ******* Slider swiper*/
/* .fullslider{margin-bottom:10px;} */
.fullslider .swiper-container {width: 100%;height: auto; margin-bottom:14px; text-align:center; background:#e6e6e6;}

.swiper-slide {height:auto;}

.fullslider .swiper-slide img{width:100%;}



.fullslider .swiper-slide-caption{position:absolute; top:0; left:0; width:100%; height:100%; }
.fullslider .swiper-slide-caption .slide-info{background:rgba(0,0,0,0.5); padding:30px; width:100%; }



.fullslider .swiper-slide-caption h2{font-size:50px; margin-bottom:0;}
.fullslider .swiper-slide-caption p{font-size:18px; line-height:30px; margin-bottom:0; font-weight:400;}

.fullslider .swiper-pagination{position:relative; width:100%; margin-bottom:20px;}
.fullslider .swiper-container-vertical > .swiper-pagination-bullets {right:auto; top:auto; width:100%; text-align:center;}
.fullslider .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0px 7px; display: inline-block;}


.parent_1 .fullslider .swiper-slide-caption .slide-info{background:none;}
.parent_1 .fullslider .swiper-slide-caption h2{font-size:42px;}


.swiper-pagination-bullet {
    margin: 0px 5px;
	display: inline-block;
	width: 70px;
    height: 7px;
    display: inline-block;
    border-radius: 0%;
    background: #eee;
    opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background:#dbdbdb;}
/* ******* Slider swiper */


/* .container.slick-slide{margin:0 auto; padding: 0;} */

/* slick */
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    /* margin-top: -15px; */
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);
}
.slick-arrow{/* position: absolute; top:50%;  */z-index:12;}

.slick-prev{left:15px; background-image:url(../img/pfeil-links.svg); background-repeat: no-repeat; background-position: center;}
.slick-next{right:15px; background-image:url(../img/pfeil-rechts.svg); background-repeat: no-repeat; background-position: center;}



.slick-dots {
    /* position: absolute; */
    /* bottom: -45px; */
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    /* display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent; */
    border: 0;
    outline: none;
    background: transparent;
}

.fullslider .slick-dots li{display:inline;/*  margin:0 15px; */}
.fullslider .slick-dots li button {
    margin: 0px 10px;
	display: inline-block;
	width: 70px;
    height: 8px;
    display: inline-block;
    border-radius: 3px;
    background: #f1f0f0;
    opacity: 1;
    cursor: pointer;
}
.fullslider .slick-dots li.slick-active button{background:#cbc9c9;}



.contenttable td{border-bottom:1px dotted #545454; /* border-left:1px dotted #545454; */ padding:5px 10px;}
.contenttable tr:nth-child(even){background: rgba(123,123,123,0.1);}
/* .contenttable td:first-child{border-left:0;} */

/* box_schnelleinstieg */
.box_schnelleinstieg{ text-align: center; margin-bottom:30px; padding:15px;
border-radius: 5px; /* min-height:300px; */
}

.box_schnelleinstieg.linkedbox{padding:0;}
.box_schnelleinstieg.linkedbox a{display:block; padding:30px 15px; width:100%; height:100%; border-radius: 5px; /* border-top:3px solid #fff; */ /* border-bottom:3px solid #fff; */ -webkit-box-sizing: border-box; box-sizing: border-box;}
.box_schnelleinstieg.linkedbox a:hover{/* border-top:3px solid #000; */ /* border-bottom:3px solid #000; */}

.sb-bild{margin:0 auto 30px; max-width:60%; text-align: center;}
.sb-bild img{-webkit-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.box_schnelleinstieg.linkedbox a:hover .sb-bild img{-webkit-transform: scale(1.075);transform: scale(1.075);}


.cSliderRow{position: relative;}

.box_schnelleinstieg h3{letter-spacing: 0.01em;}
.calltoaction h3{margin-bottom:6px; }

.calltoaction a .mehr{color: #fff; text-transform: none; font-weight:400;}

.calltoaction .flexelement .flexinnerwrap, 
.calltoaction .flexelement .row{min-height:160px;}


.cover-bg-image .box_schnelleinstieg a {
    text-decoration: none;
}



.fullslider .flexelement{padding:60px 0;}
.display-flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
/* flexelement */
.flexelement{position: relative; width:100%; height:100%; /* min-height:300px; */  }
.flexelement > .container{ height:100%;}

.flexelement .flexinnerwrap, 
.flexelement .row{width:100%; height:100%; min-height:270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
}

.box_schnelleinstieg.linkedbox .flexelement .flexinnerwrap{/* min-height:300px; */}

.flexelement .flexinnerwrap > a{-webkit-box-flex:1;-ms-flex:1;flex:1;}

.flexelement .flexinnerwrap > div{width:100%; height:100%;}

.pos-flex-align-start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.pos-flex-align-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.pos-flex-align-end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}

.pos-flex-justify-start{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.pos-flex-justify-center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; text-align:center;}
.pos-flex-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}


.ce-column{display:inline-block;}
[data-ce-columns="5"] .ce-column{width:auto; box-sizing: border-box; padding:0 10px;}

.ce-textpic.ce-center [data-ce-columns="5"] .ce-row{text-align:center;}


/* carousel */

/* .carousel .slick-current{opacity:0.5;} */
/* .carousel .slick-active{position:relative;}
.carousel .slide::before{display:block; position: absolute; width:100%; height:100%; content:''; background:rgba(0,0,0,0.5);}
.carousel .slick-current::before{background:rgba(0,0,0,0);} */

/* .carousel .slick-slide:not(.slick-active)::before */

.carousel:not(.sts1) .slick-track{background:#000;}

.carousel:not(.sts1) .slick-slide{opacity:0.5; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out;}
.carousel:not(.sts1) .slick-slide.show100{opacity:1;}

.tab-pane-content .carousel .slick-slide{opacity:1;}


/* Tabs */
.nav-tabs li{display:inline-block;  width:100%; max-width:75%;}

.nav-tabs li a{display: block; padding:15px 0 15px 15px; border-bottom: 2px solid #dadada; position: relative;}
.nav-tabs li a:before{content:' ›'; display:inline-block; position: absolute; top:12px; left:0px; font-size:24px; font-weight: 700;}


.nav-tabs li:first-child a{padding-top: 0;}
.nav-tabs li:first-child a:before{top:-2px;}

.nav-tabs li:last-child a{border-bottom: 0;}

.nav-tabs li a:hover, 
.nav-tabs li a:hover h3, 
.nav-tabs li a:hover h6{color:#000;}

.nav-tabs li a.active, 
.nav-tabs li a.active h3, 
.nav-tabs li a.active h6{color:#000;}


.tabheader{font-size: 24px; margin-bottom: 5px;}

.tab-pane-header{display:none; margin-bottom: 30px;  }
.tab-pane-header .withSubHead{margin-bottom: 5px;}


.tab-pane-header a{display:block; padding:15px; border-bottom: 2px solid #dadada; position: relative; cursor: pointer;}
.tab-pane-header a:before{content:' ›'; display:inline-block; position: absolute; top:20px; left:0px; font-size:24px; font-weight: 700;}

.tab-pane-header a:hover, 
.tab-pane-header a:hover h2,
.tab-pane-header a:hover h3, 
.tab-pane-header a:hover h6{color:#000;}

.active .tab-pane-header a, 
.active .tab-pane-header a h2,
.active .tab-pane-header a h3, 
.active .tab-pane-header a h6{color:#000;}





.tab-pane .slick-prev{left:-35px;}
.tab-pane .slick-next{right:-35px;}





.frame ul{list-style:none; margin-left:0; padding-left:30px;}
.frame ul li{text-indent:0; position:relative; /*margin-bottom:7px;*/}
.frame ul li::before,
.frame ul li:before{position:absolute; top:6px; left:-30px; content: " "; display:inline-block;  width:16px; height:16px;
text-rendering: auto; background:url(../img/icon-li-check_gruen.png) top left no-repeat; /* background-size: cover; */
}
.frame ul li a,
.frame ul li strong,
.frame ul li em,
.frame ul li b,
.frame ul li i{display:inline-block; text-indent:0px; text-decoration: none;}





li.break{position:relative; width:100%; height:0;}



/* *** Content: table */
table{width:100%; border:0px solid #fff; margin:0 0 26px; padding:0; border-collapse: collapse; }
th, td{border:0px solid #fff; /*padding:5px 10px;*/ vertical-align:top; /*font-weight: 300;*/ line-height:30px;}
th{font-weight: 700;}
/*table.contenttable td{ padding-bottom:20px;}*/





.innerCover{position:relative; width:100%; height:100%;}
.innerCover .bg-bild{/* position:absolute; */ z-index:1; display:none;}

.icon-x24{display:inline-block; width:8px;}


.fullslider .slick-list, 
.fullslider .slick-track{ height:100%;}
.fullslider .slick-slide{position:relative;height:100%;}

.fullslider .flexelement .row .column{width:60%;}

.fullslider h1, .fullslider h2, .fullslider h3, .fullslider h4, .fullslider h5, .fullslider h6, 
.fullslider p, .fullslider a, .fullslider li{color:#fff;}

.fullslider h2{font-size:80px; font-size:3.2vw; line-height:normal;}
.fullslider h3{font-size:40px; font-size:2.1vw; line-height:normal; margin-bottom: 60px;}
.fullslider a[class*="btn-anmelden"] {max-width: 360px;}


.sl-image img{width:100%; text-align: center;}

.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* pointer-events: none; */
}




.scrollTopIcon{ display:none;/* opacity:0; visibility: hidden; */
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;}
/* .header--fixed .scrollTopIcon{opacity:1; visibility:visible;} */
.scrollTopIcon{/* position: absolute; right:35px; bottom:60px; */ /* position:fixed; bottom:30px; right:30px; z-index:21; */}

.scrollTopIcon a{
	position:relative; display:inline-block; text-align:center; width:90px; height:90px; color:#fff; /*border:1px solid #fff;*/ font-size:36px; line-height:42px;
	/*-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;*/background:#ececec;
    padding:20px 25px;

	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.scrollTopIcon a:hover{-webkit-box-shadow:0 0 4px rgba(0,0,0,0.25);box-shadow:0 0 4px rgba(0,0,0,0.25);}




.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width:auto;
    max-width: 640px;
    margin: 20px auto;
  }


  .mfp-ajax-holder .csc-content{
    position: relative;
    background: #FFF;
    padding: 20px;
    width:auto;
    max-width: 640px;
    margin: 20px auto;
  }
  .mfp-ajax-holder .csc-content .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}


  .mfp-container {
    padding-left: 15px;
    padding-right: 15px;
}
  .mfp-bg {
      background: rgba(0, 0, 0, 0.5);
      opacity: 1;
  }







/* Suche */
.tx-indexedsearch-form{width:60%; margin:0 auto 15px;}
.tx-indexedsearch-search-submit{clear:both; width:60%; margin:0 auto 30px;}

.tx-indexedsearch-searchbox input{display:inline-block; border:0; line-height:20px; float:left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tx-indexedsearch-searchbox input[type="text"]{float:none;/* width:260px; */ text-align: center;}
.tx-indexedsearch-searchbox::after{content:''; display:block; clear: both;}

.tx-indexedsearch-searchbox input[type="submit"]{width:100%;}

.tx-indexedsearch-browsebox, 
.tx-indexedsearch-res{margin:0 0 30px;}

.tx-indexedsearch-res h4,
.tx-indexedsearch-res h4 a{color: #000; }

.tx-indexedsearch-res h4 a{border-bottom:5px solid #000;}
.tx-indexedsearch-percent{color: #000; font-size:13px;}




/* *** Kontakt: Form */
input[type="text"], input[type="email"], input[type="phone"],
textarea{width:100%; border:0; background: #f2f2f2; padding:10px 15px; margin-bottom:10px; color:#000;
   /*  border-radius: 5px; */
-webkit-box-sizing: border-box;
box-sizing: border-box;}

textarea{height:150px;}

input[type="submit"]{width:auto; text-align: center; border:0; background:#000; padding:10px 30px; color:#fff; font-size:16px; font-weight:700; text-transform: uppercase; cursor: pointer; /* letter-spacing: 0.1em; */ 
    /* border-radius: 5px; */
-webkit-box-sizing: border-box;
box-sizing: border-box;

-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
input[type="submit"] i{margin-right:5px;}
input[type="submit"]:hover{background: #f1f1f1; color:#000;}

/* .powermail_fieldwrap_type_check label{position:relative;}
.powermail_fieldwrap_type_check input{margin-right:10px;}
.powermail_fieldwrap_type_check label:after{display:block; position:absolute; top:0; left:0; background:rgba(255,255,255,0.5); width:20px; height:20px; content:'';}
 */

/* input:focus, */
/*.powermail_form select:focus,*/
/* textarea:focus{border-bottom:1px solid #ee7203;} */
/*.powermail_form textarea:focus{height:100px;}*/

input::-webkit-input-placeholder{color:#484848; opacity:1;}
input:-moz-placeholder{color:#484848; opacity:1;}
input::-moz-placeholder{color:#484848; opacity:1;}
input:-ms-input-placeholder{color:#484848; }

textarea::-webkit-input-placeholder{color:#484848; opacity:1;}
textarea:-moz-placeholder{color:#484848; opacity:1;}
textarea::-moz-placeholder{color:#484848; opacity:1;}
textarea:-ms-input-placeholder{color:#484848; }

.checkboxtext {	
	float: right;
	margin-left: 10px;
	margin-top: 0px;
}
	
.layout-links{display:inline-block; width:50%; padding-right:30px;}
.layout-links-lang{display:inline-block; width:65%;}

.layout-rechts{display:inline-block; width:50%; float:right; padding-left:30px;}
.layout-rechts-lang{display:inline-block; width:65%; float:right;}


.tx-powermail .container-fluid{padding:0;}

/* .tx-powermail h3,  */
.tx-powermail legend, .tx-powermail .powermail_label, 
.tx-powermail h3{
    display: none;
}
.tx-powermail .powermail_fieldwrap_captcha label.powermail_label{display:block;}

.tx-powermail .show_label .powermail_label {display:block;}

.tx-powermail legend{color: #bebebe;
    margin-bottom: 30px;
    font-size: 15px; 
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;}

    .powermail_fieldwrap{margin-bottom:15px;}


    .powermail_fieldwrap a{text-decoration:underline;}



    
.powermail_fieldset{clear:both; position: relative;}
.powermail_fieldset.layout1{clear:none; float:left; width:50%; padding-right:30px;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
} 

.powermail_fieldset.layout1:before{content:''; display:inline-block; width:34px; height:34px; background:url(../img/icon-person.png) top left no-repeat; background-size: cover; position: absolute; top:7px; left:0; z-index:3;}


.powermail_fieldset.layout2{clear:none; float:right; width:50%; padding-left:30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;}

.powermail_fieldset.layout2:before{content:''; display:inline-block; width:34px; height:34px; background:url(../img/icon-email.png) top left no-repeat; background-size: cover; position: absolute; top:7px; left:0; z-index:3;}



.powermail_fieldset.layout1 .powermail_fieldwrap{width:50%; float:left; }
.powermail_fieldset.layout1 .powermail_fieldwrap:first-child{padding-right:10px;}
.powermail_fieldset.layout1 .powermail_fieldwrap:last-child{padding-left:10px;}
.powermail_fieldset.layout1:after{clear:both; display: table; content:'';}


/* .powermail_fieldwrap{padding-left:30px;}*/
.powermail_fieldwrap{position: relative;}

.powermail_fieldset.layout1, 
.powermail_fieldset.layout2, 
.powermail_fieldwrap_telefon, 
.powermail_fieldwrap_erreichbarkeit, 
.powermail_fieldwrap_ihrenachricht{padding-left:49px;}

.powermail_fieldwrap_telefon:before{content:''; display:inline-block; width:34px; height:34px; background:url(../img/icon-telefon.png) top left no-repeat; background-size: cover; position: absolute; top:7px; left:0; z-index:3;}

.powermail_fieldwrap_erreichbarkeit:before{content:''; display:inline-block; width:34px; height:34px; background:url(../img/icon-uhr.png) top left no-repeat; background-size: cover; position: absolute; top:7px; left:0; z-index:3;}

.powermail_fieldwrap_ihrenachricht:before{content:''; display:inline-block; width:34px; height:34px; background:url(../img/icon-nachricht.png) top left no-repeat; background-size: cover; position: absolute; top:7px; left:0; z-index:3;}



.powermail_fieldwrap_type_check .checkbox{position: relative; float:left; width:33.3333334%; margin-bottom: 15px;}
.powermail_fieldwrap_type_check .checkbox label{display: block; padding-left:25px; cursor: pointer;}
.powermail_fieldwrap_type_check .checkbox label .cstmark:after{content:''; display:inline-block; width:16px; height:16px; border:2px solid #000; border-radius: 5px; position: absolute; top:7px; left:0; z-index:3;}
.powermail_fieldwrap_type_check .checkbox label input[type="checkbox"]{position: absolute; opacity: 0; cursor: pointer;}

.powermail_fieldwrap_type_check .checkbox label input:checked ~ .cstmark:after { background-color: #000; }

.powermail_fieldwrap_type_captcha input {
    width: 100%;
    max-width: 170px; margin-right:15px; padding: 12px 30px 12px;
}

.powermail_fieldwrap_type_check:after{clear:both; display: table; content:'';}


.powermail_form ul.parsley-errors-list{margin-left:0; padding-left:0;}
.powermail_form ul.parsley-errors-list li{font-size:14px; color:#000; line-height: normal;}
.powermail_form ul.parsley-errors-list li:before{display: none;}


input.parsley-error,
textarea.parsley-error{border:1px solid #000;}



/* Smartmenu */
.smartmenu{display:none;}

.smartmenu .inner{padding-top:40px;}

.smartmenu-closer,
.smartmenu{cursor:pointer; position:absolute; z-index:333; top:0; right:15px; width:auto; height:100%; margin-top:0; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:303; padding:0; /* background:#f1f1f1; */
/*-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;*/
text-align:center;
}
.smartmenu-closer{top:25px; right:30px; height:auto; width:auto; background:none; }
.smartmenu-closer span,
.smartmenu span{position:relative; display: block;
width: 26px;
height: 3px;
border-radius: 0px;
background-color: #000;
margin:0 auto 5px;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}

.smartmenu span:last-child{margin-bottom:0;}
.mnopen .pos-top {
	-webkit-transform:translateY(8px) rotateZ(-45deg);
	transform:translateY(8px) rotateZ(-45deg)
}
.mnopen .pos-middle {
	opacity:0
}
.mnopen .pos-bottom {
	-webkit-transform:translateY(-8px) rotateZ(45deg);
	transform:translateY(-8px) rotateZ(45deg)
}


#menu-mobil{ -webkit-transform: translateX(330px); transform: translateX(330px);
	position:fixed; top:0; right:0; z-index:112; /*display:block;*/ height:100%; width:100%; max-width:320px; background:#fff; padding:80px 30px 30px; color:#fff;

-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;

	/* 	-webkit-box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.75);
		box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.75); */

	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}
#menu-mobil a{display:block; font-size:16px; font-weight:700; text-decoration: none; text-transform: uppercase; color:#484848; /* padding:8px 0; */ padding: 8px 0 5px 0;}
#menu-mobil a:hover{color:#000;}



/* #menu-mobil ul#menu-main-menu{height:100%; overflow: auto; padding-bottom:20px; background:red;
-webkit-box-sizing: border-box;
box-sizing: border-box;} */
#menu-mobil ul{padding-bottom:30px;}
#menu-mobil ul > li{display:block; border-top:1px solid #484848;}
#menu-mobil ul > li:first-child{border:0;}
#menu-mobil ul ul{margin-bottom:10px;}
#menu-mobil li li{padding-left:15px; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; line-height:normal; margin-bottom:4px;}
#menu-mobil li li a{padding:3px 0;}



.mnopen #menu-mobil {
-webkit-transform: translateX(0);
        transform: translateX(0);
}
.overlay{z-index:-1; visibility: hidden; opacity: 0; position:fixed; top:0; left:0; width:100%; height:100%;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.mnopen .overlay{visibility: visible; opacity: 1; background:rgba(0,0,0,0.35); z-index:101;}

.mnopen{overflow: hidden;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}




@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }

    /*a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}