/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Poppins Light'), local('Poppins-Light'),
       url('../fonts/poppins-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v8-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'),
       url('../fonts/poppins-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v8-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v8-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Poppins Medium'), local('Poppins-Medium'),
       url('../fonts/poppins-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v8-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v8-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
       url('../fonts/poppins-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v8-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Poppins Bold'), local('Poppins-Bold'),
       url('../fonts/poppins-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v8-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}




html, body {
    height: 100%;

    background-repeat:repeat-x;
    margin: 0; 
    padding: 0; 
    font-family: 'Poppins',arial;
	letter-spacing:0.07em;
    font-size:18px;
}

table, tr, td, th {
    font-family: 'Poppins',arial;
    font-size:18px;
}

.align-right {
 text-align:right;
  
}
.align-center {
  text-align:center;
}
.clear { clear:both; }



* { box-sizing:border-box;    -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale; }

.eventCol.more,
.team .c33,
img,
.top, .top .main, .nav,
.teaser img, input, .nbar, .st0, .st1,
a, li {
    -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;    
  }
img {
  border:0px;
}


.all {
  width:100%;
  min-width:100%;
  padding-left:40px;
  padding-right:40px;
}
.main {
  max-width:1280px;
  margin: 0px auto;
  padding:0px;
  position:relative;
  text-align: left;
}
.main:after { content:''; display:table; clear:both; }

.c33 { width:33.3333%; float:left; }
.c30 { width:30%; float:left; }
.c70 { width:70%; float:left; }
.c40 { width:40%; float:left; }
.c20 { width:20%; float:left; }
.c50 { width:50%; float:left; }
.c25 { width:25%; float:left; }
.c75 { width:75%; float:left; }
.c30 { width:30%; float:left; }
.c35 { width:35%; float:left; }
.c60 { width:60%; float:left; }
.c80 { width:80%; float:left; }
.c25 { width:25%; float:left; }
.c75 { width:75%; float:left; }



a + p,
.main div > *:first-child {margin-top:0px;}


.top {border-top:25px solid #000000;font-size:15px;}
.top .main {padding:25px 0;}
.top .headline {font-weight:bold;display:block;}
.top .c33 {padding-top:30px;}
.top .c33 a {color:#000;text-decoration:none;opacity:0.6;font-style:italic;font-size:12px;letter-spacing:0;}
.top .c33.mail {background:url(../img/hsh_icon-mail.svg) left center no-repeat;padding-left:60px; background-size:40px auto;}
.top .c33.phone {background:url(../img/hsh_icon-anruf.svg) 20px center no-repeat;padding-left:60px; background-size:25px auto;}
.top .c33.flag {background:url(../img/hsh_icon-karriere.svg) left center no-repeat;padding-left:60px; background-size:40px auto;}

.top .c60 {text-align: right;}
.top .c60 > div {display:inline-block;float:none; text-align: left;}

.nav ul { margin: 0px; padding: 0px; list-style-type: none;  }
.nav ul li {display:inline-block;background:#000;border-right:1px solid #fff; width:calc(100% / 6);font-size:12px;}
.nav ul li a {line-height:80px;color:#fff;text-decoration:none;display:block;text-align:center;text-transform:uppercase;font-weight:700;position:relative;}
.nav ul ul {display:none; }

.nav ul li a:after { content: ""; position: absolute; bottom: 0px; left: 10px;width: 0px; height: 5px; margin: 0; transition: all 0.2s ease-in-out; transition-duration: 0.4s; opacity: 0;}
.nav ul li.active a:after,
.nav ul li:hover a:after { opacity: 1; width:calc(100% - 20px); background-color: #f7941e; }
.nav ul li.active a:after { left:auto;right:10px; }
.nav ul li.active:hover a:after { width:0px; opacity:0; }

.headerpic .main {padding:80px 0;}
.headerpic .box {padding:30px;background:rgba(0,0,0,0.8);color:#fff;border-bottom:10px solid #f7941e;max-width:550px;}
.headerpic .header {font-size:42px;font-weight:700;text-transform:uppercase;line-height:42px;}
.headerpic p:last-child {margin-bottom:0px;}
.headerpic p {line-height:32px; font-size:15px;}

h1 {font-size:38px;line-height:42px;}

.content {padding:80px 40px;}
.content.default,
.content.f0 {background:#fff;}
.singleEvent,
.content.f0 .main {padding-left:210px;padding-right:210px;}
.content.f0 {background:#fff url(../img/hsh_icon-muster1.svg) left -200px no-repeat; background-size:100px auto;}

.content.f1 {background:#f1f1f2;}
.content.f2 {background:#bbbbbc;}
.content.f3 {background:#f7941e;color:#fff;}

.content p,
.content li {line-height:32px;}
.content .small {font-size:15px;}
.content hr {border:0px;width:320px;border-bottom:10px solid #f7941e;margin-left:0px;}

.content a {color:#f7941e;text-decoration:none;}
.content a:hover {color:#000;}

.colorbox {background:#f7941e;max-width:calc(33.3333% - 10px); padding:30px;color:#fff;margin-top:-80px; margin-bottom:40px;}
.content .colorbox p {line-height:28px;font-size:15px;}



.first {padding-right:10px;}
.last {padding-left:10px;}

.teaser:after {content:'';clear:both;display:table;}
.teaser {display:table;width:100%;background:#fff url(../img/hsh_icon-muster2.svg) 50px 50px no-repeat; background-size:500px auto;table-layout:fixed;}
.teaser > div {float:none;display:table-cell;}
.teaser .box {position:relative; width:800px;background:#f7941e;margin:100px !important; padding:40px;color:#fff;}
.teaser .box2 {position:absolute;top:0px;}
.teaser2 p,
.teaser p {font-size:15px;}

h2,
.teaser2 .header,
.teaser .header {font-size:24px;font-weight:700;text-transform:uppercase;}
.teaser2 a.btn,
.eventCol.more a,
.countdown a.btn,
.content a.btn,
.c33.event a.btn,
.teaser a.btn {background:#9c8d78;color:#fff;font-size:15px;position:absolute;right:0px; bottom:-25px;line-height:50px;padding:0 40px; text-decoration:none;}
.content a.btn {position:relative;bottom:auto;display:inline-block;}
.teaser2 a.btn img,
.eventCol.more a img,
.countdown a.btn img,
.content a.btn img,
.c33.event a.btn img,
.teaser a.btn img {display:inline-block;margin-left:10px;height:15px;width:auto;vertical-align:middle;}
.teaser2 a.btn:hover,
.countdown a.btn:hover,
.content a.btn:hover,
.c33.event a.btn:hover,
.teaser a.btn:hover {background:#000;}
.teaser.white .box {background:#fff;color:#000;}

.teaser2 {background:#f7941e; padding:40px;color:#fff;position:relative;}

.countdown {background:#f1f1f2;padding:10px 0; font-size:15px;}
.countdown a.btn {bottom:auto;}
.countdown .c33 img {height:50px;width:auto; float:left;margin-right:10px;}
.countdown .c33.t {padding-top:5px;}
.countdown .soon {background:#f7941e;color:#fff;text-transform:uppercase;font-size:12px;display:inline-block;padding:1px 8px;margin-bottom:8px;}
.countdown .headline {font-weight:bold;text-transform:uppercase;font-size:14px;}
.countdown .ueb {font-weight:bold;}
.countdown .date {font-size:11px; color:#000; font-style:italic;opacity:0.7;}
.countdown a.btn {padding-left:10px;padding-right:10px;background:#f7941e;}
#timer span {display:inline-block;width:40px; text-align:center;}
#timer span span {display:inline-block;width:30px;padding-top:5px;height:30px;color:#fff;text-align:center;background:#77787a;}
#timer span i {font-size:7px;color:#000;opacity:0.5;display:block;padding-top:4px;letter-spacing:0px;}


.footer {background:#000;color:#fff;font-size:11px;}
.footer .main {text-align:center;padding:90px 0;}
.footer .social {padding:40px 0;}
.footer .social img {height:20px;width:auto;vertical-align:middle;margin-right:6px;}
.footer .social a {color:#9c8d78;text-transform:uppercase;font-size:12px;font-weight:700;text-decoration:none; display:inline-block; margin:0 20px;}
.footer .social a:hover {color:#fff;}
.footer hr {border:0px;margin:0px;border-top:1px solid #312c26;}

.footer .links {padding-top:30px;	letter-spacing:0.03em; }
.footer .links span {display:inline-block;margin:0 30px;}
.footer .links img {vertical-align:middle;}
.footer .links img * {fill:#fff;}
.footer .links a {color:#fff;text-decoration:none;}
.footer .links a:hover {color:#9c8d78;}

.ce-headline-i1:before,
.header.i1:before {content:'';display:inline-block;margin-right:15px; background:url(../img/hsh_icon-portfolio.svg) no-repeat; backgroud-size:100% auto; width:25px;height:25px;vertical-align:middle;  }
.ce-headline-i2:before,
.header.i2:before {content:'';display:inline-block;margin-right:15px; background:url(../img/hsh_icon-praxismessen.svg) no-repeat; backgroud-size:100% auto; width:25px;height:25px;vertical-align:middle;  }
.ce-headline-i3:before,
.header.i3:before {content:'';display:inline-block;margin-right:15px; background:url(../img/hsh_icon-fachtagungen.svg) no-repeat; backgroud-size:100% auto; width:25px;height:25px;vertical-align:middle;  }
.ce-headline-i4:before,
.header.i4:before {content:'';display:inline-block;margin-right:15px; background:url(../img/hsh_icon-referenzen.svg) no-repeat; backgroud-size:100% auto; width:25px;height:25px;vertical-align:middle;  }
.ce-headline-i5:before,
.header.i5:before {content:'';display:inline-block;margin-right:15px; background:url(../img/hsh_icon-4Saeulen.svg) no-repeat; backgroud-size:100% auto; width:25px;height:25px;vertical-align:middle;  }

.white .header.i1:before {content:'';display:inline-block;margin-right:15px; background:url(../img/hsh_icon-portfolio-b.svg) no-repeat; backgroud-size:100% auto; width:25px;height:25px;vertical-align:middle;  }
.white .header.i2:before {content:'';display:inline-block;margin-right:15px; background:url(../img/hsh_icon-praxismessen-b.svg) no-repeat; backgroud-size:100% auto; width:25px;height:25px;vertical-align:middle;  }
.white .header.i3:before {content:'';display:inline-block;margin-right:15px; background:url(../img/hsh_icon-fachtagungen-b.svg) no-repeat; backgroud-size:100% auto; width:25px;height:25px;vertical-align:middle;  }
.white .header.i4:before {content:'';display:inline-block;margin-right:15px; background:url(../img/hsh_icon-referenzen-b.svg) no-repeat; backgroud-size:100% auto; width:25px;height:25px;vertical-align:middle;  }
.white .header.i5:before {content:'';display:inline-block;margin-right:15px; background:url(../img/hsh_icon-4Saeulen-b.svg) no-repeat; backgroud-size:100% auto; width:25px;height:25px;vertical-align:middle;  }

.cStage25 {margin:0 -10px;}
.cStage25 .c25 {width:calc(25% - 20px);margin:0 10px;background:#fff;padding:30px; font-size:15px;}
.content .cStage25 .c25 p {line-height:22px;}

.cStage33 {margin:0 -10px;}
.cStage33 .c33 {width:calc(33.333% - 20px);margin:0 10px;background:#fff;padding:30px; font-size:15px;}
.content .cStage33 .c33 p {line-height:22px;}

.cStage.events {margin:0 -10px; color:#000;}
.c33.event {background:#fff;width:calc(33.333% - 20px);margin:0 10px; position:relative; font-size:15px;line-height:22px;}
.c33.event img {display:block;width:100%;height:auto;}
.c33.event a {color:inherit;text-decoration:none;}
.c33.event .text {padding:0 40px 40px 40px;min-height:160px;}
.c33.event .date {border-left:5px solid #f7941e; background:url(../img/hsh_icon-kalender_klein.svg) 10px center no-repeat; background-size: auto 20px; font-size:11px; color:#9c8d78; padding:15px 10px 15px 45px; font-style:italic;}
.c33.event .ueb {font-weight:700;text-transform:uppercase;}

.singleEvent .date {text-transform:uppercase;display:inline-block;border-bottom:10px solid #f7941e; padding:10px 0px;}
.singleEvent .date img {display:inline-block;vertical-align:middle; margin:0 10px;}

.eventTable {display:table;width:100%; font-size:15px;}
.eventRow {display:table-row;}
.eventCol {display:table-cell;vertical-align:middle;padding:10px;}
.eventCol.title {width:40%;}
.eventCol.date {background-image:url(../img/hsh_icon-kalender_klein.svg); font-size:13px; line-height:20px; background-position:0px center; background-repeat:no-repeat; background-size: auto 45px; padding-left:60px; color:#9c8d78;}
.eventCol.more {padding:0px;width:234px;background:#9a8d7b;}
.eventCol.more a {position:relative;bottom:0px;display:block;margin:0px; height:100%;background:transparent;display:inline-block; }
.eventRow:nth-child(odd) div {background-color:#e1ddd7;}
.eventRow:nth-child(odd) .eventCol.more {background:#b8afa2;}
.eventCol.more:hover {background:#000 !important;}

img {max-width: 100%; height:auto;}

.ce-gallery[data-ce-columns="3"] .ce-column {
    width:calc(33.3333% - 15px)
}
.ce-gallery[data-ce-columns="2"] .ce-column {
    width:calc(50% - 15px)
}

@media (max-width: 1100px) {

    html, body {font-size:16px;}
    h1 {
        font-size: 28px;
        line-height: 32px;
    }
    h2, .teaser2 .header, .teaser .header {font-size:20px;}

    .headerpic .header {
        font-size:32px;

        line-height: 32px;
    }

    .top .c60 {display: none}

    .singleEvent, .content.f0 .main {
        padding-left: 0px;
        padding-right: 0px;
    }
    .content.f0 {background:#fff;}
}

/* Only Phones */
@media (max-width: 900px) {

    .all {padding-left:20px;padding-right:20px;}

    .top .c40 {text-align: center;}

    .nav {padding:0;}
    .nav ul li {width:100%;    border-right:0;    border-bottom:1px solid #fff;}
    .nav ul li a {line-height:35px;width:100%;}

    .nav ul li a:after {display: none}

    .cStage33 {margin:0}
    .cStage33 .c33 {margin:0; margin-bottom:10px;}

    .c33,
    .cStage33 .c33,
    .c25,.c75,
	.c50, .c40, .c60 {width:100%;}

    .c25.first,
	.c50.first,
	.c40.first,
	.c60.first {padding-bottom:20px;}

    .c75.last,
	.c50.first,
	.c50.last,
	.c40.first,
	.c40.last,
	.c60.first,
	.c60.last {padding-left:0px;padding-right:0px;}


}

@media (max-width: 650px) {
    h1,h2,h3,h4,p,
    .headerpic {hyphens:auto; -webkit-hyphens: auto;}
    .headerpic .header {
        font-size: 25px;
        line-height: 25px;
    }

	.c30, .c35 {width:100%; padding-bottom:20px;}

}


.csc-header-n2,
.csc-header-n3,
.csc-header-n4,
.csc-header-n5,
.csc-header-n6,
.csc-header-n7 {
	margin-top:0px;
}

/* Formulare */


.frame-type-form_formframework p { font-size:90%; }

input[type="checkbox"] { margin-right:15px; }
.control-label { display:none; }
.form-group input[type="text"],
.form-group textarea,
.csc-form-element-textline input {
  font-family:inherit;
  font-size:inherit;
  color:#fff;
  background:transparent;
  width:70%;
  border:2px solid #222e59;
  padding:8px 15px;

  margin-bottom:6px;
}
.form-group input[type="text"]:focus,
.form-group textarea:focus {
  background:#222e59;
}
.btn-group button:before { content:''; width:100px;border-top:7px solid #222e59; position:absolute; right:0px; display:block; top:0px; }
.btn-group button { border:0px; float:right; color:#fff; max-width:250px; background:transparent;position:relative; font-size: 26px;text-transform: uppercase;font-weight: 300; text-align:right; padding:0; cursor:pointer; padding-top:10px; margin-top:30px; }
.btn-group button:hover { color:#222e59; }


/* The container */
.form-check-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.form-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.form-check-label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border:2px solid #222e59;
}
.form-check-label span.required { position:relative;width:auto; height:auto; border:0px; }

/* On mouse-over, add a grey background color */
.form-check-label:hover input ~ span {
  background-color: #222e59;
}

/* When the checkbox is checked, add a blue background */
.form-check-label input:checked ~ span {
  background-color: #222e59;
}

/* Create the checkmark/indicator (hidden when not checked) */
span:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form-check-label input:checked ~ span:after {
  display: block;
}

/* Style the checkmark/indicator */
.form-check-label span:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}