/* Customized CSS for Projekt: XXXXXXX
 * Copyright 2015 Quellcodekunst Webdesign
 */

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       webEdition HACK       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

a[href="https://www.webEdition.org"],
a[title="This page was created with webEdition CMS"]{display:none;font-size:0px;}

// xs Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) { ... }

// sm Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767px) { ... }

// md Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) { ... }

// lg Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199px) { ... }

// xl Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }


@charset "UTF-8";
@font-face {font-family: 'NHUP-Black';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-Black.otf') format('opentype');}
@font-face {font-family: 'NHUP-BlackIt';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-BlackIt.otf') format('opentype');}
@font-face {font-family: 'NHUP-Bold';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-Bold.otf') format('opentype');}
@font-face {font-family: 'NHUP-BoldIt';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-BoldIt.otf') format('opentype');}
@font-face {font-family: 'NHUP-Heavy';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-Heavy.otf') format('opentype');}
@font-face {font-family: 'NHUP-HeavyIt';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-HeavyIt.otf') format('opentype');}
@font-face {font-family: 'NHUP-Italic';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-Italic.otf') format('opentype');}
@font-face {font-family: 'NHUP-Light';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-Light.otf') format('opentype');}
@font-face {font-family: 'NHUP-LightIt';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-LightIt.otf') format('opentype');}
@font-face {font-family: 'NHUP-Medium';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-Medium.otf') format('opentype');}
@font-face {font-family: 'NHUP-MediumIt';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-MediumIt.otf') format('opentype');}
@font-face {font-family: 'NHUP-Regular';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-Regular.otf') format('opentype');}
@font-face {font-family: 'NHUP-Thin';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-Thin.otf') format('opentype');}
@font-face {font-family: 'NHUP-ThinIt';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-ThinIt.otf') format('opentype');}
@font-face {font-family: 'NHUP-UltraLight';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-UltraLight.otf') format('opentype');}
@font-face {font-family: 'NHUP-UltraLightIt';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-UltraLightIt.otf') format('opentype');}
@font-face {font-family: 'NHUP-XBlack';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-XBlack.otf') format('opentype');}
@font-face {font-family: 'NHUP-XBlackIt';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-XBlackIt.otf') format('opentype');}


html{}
body {font-family: 'NHUP-Regular';font-size:19px;/*-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;*/}

h1{display:none;}

h2,
.h2{font-family: 'NHUP-Bold';font-size:40px;position:relative;}
h2.untertitel,
.h2untertitel{font-family: 'NHUP-Bold';font-size:22px;}


h3,
.h3{font-family: 'NHUP-Regular';font-size:38px;}
h3.untertitel,
.h3untertitel{font-size:1.5rem;font-weight:normal;font-style:italic;margin-bottom:1.1rem;}

h4,
.h4{}
h4.untertitel,
.h4untertitel{}

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


a{transition: all 0.2s ease-in 0s;-webkit-transition: all 0.2s ease-in 0s;text-decoration: none;}
p{margin:0;padding:0;}
img{border:0;}
form{}
ul{padding:0;margin:0;}
ol{padding:0;margin:0;}
textarea,input,select{padding:0;}
abbr,
acronym {border-bottom:1px dotted #000;cursor:default;}
a.sr-only,
legend{display:none}
.hide{display:none}
.clearfix:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix[class] { /* ie6 hack */ display: block;overflow: hidden;}
.floatTerminator{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.trennlinie{height:1px;clear:both;}
.points{height:1px;clear:both;}
.fullWidth{width: 100%;}
.displayNone{display:none;}
.shadow{box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;}
.shadowInset{box-shadow:inset rgba(0,0,0,0.35) 2px 4px 8px;-webkit-box-shadow:inset rgba(0,0,0,0.35) 0 1px 8px; -moz-box-shadow:inset rgba(0,0,0,0.35) 0 1px 8px;}
.radius{border-radius:4px; -webkit-border-radius:4px;-moz-border-radius:4px;}
.img-responsive{width:100%;height:auto;}
.mand{font-weight:bold;}
.noresult{font-weight:bold;}
.text-center p{width:100%;}
.btn{cursor:pointer;}
.nopad{padding-left:0px;padding-right:0px;}
.nopadleft{padding-left:0px;}
.nopadright{padding-right:0px;}
.flex-direction-row{flex-direction:row;}
.inner{width:100%;}
.row{margin:0px;position:relative;}

.organize-klammer{position:absolute;display:block;}
.senkrecht{font-family: 'NHUP-Bold';font-size:43px;transform: rotate(-90deg);display:block;width:300px;position:absolute;z-index:99;top:126px;left:-190px;text-align:right;}
.btn-organize{border-radius:1px;}

@media (max-width: 575px) { 
	.hero br,
	.team.text .inner br{display:none;}
	.titel h2{margin-left:35px;}
}

/* Header
-------------------------------------------------- */

header{font-family: 'NHUP-Light';z-index:99999;box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.20);}
header.fixed{position:fixed;top:0px;right:0px;left:0px;z-index:1100;}


/* Header Hide & Show while scolling
-------------------------------------------------- */
header.slide--reset{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
header.slide--up{-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%)}
header.slide{transition: all 0.25s ease-in-out 0s;}

/* Logo
-------------------------------------------------- */
.logo{position:relative;margin-top:25px;}
.logo img{width:346px;height:auto;}
.logo span{display:inline-block;padding-left:50px;white-space:nowrap}
.logo .title{display:none;font-size:14px;font-weight:bold;margin-top:6px;}
.logo .brand{display:none;font-size:12px;font-style:italic;}

@media (max-width: 575px) {
	.logo img{width:270px;margin-top:-11px;}
}

/* PRESSROOM
-------------------------------------------------- */

.pressroom{background-color:  rgb(147,192,232);border-bottom:10px solid #FFF;}
.pressroom h2{margin-bottom:1rem;}
.pressroom .inner{padding:2rem 0;}
.pressroom .item a{font-size:13px;color:#000;text-transform:uppercase;display:inline-block;margin-bottom:2rem;}
.pressroom .item .bild{padding:5px;border:1px solid #000;background:#fff;}
.pressroom .item img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.pressroom .item span{line-height:1.2;display:inline-block;margin-top:5px;word-break:break-word;}
.pressroom .breadcrump{font-size:15px;color:#FFF;margin-bottom:20px;}
.pressroom .breadcrump a{color:#FFF;}
.pressroom .breadcrump a:hover{text-decoration:underline;}
.pressroom .breadcrump .fa{font-size:10px;}
.pressroom iframe{/*height:900px;*/}

/* CONTENT
-------------------------------------------------- */

#content{z-index:0;z-index:0;}
body.fixedHeader #content {padding-top:105px;}
@media (max-width: 575px) { 
	body.fixedHeader #content {padding-top:70px;}
}
body.fixedHeader #content.content-no-margin-top{margin-top:0px;}
body.home.fixedHeader #content{padding-top: 0px;}
body.fixedFooter #content{padding-bottom:400px;}
body.popup #content{padding:0px;}
body.popup #content .container{padding:0px 15px;}

.container-fluid{padding:0px;}

.container{padding:0 1%;}
.container.list{padding:0px 10px;}
.container.list p{display:block;}
.container.list .btn.reset{margin-top:30px;}
.container-fluid.bgdarkgrey{margin:100px auto -100px auto;min-height:200px;}
.container.agb li{margin-left:30px;}


/* NAVIGATION
-------------------------------------------------- */
header .navbar{min-height:105px;border-bottom:0px;padding:0px 0px 0px 0px;}

header .navbar-toggler{margin:25px 0px 0px 0px;padding:0px 8px;cursor:pointer;width:40px;height:40px;font-size:0.45em;}
header .navbar-toggler .icon-bar{display:inline-block;height:2px;width:100%;}
header .navbar-toggler .navbar-toggler-icon{display:none;}
header .navbar-toggler-right {right: 0;}

header .nav {font-size:20px;}
header .nav > li > a {display:inline-block;padding:30px 25px 3px 15px;}
header .nav > li > a:hover{text-decoration:none;}
header .nav > li.active > a,
header .nav > li.active > a:hover,
header .nav > li.active > a:focus{text-decoration:none;}
header a.scrollto:focus,
header a.scrollto:active,
header .nav li.active > a{font-weight:bold;text-decoration:none;}

header .navbar-toggleable-md .navbar-collapse {width: 100%;}
header .navbar-collapse.collapse.show{width:100%;padding-bottom:20px;padding-top:20px;}
header .navbar-collapse.collapse.show .nav.main,
header .navbar-collapse.collapse.show .search.modul,
header .navbar-collapse.collapse.show .log.modul{float:left;}
header .navbar-collapse.collapse.show .log.modul{margin-left:25px;}

header .navbar-collapse.collapse.show .nav > li > a{padding:10px 15%;white-space:nowrap;}
header .navbar-collapse.collapse.show .nav > li:nth-child(1) > a{}

header .nav.main{}

header .nav.language{margin-right:80px;margin-bottom:20px;}
header .nav.language > li > a {font-size:16px;padding:34px 10px 3px 10px;}
header .nav.language > li:first-child > a {border-left:none;}

@media (min-width: 992px) and (max-width: 1199px) {
	
    header .nav {font-size:18px;}
	header .nav.language > li > a{font-size:15px;}
	header .nav > li > a {padding-right:14px;}
}
@media (max-width: 575px) { 
	header .navbar{min-height:70px}
	header .navbar-toggler{margin-top:15px;}
}
	
/* DROPDOWN-MENU
-------------------------------------------------- */
.navbar-toggleable-md .navbar-nav .dropdown-menu {position: absolute;}
.dropdown-toggle::after{display:none}
.dropdown-menu{min-width:465px;font-size:15px;padding:0px 0px 5px 0px;margin-top:8px;border-left:none;border-right:0;border-bottom:0;border-radius:0px;}
.dropdown-menu .arrow{position:absolute;}
.dropdown-menu .arrow.top{top:-15px;left:0px;}
.dropdown-menu .arrow .fa-angle-up::before {content: "";}
.dropdown-menu li:nth-child(1) a{padding-left:12px;}
.dropdown-menu li{float:left;}
.dropdown-menu > li:last-child > a {border-right:0;}
.dropdown-menu li a{padding: 0px 11px;white-space:nowrap}
.dropdown-menu li a:hover{text-decoration:none;}
.dropdown-menu li.active a,
.dropdown-menu li.active a:hover,
.dropdown-menu li.active a:focus{text-decoration:none;}
@media (min-width: 992px) and (max-width: 1199px) {
	.dropdown-menu li a {font-size:14px;padding: 0px 8px}
	.dropdown-menu{min-width:400px;}
}


/* hero
-------------------------------------------------- */

.hero h2{margin:110px auto 0px 150px;font-family: 'NHUP-Light';font-size:72px;line-height:68px;position:relative;}
.hero h2.untertitel{margin:15px auto 100px 150px;font-family: 'NHUP-Bold';font-size:22px;line-height:27px;}
.hero .organize-klammer{left:-40px;top:-30px; width:50px;height:50px;border-width:4px;}
@media (max-width: 575px) { 
	.hero h2,
	.hero h2.untertitel{margin-left:15px;margin-right:0px;}
}

/* STÖRER Registration
-------------------------------------------------- */
.home .stoerer-registration img,
.cases .stoerer-registration img,
.about .stoerer-registration img,
.warum .stoerer-registration img{position:absolute;width:150px;height:auto;top:25px;right:14%;}
@media (max-width: 991px) {
	.home .stoerer-registration img,
	.cases .stoerer-registration img,
	.about .stoerer-registration img,
	.warum .stoerer-registration img{width:100px;top:10px;}
}


/* Seite "registration"
-------------------------------------------------- */

.registration.hero{background:url(../img/content/hero-registration.jpg);background-repeat:no-repeat;background-size:cover;}
.registration.hero h2,
.registration table{margin-left:90px}
.registration.hero h2.untertitel{margin-bottom:50px}
.registration table{font-family: 'NHUP-Bold';font-size:22px;width:80%;text-align:center;margin-bottom:50px;}
.registration table img{width:auto;height:80px;}
.registration table td{width:25%;}

.register-message{margin:100px 0px;}
@media (max-width: 575px) { 
	.registration.hero{background-size:contain;}
	.registration.hero h2,
	.registration table{margin-left:25px;font-size:12px;}
	.registration.hero h2{font-size:40px;line-height:45px}
	.registration.hero h2.untertitel{font-size:21px;line-height:25px}
}
@media (max-width: 400px) { 
	.registration table img{width:auto;height:60px;}
}

/* Seite "registration-confirm"
-------------------------------------------------- */

.registration.confirm.hero{background:url(../img/content/hero-registration-confirm.jpg);background-repeat:no-repeat;background-size:cover;}
.registration.confirm .alert{margin-top:70px;padding:0px;}
.registration.confirm .shut-down{float:right;color:#000;margin-bottom:100px;display:inline-block;height:34px;padding-left:50px;background:url(../img/content/close-x2.png);background-repeat:no-repeat;background-size:34px 34px;}


/* ----------   MODUL: registerForm ---------------------------------------------------------------------------------------------------- */

.registerForm{margin:70px 0px 100px 0px;}
.registerForm .row div{position:relative;}

.registerForm span,
.registerForm label{position:absolute;bottom:5px;left:25px;font-family: 'NHUP-Regular';font-size:12px;}
.registerForm .row.button span{bottom:auto;top:0px;}
.registerForm select,
.registerForm input{margin-bottom:35px;font-family: 'NHUP-Regular';font-size:16px;}

.registerForm .terms span{position:relative;left:0;display:inline-block;padding-left:10px;}

.registerForm .row.radio label{bottom:22px;left:50px;font-size:16px;}
.registerForm input[type="radio"]{width:auto;margin-left:10px;}

.registerForm label.error{margin-top:0px;margin-left:70px;}
.registerForm label#email-error{margin-left:120px;}
.registerForm .row.radio label.error{bottom:-3px;left:30px;font-size:12px;width:300px;}

.registerForm .row.checkbox{}
.registerForm input[type="checkbox"]{position:absolute;width:auto;top:23px;left:-14px;}
.registerForm .row.checkbox label{position:relative;padding-left:12px;padding-top:20px;}
.registerForm .row.checkbox label.error{bottom:0px;left:0px;font-size:12px;padding-top:0px;margin-left:0px;padding-left:0px;}


.registerForm .btn-organize{font-family: 'NHUP-Bold';font-size:23px;border-radius:1px;padding:5px 10px;float:right;}



@media(max-width: 575px){
	.registerForm label,
	.registerForm input[type="checkbox"]{margin-top:10px;}
	.registerForm .row.radio span{bottom:-45px;}
	.registerForm .btn-organize{width:100%}
	.registerForm .row.button span{top:-25px;}
}


/* form .form-control
-------------------------------------------------- */
.form-control label.error {font-weight:normal;font-size:80%;}
.form-control{border-radius:1px;padding: 5px 8px;}


/* Seite "news"
-------------------------------------------------- */

.news.nav{margin-left:15px;}
.news.nav {font-size:20px;}
.news.nav > li > a {display:inline-block;padding:30px 50px 3px 10px;}
.news.nav > li > a:hover{text-decoration:none;}
.news.nav > li.active > a,
.news.nav > li.active > a:hover,
.news.nav > li.active > a:focus{text-decoration:none;font-weight:bold;}
.news.nav li.active > a{font-weight:bold;}

.news.container{margin-bottom:-1px;}
.news .content{padding:40px 0px 40px 0px;border-bottom:1px solid #000;}
.news .content .text{padding-bottom:40px;}
.news .datum{background:#000;color:#fff;text-align:center;font-family: 'NHUP-Bold';font-size:20px;width:60px;margin-bottom:20px;}
.news .datum hr{margin:0px 3px;border-top:2px solid #fff;}
.news .datum .tag{font-size:40px;}
.news h2,
.news p{font-size:16px;}
.news img{width:100%;height:auto;}
.news .weiterlesen,
.news .openArticle{font-family: 'NHUP-Bold';color:rgb(147,192,232);cursor:pointer;position:absolute;bottom:-8px;right:15px;}
.news img.closeArticle{width:34px;height:auto;cursor:pointer;float:right;margin-bottom:30px;}

.news article{padding-top:70px;}
.news .artikelbild{width:50%;float:right;}


.news a.backlink{color:#000;font-weight:bold;display:inline-block;margin:30px 0px 70px 0px;}
.news a.backlink img {width: 38px;height: auto;float: none;margin: 0px;}

.news .nav.socialmedia{margin-top:60px;}
.news .nav.socialmedia > li{}
.news .nav.socialmedia > li > a {padding-top:0px;border:0;margin-left:20px;font-size:50px;border-left:0;}

.news .nav.socialmedia a:focus,
.news .nav.socialmedia a:active{text-decoration:none;}

@media (min-width: 767px) and (max-width: 991px) { 
	.news .content .text{padding-bottom:80px;}
	.news .nav.socialmedia{bottom:20px;left:15px;}
	.news .openArticle{bottom:-10px;}
	}
@media (max-width: 767px) { 
	.news .nav.socialmedia{right:auto;left:0px;bottom:35px;}
	.news .datum{margin-left:15px;}
}
@media (min-width: 351px) and (max-width: 766px) { 
	.news .nav.socialmedia{bottom:-20px;left:15px;}
	.news .openArticle{bottom:-10px;}
	}
@media (max-width: 350px) {
	.news .nav.socialmedia{bottom:-5px;left:15px;}
	.news .openArticle{bottom:-30px;}
	.news .nav.socialmedia > li > a {font-size:40px;}
}
/* Seite "cases"
-------------------------------------------------- */

.cases.hero{background:url(../img/content/hero-cases.jpg);background-repeat:no-repeat;background-size:cover;}
.cases.hero h2{color:#000;}
.cases.content{padding:70px 0px;}
.cases.content .inner{padding: 0px 20px 30px 20px;}
.cases.content p strong{color:rgb(147,192,232);}
.cases.content img{width:100%;height:auto;}
.cases a{color:#000;}
.cases a:hover{text-decoration:none;}

/* Seite "cases - Artikel"
-------------------------------------------------- */

.cases.artikel .inner{margin:70px 0px 0px 0px;}
.cases.artikel .backlink img{width:38px;height:auto;float:none;margin:0px;}
.cases.artikel .backlink .inner{margin:0px 0px 0px 0px;}
.backlink a{font-family: 'NHUP-Bold';float:right;margin:20px 0px 80px;}

.cases .slideshow{float:right;width:50%;margin:0px 0px 20px 40px;}
.cases .slideshow .inner{position:relative;z-index:9;top:0px;padding:0px 0px;}

.cases .slideshow .carousel-control .left,
.cases .slideshow .carousel-control .right{z-index:10;display:inline-block;top:0px;height:100%;width:39px;}
.cases .slideshow .carousel-control .left:hover,
.cases .slideshow .carousel-control .left{background:#1D1D1B url(../img/content/wo_Pfeil-links-x2.jpg);background-size:contain;background-position:center center;background-repeat:no-repeat;}
.cases .slideshow .carousel-control .right:hover,
.cases .slideshow .carousel-control .right{background:#1D1D1B url(../img/content/wo_Pfeil-rechts-x2.jpg);background-size:contain;background-position:center center;background-repeat:no-repeat;}
.cases .slideshow .carousel-indicators{display:none;}
.cases .slideshow img{width:100%;height:auto;}

@media (max-width: 575px) { 
	#carouselCases{width:100%;margin:0px 0px 20px 40px;}
}

/* Seite "home"
-------------------------------------------------- */

.home.hero{background:url(../img/content/hero-home.jpg);background-repeat:no-repeat;background-size:cover;}
.home.content .inner{margin:100px 0px;}
.home.content .organize-klammer{left:-30px;top:-15px; width:50px;height:50px;border-width:3px;}
.home.content h2.untertitel{font-family: 'NHUP-Light';font-size:30px;line-height:1.6em;}

.home.content h2.untertitel em{font-family: 'NHUP-Bold';font-style:normal;}
.home.content{font-family: 'NHUP-Bold';font-size:22px;}
@media (min-width: 768px) and (max-width: 991px) {
	.home.content h2.untertitel{font-size:20px;line-height:40px;}
}
@media (max-width: 575px) {
	.home.hero .organize-klammer{left:-14px;}
	.home.hero{background-size:contain;}
	.home.hero h2{font-size:40px;line-height:45px}
	.home.hero h2.untertitel{font-size:21px;line-height:25px}
	.home.content .inner{margin:50px 0px;}
	.home.content .nopadleft{padding-left:15px;}
}


/* Seite "about"
-------------------------------------------------- */

#about,#topical,#team,#warum,#wie,#was,#wo,#fuer_wen,#ohlala,#karriere{position:absolute;top:-105px;}

.about.hero{background:url(../img/content/hero-about.jpg);background-repeat:no-repeat;background-size:cover;}
.about.hero h2{color:#fff;}
@media (max-width: 575px) { 
	.about.hero{background-size:cover;}
	.about.hero h2{margin-left:15px;}
	.about.hero .organize-klammer{left:-14px;}
}
.team.image .inner{margin:70px auto 40px auto;}
.team.image img{width:100%;height:auto;padding:0px 20px;}
.team.image.last{margin-bottom:100px}
@media (max-width: 575px) { 
	.team.image img{padding:0px;}
	.team.image .col-6{margin-bottom:40px;}
}

.team.text{font-family: 'NHUP-Bold';font-size:22px;}
.team.text .organize-klammer{border:0;top:35px;left:-80px;width:63px;height:76px;background:url(../img/content/klammern-gedreht.png);background-size:63px 76px;}
@media (max-width: 767px) { 
	.team.text br{display:none;}
}
.warum.hero{background:url(../img/content/hero-about.jpg);background-repeat:no-repeat;background-size:cover;}
.warum.hero h2,
.warum.hero p{color:#fff;}
.warum.hero h2{margin:100px 0px 40px 0px;}
.warum.hero h2 .senkrecht{color:rgb(147,192,232);}
.warum.hero .inner{margin-bottom:70px;}
@media (max-width: 575px) { 
	.warum.hero h2{margin-left:30px;font-size:60px;}
}

.topical .organize-klammer{left:-30px;top:-15px; width:50px;height:50px;border-width:3px;}
.topical h2{font-family: 'NHUP-Light';font-size:30px;line-height:60px;margin-top:50px;margin-left:30px;}
.topical h2 em{font-family: 'NHUP-Bold';font-style:normal;}
.topical{font-family: 'NHUP-Bold';font-size:22px;}
.topical img{width:100%;height:auto;padding:0px 20px 40px 0px;}
.topical.image h2{position:absolute;bottom:50px;left:10px;font-family: 'NHUP-Light';font-size:38px;color:#fff;line-height:38px;}

@media (min-width: 768px) and (max-width: 991px) {
	.topical.image h2{bottom:50px;left:0px;font-size:19px;line-height:19px;}
}
@media (max-width: 575px) { 
	.topical img{padding:0px 0px 30px 0px;}
	.topical.image h2{bottom:30px;left:-10px;font-size:16px;line-height:16px;}
}

.wiebg{background:rgb(147,192,232);}
.wie img{width:100%;height:auto;padding:0px 20px;}

.pressroom h2,
.wo.titel h2,
.wen.titel h2,
.wie.titel h2,
.was .titel h2{font-family: 'NHUP-Bold';font-size:30px;margin-top:30px;margin-bottom:30px;}

.wie.titel h2 .senkrecht,
.was .titel h2 .senkrecht{top:190px;}

.wie.image h2{font-family: 'NHUP-Bold';font-size:30px;color:#fff;text-align:center;margin-top:20px;}
.wie.image p{font-family: 'NHUP-Bold';font-size:17px;color:#000;line-height:18px;} 
.wie.text{padding:40px 0px;}
@media (min-width: 992px) and (max-width: 1199px) {
	.wie.image h2{font-size:26px;line-height:28px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.wie.image h2{font-size:17px;line-height:20px;}
	.wie.image p{font-size:15px;}
}

.wasbg{background:url(../img/content/hero-was.jpg);background-repeat:no-repeat;background-size:cover;}
.was .titel h2.untertitel{font-family: 'NHUP-light';font-size:72px;line-height:1em;margin-top:-15px;margin-bottom:30px;color:rgb(147,192,232);}

.was .content .inner{margin-top:80px;}
.was .content .organize-klammer{left:-30px;top:-15px; width:50px;height:50px;border-width:3px;}
.was .content h2.untertitel{font-family: 'NHUP-Light';font-size:30px;line-height:1.2em;color:#000;margin-bottom:15px;}
.was .content h2.untertitel em{font-family: 'NHUP-Bold';font-style:normal;}
.was .content{font-family: 'NHUP-Bold';font-size:22px;line-height:1.3em;padding-bottom:110px;}

@media (min-width: 768px) and (max-width: 991px) {
	.was .content h2.untertitel{font-size:20px;line-height:40px;}
}
@media (max-width: 767px) {
	.was .content{margin-left:0px;padding-bottom:40px;}
	}
@media (max-width: 575px) {
	.wasbg{background-size:contain;}
	.was .titel h2{margin-left:15px}
	.was .titel h2.untertitel{font-size:60px;}
	.was .senkrecht{left:-175px;}
	.was .content.nopadleft{padding-left:15px;}
}

.wenbg{background:url(../img/content/hero-wen.jpg);background-repeat:no-repeat;background-size:cover;}
.wen{color:#fff;padding-bottom:70px;padding-top:30px;}
.wen.image{}
.wen.image img{width:100%;height:auto;padding:0px;margin-bottom:20px;}

.wo.titel h2 .senkrecht,
.wen.titel h2 .senkrecht{top:195px;color:rgb(147,192,232);}
@media (max-width: 575px) {
	.wo.titel p,
	.wen.titel p{padding-left:30px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.wo.titel p,
	.wen.titel p{padding-left:0px;}
}

.wobg{background:url(../img/content/hero-wo.jpg);background-repeat:no-repeat;background-size:cover;background-position:left bottom;padding-bottom:0px;margin-bottom:70px;}
.wo{color:#fff;}
.wo img{width:100%;height:auto;padding:0px;margin-top:100px;}


.wo .slideshow .inner{position:relative;z-index:9;top:0px;padding:0px 30px;}
.wo .slideshow h2{color:rgb(147,192,232);position:absolute;bottom:-65px;}
.wo .slideshow h2 em{font-family: 'NHUP-Regular';color:#000;font-style:normal;}

.wo .slideshow .carousel-control .left,
.wo .slideshow .carousel-control .right{z-index:10;display:inline-block;top:0px;height:100%;width:39px;}
.wo .slideshow .carousel-control .left:hover,
.wo .slideshow .carousel-control .left{background:#1D1D1B url(../img/content/wo_Pfeil-links-x2.jpg);background-size:contain;background-position:center center;background-repeat:no-repeat;}
.wo .slideshow .carousel-control .right:hover,
.wo .slideshow .carousel-control .right{background:#1D1D1B url(../img/content/wo_Pfeil-rechts-x2.jpg);background-size:contain;background-position:center center;background-repeat:no-repeat;}
.wo .slideshow .carousel-indicators{display:none;}

@media (max-width: 991px) {
	.wo .slideshow .carousel-control .left,
	.wo .slideshow .carousel-control .right{width:31px;}
	.wo .slideshow h2{bottom:-60px;font-size:30px;}
	.wobg{padding-bottom: 50px;}
	.wo .slideshow .inner{padding:0px 10px;top:50px;}
}
@media (max-width: 767px) {
	.wo .slideshow .carousel-control .left,
	.wo .slideshow .carousel-control .right{width:25px;}
	.wo .slideshow h2{bottom:-80px;font-size:28px;}
	.wobg{padding-bottom: 50px;}
	.wo .slideshow .inner{padding:0px 10px;top:50px;}
}
@media (max-width: 575px) {
	.wo .slideshow .carousel-control .left,
	.wo .slideshow .carousel-control .right{width:22px;}
	.wo .slideshow h2{bottom:-85px;font-size:23px;}
	.wobg{padding-bottom: 50px;}
	.wo .slideshow .inner{padding:0px 10px;top:50px;}
}
@media (max-width: 385px) { 
	.ohlala.titel h2{font-size:55px}
}
.ohlalabg{background:rgb(147,192,232);}
.ohlala img{width:100%;height:auto;padding:0px;margin-bottom:10px;}
.ohlala.titel h2{font-family: 'NHUP-light';font-size:72px;line-height:1em;margin-top:60px;margin-bottom:30px;color:#fff;}
.ohlala.titel h2 .senkrecht{color:#000;}
.ohlala.content{padding-bottom:100px;}
.ohlala .inner{padding-bottom:30px;}
.ohlalabg.line{border-bottom:7px solid rgb(190,217,241);}
@media (max-width: 400px) { 
	.ohlala.titel h2{font-size:55px}
}

.karrierebg{background:url(../img/content/hero-karriere.jpg);background-repeat:no-repeat;background-size:cover;padding-top:200px;}
.karriere .bgwhite{background:#fff;padding:50px 30px 100px 40px;box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.20);}
.karriere h2{font-family: 'NHUP-Regular';font-size:19px;}
.karriere h2 .senkrecht{top: 76px;left: -225px;}
.karriere h2.untertitel{font-family: 'NHUP-light';font-size:40px;line-height:1em;margin-top:50px;margin-bottom:20px;color:rgb(147,192,232);}
.karriere img{float:right;width:49px;height:auto;margin-top:-20px;}
@media (max-width: 575px) { 
	.karriere h2 .senkrecht{left: -190px;}
	.karriere .bgwhite{padding:50px 20px 100px 20px;}
}

/* Seite "impressum"
-------------------------------------------------- */

.impressum h2{font-family: 'NHUP-Light';font-size:72px;margin-top:70px}
.impressum h2.untertitel{font-family: 'NHUP-Bold';font-size:19px;margin-bottom:30px;}
.impressum a,
.impressum a:hover{color:#000;text-decoration:none;}


/* Button go up
-------------------------------------------------- */
#goup{}




/* Modul jquery CAROUSEL
-------------------------------------------------- */

.carousel{margin:0px;padding:0px;width:100%;max-width:100%;}
.carousel .carousel-inner .carousel-item img.bgImg {width:100%;max-width:100%;height:auto;margin:0px;}
.carousel .carousel-indicators li{cursor:pointer;max-width:12px;height:12px;margin:1px;border-radius:6px;}
.carousel .label{display:none;position:absolute;z-index:99;bottom:0px;right:0px;text-align:center;font-weight:normal;font-size:14px;line-height:36px;width:159px;height:40px;text-transform:uppercase;}
.carousel .carousel-control .icn{position:absolute;}
.carousel .carousel-control .right{right:0px;display:inline-block;}
.carousel .carousel-control .left{left:0px;display:inline-block;}
.carousel .carousel-item a{width:100%;}
.banner1.carousel{margin:-5px 0px 20px 0px;}
.banner1.carousel .label{display:none;}
.banner1 .carousel-control.left,
.banner1 .carousel-control.right{display:none;top:50%;margin-top:-36px/* Half of height of control-icon */;} 

.carousel-fade .carousel-item {transition: opacity 0.5s ease-in-out;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;}
.carousel-fade .active.left {left:0;opacity:0;z-index:2;} 
.carousel-fade .next {left:0;opacity:1;z-index:1;} 


/* SLICKSLIDER
----------------------------------------------------------------------------------------------------------- */
.slider{width: 100%;overflow:hidden;}
.slider .slick-slide{margin: 0px 5px;float:left;}

.slick-slide img {width: 100%;height:auto;}
.slick-loading .slick-list{background: url('/img/layout/loading.gif') center center no-repeat;}

/* Arrows */
.slick-prev,
.slick-next{opacity: 0.7;font-size: 0;line-height: 0;position: absolute;z-index:99;top: 50%;display: block;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;border: none;outline: none;background: url(/img/layout/iconsprite.png) no-repeat;background-size:100em 150em;}

.slick-prev{left: 10px;margin-top:20px;font-size:10px;}
.slick-prev:hover,
.slick-prev:focus{opacity: 1;}

.slick-next{right: 9px;margin-top:20px;font-size:10px;}
.slick-next:hover,
.slick-next:focus{opacity: 1;}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}

.slick-prev:before,
.slick-next:before{font-family: 'Helvetica';font-size: 20px;line-height: 1;opacity: .75;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

[dir='rtl'] .slick-prev{right: -25px;left: auto;}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
/*****
.slick-prev:before{content: '←';}
[dir='rtl'] .slick-prev:before{content: '→';}
.slick-next:before{content: '→';}
[dir='rtl'] .slick-next:before{content: '←';}
****/

/* Dots */
.slick-dotted.slick-slider{margin-bottom: 30px;}
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;border: 0;outline: none;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-family: 'Helvetica';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: .75;}

/* SLICKSLIDER POPUP'S
-------------------------------------------------- */
.slider.popup img{position:absolute;z-index:0;top:0px;left:0px;width:443px;height:auto;}
.slider.popup .inner{position:absolute;z-index:1;top:10px;right:10px;padding:15px;width:40%;height:90%;}
.slider.popup h2{font-size:26px;margin-top:0px;margin-bottom:10px;}

/* Modul FOTOGALERIE
-------------------------------------------------- */

.fotogal img{width:100%;height:auto;padding-bottom:15px;}

/* CARD FLIP
-------------------------------------------------- */
.card-grid,
.card {display:inline-block;width:100%;height:auto;position:relative;}
.card-grid img,
.card img{width:100%;height:auto;display:block;cursor:pointer;float:left;}
.filosofia .title .inner,
.card-grid .front,
.card .front,
.card-grid .back,
.card .back{width:100%;height:100%;max-height:268px;overflow:auto;text-align:left;display:block;cursor:pointer;}
.card-grid .back,
.card .back{padding:10px;text-align:left;line-height:1.2;font-size:13px;}
@media (max-width: 1100px){
	.card-grid .front,
	.card .front.card-grid .back,
	.card .back{max-height:220px;}
}

/* Seite LOGIN Form
-------------------------------------------------- */
.loginForm {font-size:14px;max-width: 100%;padding: 10px;margin: 0px auto;}
.popup .loginForm {margin: 10px auto 0px auto;}
.popup .loginForm .alert{margin-top:-30px;margin-bottom:0px;}
.loginForm .heading,
.loginForm .checkbox {margin-bottom: 10px;}
.loginForm .checkbox {font-weight: normal;}
.loginForm .form-control {position: relative;font-size: 16px;height: auto;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.loginForm .form-control:focus {z-index: 2;}
.loginForm input[type="text"] {margin-bottom: -1px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.loginForm input[type="password"] {border-top-left-radius: 0;border-top-right-radius: 0;}

/* Seite LOGIN HELP
-------------------------------------------------- */
.loginhelp label{display:none;color:#999;font-size:0.8em}
.loginhelp .btn{width:100%;margin-top:15px;}

/* Modul NEWSLETTER bestellen
-------------------------------------------------- */
.newsletterModul{margin:80px 0px;border:1px solid RGBA(119, 119, 119, 1);border-radius:10px;padding:10px 20px;}
@media(max-width: 768px){
	.newsletterModul.fullsize .container{padding:0px 33px}
}
.newsletterModul .container{position:relative;}
.newsletterModul .icn.infoPack{position:absolute;right:0px;top:-70px;}
.newsletter .icn.infoPack{display:none;}

.newsletterModul.bgdarkgrey.fullsize{position:relative;margin:80px -15px -100px -15px;border:0;border-radius:0px;padding:0 5%;}
.newsletterModul.bgdarkgrey.fullsize form{margin:30px 0px 80px 0px;}

.newsletterModul.bgdarkgrey.fullsize input[type="checkbox"]{}
.newsletterModul.bgdarkgrey h2{font-size:28px;margin-top:30px;}

.newsletter.bestellForm{font-size:14px;}
.newsletter.bestellForm .btn{width:100%;}

.newsletter.abbestellForm label,
.newsletter.bestellForm label{display:none;}
.newsletter.bestellForm label.checkbox{display:inline-block;font-weight:normal;cursor:pointer;}
.newsletter.bestellForm label.checkbox span{display:inline-block;font-size:0.9em;}
.newsletter.bestellForm label.checkbox input{margin:2px 10px 0px 0px;float:left;}

.newsletter.bestellForm.dynamic{margin-bottom:30px;}
.newsletter.bestellForm.static input[type="text"],
.newsletter.bestellForm.static select{margin-bottom:20px;}
.newsletter.bestellForm.dynamic .fa{margin-left:20px;}
.newsletter.bestellForm.dynamic .alert{margin:0px;}
.newsletter.bestellForm.dynamic .btn{margin-top:15px;}

.dynamic .step01,
.dynamic .step02,
.dynamic .step03,
.dynamic .step04,
.dynamic .step05,
.dynamic .step06,
.dynamic .step07,
.dynamic .step08{display:none;}
.dynamic .step01 .next,
.dynamic .step02 .next,
.dynamic .step03 .next,
.dynamic .step04 .next,
.dynamic .step05 .next,
.dynamic .step06 .next,
.dynamic .step07 .next,
.dynamic .step08 .next{display:none;}

/* Seite NEWSLETTER bestellen
-------------------------------------------------- */
.newsletter{}

/* KONTAKTFORMULAR
-------------------------------------------------- */
.kontaktform{font-size:14px;}
.kontaktform label{display:inline-block;}
.kontaktform .col-12{margin-bottom:15px;}
.kontaktform label{width:32%;height:100%;float:left;margin-top:7px;}
.kontaktform label.error{width:100%;display:block;padding-left:33%;}
.kontaktform input,
.kontaktform select,
.kontaktform textarea{width:68%;}
.kontaktform select#Anrede{}
.kontaktform input#PLZ{width:20%;float:left;margin-right:3%;}
.kontaktform input#Ort{width:45%;float:left;}
.kontaktform p.hint{font-size:90%;}
.kontaktform p.captchahint{font-size:85%;}
.kontaktform p.captcha,
.kontaktform p.captchahint,
.kontaktform input[type="submit"]{margin-left:32%}
.kontaktform img#captcha{float:left;margin-right:15px;font-size:14px;font-weight:normal;border-radius:3px;}
.kontaktform .resetCaptcha{height:30px;width:auto;}
.kontaktform .resetCaptcha .fa-refresh{margin-top:3px;}
.kontaktform input[type="submit"]{width:68%}


/* ----------   MODUL: Routeplaner GOOGLE   --------------------------- */

#map_canvas{display:block;height:500px;font-size:12px;margin-bottom:20px;}
#routedescription{font-size:14px;}
#routedescription label{float:left;width:90px;}
#routedescription input{margin-bottom:10px;padding-left:5px;}
#routedescription h3{margin-top:0px;} /* Planen Sie Ihre Route: */
#routedescription label{}
#routedescription .toadress span{text-align:right;display:block;width:100%}
#routedescription .btn{float:right;width:100%;margin-top:20px;}
#directionsPanel{overflow:auto;}


/* ----------   MODUL: Listview blättern   ---------------------------------------------------------------------------------------------------- */

.lv_status{text-align:center;margin-top:10px;padding:0px 0px 10px 0px;font-size:10px;}
.lv_zurueck{float:left;width:50px;text-align:left;}
.lv_vor{float:right;width:50px;text-align:right;}
.lv_status .text{display:none;}
.lv_zurueck a,
.lv_vor a,
.lv_zurueck:hover a,
.lv_vor:hover a,
.lv_zurueck:focus a,
.lv_vor:focus a{text-decoration:none;}
.lv_status .fa {display:inline-block;width:38px;height:46px;margin-bottom:30px;font-size:0px;color:#fff;}
.lv_zurueck .fa{margin-right:3px;background:url(../img/content/back-pfeile-x2.png);background-size:38px 46px;}
.lv_vor .fa{margin-left:3px;background:url(../img/content/forward-pfeile-x2.png);background-size:38px 46px;}



.lv_status a.seitenzahlen{padding:0px 2px;}
.lv_status a.seitenzahlen.active{font-weight:bold;font-size:1.2em;}


/* FOOTER
-------------------------------------------------- */
footer{position:relative;z-index:1000;font-size:17px;padding-top:30px;}
footer.fixed{position:fixed;bottom:0px;right:0px;left:0px;width:100%;z-index:1000;box-shadow: 0px -7px 7px 5px rgba(0,0,0,0.12);}
footer.hide{display:none;}

footer .logo img{width:100%;height:auto;margin-top:-20px;}

footer .adresse h2{float:left;margin-top:-11px;margin-left:-125px;font-family: 'NHUP-Black';font-size:77px;color:rgb(190,217,241);}
footer .adresse p{line-height:1.3em;}

footer .social .fa{font-size:50px;}
footer .nav.social > li > a {padding-top:0px;border:0;margin-right:10px;}

footer .fa-wineModeration{width:165px;height:40px;margin-top:2.5px;display:inline-block;background:url( /img/layout/WiM_DE_Baseline-outside_Black_RGB-small.png);background-size:100% 100%;background-repeat:no-repeat;}

footer .nav.footer{padding-top:40px;margin-bottom:0px;}
footer .nav.footer > li > a{display:block;padding:0px 10px 25px 10px;border-color:#fff;}

footer .prospekt img{width:10%;height:auto;position:absolute;bottom:0px;right:15px;}
footer .prospekt img.icon{width:54px;bottom:30px;right:13%;}


@media (min-width: 768px) and (max-width: 991px) {
	footer .logo img{width:100%;height:auto;}
	footer .adresse p{font-size:14px;}
	footer .prospekt img{right:15px;}

}
@media (min-width: 575px) and (max-width: 767px) {
	footer .logo img{margin-bottom:20px;}
	footer .prospekt img{bottom:30px;width:25%;}
	footer .prospekt img.icon{right:28%;}
}

@media (min-width: 320px) and (max-width: 575px) {
	footer .logo img{margin-bottom:20px;}
	footer .prospekt img{bottom:30px;width:15%;}
	footer .prospekt img.icon{right:18%;}
}



/* Footer Hide & Show while scolling
-------------------------------------------------- */
footer.slide--reset{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
footer.slide--up{-webkit-transform: translateY(+100%);-ms-transform: translateY(+100%);transform: translateY(+100%);}
footer.slide{transition: all 0.25s ease-in-out 0s;}