/* CSS build 0048 */
/* build 0008: use max-width as selector for top slideshow > check what influence it might have on IE8.

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

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

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

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

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

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

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

textarea {
  resize: vertical;
  min-height: 4.5em;
}

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




/* ===============
	GRID
   =============== */


.sm-col1,
.sm-col2,
.sm-col3,
.md-col1,
.md-col2,
.md-col3,
.md-col4,
.md-col5,
.md-col6,
.md-col7,
.md-col8,
.md-col9,
.md-col10,
.md-col11,
.md-col12,
.lg-col1,
.lg-col2,
.lg-col3,
.lg-col4,
.lg-col5,
.lg-col6,
.lg-col7,
.lg-col8,
.lg-col9,
.lg-col10,
.lg-col11,
.lg-col12,
.item,
.row,
.row:after,
* {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row {
  margin-left: -5px;
  margin-right: -5px;
}

  .row.xs-nopadding,
  .row.nopadding {
    margin-left: -15px;
    margin-right: -15px;
  }

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


.sm-col1,
.xs-col1 {
  width: 50%;
}

.sm-col2,
.xs-col2 {
  width: 100%;
}

.xs-col-push1 {
  margin-left: 50%;
}

.sm-col1,
.sm-col2,
.md-col1,
.md-col2,
.md-col3,
.md-col4,
.md-col5,
.md-col6,
.md-col7,
.md-col8,
.md-col9,
.md-col10,
.md-col11,
.md-col12,
.lg-col1,
.lg-col2,
.lg-col3,
.lg-col4,
.lg-col5,
.lg-col6,
.lg-col7,
.lg-col8,
.lg-col9,
.lg-col10,
.lg-col11,
.lg-col12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}



.equal-height {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 100%;
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}

  .equal-height > div {
    height: 100%;
    vertical-align: top;
    display: table-cell;
    float: none;
  }

.foldout-toggle.sm-col-push-right,
.sm-col-push-right {
  float: right;
}

.xs-col-break,
.sm-col-break {
  content: "";
  clear: both;
  display: table;
}

.sm-col-only,
.md-col-only,
.lg-col-only,
.xl-col-only {
  display: none !important;
}

.xs-col-only,
.xsm-col-only {
  display: block !important;
}

.sm-col-inlineblock-only,
.md-col-inlineblock-only,
.lg-col-inlineblock-only {
  display: none;
}

.inlineblock,
.xsm-col-inlineblock-only {
  display: inline-block;
}

.sm-col-inline-only,
.md-col-inline-only,
.lg-col-inline-only {
  display: none;
}

.xsm-col-inline-only {
  display: inline;
}

.xs-block {
  display: block;
}

.xs-hide {
  display: none;
}

.bg-img,
.pos-expand,
.pos-absolute,
.pos-absolute-top,
.pos-absolute-bottom,
.xs-col-posabsolute {
  position: absolute;
}

.pos-fixed,
.pos-fixed-top,
.pos-fixed-bottom {
  position: fixed;
  z-index: 1000;
}


.bg-img,
.pos-expand {
  position: absolute;
}

.bg-img,
.pos-fixed-top,
.pos-expand,
.pos-expand-hor {
  left: 0;
  right: 0;
}

.bg-img,
.pos-expand,
.pos-expand-ver {
  top: 0;
  bottom: 0;
}

.pos-fixed-top,
.pos-absolute-top {
  top: 0;
}

.pos-fixed-bottom,
.pos-absolute-bottom {
  bottom: 0;
}

.row > * > .pos-absolute-bottom {
  bottom: -5px;
}

.bg-img {
  background-size: cover;
  background-position: center center;
}

.row > div > .bg-img {
  left: 5px;
  right: 5px;
}



.row.center-cols {
  text-align: center;
}

  .row.center-cols > div {
    float: none;
    display: inline-block;
    text-align: left;
  }


.padding {
  padding: 20px !important;
}

.padding-top {
  padding-top: 20px !important;
}

.padding-bottom {
  padding-bottom: 20px !important;
}

.padding-right {
  padding-right: 20px !important;
}

.double-padding-top {
  padding-top: 40px !important;
}

.double-padding-bottom {
  padding-bottom: 40px !important;
}

.extra-padding-top {
  padding-top: 80px !important;
}

.extra-padding-bottom {
  padding-bottom: 80px !important;
}

.sm-nopadding-bottom {
  padding-bottom: 0 !important;
}

.sm-nopadding-top {
  padding-top: 0 !important;
}

.col-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-nomargin {
  margin-top: 0;
  margin-bottom: 0;
}

.nopadding-left {
  padding-left: 0 !important;
}

.nopadding-right {
  padding-right: 0 !important;
}

.nopadding-top {
  padding-top: 0 !important;
}

.nopadding-bottom {
  padding-bottom: 0 !important;
}


.margin-top.clearfix:after,
.margin-top {
  margin-top: 20px;
}

.margin-bottom.clearfix:after,
.margin-bottom {
  margin-bottom: 20px !important;
}

.margin-left.clearfix:after,
.margin-left {
  margin-left: 20px;
}

.margin-right.clearfix:after,
.margin-right {
  margin-right: 20px;
}

.nomargin-left {
  margin-left: 0 !important;
}

.nomargin-right {
  margin-right: 0 !important;
}

.nomargin-top {
  margin-top: 0 !important;
}

.nomargin-bottom {
  margin-bottom: 0 !important;
}

.margin-top-double {
  margin-top: 40px !important;
}

.margin-bottom-double {
  margin-bottom: 40px !important;
}

.margin-left-double {
  margin-left: 40px !important;
}

.margin-right-double {
  margin-right: 40px !important;
}

.noborder-top {
  border-top: none !important;
}


.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.pull-none {
  float: none !important;
}

.pull-front,
.after-pull-front:after,
.before-pull-front:before {
  z-index: 100 !important;
}


.container {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}

.overflow-container {
  overflow: hidden;
  z-index: 10;
}

.fullframe,
.parallax {
  background-size: 100%;
  background-size: cover;
  background-position: center center;
}

.parallax {
  background-attachment: fixed;
  background-position: right center;
}


.sm-max-thirdviewheight {
  overflow: hidden;
  max-height: 30%;
  max-height: 30vh;
}


.min-height-150 {
  min-height: 150px;
}

.opacity-0 {
  opacity: 0;
  pointer-events: none;
}

.opacity-50 {
  opacity: .5;
}

.cursor-pointer {
  cursor: pointer;
}


/* ===============
	ALL: IE Fixes
   =============== */

.ie7 {
}


/* ===============
	Fonts
   =============== */
/*
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=1d1a3570-c35d-4b75-9827-1418e3d875b6");
@font-face {
	font-family:"Klint LT W01 Regular";
	src: url("http://www.teknologisk.dk/_/fonts/1a600d6d-a636-4eb0-944a-9fb6d94ffc61.eot?#iefix") format('embedded-opentype'),
	url("http://www.teknologisk.dk/_/fonts/3f1b4871-73d0-4bba-9e1f-ad3a3a5a5a40.woff") format("woff"),
	url("http://www.teknologisk.dk/_/fonts/32ff0ab0-d409-48f1-9b72-1152fd4f33d0.ttf") format("truetype"),
	url("http://www.teknologisk.dk/_/fonts/7ce8e8a9-6695-4c74-85ae-b1d482413f1c.svg#7ce8e8a9-6695-4c74-85ae-b1d482413f1c") format("svg");
}
*/

.font-hughe {
  font-family: "Klint LT W01 Light", Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.font-headline,
.header ul,
.header input,
.sm-pinable-toggle,
input.button,
input[type="button"],
.btn,
.support,
.collapsable.big .foldout-toggle h5,
.foldout.support h4,
.foldout.support ul,
article.support h4,
article.support li,
.funnel article.main h4,
.funnel .event-list h5,
.funnel .events .price,
.earlybird--price,
blockquote:before,
.category-item.billboard h5,
.category-item.billboard h2,
.category-item h2.medium,
.category-item.with-button .link,
.top-carroussel.one-slide h2:not(.big),
.top-carroussel.small-device-full-slideshow h2.big,
h1, h2, h3, h4, h5, h6 {
  /*	font-family: "Klint LT W01 Regular", Helvetica, Arial, sans-serif;*/
  font-family: "Klint LT W02 Regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.font-teaser-headline,
.font-body-headline,
.font-medium,
#userlike div .userlikeHeadline,
ul.links,
.search-result .title,
.top-carroussel h2,
footer h5,
article section h2,
article.main h3,
article.main h4,
article.main h5,
article.main h6,
.route-select,
.programme select,
.programme.foldout h5,
.programme .day-selector li,
article.main .programme .headline h6,
div.message h5,
.newsletter h5,
.category-item h5,
.category-item h2,
.list-item h2,
.list-item h3,
.list-item h4 {
  /*font-weight:600;
  /*font-family: "Klint LT W01 Bold", Helvetica, Arial, sans-serif;*/
  font-family: "Klint LT W02 medium", Helvetica, Arial, sans-serif;
}



.font-hughe {
  font-size: 38px;
  line-height: 36px;
  letter-spacing: -0.01em;
}

article.main .category-item.billboard .font-headline,
.font-headline,
.font-medium,
.top-carroussel.one-slide h2.big,
.top-carroussel.small-device-full-slideshow h2.big,
h1, h2 {
  font-size: 28px;
  line-height: 32px;
  letter-spacing: -0.01em;
}

.font-teaser-headline,
.collapsable.big .foldout-toggle h5,
article.main .newsletter .sending h5,
article.main .newsletter .done h5,
article.main .newsletter .error h5,
.category-item.billboard h5,
.category-item h2.medium,
.top-carroussel.one-slide h2:not(.big),
article.main blockquote,
blockquote .statement,
article section h2,
article.support h4,
article.support li,
.foldout.support h4,
.foldout.support ul,
.teasers .headline h5,
.funnel article.main h4,
.funnel .event-list h5,
.funnel .events .price,
.earlybird--price,
.sm-pinable-toggle,
h3, h4 {
  font-size: 19px;
  line-height: 23px;
  letter-spacing: 0;
}

.font-body-headline,
.search-result .title,
.top-carroussel h2,
article > header p,
.route-select,
.programme select,
.programme.foldout h5,
.programme .day-selector li,
.article .index h5,
div.message h5,
article.main .programme .headline h6,
.item-list .vcard .fn,
.header ul,
.header input,
input.button,
input[type="button"],
.btn,
article.main h3,
article.main h4,
.list-item h2,
.list-item h3,
.list-item h4,
.category-item h2,
.category-item.with-button .link,
ul.links,
h5, h6 {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0;
}

form,
input,
select,
.font-small {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0;
}

.font-body,
#userlike div *,
body,
.top-carroussel h6,
.top-teaser p,
header h6,
.big-dropdown li a p,
.events h5,
.foldout h5,
.funnel .basket h4:first-child,
.funnel #event-legend-foldout h5,
.funnel .legend,
.funnel .participants h6,
.funnel .receipt header p,
.earlybird--spot .earlybird--label,
.basket h4 > span,
.signup h4 span,
article.main th,
article.main .programme h6,
.collapsable .foldout-toggle h5,
blockquote,
.vcard h6,
.item-list .vcard .fn,
.item .vcard .fn,
.item header p,
article.main .item-list h6,
article.main .downloadable h6,
.search-inline-result p,
.support h4,
.support ul,
.route,
.route .route-description ul,
.foldout .foldout-animate-height p {
  font: 14px/17px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 0;
}

.font-mini {
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0;
}

footer.container {
  font: 11px/13px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 0;
}

.search-result .summary .meta,
.label.new {
  font: 10px/12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

article.main header .label.new,
.item footer a,
article.main th,
article.main .programme h6,
article.main .item-list h6,
article.main .downloadable h6,
.itcert .info > div > span,
.funnel #event-legend-foldout h5,
.funnel .participants h6,
.collapsable .foldout-toggle h5,
.item-list .vcard .fn,
.item .vcard .fn,
#mobile-contact-foldout .vcard .fn,
.vcard .fn,
.foldout h5,
.sm-pinable .support h4,
.sm-pinable .support ul,
.vcard h6,
.weight-bold {
  font-weight: 600;
}

  body,
  .top-carroussel h6,
  .font-body,
  .font-headline,
  .font-body-headline,
  .font-teaser-headline,
  article header p,
  .header ul,
  .header input,
  .sm-pinable-toggle,
  input.button,
  input[type="button"],
  .btn,
  .category-item.with-button .link,
  h5, h6,
  .funnel .participants h6.foldout-toggle,
  .programme h5,
  div.message h5,
  .article .index h5,
  article.main .programme .headline h6,
  .weight-normal {
    font-weight: 400;
  }


.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

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

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

.align-top {
  vertical-align: top;
}

.inline-block {
  display: inline-block !important;
}

.display-block {
  display: block !important;
}

/* ===============
	COLOURS
   =============== */

/* Lightestest grey */
.bg-lightestestgrey,
.bg-lightestestgrey-before:before,
input.emboss,
select.emboss,
textarea.emboss {
  background-color: #f8f8f8;
}

.bg-lightestestgrey-gradient-after:after,
.bg-lightestestgrey-gradient {
  background: #f8f8f8;
  background: -moz-linear-gradient(left, #f8f8f8 0%, rgba(248,248,248,.8) 30%, rgba(248,248,248,.2) 70%, rgba(248,248,248,0) 100%);
  background: -webkit-gradient(linear, left center, right center, color-stop(0%,#f8f8f8), color-stop(30%,rgba(248,248,248,.8)), color-stop(70%,rgba(248,248,248,.2)), color-stop(100%,rgba(248,248,248,0)));
  background: -webkit-linear-gradient(left, #f8f8f8 0%, rgba(248,248,248,.8) 30%, rgba(248,248,248,.2) 70%, rgba(248,248,248,0) 100%);
  background: -o-linear-gradient(left, #f8f8f8 0%, rgba(248,248,248,.8) 30%, rgba(248,248,248,.2) 70%, rgba(248,248,248,0) 100%);
  background: -ms-linear-gradient(left, #f8f8f8 0%, rgba(248,248,248,.8) 30%, rgba(248,248,248,.2) 70%, rgba(248,248,248,0) 100%);
  background: linear-gradient(to right, #f8f8f8 0%, rgba(248,248,248,.8) 30%, rgba(248,248,248,.2) 70%, rgba(248,248,248,0) 100%);
}



/* Lightest grey */
article.main .category-item.alternate a:not(.overlay-black-gradient):not(.bg-black-gradient-after):not(.bg-white-gradient-after):not(.bg-lightestgrey-gradient-after):not(.bg-lightestestgrey-gradient-after):after,
.header:before,
.social_share a > div,
input,
select,
textarea,
.searchfield-container,
.searchfield-container button[type="reset"],
.searchfield-container button[type="submit"],
.search-result.show-result:before,
.search-result .employee,
.foldout,
.programme select,
.main.bg-lightestgrey,
.bg-lightestgrey,
.bg-lightestgrey-before:before,
article.main .newsletter:before,
article.main .newsletter:after,
body {
  background-color: #e7e7e7;
}

.bg-lightestgrey-gradient-after:after,
.bg-lightestgrey-gradient {
  background: #e7e7e7;
  background: -moz-linear-gradient(bottom, #e7e7e7 0%, #e7e7e7 30%, rgba(232,232,232,.8) 50%, rgba(232,232,232,0.1) 90%, rgba(232,232,232,0) 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#e7e7e7), color-stop(30%,#e7e7e7), color-stop(50%,rgba(232,232,232,.8)), color-stop(90%,rgba(232,232,232,.1)), color-stop(100%,rgba(232,232,232,0)));
  background: -webkit-linear-gradient(bottom, #e7e7e7 0%, #e7e7e7 30%, rgba(232,232,232,.8) 50%, rgba(232,232,232,.1) 90%, rgba(232,232,232,0) 100%);
  background: -o-linear-gradient(bottom, #e7e7e7 0%, #e7e7e7 30%, rgba(232,232,232,.8) 50%, rgba(232,232,232,.1) 90%, rgba(232,232,232,0) 100%);
  background: -ms-linear-gradient(bottom, #e7e7e7 0%, #e7e7e7 30%, rgba(232,232,232,.8) 50%, rgba(232,232,232,.1) 90%, rgba(232,232,232,0) 100%);
  background: linear-gradient(to bottom, #e7e7e7 0%, #e7e7e7 30%, rgba(232,232,232,.8) 50%, rgba(232,232,232,.1) 90%, rgba(232,232,232,0) 100%);
}

article.main .category-item.billboard .bg-lightestgrey-gradient-after:after,
article.main .category-item.billboard .bg-lightestgrey-gradient {
  background-color: transparent;
  background: -moz-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 100%);
  background: -webkit-gradient(linear, left center, right center, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(232,232,232,0)));
  background: -webkit-linear-gradient(left, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
  background: -o-linear-gradient(left, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
  background: -ms-linear-gradient(left, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
  background: linear-gradient(to right, rgba(232,232,232,1) 0%,rgba(232,232,232,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe7e7e7', endColorstr='#00e7e7e7',GradientType=0 );
}

.categories {
  background: #e7e7e7;
  background: -moz-linear-gradient(top, #e7e7e7 0%, #e7e7e7 70%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(70%,#e7e7e7), color-stop(100%,#dddddd));
  background: -webkit-linear-gradient(top, #e7e7e7 0%, #e7e7e7 70%, #dddddd 100%);
  background: -o-linear-gradient(top, #e7e7e7 0%, #e7e7e7 70%, #dddddd 100%);
  background: -ms-linear-gradient(top, #e7e7e7 0%, #e7e7e7 70%, #dddddd 100%);
  background: linear-gradient(to bottom, #e7e7e7 0%, #e7e7e7 70%, #dddddd 100%);
}

.foldout:before,
.foldout:after {
  border-bottom: 10px solid #e7e7e7;
}

.line-top,
.line-top-inset:before,
.collapsable .foldout-toggle:not(.close) {
  border-top: 1px solid #e7e7e7;
}

.line-bottom,
.line-bottom-inset:after,
.collapsable.show-foldout .foldout-animate-height {
  border-bottom: 1px solid #e7e7e7;
}

/*
.programme .day-selector:before {
	background: #e7e7e7;
	background: -moz-linear-gradient(top, #dddddd 0%, #e7e7e7 70%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(70%,#e7e7e7));
	background: -webkit-linear-gradient(top, #dddddd 0%, #e7e7e7 70%);
	background: -o-linear-gradient(top, #dddddd 0%, #e7e7e7 70%);
	background: -ms-linear-gradient(top, #dddddd 0%, #e7e7e7 70%);
	background: linear-gradient(to bottom, #dddddd 0%, #e7e7e7 70%);
}*/
.programme .tab.show-tab:before {
  background: #dddddd;
  background: -moz-linear-gradient(top, #e7e7e7 0%, #dddddd 70%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(70%,#dddddd));
  background: -webkit-linear-gradient(top, #e7e7e7 0%, #dddddd 70%);
  background: -o-linear-gradient(top, #e7e7e7 0%, #dddddd 70%);
  background: -ms-linear-gradient(top, #e7e7e7 0%, #dddddd 70%);
  background: linear-gradient(to bottom, #e7e7e7 0%, #dddddd 70%);
}

.programme .day-selector a.show-tab:before,
.programme .day-selector a.show-tab:after {
  border-bottom: 10px solid #e7e7e7;
}



/* Lighter grey #dddddd */
.route,
article.main .category-item:not(.invert) input:not([type=submit]):not([type=button]),
.programme > div,
.programme > ul,
.item-list .vcard .image,
.bg-grey {
  background-color: #dddddd;
}

.programme .foldout-toggle {
  -moz-box-shadow: 0 -10px 80px 80px rgba(222,222,222,0.95);
  box-shadow: 0 -10px 80px 80px rgba(222,222,222,0.95);
}

.programme .foldout-toggle {
  background-color: rgba(222,222,222,0.95);
}

.foldout.fade-out .foldout-animate-height.bg-grey:after {
  -moz-box-shadow: 0 0 56px 70px #dddddd;
  box-shadow: 0 0 56px 70px #dddddd;
}




/* Light grey */
.itcert table tr.item,
.itcert table tr.tableheader:last-child,
.itcert .section .item,
.programme select:focus,
.programme .headline:not(:first-child) h6,
.funnel .event-list > li,
.funnel .dates-list span.location,
.dataTable tr,
table.itcert tr td,
table.itcert tr th,
article.main table.laboratory td,
article.main table.laboratory th,
.sm-pinable .signup {
  border-top: 1px solid #cfcfcf;
}

form.show-participants-list .personal-data-summary > li,
form.show-participants-list.edit-participant .personal-data-summary > li:last-child,
article.main .item-list .phonebook > li,
article.main table.dataTable,
article.main table.itcert tr:last-child,
article.main table.laboratory,
.event-list li {
  border-bottom: 1px solid #cfcfcf;
}

.btn-grey:hover,
.btn.btn-grey:hover,
hr,
.slideshow .slide-bullets a,
.teasers .slideshow .slide-bullets a,
.slideshow.category-item.billboard a,
.search-result .summary .meta,
.category-item.bg-lightgrey,
.main.bg-lightgrey,
.bg-lightgrey {
  background-color: #cfcfcf;
}

.big-dropdown,
.big-dropdown h5,
.top-warning,
.bottom-warning {
  color: #cfcfcf;
}

.foldout.fade-out .foldout-animate-height.bg-lightgrey:after {
  -moz-box-shadow: 0 0 56px 70px #cfcfcf;
  box-shadow: 0 0 56px 70px #cfcfcf;
}


/* grey */
.header input::-webkit-input-placeholder {
  color: #8e8e8e;
}

.header input:-ms-input-placeholder {
  color: #8e8e8e;
}

.header input:-ms-input-placeholder {
  color: #8e8e8e;
}

h2.big:not(.txt-white),
.social_share a > div,
.itcert td.day,
.big-dropdown li a p,
.search-result .summary,
.events .legend li,
.basket h4 > span,
.signup h4 span,
.signup .info,
form label,
.funnel label > span.time,
.funnel .dates-list span,
.funnel .label.length,
.funnel .event-list .full h5,
.funnel .event-list .full span,
.funnel p.speaker,
.funnel .label,
.list-item header div,
.list-item h4,
.category-item section,
.category-item a:hover section,
.category-item:not(.overlay-on-hover) a:hover section,
a.category-item:not(.overlay-on-hover):hover section,
.breadcrumb li a,
article.main .illustration,
blockquote,
.item-list h5,
.item-list p,
.item-list .vcard .title,
.item-list .vcard .organization-unit,
.item .vcard .organization-unit,
.item header p,
article.main .downloadable p,
#mobile-contact-foldout .vcard .organization-unit,
.newsletter:not(.category-item) form p,
.list-view article.main header span,
.list-view > div > .item-list span,
.txt-grey {
  color: #8e8e8e;
}

.btn-grey,
.btn.btn-grey,
.header .dropdown.hover,
.header .dropdown.hover a,
.header .md-dropdown ul:before,
.header .dropdown:before,
.header .md-dropdown.hover > a,
.header .md-dropdown.hover > a:hover {
  background-color: #8e8e8e;
}

.itcert .manadatory,
input.validate.required {
  border-right: 5px solid #8e8e8e;
}

form .show-when-editing-participant > .not-validated,
.validmarker {
  border-left: 5px solid #8e8e8e;
}



.btn-grey:hover,
.btn.btn-grey:hover {
  border-bottom-color: #999;
}

.bg-mediumgrey {
  background-color: #999;
}



/* dark grey */
article.main .category-item:not(.invert) input::-webkit-input-placeholder {
  color: #8e8e8e;
}

article.main .category-item:not(.invert) input:-ms-input-placeholder {
  color: #8e8e8e;
}

article.main .category-item:not(.invert) input:-ms-input-placeholder {
  color: #8e8e8e;
}

p.speaker,
.events.legend .legend li,
.breadcrumb li:last-child a,
.txt-darkgrey {
  color: #555;
}

.programme .path.c {
  border-left: 9px solid #555;
}

.btn-grey,
.btn.btn-grey {
  border-bottom-color: #555;
}

.bg-darkgrey,
.bg-darkgrey-before:before,
.bg-darkgrey-after:after,
.top-warning,
.bottom-warning {
  background-color: #555;
}

.bg-darkgrey-gradient-after:after,
.bg-darkgrey-gradient {
  background: #555555;
  background: -moz-linear-gradient(left, #555555 0%, #555555 30%, rgba(84,84,84,.8) 50%, rgba(84,84,84,.1) 90%, rgba(84,84,84,0) 100%);
  background: -webkit-gradient(linear, left center, right center, color-stop(0%,#555555), color-stop(30%,#555555), color-stop(50%,rgba(84,84,84,.8)), color-stop(90%,rgba(84,84,84,.1)), color-stop(100%,rgba(84,84,84,0)));
  background: -webkit-linear-gradient(left, #555555 0%, #555555 30%, rgba(#555555,.8) 50%, rgba(84,84,84,.1) 90%, rgba(84,84,84,0) 100%);
  background: -o-linear-gradient(left, #555555 0%, #555555 30%, rgba(84,84,84,.8) 50%, rgba(84,84,84,.1) 90%, rgba(84,84,84,0) 100%);
  background: -ms-linear-gradient(left, #555555 0%, #555555 30%, rgba(84,84,84,.8) 50%, rgba(84,84,84,.1) 90%, rgba(84,84,84,0) 100%);
  background: linear-gradient(to right, #555555 0%, #555555 30%, rgba(84,84,84,.8) 50%, rgba(84,84,84,.1) 90%, rgba(84,84,84,0) 100%);
}




/* dark dark grey */
.bg-darkdarkgrey,
.big-dropdown,
.header .big-dropdown li a {
  background-color: #444;
}

.bg-darkergrey,
.bg-darkergrey-before:before,
.bg-darkergrey-after:after {
  background-color: #444 !important;
}

.bg-darkergrey-gradient-after:after,
.bg-darkergrey-gradient {
  background: #444444;
  background: -moz-linear-gradient(left, #444444 0%, #444444 30%, rgba(84,84,84,.8) 50%, rgba(69,69,69,.1) 90%, rgba(69,69,69,0) 100%);
  background: -webkit-gradient(linear, left center, right center, color-stop(0%,#444444), color-stop(30%,#444444), color-stop(50%,rgba(69,69,69,.8)), color-stop(90%,rgba(69,69,69,.1)), color-stop(100%,rgba(69,69,69,0)));
  background: -webkit-linear-gradient(left, #444444 0%, #444444 30%, rgba(#444444,.8) 50%, rgba(69,69,69,.1) 90%, rgba(69,69,69,0) 100%);
  background: -o-linear-gradient(left, #444444 0%, #444444 30%, rgba(69,69,69,.8) 50%, rgba(69,69,69,.1) 90%, rgba(69,69,69,0) 100%);
  background: -ms-linear-gradient(left, #444444 0%, #444444 30%, rgba(69,69,69,.8) 50%, rgba(69,69,69,.1) 90%, rgba(69,69,69,0) 100%);
  background: linear-gradient(to right, #444444 0%, #444444 30%, rgba(69,69,69,.8) 50%, rgba(69,69,69,.1) 90%, rgba(69,69,69,0) 100%);
}



/* Black */

.header > div > a,
.list-item.alt h4,
.top-carroussel li a p,
.top-carroussel li a h2,
.top-carroussel li h2.big,
.front.presentation-mode .top-carroussel a:hover h2,
.itcert td .day,
.itcert .section .item .id,
h1, h2, h3, h4, h5, h6,
.vcard li a,
.search-result .title,
.search-result .summary .meta,
.search-result a:after,
.main,
article.main h5,
article.main h6,
.list-item section,
.list-item .nextdate,
article.main .item-list .phonebook .title,
.category-item header,
.category-item.billboard section,
blockquote .statement,
.item,
.tab-select.show-tab,
.events span,
footer.container .vcard a,
.route,
a.support-toggle,
.sm-pinable .support h4,
.sm-pinable .support .vcard a,
.btn-outline,
.btn.btn-outline,
a.btn.btn-outline,
a.btn.btn-outline:link,
a.btn.btn-outline:visited,
h2.txt-black,
.txt-black {
  color: #000;
}

a.close:before,
a.close:after,
.list-item .img:after,
a.category-item.invert:after,
.category-item a:not(.overlay-black-gradient):not(.bg-black-gradient-after):not(.bg-white-gradient-after):not(.bg-lightestgrey-gradient-after):not(.bg-brandgreen-gradient-after):not(.bg-lightestestgrey-gradient-after):not(.bg-darkgrey-gradient-after):after,
.category-item .img:not(.overlay-black-gradient):not(.bg-black-gradient-after):not(.bg-white-gradient-after):not(.bg-lightestgrey-gradient-after):not(.bg-brandgreen-gradient-after):not(.bg-lightestestgrey-gradient-after):not(.bg-darkgrey-gradient-after):not(.bg-darkergrey-gradient-after):after,
.category-item.alternate.invert a:not(.overlay-black-gradient):not(.bg-black-gradient-after):not(.bg-white-gradient-after):not(.bg-lightestgrey-gradient-after):not(.bg-brandgreen-gradient-after):not(.bg-lightestestgrey-gradient-after):not(.bg-darkgrey-gradient-after):after,
article.main .category-item.invert a:not(.overlay-black-gradient):not(.bg-black-gradient-after):not(.bg-white-gradient-after):not(.bg-lightestgrey-gradient-after):not(.bg-brandgreen-gradient-after):not(.bg-lightestestgrey-gradient-after):not(.bg-darkgrey-gradient-after):after,
.category-item.invert,
.category-item.invert div,
.header .menutoggle,
.header li a,
.big-dropdown:before,
.bg-black-before:before,
.bg-black {
  background-color: #000;
}

.header.show-nav-mobile .menutoggle:before,
.header.show-nav-mobile .menutoggle:after {
  border-bottom: 10px solid #000;
}

article.main table {
  border-bottom: 1px solid #000;
}

article.main td {
  border-top: 1px solid #000;
}

.btn-outline, /* set style */
article.main .tableStyle1 th,
article.main .tableStyle1 td {
  border: 1px solid #000;
}

.btn-outline,
a.btn.btn-outline,
input[type="button"].btn-outline,
input[type="submit"].btn-outline,
.category-item.with-button section p.link,
.category-item.with-button .link {
  border-width: 2px;
}

.bg-black-gradient-after:after,
a.bg-black-gradient-after:after {
  background-color: transparent;
  background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left center, right center, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff000000', endColorstr='#00000000',GradientType=0 );
}

.overlay-black-gradient:after,
a.overlay-black-gradient:after {
  background-color: transparent;
  background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left center, right center, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
}

.shadow:before,
.divider {
  background-color: transparent;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
}

.top-carroussel.one-slide article.invert:after {
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #000000 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(30%,#000000), color-stop(50%,rgba(0,0,0,0.8)), color-stop(90%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, #000000 0%, #000000 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top, #000000 0%, #000000 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top, #000000 0%, #000000 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to top, #000000 0%, #000000 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
}




/* White */
.bg-mediumgrey a.btn.btn-outline:hover,
.top-carroussel li,
.header .spinner-container,
.search-result .spinner-container,
.main,
.item,
.header button .bar,
.header form input,
.header input,
.header button[type="reset"],
.header button[type="submit"],
.route-select,
.sm-pinable-toggle,
.events.legend,
.show-sm-pinable .sm-pinable-toggle,
.show-sm-pinable .sm-pinable-toggle:hover,
.category-item,
.category-item:not(.fullframe) div,
.category-item.alternate a:not(.overlay-black-gradient):not(.bg-black-gradient-after):not(.bg-white-gradient-after):not(.bg-lightestgrey-gradient-after):not(.bg-brandgreen-gradient-after):not(.bg-lightestestgrey-gradient-after):after,
a.category-item:after,
.category-item a:not(.overlay-black-gradient):not(.bg-black-gradient-after):not(.bg-white-gradient-after):not(.bg-lightestgrey-gradient-after):not(.bg-brandgreen-gradient-after):not(.bg-lightestestgrey-gradient-after):after,
.category-item.invert.with-button a:hover .link,
a.category-item.invert.with-button:hover .link,
.category-item.invert .btn-outline:hover,
.bg-white-before:before,
.bg-white {
  background-color: #fff;
}

  .txt-white-hover:hover,
  a:hover .txt-white-hover,
  .category-item a:hover h2.txt-white-hover,
  .category-item a:hover h5.txt-white-hover,
  a.category-item:hover h2.txt-white-hover,
  a.category-item:hover h5.txt-white-hover,
  .bg-mediumgrey,
  .bg-mediumgrey h2,
  .bg-mediumgrey a.btn.btn-outline,
  .category-item.invert header,
  .category-item.billboard.invert section,
  .category-item.color-overlay:not(.overlay-on-hover) a h5,
  a.category-item.color-overlay:not(.overlay-on-hover) h5,
  .category-item.overlay-on-hover.color-overlay a:hover h5,
  a.category-item.overlay-on-hover.color-overlay:hover h5,
  .category-item.color-overlay:not(.overlay-on-hover) section,
  .category-item.overlay-on-hover.color-overlay a:hover section,
  a.category-item.overlay-on-hover.color-overlay:hover section,
  article.main a.category-item.with-button:hover .link.btn-brandred,
  article.main a.category-item.with-button .btn-brandred:not(.btn-outline),
  article.main a.category-item.with-button:hover .link.btn-brandgreen,
  article.main a.category-item.with-button .btn-brandgreen:not(.btn-outline),
  article.main a.category-item.with-button:hover .link:not(.btn-outline),
  article.main a.category-item.with-button .link:not(.btn-outline),
  .invert .btn-outline,
  a:hover .btn-green.btn-outline,
  a:hover .btn-blue.btn-outline,
  article.main a.category-item.with-button:hover .btn-green.btn-outline,
  article.main a.category-item.with-button:hover .btn-blue.btn-outline,
  .btn-blue.btn-outline:hover,
  .btn-green.btn-outline:hover,
  .btn-brandred.btn-outline:hover,
  .category-item .btn.btn-brandred.btn-outline:hover,
  .earlybird--label,
  .list-item .earlybird--label,
  .events .earlybird--label,
  .events a:hover .earlybird--label,
  .events .earlybird--spot > .earlybird--label span,
  ul.links a,
  .category-item.invert h5,
  .invert h5,
  .invert h2,
  .invert p,
  .top-warning .btn:hover,
  .bottom-warning .btn:hover,
  .top-carroussel .invert p,
  .top-carroussel .invert h2,
  .top-carroussel .invert h3,
  .front.presentation-mode .top-carroussel .invert a:hover h2,
  .itcert span.selected,
  .by-group .selected,
  .error-message,
  .sm-pinable-toggle,
  .sm-pinable-toggle:hover,
  .programme .foldout-toggle:hover span,
  .label.new,
  input.button,
  input[type="button"],
  .btn,
  a.btn,
  a.btn:visited,
  a.btn:hover,
  a.btn:link,
  a.txt-white,
  a.txt-white:visited,
  a.txt-white:hover,
  a.txt-white:link,
  .search-result .summary .meta,
  .header li a,
  .big-dropdown li a h5,
  .big-dropdown li a:hover p,
  article.main .index a:hover,
  article.main .index a.selected,
  .bg-darkgrey,
  .bg-darkgrey h5,
  .bg-darkgrey .vcard a,
  .bg-darkgrey .vcard a:hover,
  .bg-blue h4,
  .bg-blue .vcard a,
  .bg-blue .vcard a:hover,
  .bg-blue,
  .txt-white {
    color: #fff;
  }

.list-view > div > .item-list li.selected:before {
  background: #fff;
  background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 90%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(90%,#ffffff), color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 90%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, #ffffff 0%, #ffffff 90%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 90%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, #ffffff 0%, #ffffff 90%, rgba(255,255,255,0) 100%);
}

.top-teaser .img:after,
.item.big:after {
  background: #fff;
  background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(60%,#ffffff), color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, #ffffff 0%, #ffffff 60%, rgba(255,255,255,0) 100%);
}

.list-item section:after,
.top-carroussel.one-slide article:after {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#ffffff), color-stop(50%,rgba(255,255,255,0.8)), color-stop(90%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to top, #ffffff 0%, #ffffff 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%);
}

.bg-white-gradient-after:after,
a.bg-white-gradient-after:after {
  background-color: transparent;
  background: -moz-linear-gradient(left, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left center, right center, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#00ffffff',GradientType=0 );
}

article.main th,
article.main td {
  border-right: 10px solid #fff;
}

.divider:before,
.divider:after {
  border-top: 10px solid #fff;
}

.search-result > div:before,
.search-result > div:after {
  border-bottom: 10px solid #fff;
}

.personal-data-summary li {
  border-left: 5px solid #fff;
}

.bg-mediumgrey a.btn.btn-outline,
.bg-mediumgrey a.btn.btn-outline:hover,
.category-item.invert.with-button a:hover .link,
a.category-item.invert.with-button:hover .link,
.category-item.invert input.btn-outline,
.category-item.invert.with-button .link,
article.main .category-item.invert.with-button a:hover .link.btn-outline,
article.main .category-item.invert.with-button .link.btn-outline {
  border-color: #fff;
}

/* Red #f12b3b */
.itcert span.full,
.item.contact h4,
.search-inline-result li strong,
.search-inline-result li em,
.search-result li strong,
.search-result li em,
.txt-red {
  color: #f12b3b;
}

.error-message,
.label.new,
.top-carroussel .slide-bullets .shown a,
.illustration.slideshow .slide-bullets .selected,
.events .full span:before,
.events .legend li.full:before {
  background-color: #f12b3b;
}

input.validate.required.invalid,
.header header h2 {
  border-right: 5px solid #f12b3b;
}

.personal-data-summary li.required.invalid,
.funnel div:not(.show-when-editing-participant) > .not-validated,
form.invalid .show-when-editing-participant > .not-validated,
.validmarker.invalid {
  border-left: 5px solid #f12b3b;
}

/*
.error-message:before {
	border-bottom: 7px solid #f12b3b;
}
.error-message:after {
	border-top: 7px solid #f12b3b;
}
*/
.error-message:before {
  border-right: 7px solid #f12b3b;
}

.error-message:after {
  border-left: 7px solid #f12b3b;
}


/* Brand red #ed1a3b */
.category-item.with-button a .btn-brandred.btn-outline,
a.category-item.with-button .btn-brandred.btn-outline,
.btn-brandred.btn-outline,
.txt-brandred {
  color: #ed1a3b;
}

  .category-item.with-button a .btn-brandred:not(.btn-outline),
  .category-item.with-button a:hover .btn-brandred,
  a.category-item.with-button .btn-brandred:not(.btn-outline),
  a.category-item.with-button:hover .btn-brandred,
  .btn-brandred:not(.btn-outline),
  .btn-brandred.btn-outline:hover,
  .bg-brandred {
    background-color: #ed1a3b !important;
  }

.btn-brandred.btn-outline,
.category-item.with-button a .btn-brandred,
a.category-item.with-button .btn-brandred,
.border-brandred {
  border-color: #ed1a3b !important;
}

/* Light red */
.btn-brandred:not(.btn-outline):hover {
  background-color: #fc2646 !important;
}

/* Dark red */
.btn-brandred:not(.btn-outline):active {
  background-color: #a4192e !important;
}

.btn-brandred:not(.btn-outline) {
  border-bottom-color: #a4192e;
}


/* Brand green #005e4a */
.category-item.with-button a .btn-brandgreen.btn-outline,
a.category-item.with-button .btn-brandgreen.btn-outline,
.txt-brandgreen {
  color: #005e4a;
}

.bg-brandgreen-after:after,
.bg-brandgreen-before:before,
.category-item.with-button a .btn-brandgreen:not(.btn-outline),
.category-item.with-button a:hover .btn-brandgreen,
a.category-item.with-button .btn-brandgreen:not(.btn-outline),
a.category-item.with-button:hover .btn-brandgreen,
.bg-brandgreen {
  background-color: #005e4a !important;
}

.category-item.with-button a .btn-brandgreen,
a.category-item.with-button .btn-brandgreen,
.border-brandgreen {
  border-color: #005e4a !important;
}

.bg-brandgreen-gradient-after:after {
  background-color: transparent;
  background: -moz-linear-gradient(left, rgba(0,94,74,1) 0%, rgba(0,94,74,0) 100%);
  background: -webkit-gradient(linear, left center, right center, color-stop(0%,rgba(0,94,74,1)), color-stop(100%,rgba(0,94,74,0)));
  background: -webkit-linear-gradient(left, rgba(0,94,74,1) 0%,rgba(0,94,74,0) 100%);
  background: -o-linear-gradient(left, rgba(0,94,74,1) 0%,rgba(0,94,74,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,94,74,1) 0%,rgba(0,94,74,0) 100%);
  background: linear-gradient(to right, rgba(0,94,74,1) 0%,rgba(0,94,74,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff005e4a', endColorstr='#00005e4a',GradientType=0 );
}




/* Yellow orange */
.earlybird--spot,
.earlybird--price,
.list-item .earlybird--price,
.list-item .earlybird--spot,
.list-item .earlybird--spot .earlybird--before,
.events .earlybird--spot > *:not(.earlybird--label),
.events .earlybird--spot > * span {
  color: #ecb216;
}

.earlybird--label {
  background-color: #ecb216;
}


/* Dark blue */

.btn.btn-blue:active {
  background-color: #396891;
}

.btn.btn-blue {
  border-bottom-color: #396891;
}



  /* Blue #5a8ab4 */
  a.close:hover:before,
  a.close:hover:after,
  .social_share a,
  .itcert span.selected,
  .by-group .selected,
  .top-teaser .foldout ul li:before,
  .category-item ul li:before,
  .category-item.color-overlay .color-overlay,
  article.main ul li:before,
  article.main .programme ul ul li:before,
  .programme .foldout-toggle:hover span,
  .header li.selected a,
  .header li a:hover,
  article.main .index a:hover,
  article.main .index a.selected,
  .slideshow .slide-bullets a:hover,
  .slideshow .slide-bullets .selected a,
  .btn.btn-blue:not(.btn-outline),
  .btn-blue.btn-outline:hover,
  a:hover .btn-blue.btn-outline,
  .bg-blue {
    background-color: #5a8ab4;
  }

a,
a:visited,
a:link,
a:active,
a:hover,
a:hover h6,
.btn-outline:hover,
a.btn-outline:hover,
a.btn.btn-outline:hover,
.btn-outline:hover,
.header > div > a:hover,
.vcard li a:hover,
.search-result a:hover .title,
.breadcrumb a:hover,
.events a:hover h5,
.events a:hover span,
.list-item:hover h2,
.list-item:hover h3,
.downloadable a:hover h6,
.category-item:not(.with-button) .link,
.category-item:not(.with-button) a:hover h5,
.category-item:not(.with-button) a:hover h2,
.category-item.with-button a:hover .link,
a.category-item:not(.with-button):hover h5,
a.category-item:not(.with-button):hover h2,
a.category-item.with-button:hover .link,
article.main a.category-item.with-button:hover .btn-outline,
.category-item.invert .btn-outline:hover,
.btn-blue.btn-outline,
blockquote:before,
footer.container a,
footer a:hover h3,
.funnel .participants h6.foldout-toggle:hover,
.funnel input:hover + label h5,
.funnel .personal-data-summary li:hover h5,
.index.foldout .foldout-toggle:hover,
.programme select:hover,
.programme .foldout .foldout-toggle:hover,
.top-carroussel a:hover h2,
.collapsable .foldout-toggle:hover h5,
.show-foldout.support-toggle,
.sm-pinable .support .vcard a:hover,
.sm-pinable-toggle.show-sm-pinable,
.sm-pinable-toggle.show-sm-pinable:hover,
.txt-blue {
  color: #5a8ab4;
}

.programme .path,
article > header p {
  border-left: 9px solid #5a8ab4;
}

a.btn.btn-outline:hover,
.btn.btn-outline:hover,
.btn-outline:hover,
.btn-blue.btn-outline,
.category-item.with-button a:hover .link,
a.category-item.with-button:hover .link {
  border-color: #5a8ab4;
}

.foldout.bg-blue:before,
.foldout.bg-blue:after {
  border-bottom-color: #5a8ab4;
}


/* Light blue #4473b5 */
.btn.btn-blue:not(.btn-outline):hover,
.social_share a:hover {
  background-color: #709bd8;
}

.item.big.negative a {
  color: #709bd8;
}


/* Light light desaturated blue for links on dark grey background #8cb2ce */
.bottom-warning a:not(.btn),
.top-warning a:not(.btn) {
  color: #8cb2ce;
}


/* Green #66a54a */
.btn-outline.btn-green,
.txt-green {
  color: #66a54a;
}

  .btn-outline.btn-green,
  .btn-outline.btn-green:hover,
  a:hover .btn-green.btn-outline,
  a.category-item.with-button:hover .btn-green,
  article.main a.category-item.with-button .link.btn-outline.btn-green,
  .border-green {
    border-color: #66a54a;
  }

    .sm-pinable-toggle,
    input.button:not(.btn-outline),
    input[type="button"]:not(.btn-outline),
    input[type="submit"]:not(.btn-outline),
    .btn:not(.btn-outline),
    article.main .category-item.invert.with-button a:hover .link:not(.btn-outline),
    article.main a.category-item.invert.with-button:hover .link:not(.btn-outline),
    article.main .category-item.invert.with-button .link:not(.btn-outline),
    article.main a.category-item.with-button .link:not(.btn-outline),
    .btn-outline.btn-green:hover,
    a:hover .btn-outline.btn-green,
    article.main a.category-item.with-button:hover .link.btn-outline.btn-green,
    a.category-item.with-button:hover .link.btn-green,
    .bg-green {
      background-color: #66a54a;
    }

input.validate.valid {
  border-right: 5px solid #66a54a;
}

.validmarker.valid {
  border-left: 5px solid #66a54a;
}

/* Light Green #77b65b */
.sm-pinable-toggle:hover,
.events .available span:before,
.events .legend li.available:before,
input.button:hover,
input[type="button"]:hover,
article.main a.category-item.with-button:hover .link:not(.btn-outline),
article.main a.category-item.invert.with-button:hover .link:not(.btn-outline),
input[type="submit"]:not(.btn-outline):not(.link):hover,
.btn:hover {
  background-color: #77b65b;
}
/*article.main a.category-item.with-button:hover .link:not(.btn-outline),
article.main a.category-item.invert.with-button:hover .link:not(.btn-outline) {
	border-color: #77b65b;
}*/

/* Dark Green #456f32 */
.events .guarantee span:before,
.events .legend li.guarantee:before,
article.main a.category-item.with-button:active .link:not(.btn-outline),
article.main a.category-item.invert.with-button:active .link:not(.btn-outline),
input.button:active,
input[type="button"]:active,
.btn:active {
  background-color: #456f32;
}

article.main a.category-item.with-button:active .link:not(.btn-outline),
article.main a.category-item.invert.with-button:active .link:not(.btn-outline) {
  border-color: #456f32;
}

.sm-pinable-toggle,
input.button:not(.btn-outline),
input[type="button"]:not(.btn-outline),
input[type="submit"]:not(.btn-outline),
article.main a.category-item.with-button .link:not(.btn-outline),
article.main a.category-item.with-button:hover .link:not(.btn-outline),
.btn:not(.btn-outline) {
  border-bottom: 2px solid #456f32;
}

.programme .path.b {
  border-left: 9px solid #456f32;
}



/* Transparent */

.bg-transparent {
  background-color: transparent;
}




.boxshadow {
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}



/* ===============
	IMAGES
   =============== */

/* background reset top left */

.type-search,
.type-tel,
.type-fax,
.type-email,
.type-linkedin,
.type-facebook,
.type-twitter,
.type-chat,
.type-faq,
.type-other,
.type-pdf,
.type-doc,
.type-xls,
.type-ppt {
  background-repeat: no-repeat;
  background-position: top left;
}


/* Icons */

.type-other,
.type-pdf,
.type-doc,
.type-xls,
.type-ppt {
  /* double size PNG */
  background-size: 35px 45px;
}

.type-other {
  background-image: url("../img/icon-download-lg.png");
}

.type-pdf {
  background-image: url("../img/icon-pdf-lg.png");
}

.type-doc {
  background-image: url("../img/icon-doc-lg.png");
}

.type-xls {
  background-image: url("../img/icon-xls-lg.png");
}

.type-ppt {
  background-image: url("../img/icon-ppt-lg.png");
}

.type-search {
  background-image: url("../img/icon-search-sm.svg");
  background-size: 15px 15px;
}

.type-tel,
.sm-pinable .support li.type-tel {
  background-image: url("../img/icon-phone-sm-grey.svg");
  background-position: 2px 0.29em;
  background-size: 11px 15px;
}

.type-fax {
  background-image: url("../img/icon-print-sm.svg");
  background-position: 0px 0.3em;
  background-size: 15px 13px;
}

.type-email {
  background-image: url("../img/icon-email-sm.svg");
  background-position: 0px 0.4em;
  background-size: 15px 12px;
}

.type-chat {
  background-image: url("../img/icon-chat-sm.svg");
  background-position: 0px 0.4em;
  background-size: 17px 13px;
}

.type-faq,
.sm-pinable .support li.type-faq {
  background-image: url("../img/icon-faq-sm-grey.svg");
  background-position: 0px 0.4em;
  background-size: 17px 13px;
}

.type-linkedin {
  background-image: url("../img/icon-linkedin-sm.svg");
  background-position: 0px 0.2em;
  background-size: 15px 15px;
}

.type-facebook {
  background-image: url("../img/icon-facebook-sm.svg");
  background-position: 0px 0.2em;
  background-size: 15px 15px;
}

.type-twitter {
  background-image: url("../img/icon-twitter-sm.svg");
  background-position: 0px 0.2em;
  background-size: 15px 15px;
}

.bg-darkgrey .type-tel,
.bg-blue .type-tel {
  background-image: url("../img/icon-phone-sm-white.svg");
}

.bg-darkgrey .type-email,
.bg-blue .type-email {
  background-image: url("../img/icon-email-sm-white.svg");
}

.bg-darkgrey .type-chat,
.bg-blue .type-chat {
  background-image: url("../img/icon-chat-sm-white.svg");
}

.bg-darkgrey .type-faq,
.bg-blue .type-faq {
  background-image: url("../img/icon-faq-sm-white.svg");
}

.bg-darkgrey .type-linkedin,
.bg-blue .type-linkedin {
  background-image: url("../img/icon-linkedin-boxed-sm-white-alt.svg");
}


/* Logos */
.header header h2,
footer.container h6:before {
  background: #000 url('../img/logo-black-image.png') no-repeat center center;
}

.header header h2 {
  width: 57px;
  height: 48px;
  background-size: 44px;
}

footer.container h6 {
  display: inline-block;
  background: transparent url('../img/logo-ti-black.svg') no-repeat left bottom;
  background-size: 102px;
  width: 102px;
  height: 27px;
  text-indent: -999px;
  overflow: hidden;
  margin: 15px 0 0 20px;
  -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out, background-size 0.5s ease-in-out, background-position 0.5s ease-in-out;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out, background-size 0.5s ease-in-out, background-position 0.5s ease-in-out;
}

/* Arrow small sizing reset */

a.link:after,
.header .dropdown > a:after,
.icon-lock:before,
.social_share .facebook,
.social_share .linkedin,
.social_share .twitter,
ul.links a:after,
.itcert .basket h4 a:after,
.itcert a.back:before,
.itcert a.link:after,
.item footer a:after,
.breadcrumb a:after,
.breadcrumb a:before,
.top-teaser.laboratory a:before,
article.main a.link:after,
.list-item h2:after,
.list-item h3:after,
.nextdate.icon:before,
.category-item:not(.with-button) a h5:not(.no-arrow):after,
.category-item:not(.with-button) a h2:not(.no-arrow):after,
.category-item:not(.with-button) .link:after,
.category-item.external:after,
.search-result .employee a:after,
.item-list a h6:after,
.downloadable a h6:after,
.top-carroussel a h2:after,
.top-carroussel:after,
.header .md-dropdown > a,
.header nav .dropdown > a:before,
.support .type-chat:after,
.support .type-faq:after,
.type-link:after,
.sm-pinable-toggle:after,
.foldout-toggle,
.collapsable .foldout-toggle:not(.close),
.route-select,
.route-description a:before,
.type-map-link:before,
.support-toggle:before,
.funnel .foldout .foldout-toggle:after,
.funnel .receipt h1:before,
.personal-data-summary li > a,
.programme select,
.programme .foldout .foldout-toggle:after,
.index.foldout .foldout-toggle:after,
.stars-filled,
.stars,
.spinner:before,
.spinner:after,
.message .sending h5:before,
.message .sending h5:after,
.message .done h5:before,
.newsletter .sending h5:before,
.newsletter .sending h5:after,
.newsletter .done h5:before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 18px;
  height: 11px;
  margin-right: -18px;
  background-repeat: no-repeat;
  background-position: 80% center;
  background-size: 8px 11px;
}

.support .type-chat:after,
.support .type-faq:after {
  width: 14px;
  margin-right: -14px;
}


.list-item h2:after,
.list-item h3:after,
.category-item h5:after,
.category-item h2:after,
.category-item.with-button .link,
.category-item .btn-outline,
.btn-outline,
a.btn.btn-outline,
.item-list a h6:after,
.downloadable a h6:after,
.top-carroussel a h2:after {
  background-image: url("../img/icon-arrow-small-black.svg");
}

.breadcrumb a:after {
  background-image: url("../img/icon-arrow-small-grey.svg");
}

.itcert .basket h4 a:after,
.itcert a.link:after,
.search-result .employee a:after,
.item footer a:after,
.list-item:hover h2:after,
.list-item:hover h3:after,
.category-item .link:after,
.category-item a:hover h5:after,
.category-item a:hover h2:after,
.category-item.billboard a:hover h5:after,
.category-item.billboard a:hover h2:after,
.category-item.with-button a:hover .link,
a.category-item:hover h5:after,
a.category-item:hover h2:after,
a.category-item.billboard:hover h5:after,
a.category-item.billboard:hover h2:after,
a.category-item.with-button:hover .link,
.btn-outline:hover,
.invert .btn-outline:hover,
a.btn.btn-outline:hover,
.btn-blue.btn-outline,
a.link.link-blue:after,
a.category-item .btn-blue.btn-outline,
.bg-mediumgrey a.btn.btn-outline:hover,
.breadcrumb a:hover:after,
article.main a.link:after,
.item-list a:hover h6:after,
.downloadable a:hover h6:after,
.top-carroussel a:hover h2:after,
.top-carroussel .invert a:hover h2:after {
  background-image: url("../img/icon-arrow-small-blue.svg");
}

.btn-brandred.btn-outline,
.invert .btn-brandred.btn-outline,
.category-item.with-button a .link.btn-brandred,
a.category-item.with-button .link.btn-brandred {
  background-image: url("../img/icon-arrow-small-red.svg");
}

.btn-outline.btn-green,
.category-item .btn-outline.btn-green,
article.main a.category-item.with-button .link.btn-outline.btn-green {
  background-image: url("../img/icon-arrow-small-green.svg");
}

.category-item.with-button a .link.btn-brandgreen,
a.category-item.with-button .link.btn-brandgreen {
  background-image: url("../img/icon-arrow-small-brandgreen.svg");
}

ul.links a:after,
a.link:after,
.category-item .txt-white:after,
.category-item a:hover .txt-white-hover:after,
a.category-item:hover .txt-white-hover:after,
.category-item.invert h5:after,
.category-item.invert h2:after,
.category-item.invert.billboard h5:after,
.category-item.invert.billboard h2:after,
.category-item.invert .link:after,
.category-item.invert.with-button .link,
.category-item:not(.overlay-on-hover):not(.always-mobile) h5:after,
.category-item.overlay-on-hover a:hover h5:after,
.category-item.with-button a:hover .btn-brandred,
.category-item.with-button a .btn-brandred:not(.btn-outline),
.category-item.with-button a:hover .btn-brandgreen,
.category-item.with-button a .btn-brandgreen:not(.btn-outline),
a.category-item.overlay-on-hover:hover h5:after,
a.category-item.with-button:hover .btn-brandred,
a.category-item.with-button .btn-brandred:not(.btn-outline),
a.category-item.with-button:hover .btn-green,
a.category-item.with-button:hover .btn-brandgreen,
a.category-item.with-button .btn-brandgreen:not(.btn-outline),
article.main a.category-item.with-button:hover .link:not(.btn-outline),
.top-carroussel.one-slide .invert a h2:after,
input.button,
input[type="button"],
.btn-green.btn-outline:hover,
.btn-blue.btn-outline:hover,
article.main a.category-item.with-button:hover .link.btn-outline.btn-green,
article.main a.category-item.with-button:hover .link.btn-outline.btn-blue,
article.main a.category-item.with-button .link:not(.btn-outline),
.btn,
.invert .btn-outline,
.btn-brandred.btn-outline:hover,
.bg-mediumgrey a.btn.btn-outline,
.type-link:after,
.support .type-faq:after,
.support .type-chat:after {
  background-image: url("../img/icon-arrow-small-white.svg");
}

.breadcrumb a:before {
  background-image: url("../img/icon-arrow-left-small-grey.svg");
  background-position: 0 center;
}

.itcert a.back:before,
.top-teaser.laboratory a:before,
.breadcrumb a:hover:before {
  background-image: url("../img/icon-arrow-left-small-blue.svg");
  background-position: 0 center;
}

.route-select,
.funnel .foldout .foldout-toggle:after,
.index.foldout .foldout-toggle:after,
.programme select,
.programme .foldout .foldout-toggle:after {
  background-image: url("../img/icon-arrow-down-small-black.svg");
  background-size: 11px 8px;
}

select {
  background-image: url("../img/icon-arrow-down-small-grey.svg");
  background-size: 11px 8px;
}

  select::-ms-expand {
    display: none;
  }

  select:hover,
  .route-select:hover,
  .funnel .foldout .foldout-toggle:hover:after,
  .index.foldout .foldout-toggle:hover:after,
  .programme select:hover,
  .programme .foldout .foldout-toggle:hover:after,
  .collapsable .foldout-toggle:not(.close),
  .collapsable .foldout-toggle:not(.close):hover {
    background-image: url("../img/icon-arrow-down-small-blue.svg");
    background-size: 11px 8px;
  }

.header .md-dropdown > a,
.sm-pinable-toggle:after {
  background-image: url("../img/icon-arrow-down-small-white.svg");
  background-size: 11px 8px;
}

.funnel .foldout.show-foldout .foldout-toggle:after,
.index.foldout.show-foldout .foldout-toggle:after,
.programme .foldout.show-foldout .foldout-toggle:after {
  background-image: url("../img/icon-arrow-up-small-black.svg");
  background-size: 11px 8px;
}

.funnel .foldout.show-foldout .foldout-toggle:hover:after,
.index.foldout.show-foldout .foldout-toggle:hover:after,
.programme .foldout.show-foldout .foldout-toggle:hover:after,
.collapsable.show-foldout .foldout-toggle:not(.close) {
  background-image: url("../img/icon-arrow-up-small-blue.svg");
  background-size: 11px 8px;
}

/* {
	background-image: url("../img/icon-arrow-up-small-white.svg");
}
*/

.itcert input.editbutton,
.searchfield-container button[type="reset"],
.searchfield-container button[type="submit"],
.header button[type="reset"],
.header button[type="submit"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  height: 48px;
  width: 34px;
}

.personal-data-summary li:hover > a,
.show-sm-pinable .sm-pinable-toggle:after,
.searchfield-container button[type="reset"],
.header button[type="reset"] {
  background-image: url("../img/icon-close-small-grey.svg");
  background-size: 14px 19px;
}

  .personal-data-summary li > a:hover,
  .show-sm-pinable .sm-pinable-toggle:hover:after,
  .searchfield-container button[type="reset"]:hover,
  .header button[type="reset"]:hover {
    background-image: url("../img/icon-close-small-blue.svg");
  }

.itcert input.editbutton,
.searchfield-container button[type="submit"],
.header button[type="submit"] {
  background-image: url("../img/icon-search-sm.svg");
}

input.button,
input[type="button"],
.btn,
.category-item.with-button .link {
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 8px 11px;
}

.foldout-toggle:not(.close) {
  background-image: url("../img/icon-info-alt-small-grey.svg");
  background-position: right center;
  background-size: 18px 18px;
}

  .foldout-toggle:not(.close):hover {
    background-image: url("../img/icon-info-alt-small-blue.svg");
  }

.type-map-link:before,
.support-toggle:before {
  background-image: url("../img/icon-pin-sm-black.svg");
  background-size: 18px 18px;
}

.route-description a.type-map-link:before,
.support-toggle:hover:before,
.show-foldout.support-toggle:before {
  background-image: url("../img/icon-pin-sm-blue.svg");
  background-size: 18px 18px;
}

.bg-darkgrey .type-map-link:before {
  background-image: url("../img/icon-pin-sm-white.svg");
}

.type-public-transport:before,
.route-description a.type-public-transport:before {
  background-image: url("../img/icon-bullseye-sm-blue.svg");
  background-size: 20px 20px;
}

.type-parking:before,
.route-description a.type-parking:before {
  background-image: url("../img/icon-parking-sm-blue.svg");
  background-size: 20px 20px;
}

.nextdate.icon:before {
  background-image: url("../img/icon-calendar-sm.svg");
  background-size: 16px 17px;
}


.icon-lock:before {
  background-image: url("../img/icon-lock-sm-black.svg");
  width: 10px;
  height: 14px;
  margin-right: 0.4em;
  background-position: center bottom;
  background-size: 10px 14px;
}

.icon-lock:hover:before {
  background-image: url("../img/icon-unlock-sm-blue.svg");
}


.stars-filled,
.stars {
  background-image: url("../img/icon-stars-lg.png");
  background-size: 126px 45px;
  background-position: 2px 0px;
}

.stars-filled {
  background-position: 2px -25px;
}

ul.links .type-facebook,
.social_share .facebook {
  background-image: url('../img/icon-facebook-sm-white.svg');
}

ul.links .type-linkedin,
.social_share .linkedin {
  background-image: url('../img/icon-linkedin-sm-white.svg');
}

ul.links .type-twitter,
.social_share .twitter {
  background-image: url('../img/icon-twitter-sm-white.svg');
}


.lazy-img-bg {
  background-image: url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
}

.funnel .receipt h1:before,
.spinner:before,
.spinner:after,
.message .sending h5:before,
.message .sending h5:after,
.message .done h5:before,
.newsletter .sending h5:before,
.newsletter .sending h5:after,
.newsletter .done h5:before {
  background-image: url("../img/icon-spinner-lg-grey.svg");
  background-size: contain;
  position: absolute;
}

.spinner:after,
.message .sending h5:after,
.newsletter .sending h5:after,
article.main .newsletter .sending h5:after {
  background-image: url("../img/icon-spinner-lg-red.svg");
}

.spinner.small:before {
  background-image: url("../img/icon-spinner-sm-grey.svg");
}

.spinner.small:after {
  background-image: url("../img/icon-spinner-sm-red.svg");
}

.funnel .receipt h1:before,
.message .done h5:before,
.newsletter .done h5:before {
  background-image: url("../img/icon-ok-small-grey.svg");
}

.header nav .dropdown > a:before {
  width: 12px;
  margin-right: 0.4em;
}

.header nav .dropdown > a:before {
  background-image: url("../img/icon-burger-sm-white.svg");
  background-size: 10px 12px;
  height: 12px;
}

.header nav .dropdown.hover > a:before {
  background-image: url("../img/icon-close-small-white.svg");
}


input[type=radio]:hover,
input[type=checkbox]:hover {
  background-image: url("../img/icon-ok-icon-small-lightgrey.svg");
}

input[type=radio]:checked,
input[type=checkbox]:checked {
  background-image: url("../img/icon-ok-icon-small-blue.svg");
}


.category-item.external:after {
  background-image: url("../img/icon-external-grey.svg");
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}


.bg-video-overlay:after {
  background-image: url('../img/pattern-video-overlay.png');
}

/* ==========================================================================
   Author's custom styles
========================================================================== */


body {
  overflow-x: hidden;
}

hr {
  border: none;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}


.line-top-inset:before,
.line-bottom-inset:after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  height: 0;
}

.line-top-inset:before {
  top: 0;
}

.line-bottom-inset:after {
  bottom: 0;
}

.row .row.line-top-inset:before,
.row .row.line-bottom-inset:after {
  left: 25px;
  right: 25px;
}


.divider {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 15px;
  margin: 0;
  padding: 0;
  border: 0;
}

  .divider:before,
  .divider:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    left: 15%;
    z-index: 2;
  }

  .divider:before {
    border-left: 10px solid transparent;
    margin-left: -5px;
  }

  .divider:after {
    border-right: 10px solid transparent;
    margin-left: 5px;
  }

.bg-after:after,
.shadow:before {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0;
}

.bg-after:after {
  height: 150px;
  z-index: -1;
}

.rotate-before:before {
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pos-bottom-before:before {
  bottom: 0;
  top: auto;
}



input,
select,
textarea {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  padding: 4px 10px 3px;
  margin: 0.3em 0;
}

  input:not(.btn-outline),
  select,
  textarea {
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
  }

    textarea:focus,
    select:focus,
    input:focus {
      /*box-shadow: inset 0 0 10px #rgba(0,0,0,0.6);*/
      outline-width: 0;
      outline: none;
    }

  input::-webkit-input-placeholder {
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
  }

  input::-moz-placeholder {
    transition: color 0.5s;
  }

  input:-ms-input-placeholder {
    transition: color 0.5s;
  }

  input[type=radio],
  input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input[type=radio] {
    -moz-border-radius: 11px;
    border-radius: 11px;
    width: 22px;
    height: 22px;
  }

select {
  padding-right: 9%;
  background-repeat: no-repeat;
  background-position: 97% center;
}

label {
  width: 85%;
  display: inline-block;
  vertical-align: middle;
}


input.big,
select.big {
  padding: 13px 10px;
}

  input.big:first-child,
  select.big:first-child {
    margin-top: 0;
  }

  input.big:last-child,
  select.big:last-child {
    margin-bottom: 0;
  }



input.emboss,
select.emboss,
textarea.emboss {
  box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.25);
  padding: 12px 10px;
}

input[type=radio].emboss,
input[type=checkbox].emboss {
  padding: 12px;
}



input[type=radio].align-top,
input[type=checkbox].align-top {
  margin-top: 0;
}

  input[type=radio].align-top + label,
  input[type=checkbox].align-top + label {
    margin-top: 4px;
    vertical-align: top;
  }

textarea.expandable {
  min-height: 2.9em;
  transition: height .3s ease-in-out;
}

  textarea.expandable.empty {
    height: 2.9em;
  }

    textarea.expandable.empty.ignore-empty {
      height: auto;
    }


input.validate {
  border-left: none;
  border-top: none;
  border-bottom: none;
}

input[type=radio].validate,
input[type=checkbox].validate {
  border: none;
}

.validmarker {
  padding-left: 0.5em;
}

.vevent input.validate.required.invalid {
  border-right: none;
}

.error-message {
  position: absolute;
  padding: 0.5em;
  width: 90%;
  min-width: 148px;
  left: 5%;
  margin-top: 5px;
  z-index: 10;
  /* box-shadow: 0 2px 4px rgba(0,0,0,0.2); */

  display: none;
}

  .error-message.show.focus {
    display: block;
  }

  .error-message:before,
  .error-message:after {
    content: "";
    position: absolute;
    top: -7px;
    border-top: 7px solid transparent;
  }

  .error-message:before {
    left: 25px;
  }

  .error-message:after {
    left: 32px;
  }


.search-result {
  z-index: 100;
}

.search-result,
.foldout {
  clear: both;
  -webkit-transition: margin-top 0.2s 0.1s, margin-bottom 0.2s 0.1s;
  transition: margin-top 0.2s 0.1s, margin-bottom 0.2s 0.1s;
}

.foldout {
  padding: 0;
  margin: 0;
}

  .search-result.show-result,
  .foldout.show-foldout {
    margin-top: 20px;
  }

.search-result > div > div,
.tab-animate-height,
.foldout-animate-height {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
}

.tab-animate-height,
.foldout-animate-height {
  padding: 0;
}

.search-result.show-result > div > div.short,
.tabs .tab-animate-height.show-tab.short,
.foldout.show-foldout .foldout-animate-height.short {
  max-height: 600px;
  transition-duration: 300ms;
}

.search-result.show-result > div > div,
.tabs .tab-animate-height.show-tab,
.foldout.show-foldout .foldout-animate-height {
  max-height: 1200px;
}

  .search-result.show-result > div > div.long,
  .tabs .tab-animate-height.show-tab.long,
  .foldout.show-foldout .foldout-animate-height.long {
    max-height: 2400px;
    transition-duration: 1s;
  }

  .search-result.show-result > div > div.xlong,
  .tabs .tab-animate-height.show-tab.xlong,
  .foldout.show-foldout .foldout-animate-height.xlong {
    max-height: 3600px;
    transition-duration: 1.5s;
  }

  .search-result.show-result > div > div.xxlong,
  .tabs .tab-animate-height.show-tab.xxlong,
  .foldout.show-foldout .foldout-animate-height.xxlong {
    max-height: 4800px;
    transition-duration: 1.75s;
  }

.tabs .tab-animate-height,
.foldout .foldout-animate-height {
  padding: 0;
  margin: 0;
}

  .foldout .foldout-animate-height h5 {
    float: none;
    margin: 5px 10px 0 !important;
  }

  .foldout .foldout-animate-height p {
    max-width: none;
    padding: 0;
    margin: 0 10px 5px !important;
    border: none;
  }

.search-result > div:before,
.search-result > div:after,
.foldout:not(.close):before,
.foldout:not(.close):after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  top: -10px;
  opacity: 0;
  z-index: 10;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.search-result > div:before,
.foldout:before {
  border-left: 10px solid transparent;
  margin-left: -10px;
}

.search-result > div:after,
.foldout:after {
  border-right: 10px solid transparent;
  margin-right: -10px;
}

.search-result.show-result > div:before,
.search-result.show-result > div:after,
.foldout.show-foldout:before,
.foldout.show-foldout:after {
  opacity: 1;
}

.foldout-toggle:not(.close) {
  padding-right: 10px;
  margin-right: 0;
  width: auto;
  height: auto;
  display: block;
  z-index: 1;
  cursor: pointer;
}

.events a.foldout-toggle:hover,
a.foldout-toggle:hover {
  text-decoration: none;
}

.foldout-toggle {
  /*	height: 18px;
	float: right;
	z-index: 1;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	*/
}

.foldout-toggle {
  /*left: 20px;
	right: 20px;
	width: auto;
	height: 32px;
	position: absolute;
	display: block;
	float: none;*/
}

.collapsable.foldout {
  background: none;
  margin-top: 0;
}

  .collapsable.foldout:before,
  .collapsable.foldout:after {
    display: none;
  }

.collapsable .foldout-toggle:not(.close) {
  display: block;
  position: relative;
  left: auto;
  right: auto;
  width: auto;
  height: auto;
  float: none;
  overflow: auto;
  text-indent: 0;
  background-position: 2px 0.65em;
  padding: 0.3em 0.5em 0.5em 20px;
  margin-right: 0;
}

.collapsable.big .foldout-toggle:not(.close) {
  background-position: 2px center;
}

.collapsable.big .foldout-animate-height {
  -webkit-transition: max-height 0.5s, padding-bottom 0.5s;
  transition: max-height 0.5s, padding-bottom 0.5s;
}

.collapsable .foldout-toggle:hover {
  text-decoration: none;
}

.collapsable .foldout-toggle h5 {
  margin-right: .3em !important;
}

.collapsable .foldout-toggle h5,
.collapsable .foldout-toggle p {
  display: inline;
}

.collapsable > .foldout-animate-height h5,
.collapsable > .foldout-animate-height p {
  margin-left: 0 !important;
}

.collapsable .foldout-animate-height {
  padding-left: 20px;
}

.collapsable.big.show-foldout .foldout-animate-height {
  padding-bottom: 30px;
}

.collapsable > a.close:first-child {
  top: 2px;
  right: 8px;
}

.collapsable .foldout-animate-height > a.close:last-child {
  top: auto;
  bottom: 5px;
  right: 8px;
}

a.close {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 30px;
  height: 30px;
  z-index: 60;
  cursor: pointer;
}

  a.close:before,
  a.close:after {
    content: "";
    width: 30px;
    height: 2px;
    position: absolute;
    top: 14px;
    opacity: 0;
    -moz-transition: opacity 0.3s 0.2s, -moz-transform 0.5s 0.5s;
    transition: opacity 0.3s 0.2s, transform 0.5s 0.5s;
  }

  a.close:before {
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

.show-foldout a.close:before {
  opacity: 1;
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.show-foldout a.close:after {
  opacity: 1;
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.collapsable a.close:before,
.collapsable a.close:after {
  width: 20px;
}



.search-result > div {
  transition: height 300ms;
}

  .search-result > div > div {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    height: 250px;
    overflow-y: auto;
    z-index: 1;
    /*-moz-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.1);
	box-shadow: 0 3px 10px 2px rgba(0,0,0,0.1);
	/*
	-webkit-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;*/
  }

.search-result.show-result > div > div {
  /*box-shadow: 0 0 15px 10px rgba(0,0,0,0.2);*/
}

.search-result .result {
  display: block;
  padding: 0.7em 0;
}

.search-result .summary .meta {
  margin-right: 0.5em;
  display: inline-block;
  vertical-align: top;
  padding: 2px 4px;
  text-transform: uppercase;
}

.search-result .resdiv a:first-child {
  padding-top: 0;
}

.search-result .row > div:first-child a:hover {
  text-decoration: underline;
}

.search-result .row > div:last-child a:last-child {
  margin-bottom: 60px;
}

.search-result .search-terms a {
  display: none;
}

  .search-result .search-terms a:nth-child(1),
  .search-result .search-terms a:nth-child(2),
  .search-result .search-terms a:nth-child(3) {
    display: inline;
  }

  .search-result .search-terms a:not(:nth-child(3)):after {
    content: ", ";
    display: inline;
  }

.search-result .employee {
  padding: 10px;
  margin-top: 10px;
}

.search-result #queryTags {
  z-index: 10;
  margin-right: 1em;
}

.search-result .spinner-container {
  display: none;
  height: 100%;
  margin: 0;
  position: absolute;
  z-index: 100;
}

.search-result .spinner-container {
  width: 100%;
}

.search-result.show-spinner .spinner-container {
  display: block;
}

.search-result .spinner {
  height: 100px;
}



.programme-event,
.tab {
  /*
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	*/
  display: none;
}

  .programme-event.show-event,
  .tab.show-tab {
    /*opacity: 1;
		*/
    display: block;
  }
/*
.event.show-event:after,
.tab:after {
	clear: both;
	display: table;
}
*/
.tab-select {
  cursor: pointer;
}

.sm-pinable.pinned,
.sm-pinable.sm-pin-bottom {
  position: fixed;
  top: 0;
}

.sm-pinable.sm-pin-bottom {
  top: auto;
  bottom: 0;
  left: 10px;
  right: 10px;
}

.sm-pinable-toggle {
  padding: 9px 20px 8px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s, color 0.2s, border 0.2s;
  transition: background-color 0.2s, color 0.2s, border 0.2s;
}


h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
}

.list-item h2,
h3, h4 {
  margin-bottom: 10px;
}

p {
  margin: 1em 0;
}

img {
  width: 100%;
}

  img.img-noscale {
    width: auto;
    max-width: 100%;
  }



a,
a:hover,
a:visited,
a:active,
a.link,
.btn:hover,
a.link:hover,
article a,
.downloadable a:hover,
.item-list a:hover {
  text-decoration: none;
}

  a.txt-white:hover,
  a.txt-white:active,
  .item a:hover,
  .header ul a:hover,
  article a:hover,
  footer a:hover {
    text-decoration: underline;
  }


input.button,
input[type="button"],
input[type="submit"],
.btn,
.category-item.with-button .link {
  border-radius: 4px;
  padding: 10px 12px 8px 10px;
  cursor: pointer;
}

.category-item.with-button .link {
  padding: 8px 12px 9px 10px;
}

input.button,
input[type="button"],
input[type="submit"],
.btn {
  display: block;
  width: 100%;
}

  input.button:not(.btn-outline),
  input[type="button"]:not(.btn-outline),
  input[type="submit"]:not(.btn-outline),
  .btn:not(.btn-outline) {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }

.btn-outline,
.category-item.with-button section p.link,
.category-item.with-button .link {
  display: inline-block;
  min-width: 200px;
  width: 28%;
  max-width: 400px;
  text-align: center;
  padding-right: 20px;
}

  .category-item.with-button .link:last-child {
    margin-bottom: 0;
  }

  .btn-outline,
  .btn-outline:hover {
    background-color: transparent;
  }

.btn-fullwidth {
  display: block;
  width: auto;
  max-width: none;
}

.btn-inline-big,
.btn-inline {
  display: inline-block;
  width: auto;
  padding-right: 28px;
}

.btn-inline-big {
  min-width: 180px;
}

.btn-flat {
  border-bottom-color: transparent !important;
}



article.main .btn {
  margin-top: 20px;
}

  article.main .btn + .btn {
    margin-top: 5px;
  }

h2.big {
  margin: 2em 0 1em;
  text-align: center;
}

  h2.big.margin-top {
    margin-top: 20px;
  }

.teasers > div:first-child > div:first-child h2.big {
  margin-top: 1em;
}



.header header {
  clear: both;
}

.header input,
.header header {
  min-height: 48px;
}

.header {
  margin-top: 10px;
  width: 100%;
  z-index: 101;
}

  .search-result.show-result:before,
  .header.show-nav-mobile:before {
    content: "";
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: -100px;
    opacity: 0.9;
  }

  .header .menutoggle {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    z-index: 100;
    padding: 5px 12px 6px;
    background-image: none !important;
    border: 1px solid transparent;
    width: 50px;
  }

    .header .menutoggle .bar {
      display: block;
      height: 5px;
      margin: 5px 0;
      -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
      transition: transform 0.5s, opacity 0.5s;
    }

  .header nav {
    overflow: hidden;
    max-height: 0px;
    clear: left;
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }

  .header.show-nav-mobile nav {
    max-height: 450px;
  }

  .header.show-nav-mobile .menutoggle .bar {
    opacity: 0;
  }

    .header.show-nav-mobile .menutoggle .bar:first-child {
      -webkit-transform: translate(0px, 10px) rotate(45deg);
      transform: translate(0px, 10px) rotate(45deg);
      opacity: 1;
    }

    .header.show-nav-mobile .menutoggle .bar:last-child {
      -webkit-transform: translate(0px, -10px) rotate(-45deg);
      transform: translate(0px, -10px) rotate(-45deg);
      opacity: 1;
    }

  .header.show-nav-mobile .menutoggle:before,
  .header.show-nav-mobile .menutoggle:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: -21px;
  }

  .header .menutoggle:before {
    right: 24px;
    border-left: 10px solid transparent;
  }

  .header .menutoggle:after {
    right: 14px;
    border-right: 10px solid transparent;
  }

  .header header > a {
    display: block;
    z-index: 10;
    float: left;
  }

    .header header > a:first-child + .font-headline {
      line-height: 46px;
    }

  .header h2 {
    text-indent: -999px;
    overflow: hidden;
  }

  .header h3 {
    position: absolute;
    top: 0;
    left: 60px;
    margin: 13px 1em 0;
  }

  .header ul {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
  }

    .header ul ul {
      margin-top: 0;
    }

  .header li {
    display: block;
  }

    .big-dropdown li a,
    .big-dropdown li p,
    .big-dropdown li h5,
    .header li a {
      padding: 12px 10px 10px;
    }

      .big-dropdown li a h5,
      .big-dropdown li a p {
        margin: 0;
        padding: 0;
      }

.big-dropdown li:not(:last-child) h5,
.big-dropdown li:not(:last-child) p {
  padding-bottom: 0;
}

.header li a {
  display: block;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

  .header li a:hover {
    text-decoration: none;
  }

.searchfield-container button,
.header .spinner-container,
.header button {
  display: none;
  float: right;
  position: relative;
}

.header form {
  position: absolute;
  top: 0;
  padding: 0 51px 0 58px;
  width: 100%;
  display: block;
  overflow: hidden;
}

  .searchfield-container > div,
  .header form div {
    overflow: hidden;
  }

.searchfield-container input,
.header input {
  float: left;
  line-height: 20px;
  padding: 14px 3px 14px 14px;
  margin: 0;
  height: 48px;
}

.header .spinner-container {
  height: 48px;
  width: 34px;
}

.searchfield-container button[type="reset"],
.searchfield-container button[type="submit"],
.header .spinner-container,
.header button[type="reset"],
.header button[type="submit"] {
  border: 1px solid transparent;
  overflow: hidden;
  text-indent: -999px;
}

.searchfield-container .show-result button[type="reset"],
.searchfield-container button[type="submit"],
.searchfield-container .show-spinner .spinner-container,
.header .show-spinner .spinner-container,
.header .show-result button[type="reset"],
.header button[type="submit"] {
  display: block;
}

.searchfield-container .show-spinner button[type="submit"],
.header .show-spinner button[type="submit"],
.searchfield-container .show-result button[type="submit"],
.header .show-result button[type="submit"] {
  display: none;
}


.header > div > a {
  margin-bottom: 1em;
}



.by-group {
  margin-top: 0.5em;
}

  .by-group a,
  .by-group .selected,
  .itcert span.selected {
    display: inline-block;
    margin: 0.2em 0.1em;
    padding: 0.2em 0.4em;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  .by-group a {
    cursor: pointer;
  }

    .by-group a:hover  {
      text-decoration: underline;
    }



/* dropdown */

.header .dropdown {
  z-index: 101;
  cursor: pointer;
}

.header dropdown li {
  margin: 0;
}

.header .dropdown ul:before {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  height: 1px;
  width: 31px;
}

.header .dropdown.hover ul,
.header dropdown > a {
  display: block;
}
/*.header .dropdown > a {
	cursor: pointer;
	text-indent: -999px;
	overflow: hidden;
	margin: 0 0 0 1px;
	width: 31px;
	height: 48px;
	background-position: center center;
}*/
.header .dropdown > div,
.header .dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
}

.header .dropdown.hover > div {
  display: block;
}

.header .dropdown > div {
}

  .header .dropdown > div > div,
  .header .dropdown li:first-child {
    padding-top: 1px;
  }

.header .dropdown li {
  float: none;
}

.header .dropdown > div a
.header .dropdown li a {
  padding: 10px 10px 8px;
  text-align: left;
  min-width: 150px;
}



/* big dropdown */
.big-dropdown {
  position: absolute;
  top: 67px;
  left: 120%;
  right: -10px;
  z-index: 110;
  overflow: hidden;
  -moz-transition: margin-left 0.4s ease-out, left 0.4s ease-out;
  transition: margin-left 0.4s ease-out, left 0.4s ease-out;
}

.show-nav-mobile .big-dropdown.hover {
  left: 60px;
}

.big-dropdown > div {
  min-width: 290px;
}

.big-dropdown:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  width: 3px;
  opacity: 0.3;
}

.big-dropdown ul {
  float: none;
  margin: 0;
  width: 100%;
  padding-right: 2.5%
}

.big-dropdown h5 {
  padding: 15px 7px 5px;
}

.big-dropdown a h5 {
  padding: 0;
}



/* md-dropdown */
.header .md-dropdown {
  margin-left: 0;
  margin-right: 0;
}

  .header .md-dropdown > a {
    display: none;
  }





.breadcrumb {
  list-style-type: none;
  padding: 0;
  margin: 20px 0 5px;
}

  .breadcrumb li,
  .breadcrumb li:last-child a:after {
    display: none;
  }

    .breadcrumb li:nth-last-child(2) {
      display: inline;
    }

  .breadcrumb a:before,
  .breadcrumb a:after {
    width: 22px;
    margin-right: 0;
    background-position: center center;
  }

  .breadcrumb a:after {
    display: none;
  }

  .breadcrumb a:before {
    background-position: left center;
  }




.top-teaser {
  margin-bottom: 35px;
}

  .top-teaser .img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 5px;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
  }

    .top-teaser .img:after {
      width: 150%;
      opacity: 0.8;
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
    }

  .top-teaser header {
    margin: 0;
  }

  .top-teaser p {
    border: none;
    padding: 0;
  }

    .top-teaser p:last-child {
      padding-bottom: 30px;
      margin-bottom: 0;
    }

  .top-teaser h1 {
    margin-top: 0;
    padding-top: 20px;
  }

  .top-teaser header > .foldout {
    min-height: 0;
  }

    .top-teaser header > .foldout .foldout-toggle {
      padding: 5px 20px 20px;
    }

  .top-teaser .foldout .foldout-animate-height {
    max-height: 36px;
  }

  .top-teaser .foldout.show-foldout .foldout-animate-height {
    max-height: 300px;
  }

  .top-teaser .foldout.show-foldout .foldout-toggle {
    display: none;
  }


.funnel .receipt header h1,
article header h1 {
  padding-top: 20px;
  margin: 0 20px 33px;
}

article > header p,
article header .foldout .foldout-animate-height p {
  padding-left: 11px;
  margin: 0 20px 10px;
}

article.main {
  margin-top: 50px;
}

  article.main header span {
    display: inline-block;
    margin-bottom: 5px;
  }

  article.main > section.item-list,
  article.main > section.index,
  article.main > related.item-list,
  article.main > section.programme {
    clear: both;
  }

  article.main > section,
  article.main > header {
    float: none;
  }

article section h2 {
  margin: 1.7em 0 0;
}

article.main h3,
article.main h4,
article.main h5,
article.main h6 {
  margin: 1.1em 0 0;
}

article.main section h2:first-child,
article.main section h3:first-child,
article.main section h4:first-child,
article.main section h5:first-child,
article.main section h6:first-child {
  margin: 0;
}

article section h2 + p {
  margin-top: .7em;
}

article.main h3 + p,
article.main h4 + p,
article.main h5 + p,
article.main h6 + p {
  margin-top: .45em;
}

article.main > header .partner-logo,
article.main section img.cms-image.float-right,
article.main section img {
  width: auto;
  max-width: 49%;
  margin: 0 0 2em 1em;
  float: right;
  clear: right;
}

  article.main section img.photo {
    max-width: 20%;
    margin: 0 1em 2em 0;
  }

  article.main section img.fullwidth {
    max-width: none;
    width: 100%;
  }

  article.main section img.cms-image {
    max-width: 100%;
    width: auto;
  }

  article.main section img.fullwidth,
  article.main section img.cms-image {
    margin: 1em 0;
  }

    article.main section img.cms-image.float-right {
      margin: 0 0 1em 1em;
    }

    article.main section img.cms-image.float-left {
      margin: 0 1em 1em 0;
    }

    article.main section img.photo,
    article.main section img.cms-image.float-left {
      float: left;
      clear: left;
    }

  article.main section img.fullwidth,
  article.main section img.cms-image {
    float: none;
    clear: both;
  }

article.main > header .partner-logo {
  max-width: 33%;
  margin-right: 20px;
}

article.main > header {
  margin-bottom: 20px;
}

  article.main > header > h1:last-child {
    margin-bottom: 13px;
  }

  article.main > header + section p:first-child {
    margin-top: 0;
  }

  article.main > header + section:last-child p:last-child {
    margin-bottom: 0;
  }



.category-item ul,
.category-item ol,
article.main ul,
article.main ol {
  padding: 0 20px;
  margin: 20px 0;
  clear: left;
}

  article.main ul:first-child,
  article.main ol:first-child {
    margin-top: 0;
  }

  .category-item ul:last-child,
  .category-item ol:last-child,
  article.main ul:last-child,
  article.main ol:last-child {
    margin-bottom: 0;
  }

.top-teaser .foldout ul,
.category-item ul,
article.main ul {
  list-style-type: none;
}

  .top-teaser .foldout ul li:before,
  .category-item ul li:before,
  article.main .programme ul ul li:before,
  article.main ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    left: -20px;
    top: 3px;
  }

article.main .programme ol > li:before,
article.main ol > li:before {
  display: none;
}

.top-teaser .foldout li,
.category-item li,
article.main li {
  margin: 10px 0;
}

article.main header .tools {
  padding: 20px 20px 0;
}


.center-text,
.slides.quote {
  text-align: center;
}

blockquote {
  max-width: 85%;
  padding: 0 0 0 55px;
  margin: 2em auto;
  white-space: normal;
}
  /*
.teasers blockquote {
	display: inline-block;
	text-align: left;
}
*/
  blockquote:before {
    content: '“';
    position: absolute;
    left: -12px;
    display: block;
    width: 60px;
    height: 40px;
    font-size: 140px;
    line-height: 105px;
  }

  blockquote .statement {
    margin-bottom: 0.5em;
  }



.label {
  margin-right: 0.7em;
  display: inline-block;
}

  .label.new {
    vertical-align: baseline;
    padding: 2px 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

.social_share,
.addthis_toolbox {
  z-index: 10;
  margin-top: 1px;
  margin-bottom: 10px;
  float: right;
}

.label.length {
  display: inline;
}

.tools .social_share a {
  display: inline-block;
  float: left;
  overflow: hidden;
  padding-left: 32px;
  text-indent: -999px;
  min-width: 32px;
  height: 32px;
  margin: 0 1px 0 2px;
  background-position: 0px center;
  background-size: 32px 32px;
  width: auto;
}

  .tools .social_share a:hover {
    text-decoration: none;
  }

.social_share a > div {
  display: none;
  text-indent: 0;
  padding: 2px 5px;
  height: 32px;
  /*border: 2px solid #5a8ab4;
	border-left: none;
	background-color: #fff;
	color: #fff;*/
  font-size: 9px;
  line-height: 30px;
  white-space: nowrap;
}
/*.tools:after {
	content: "";
	clear: both;
	display: table;
}*/


.downloadable {
  margin: 0.8em 0;
  clear: both;
}

article.main .item-list h5,
article.main .item-list h6,
article.main .downloadable h6 {
  margin: 0;
}

.list-view .item-list ul,
article.main .item-list ul {
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.list-view .item-list li:before,
article.main .item-list li:before {
  display: none;
}

.list-view .item-list li,
article.main .item-list li {
  margin: 15px 0;
  overflow: hidden;
}

  article.main .downloadable a,
  .list-view .item-list li,
  article.main .item-list li,
  .list-view .item-list li a,
  article.main .item-list li a {
    min-height: 45px;
  }

    article.main .downloadable a,
    article.main .item-list .vcard,
    .list-view .item-list li a,
    article.main .item-list li a {
      display: inline-block;
      padding-left: 52px;
    }

    article.main .item-list li.type-link a {
      padding-left: 0;
    }

article.main table {
  margin: 25px 0 30px;
  width: 100%;
}

article.main th,
article.main td {
  text-align: left;
  padding: 5px 5px 15px;
  vertical-align: top;
}

article.main th {
  padding-bottom: 5px;
}

  article.main th:last-child,
  article.main td:last-child {
    border-right: none;
  }

article.main .downloadable p,
.item-list p {
  margin: 0;
  padding: 0;
}

.list-view > div > .item-list {
  margin: 0;
}

  .list-view > div > .item-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 40px;
    margin: 2px 0;
  }

    .list-view > div > .item-list li.selected:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

  .list-view > div > .item-list > h5 {
    margin: 5px 0 20px;
    padding: 0;
    border: none;
  }

  .list-view > div > .item-list h6 {
    margin-top: 3px;
  }

.list-view article.main .illustration {
  float: none;
  margin-left: 0;
}

.list-view article header h2 {
  margin-bottom: 34px;
}


article.main .item-list .vcard {
  margin-right: 30px;
}

  article.main .item-list .vcard li,
  article.main .item-list .vcard li a,
  .item-list .vcard .image {
    min-height: 0;
    margin: 0;
  }

    .list-view .item-list .vcard li a,
    article.main .item-list .vcard li a {
      padding-left: 0;
    }

div.image,
article.main div.image,
.item-list .vcard .image {
  position: absolute;
  left: -3px;
  display: block;
  overflow: hidden;
  width: 46px;
  height: 46px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

  div.image img,
  article.main div.image img,
  .item-list .vcard .image img {
    width: 100%;
    margin: 0;
    float: none;
    max-width: none;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }

.item-list .vcard .image {
  background-image: url('../img/icon-profile-small-grey-alt.svg');
  background-size: 80%;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.item-list .vcard.support .image {
  background-image: url('../img/icon-profile-small-blue.svg');
}





div.image.large {
  position: relative;
  left: 0;
  width: 80%;
  height: 0;
  padding: 0 0 80% 0;
  margin: 0 10%;
}

article.main .item-list .vcard .type-tel {
  margin-top: 5px;
}

article.main div.image {
  position: relative;
  float: left;
  clear: left;
  width: 80px;
  height: 80px;
  margin: 0.92em 10px 10px 0;
}

  article.main div.image.headline-follows {
    margin-top: 27px;
  }


article.main .item-list .phonebook > li {
  padding-bottom: 10px;
  overflow: visible;
}

  article.main .item-list .phonebook > li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

article.main .item-list .phonebook .vcard {
  display: block;
  margin-right: 0;
}

  article.main .item-list .phonebook .vcard > li {
    overflow: visible;
  }

  article.main .item-list .phonebook .vcard span.IN-widget {
    vertical-align: middle !important;
  }

  article.main .item-list .phonebook .vcard > li a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

article.main .item-list .phonebook.no-image .vcard {
  padding-left: 0;
}

article.main .item-list .phonebook.no-image .image {
  display: none;
}


article.main .tableStyle1 {
  width: auto;
  max-width: 100%;
}

  article.main .tableStyle1 th,
  article.main .tableStyle1 td {
    padding: 5px;
  }

  article.main .tableStyle1 img.cms-image {
    margin: 0;
  }


.top-teaser.laboratory a:hover {
  text-decoration: underline;
}

.top-teaser.laboratory p:last-child {
  padding-bottom: 0;
}

article.main table.laboratory.prices td {
  width: 100%;
}

  article.main table.laboratory.prices td:last-child {
    text-align: right;
    min-width: 110px;
  }

article.main table.laboratory.prices span {
  float: left;
}

article.main table.laboratory img {
  margin-bottom: 0;
}



article.main .index > div {
  padding: 10px;
}

article.main .index h5 {
  /* foldout reset */
  position: relative;
  left: auto;
  right: auto;
  width: auto;
  height: auto;
  text-indent: 0;
  background-image: none !important;
  overflow: auto;
  margin: 0;
  padding: 0 10px;
}

article.main .index a {
  display: block;
  padding: 2px 10px;
}

  article.main .index a:first-child {
    margin-top: 5px;
  }

  article.main .index a:hover {
    text-decoration: none;
  }


.index.foldout {
  padding: 10px;
  margin: 30px 20px 20px;
  z-index: 1;
  float: none;
  width: auto;
}

  .index.foldout .foldout-toggle:after {
    float: right;
    margin-top: 5px;
    margin-right: 0;
  }

  .index.foldout .foldout-animate-height {
    padding: 0;
  }

  .index.foldout.show-foldout .foldout-animate-height {
    max-height: 2100px;
  }

  .index.foldout:before,
  .index.foldout:after {
    display: none;
  }



.programme {
  background-color: transparent;
  overflow: hidden;
  margin-bottom: 10px;
}

article.main .programme h5 {
  padding-left: 20px;
  margin-top: 10px;
}

.programme li:before {
  display: none;
}

.route,
article.main .programme > div,
article.main .programme > ul {
  padding: 10px 20px 20px;
  margin: 10px 0 0;
  box-shadow: inset 0 10px 20px -15px rgba(0,0,0,0.3);
}

.programme li {
  display: table-row;
}

  .programme li > div {
    display: table-cell;
    vertical-align: top;
    padding-top: 1em;
  }

    .programme li > div:first-child {
      width: 20%;
      padding-right: 1em;
    }

article.main section.programme h6 {
  margin: 0;
}

.programme .headline {
  display: block;
}

  .programme .headline:not(:first-child) h6 {
    margin-top: 3em;
    padding-top: 1em;
  }

.programme .path {
  padding: 0 0 0 11px;
  margin: 5px 0 10px 0;
}

article.main section.programme .path:not(:first-of-type) h6 {
  margin: 0;
}

article.main .programme ul {
  padding: 0;
  margin: 0;
}

  article.main .programme ul ul {
    box-shadow: none;
    padding: 0 0 0 20px;
  }

.programme ul ul li {
  display: block;
}

  .programme ul ul li:before {
    display: block;
  }

.route-select,
.programme select {
  width: 100%;
  height: auto;
  margin: 10px 0;
  padding: 10px 40px 10px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-position: 96% center;
  -webkit-appearance: none;
}

  .route-select:focus,
  .programme select:focus {
    outline: 0;
  }

article.main .programme .day-selector {
  margin-bottom: 20px;
}
/*.programme .day-selector:before,*/
.programme .tab.show-tab:before {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  /*
	bottom: -10px;
	height: 40px;
	*/
  top: -10px;
  height: 80px;
}

.programme .day-selector li {
  display: inline-block;
  margin-right: 1em;
}

.programme .day-selector a:before,
.programme .day-selector a:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -21px;
  left: 50%;
}

.programme .day-selector a:before {
  border-left: 10px solid transparent;
  margin-left: -10px;
}

.programme .day-selector a:after {
  border-right: 10px solid transparent;
}

.programme .day-selector a:hover {
  text-decoration: none;
}

.programme.foldout .foldout-animate-height p {
  margin: 0.3em 0 !important;
}

.programme .foldout-toggle {
  background-image: none !important;
  text-indent: 0;
  text-align: center;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 2em 2em 2.5em;
}

  .programme .foldout-toggle span {
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 10px 7px;
  }

  .programme .foldout-toggle:hover span {
    text-decoration: none;
  }

.programme .foldout-animate-height {
  max-height: 292px;
}

.programme.show-foldout {
  margin-top: 0;
}

  .programme.show-foldout .foldout-animate-height {
    max-height: 7000px;
  }

  .programme.show-foldout .foldout-toggle {
    display: none;
  }


.funnel .participants .foldout,
.foldout.reset-styles,
.programme .foldout {
  background-color: transparent;
}

  .funnel .participants .foldout:before,
  .funnel .participants .foldout:after,
  .foldout.reset-styles:after,
  .foldout.reset-styles:before,
  .programme .foldout:before,
  .programme .foldout:after {
    display: none;
  }

  .funnel .participants .foldout .foldout-toggle,
  .foldout.reset-styles .foldout-toggle,
  .programme .foldout .foldout-toggle {
    display: block;
    left: 0;
    text-align: left;
    position: relative;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    float: none;
    cursor: pointer;
  }

.foldout.reset-styles {
  margin-top: 0;
}

  .foldout.reset-styles .foldout-toggle {
    background-image: none !important;
    right: auto;
    left: auto;
    overflow: visible;
    height: auto;
    text-indent: 0;
    display: inline-block;
  }

.programme .foldout .foldout-toggle {
  display: block;
}

.programme .foldout .foldout-animate-height {
  max-height: 0;
}

.programme .foldout.show-foldout .foldout-animate-height {
  max-height: 1000px;
}

.programme .foldout.show-foldout {
  margin: 5px 0 10px 0;
}


.foldout.fade-out .foldout-animate-height {
  padding: 0;
  border-bottom: none;
}

  .foldout.fade-out .foldout-animate-height p {
    margin: 0 !important;
  }

  .foldout.fade-out .foldout-animate-height:after {
    content: "";
    position: absolute;
    left: -26px;
    right: -26px;
    bottom: 0;
    height: 0;
    opacity: 1;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
  }

.foldout.fade-out.show-foldout .foldout-animate-height:after {
  opacity: 0;
}

.foldout.fade-out .foldout-toggle {
  border-top: none;
}

.funnel .participants .foldout .foldout-toggle {
  display: inline;
}


article.main .related ul {
  padding: 0;
  clear: none;
}

article.main .related h5 {
  margin: 0;
}

.related li:before {
  display: none;
}



.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }



.item {
  margin-bottom: 10px;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

  .item > div.padding {
    padding-bottom: 20px;
  }

  .item footer {
    bottom: 0;
    position: absolute;
  }

  .item.big {
    margin-bottom: 30px;
  }

    .item.big:after {
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
      opacity: 0.95;
    }

    .item.big:after {
      width: 100%;
    }

    .item.big .padding {
      max-width: 80%;
    }

    .item.big .padding {
      z-index: 1;
    }

    .item.big div.padding {
      height: 100%;
    }

    .item.big h4 {
      width: 80%;
    }

  .item header p {
    padding: 0;
    border: none;
    margin: 0;
  }

  .item.svg > div {
    background-size: 90px;
    background-position: 92% 17px;
    background-repeat: no-repeat;
  }



.vcard p {
  margin: 0;
}

ul.links,
.vcard h5 + p,
ul.vcard,
.vcard ul {
  list-style-type: none;
  padding: 0;
  margin: 15px 0 15px 0;
}

  .vcard h5 + p:last-child,
  ul.vcard:last-child,
  .vcard ul:last-child {
    margin-bottom: -2px;
  }

.vcard li.type-tel,
.vcard li.type-email,
.vcard li.type-linkedin,
.vcard li.type-facebook,
.vcard li.type-twitter,
.vcard li.type-chat,
.vcard li.type-faq,
.vcard li.type-fax {
  padding: 2px 0 2px 20px;
}

.vcard .type-map-link {
  margin: 0.5em 0;
}

  .vcard .type-map-link:before {
    width: 15px;
    margin-right: 5px;
    background-size: 15px 15px;
  }

.vcard a {
  background: none;
  padding: 0;
}

ul.links:first-child {
  margin-top: 0; /*-8px*/
}

ul.links li {
  padding: 8px 0;
}

  ul.links li.type-linkedin,
  ul.links li.type-facebook,
  ul.links li.type-twitter {
    padding-left: 34px;
  }

  ul.links li.type-linkedin {
    background-size: 30px 30px;
    background-position: -.1em .1em;
  }

  ul.links li.type-facebook {
    background-size: 26px 26px;
    background-position: -.4em .2em;
  }

  ul.links li.type-twitter {
    background-size: 36px 36px;
    background-position: -.3em 0em;
  }



.teasers {
  margin-top: 50px;
}

.categories {
  padding-bottom: 50px;
  margin-bottom: 60px;
}

.category-item {
  position: relative;
}

  .category-item > div:last-child,
  .category-item > a > div:last-child,
  .category-item section {
    z-index: 1;
  }

    .category-item section p:last-child {
      margin-bottom: 0;
    }

    .category-item section p:first-child {
      margin-top: 0.2em;
    }

  .category-item > div,
  .category-item > a > div {
    margin-left: 25%;
  }

article.main .category-item > div {
  margin-left: 0;
}


a.category-item,
.category-item a {
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: -12.5% 50%;
  display: block;
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

input[type=submit].link,
article.main .category-item .padding a {
  display: block;
  background: none;
  width: auto;
  margin: 0 auto;
}

input[type=submit].link {
  border-bottom-color: transparent;
}

  article.main .category-item > * a:hover,
  input[type=submit].link:hover {
    text-decoration: underline;
  }

.list-item a:hover,
.category-item a:hover {
  text-decoration: none;
}

.list-item .img:after,
.category-item.color-overlay .color-overlay,
.category-item:not(.color-overlay) > a:after,
a.category-item:not(.color-overlay):after {
  content: "";
  opacity: 0.35;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: 0;
  position: absolute;
  width: 25%;
  height: 100%;
  z-index: 0;
}

article.main a.category-item.billboard:not(.color-overlay):after {
  width: 100%;
  left: 0;
}

article.main a.category-item:hover {
  text-decoration: none;
}

.list-item:hover .img:after,
a.category-item:hover:after,
.category-item > a:hover:after,
.category-item.fullframe > a:hover:after,
a.category-item.fullframe:hover:after,
.category-item.color-overlay a:hover .color-overlay,
.category-item.overlay-on-hover.color-overlay .color-overlay,
a.category-item.overlay-on-hover:after,
.category-item.overlay-on-hover > a:after {
  opacity: 0;
}

.category-item.fullframe > a:after,
a.category-item:after,
a.category-item.fullframe:after,
.category-item.color-overlay .color-overlay,
.category-item.overlay-on-hover.color-overlay > a:hover .color-overlay,
a.category-item.overlay-on-hover.color-overlay:hover .color-overlay,
a.category-item.overlay-on-hover:hover:after,
.category-item.overlay-on-hover > a:hover:after {
  opacity: 0.35;
}

.category-item.solid-overlay .color-overlay,
.category-item.overlay-on-always.color-overlay .color-overlay,
.category-item.overlay-on-always.color-overlay > a:hover .color-overlay,
.category-item.overlay-on-always.solid-overlay > a:hover:after,
.category-item.overlay-on-hover.solid-overlay > a:hover .color-overlay,
.category-item.overlay-on-hover.solid-overlay > a:hover:after,
a.category-item.overlay-on-always.color-overlay:hover .color-overlay,
a.category-item.overlay-on-always.solid-overlay:hover:after,
a.category-item.overlay-on-hover.solid-overlay:hover .color-overlay,
a.category-item.overlay-on-hover.solid-overlay:hover:after {
  opacity: 1;
}

.category-item.fullframe section,
.category-item.fullframe h5,
.category-item.fullframe h2 {
  -moz-transition: color .2s;
  transition: color .2s;
}

.list-item .img,
.category-item .img {
  position: absolute;
  width: 25%;
  height: 100%;
  left: -25%;
  bottom: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.list-item,
.category-item > a {
  min-height: 116px;
}

  .list-item.medium,
  .category-item.medium > a {
    min-height: 179px;
  }

    .list-item.medium h5,
    .category-item.medium h5 {
      margin-bottom: 1em;
    }

.category-item header p {
  margin: 0;
  padding: 0;
  border: none;
}

article.main .category-item > .padding {
  margin: 0;
  background-color: transparent;
}

article.main .category-item .img,
article.main .category-item .bg-video {
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.category-item ul:first-child,
.category-item ul:first-child {
  margin-top: 1em;
}

.category-item li {
  margin: 2px 0;
}

  .category-item li:first-child {
    margin-top: 0;
  }

  .category-item li:last-child {
    margin-bottom: 0;
  }


.category-item.alternate a:after {
  opacity: 0;
}

.category-item.darken-overlay-on-hover a:hover:after,
.category-item.alternate a:hover:after {
  opacity: 0.7;
}

.category-item.alternate.svg .img {
  background-size: contain;
  background-position: center center;
}

.category-item.large .label {
  margin-top: 0.3em;
}


.category-item.img-only .img,
.category-item.img-only > a:after {
  width: 100%;
  left: 0;
  margin-left: 0;
}

.category-item.svg.img-only .img {
  width: 70%;
  height: 80%;
  left: 15%;
  top: 10%;
}

.category-item.img-only .img {
  z-index: 10;
  background-color: transparent;
}

.category-item.img-only > a > :not(.img) {
  display: none;
}


.category-item.external:after {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 20;
  margin-right: 0;
}



.category-item.fullframe > a > div,
.category-item.fullframe > a .color-overlay {
  margin-left: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.category-item.fullframe .img {
  z-index: 0;
}

.category-item.fullframe > a:after {
  width: 100%;
}



.category-item.bottom-align-date .date {
  display: table-cell;
  vertical-align: bottom;
  height: 2.5em;
  padding-top: .5em;
}

.category-item.hide-header-on-hover section {
  display: block;
  position: absolute;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
}

.category-item.hide-header-on-hover .padding > section {
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
}

.category-item.hide-header-on-hover header,
.category-item.hide-header-on-hover a:hover section {
  opacity: 1;
}

.category-item.hide-header-on-hover a:hover header,
.category-item.hide-header-on-hover section {
  opacity: 0;
}

article.main .category-item.billboard .bg-white-gradient-after:after,
article.main .category-item.billboard .bg-lightestestgrey-gradient-after:after,
article.main .category-item.billboard .bg-lightestgrey-gradient-after:after,
article.main .category-item.billboard .bg-white-before:before,
article.main .category-item.billboard .bg-lightestestgrey-before:before,
article.main .category-item.billboard .bg-lightestgrey-before:before {
  opacity: .95;
}

article.main .category-item.billboard .bg-brandgreen-gradient-after:after,
article.main .category-item.billboard .bg-black-gradient-after:after,
article.main .category-item.billboard .bg-darkgrey-gradient-after:after,
article.main .category-item.billboard .bg-darkergrey-gradient-after:after,
article.main .category-item.billboard .bg-brandgreen-before:before,
article.main .category-item.billboard .bg-black-before:before,
article.main .category-item.billboard .bg-darkgrey-before:before,
article.main .category-item.billboard .bg-darkergrey-before:before {
  opacity: .9;
}


.img .category-item,
.img .category-item.invert,
.img .category-item.invert div {
  background-color: transparent;
}


article.main .category-item.billboard {
  clear: both;
}


.bg-brandgreen-before:before,
.bg-white-before:before,
.bg-lightestgrey-before:before,
.bg-lightestestgrey-before:before,
.bg-darkgrey-before:before,
.bg-darkergrey-before:before,
.bg-black-before:before,
.bg-brandgreen-gradient-after:after,
.bg-white-gradient-after:after,
.bg-lightestgrey-gradient-after:after,
.bg-lightestestgrey-gradient-after:after,
.bg-darkgrey-gradient-after:after,
.bg-darkergrey-gradient-after:after,
.bg-black-gradient-after:after,
.overlay-black-gradient:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100%;
  z-index: -1;
}

.bg-brandgreen-gradient-after .category-item a:after,
.bg-white-gradient-after .category-item a:after,
.bg-lightestgrey-gradient-after .category-item a:after,
.bg-lightestestgrey-gradient-after .category-item a:after,
.bg-darkgrey-gradient-after .category-item a:after,
.bg-darkergrey-gradient-after .category-item a:after,
.bg-black-gradient-after .category-item a:after,
.overlay-black-gradient .category-item a:after {
  display: none;
}

article.main .category-item.billboard .bg-brandgreen-before:before,
article.main .category-item.billboard .bg-white-before:before,
article.main .category-item.billboard .bg-lightestgrey-before:before,
article.main .category-item.billboard .bg-lightestestgrey-before:before,
article.main .category-item.billboard .bg-darkgrey-before:before,
article.main .category-item.billboard .bg-darkergrey-before:before,
article.main .category-item.billboard .bg-black-before:before {
  right: auto;
  width: 100%;
}

article.main .category-item.billboard .bg-brandgreen-gradient-after:after,
article.main .category-item.billboard .bg-white-gradient-after:after,
article.main .category-item.billboard .bg-lightestgrey-gradient-after:after,
article.main .category-item.billboard .bg-lightestestgrey-gradient-after:after,
article.main .category-item.billboard .bg-darkgrey-gradient-after:after,
article.main .category-item.billboard .bg-darkergrey-gradient-after:after,
article.main .category-item.billboard .bg-black-gradient-after:after {
  display: none;
}



.bg-video,
.bg-video > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

  .bg-video > div {
    left: -84%;
    right: -84%;
  }

    .bg-video > div > div {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      -moz-transform: translateY(-50%) translateX(-50%);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
    }

  .bg-video *,
  .bg-video .video-container,
  .bg-video .video-container iframe {
    pointer-events: none !important;
  }

.bg-video-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}




.list-item > a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.list-item .img {
  left: 0;
}

  .list-item .img:after {
    width: 100%;
  }

.list-item ul {
  list-style-type: none;
  padding: 0;
}

.list-item h4,
.list-item .id,
.list-item header,
.list-item section {
  clear: right;
  float: right;
  pointer-events: none;
}

.list-item header {
  padding: 20px 20px 15px;
  width: 75%;
}

.list-item h4 {
  margin-left: 1.3em;
  margin-bottom: 0;
}

.list-item .currency {
  display: none;
  margin-right: 0.3em;
}

.list-item .currency-short {
  display: inline-block;
  margin-left: 0.3em;
}

.list-item .nextdate {
  margin-top: 0.5em;
}

/* TODO */
.list-item.alt h4 {
  position: absolute;
  bottom: 15px;
  float: none;
  right: 20px;
}

.list-item .nextdate.icon {
  padding-left: 20px;
}

.nextdate.icon:before {
  position: absolute;
  left: -1px;
  height: 1.1em;
  background-position: left center;
}
/* END TODO */


.list-item section {
  padding: 0 20px 20px;
}

  .list-item section p,
  .list-item section ul {
    margin-top: 0;
  }

  .list-item section p {
    padding-top: 4px;
    height: 123px;
    overflow: hidden;
  }

  .list-item section:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 40px;
  }

  .list-item section p:last-child {
    margin-bottom: 0;
  }

.list-item .events {
  float: right;
  width: 48%;
  margin-left: 25px;
  padding: 0;
  z-index: 10;
}
/*.list-item .events a {
	pointer-events: auto;
}*/

/*.list-items > .md-col-only.lg-col-only {
	padding-bottom: 53px;
}*/
.list-items > .md-col-only.lg-col-only > div {
  position: absolute;
  margin-top: 0;
}

.events.legend {
  margin: 0;
  padding: 15px 20px;
}

  .events.legend ul {
    float: right;
  }

    .events.legend ul li:last-child {
      margin-right: 0;
    }

  .events.legend > div > span:before {
    display: none;
  }


/* Early bird */

.list-item .earlybird {
  float: right;
}

  .list-item .earlybird:not(.earlybird--label) {
    min-width: 48%;
    margin-left: 20px;
  }

  .list-item .earlybird.earlybird--label {
    clear: right;
  }

.earlybird--spot {
  float: left;
  white-space: nowrap;
}

  .earlybird--spot .earlybird--label {
    padding: .5em .85em;
    margin: .25em 5px .25em 0;
  }

  .earlybird--spot .earlybird--label,
  .earlybird--spot > *:not(.earlybird--label):not(.earlybird--price) {
    vertical-align: middle;
  }

  .earlybird--spot > *:not(.earlybird--label):not(.earlybird--price) {
    display: inline-block;
  }

.earlybird--price {
  white-space: nowrap;
}

.list-item .earlybird.earlybird--label,
.event-list span.earlybird--label {
  padding: .1em .3em .05em;
}

.list-item .earlybird .earlybird--before {
  margin-left: 0;
  margin-bottom: 0;
  float: none;
}

.funnel .events .earlybird--spot > div:not(.earlybird--label) {
  padding-left: .3em;
}

.events span.earlybird--label:before,
.events .earlybird--spot span:before {
  display: none;
}

.events .earlybird--spot {
  text-align: right;
  float: right;
}

  .events .earlybird--spot,
  .events .earlybird--spot > * {
    float: none;
    margin-right: 0;
  }

    .events .earlybird--spot span {
      display: inline;
    }

@media only screen and (min-width: 860px) {
  .list-item .earlybird:not(.earlybird--label) {
    min-width: 46.3%;
    margin-left: 20px;
  }
}
/*
@media only screen and (min-width: 1160px) {	
	.earlybird--spot h4,
	.list-item .earlybird--spot > *:not(.earlybird--label) {
		margin-left: 5px;
	}
}*/
/* End Early bird */



.newsletter {
  margin-bottom: 0;
}

  .newsletter.svg > div,
  article.main .newsletter.svg > * {
    height: 100%;
    background-position: 300% 0;
    background-repeat: no-repeat;
  }

  .newsletter header p {
    margin-top: 0.2em;
    margin-bottom: 10px;
  }

  form label,
  .newsletter form button {
    margin-top: 0.5em;
  }

    form label input[type="checkbox"],
    form label input[type="radio"] {
      float: left;
    }

      form label input[type="checkbox"] ~ p:last-child,
      form label input[type="radio"] ~ p:last-child {
        padding-left: 2em;
        margin-top: 0.38em;
        margin-bottom: .5em;
      }

article.main .category-item:not(.invert) input:not([type=submit]) {
  box-shadow: 0 0 10px rgba(255,255,255,.5);
}


.newsletter form p:last-child {
  margin-bottom: 0;
}

.message .sending,
.message .error,
.message .done,
.message.sending form,
.message.error form,
.message.done form,
.newsletter .sending,
.newsletter .error,
.newsletter .done,
.newsletter.sending form,
.newsletter.error form,
.newsletter.done form {
  display: none;
}

  .message.sending .sending,
  .message.error .error,
  .message.done .done,
  .newsletter.sending .sending,
  .newsletter.error .error,
  .newsletter.done .done {
    display: block;
  }

article.main .newsletter .sending,
article.main .newsletter .error,
article.main .newsletter .done {
  background-color: transparent;
}

article.main .category-item.newsletter .sending,
article.main .category-item.newsletter .error,
article.main .category-item.newsletter .done {
  margin-top: 40px;
}

article.main .category-item.newsletter .padding a {
  display: inline;
}

.message .sending h5,
.message .done h5,
.newsletter .sending h5,
.newsletter .done h5 {
  text-align: center;
  padding-top: 120px;
}

.message .error h5,
.message .error p,
.newsletter .error h5,
.newsletter .error p {
  text-align: center;
}

.spinner:before,
.spinner:after,
.message .sending h5:before,
.message .sending h5:after,
.message .done h5:before,
.newsletter .sending h5:before,
.newsletter .sending h5:after,
.newsletter .done h5:before {
  top: 0;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 100px;
}

.header .spinner-container {
  text-indent: 0;
}

.spinner.small:before,
.spinner.small:after {
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

.spinner.small:before,
.spinner.small:after {
  margin-left: -8px;
}

.spinner-container .spinner.small {
  width: 20px;
  height: 20px;
}

.spinner-container .spinner,
.spinner-container:after {
  display: inline-block;
  vertical-align: middle;
}

.spinner-container:after {
  content: "";
  height: 97%;
  margin-left: -0.005em;
}


.newsletter.horizontal .sending h5,
.newsletter.horizontal .done h5 {
  padding-top: 95px;
}

  .newsletter.horizontal .sending h5:before,
  .newsletter.horizontal .sending h5:after,
  .newsletter.horizontal .done h5:before {
    margin-left: -40px;
    width: 80px;
    height: 80px;
  }

article.main .newsletter:not(.category-item) {
  clear: both;
  height: auto !important;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

  article.main .newsletter:not(.category-item):before,
  article.main .newsletter:not(.category-item):after {
    clear: both;
    content: "";
    position: absolute;
    left: -20px;
    right: -20px;
    bottom: 0;
    height: 1px;
  }

  article.main .newsletter:not(.category-item):before {
    top: 0;
  }

article.main .newsletter > header:after {
  content: "";
  display: table;
  clear: both;
}

.spinner:before,
.message .sending h5:before,
.newsletter .sending h5:before {
  -webkit-animation: rotateCounter360 2.2s linear infinite;
  animation: rotateCounter360 2.2s linear infinite;
}

.spinner:after,
.message .sending h5:after,
.newsletter .sending h5:after {
  -webkit-animation: rotate360 1.3s linear infinite;
  animation: rotate360 1.3s linear infinite;
}

@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateCounter360 {
  0% {
    -webkit-transform: rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes rotateCounter360 {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}


aside.md-col-push-right,
aside.lg-col-push-right {
  min-height: 62px;
}


.evaluation {
  padding: 12px 20px 15px;
  margin-bottom: 0;
}

  .evaluation h4 {
    margin: 5px 0 0;
    display: none;
  }

  .evaluation .stars {
    width: 130px;
    margin-right: 16px;
  }

  .evaluation .stars-filled {
    height: 100%;
    text-indent: -999px;
    overflow: hidden;
  }
  /*.evaluation .foldout.show-foldout {
	margin-top: 40px;
}*/
  .evaluation h4,
  .evaluation .stars {
    float: left;
  }

  .evaluation .stars,
  .evaluation .foldout-toggle {
    height: 24px;
  }

.main .evaluation .foldout:before,
.main .evaluation .foldout:after {
  left: 80px;
}

.main .evaluation .foldout-toggle {
  right: auto;
  width: 160px;
}

.sm-pinable {
  background-color: #fff;
  padding: 15px 20px;
  margin-top: 0;
  position: absolute;
  z-index: 99;
  left: 5px;
  right: 5px;
}

  .funnel .sm-pinable,
  .sm-pinable.pinned,
  .sm-pinable.sm-pin-bottom {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
  }

  .sm-pinable.sm-pin-fullwidth {
    left: 0;
    right: 0;
  }

  .sm-pinable .support {
    margin: 0;
    height: 26px;
    max-height: 0;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
    overflow: hidden;
    background-color: transparent;
    text-align: center;
    margin-left: -5px;
    margin-right: -5px;
  }

  .sm-pinable.show-sm-pinable .support {
    max-height: 100px;
  }

  .sm-pinable .support div {
    display: none;
  }

  .sm-pinable .support h4,
  .sm-pinable .support ul {
    display: inline-block;
  }

  .sm-pinable .support h4 {
    padding-left: 0;
  }

  .sm-pinable .support ul {
    margin-right: 0;
    margin-left: 5px;
  }

  .sm-pinable .support li:not(:last-child) {
    padding-right: 5px;
  }

  .sm-pinable .support li {
    display: inline-block;
  }

  .sm-pinable .support .type-faq:after,
  .sm-pinable .support .type-email,
  .sm-pinable .support .type-chat {
    display: none;
  }

.sm-pinable-toggle {
  border-radius: 4px;
  text-align: center;
}

  .sm-pinable-toggle.show-sm-pinable {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.sm-pinable .sm-pinable-toggle.show-sm-pinable {
  border-bottom: none;
}

.show-sm-pinable .sm-pinable-toggle:after {
  height: 22px;
  right: 5px;
  position: absolute;
}

.sm-pinable-hide {
  display: none;
}




.events-signup {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  max-height: 0;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
  overflow: hidden;
}

.show-sm-pinable .events-signup {
  max-height: 1000px;
}

.events {
  padding-top: 1px;
  padding-bottom: 15px;
}

  .events ul {
    list-style: none;
    padding: 0;
    text-align: left;
  }

  .events li {
    padding: 4px 0;
  }

  .events h5 {
    float: right;
    clear: both;
    margin-left: 1em;
  }

  .events > a:hover,
  .events p > a:hover {
    text-decoration: underline;
  }

  .events span {
    display: inline-block;
  }

  .events .foldout-toggle {
    display: block;
  }

  .events .date-long {
    display: none;
  }

  .events .legend li:before,
  .events span:before {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #999;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 7px 0 0;
  }

  .events label > span.time {
    display: block;
    margin-top: 0.3em;
  }

    .events label > span.time:before {
      display: none;
    }

  .events .legend {
    text-align: left;
    margin: 0;
    /*	line-height: 1em; */
    min-height: 1.3em;
  }

    .events .legend li {
      margin: 0 .65em 0 0;
      padding: 0.1em 0;
      white-space: nowrap;
      display: inline-block;
      /*	font-size: 75%; */
    }

      .events .legend li:before {
        /*	width: 5px;
	height: 5px;
	margin-bottom: 2px;*/
      }



article.main .dataTable td {
  border: none;
  padding: 5px 0;
}

article.main .dataTable img {
  max-width: none;
  float: none;
  margin: 0 1em;
}



.signup {
  padding-top: 15px;
  margin-bottom: 0;
}

  .basket h4,
  .signup h4 {
    float: right;
    text-align: right;
  }

    .signup h4 span {
      display: block;
    }

    .signup h4,
    .signup h4 span,
    .basket h4 span,
    .signup .info {
      line-height: 22px;
    }

  .signup h4,
  .signup .info {
    clear: left;
  }


.support h4 {
  padding: 8px 0 0 10px;
}

.support ul {
  list-style: none;
  padding: 0;
  margin: 6px 20px 15px;
}

.support-toggle,
.support-toggle:hover {
  position: relative;
  margin: 17px 0 5px 1em;
  left: auto;
  right: auto;
  height: auto;
  background-image: none !important;
  text-indent: 0;
  float: right;
}

  .route-description a:before,
  .type-map-link:before,
  .support-toggle:before {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    margin-right: 0.3em;
  }

#mobile-contact-foldout.show-foldout {
  margin-top: 0;
  margin-bottom: 20px;
}

.foldout.support h4 {
  padding: 15px 20px 0 20px;
}


.route {
  padding-bottom: 15px;
}

.route-description {
  display: none;
}

  .route-description.show-route {
    display: block;
  }

  .route-description ul {
    margin: 6px 0 12px;
  }

  .route-description a {
    min-width: 49%;
    display: inline-block;
    padding: 10px 20px 10px 0;
  }

    .route-description a:hover {
      text-decoration: underline;
    }


article.support ul,
article.support h4 {
  margin: 0;
  padding: 0;
}

article.support .vcard {
  position: absolute;
  bottom: 17px;
}






.funnel .main {
  background: transparent;
}

  .funnel .main.receipt section:last-child,
  .funnel .main section {
    margin-bottom: 10px;
  }

    .show-receipt .teasers,
    .funnel > .row > div:last-child,
    .funnel .main section:last-child {
      margin-bottom: 100px;
    }

  .funnel .main h1 {
    margin-bottom: 0;
  }

  .funnel .main h4:first-child,
  .funnel .main h6 {
    margin-top: 0;
  }

  .funnel .main h5 {
    float: none;
    margin: 0;
  }

  .funnel .main ul {
    padding: 0;
    margin: 0;
  }

.funnel .events h5 ~ .date-long,
.funnel .events h5 ~ .date-short,
.funnel .events h5 ~ .time,
.funnel .label.length {
  display: block;
  margin: 0;
  padding-top: .5em;
  line-height: 1em;
}

.funnel input[type=radio] {
  float: left;
}

.funnel .error-message {
  margin-top: -2px;
}

.funnel .events input[type=radio] {
  float: none;
  position: absolute;
}

.funnel .event-list label {
  width: 90%;
  float: right;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

.funnel .event-list li {
  clear: both;
}

.funnel .event-list > li {
  padding: 20px 0 10px;
  border-bottom: none;
}

.funnel .dates-list li {
  border: none;
  margin: 0;
  padding: 0;
}

.funnel .events .header {
  margin-top: 30px;
}

.funnel .events a.foldout-toggle {
  margin-top: 10px;
}
/*.funnel .events .legend {
	padding: 0.5em 0;
}*/
.funnel .events h5 ~ .date-long,
.funnel .events .price:before,
.funnel .events .price span:before,
.funnel .dates-list span:before,
.funnel .main ul li:before {
  display: none;
}

.funnel .events .legend li:before,
.funnel .dates-list span {
  display: inline-block;
}

.funnel .events .legend li:before {
  position: static;
}

.funnel .dates-list span.location {
  display: block;
  margin-top: 0.3em;
  padding-top: 0.3em;
}

.funnel .basket .currency,
.funnel .events .price .currency {
  margin-right: .3em;
}

.funnel .events .earlybird--spot .earlybird--label,
.funnel .events h5 {
  float: left;
}

  .funnel .events h5 ~ .date-long,
  .funnel .events h5 ~ .date-short {
    clear: both;
  }

  .funnel .events h5 ~ .date-short {
    display: block;
  }

.funnel .events .price {
  display: inline-block;
  margin-left: .5em;
  text-align: right;
}

.funnel .events .price,
.funnel .events h5 ~ .time,
.funnel .dates-list span.time {
  float: right;
}

.funnel .events input[type=radio],
.funnel .events input[type=checkbox],
.funnel .events label {
  vertical-align: top;
  cursor: pointer;
}

.funnel .full label {
  cursor: auto;
}

.funnel .personal-data {
  margin-top: 20px;
}

.funnel .payment select,
.funnel .payment input,
.funnel .payment textarea,
.funnel .participants select,
.funnel .participants input {
  padding: 10px 10px 9px;
  margin: 0.4em 0;
  display: inline-block;
}

.funnel select {
  padding-right: 9%;
}

.funnel .payment input[type=radio],
.funnel .payment input[type=checkbox],
.funnel .participants input[type=radio],
.funnel .participants input[type=checkbox] {
  margin: 0 0.8em 0 0;
  padding: 0;
  cursor: pointer;
}

.funnel .payment label,
.funnel .participants label {
  padding: 1.1em 0;
  cursor: pointer;
}

.funnel .payment input {
  float: none;
}

.funnel .payment label {
  padding: 0.5em 0;
}

.funnel extra.zip,
.funnel extra.city {
  display: inline-block;
}

.funnel .participants extra.zip {
  width: 30%;
}

.funnel .participants extra.city {
  width: 65%;
  float: right;
}

.funnel .participants li {
  margin: 25px 0;
}

.funnel .payment li.row {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.participants ul.personal-data-summary {
  margin: 25px -5px;
}

.personal-data-summary li > a,
.personal-data-summary li > div {
  display: inline-block;
  vertical-align: middle;
}

.personal-data-summary li > a {
  overflow: hidden;
  text-indent: -999px;
  height: 30px;
  width: 5.5%;
}

.personal-data-summary li > div {
  width: 93%;
}

form .personal-data-summary > li {
  margin-bottom: 0;
  margin-top: 1px;
  padding-bottom: 5px;
}

.funnel .not-validated {
  padding-left: 0.5em;
  margin-bottom: 1em;
}

.funnel .delete-participant,
.funnel .undo-new-participant,
.funnel .add-new-participant,
.funnel .personal-data-summary li {
  cursor: pointer;
}

form .teasers,
.funnel .events .header,
.funnel .personal-data,
form .personal-data-summary > li,
.funnel .track-choice,
.funnel .addons,
.funnel .participant-controls,
.funnel .show-when-not-editing-participant,
.funnel .show-when-editing-extra-participant,
.funnel .show-when-editing-participant,
.funnel .show-on-valid,
.funnel .show-on-invoice-type,
.funnel .not-validated,
.funnel .show-on-eaninvoice,
.funnel .receipt,
.funnel .basket,
.funnel .main {
  overflow: hidden;
  -webkit-transition: max-height 0.5s, padding 0.5s, margin 0.5s;
  transition: max-height 0.5s, padding 0.5s, margin 0.5s;
}

form.eaninvoice .show-on-eaninvoice,
.funnel .not-validated {
  max-height: 100px;
}

form.valid .not-validated {
  max-height: 0;
}
/*.funnel .add-participant a.add-new-participant {
	pointer-events: none;
	opacity: 0.3;
}
form.valid .add-participant a.add-new-participant {
	pointer-events: auto;
	opacity: 1;
}*/
/*.funnel .delete-participant,
.funnel .undo-new-participant {
	display: none;
}*/
form .teasers,
form.time-and-place-hide .events .header,
form.time-and-place-hide .event-list > li,
.funnel .personal-data,
form .personal-data-summary > li,
.funnel .track-choice,
.funnel .addons,
form .participant-controls,
form .show-when-not-editing-participant,
form .show-when-editing-extra-participant,
form .show-when-editing-participant,
form.edit-participant-hide .funnel .personal-data,
form.edit-participant-hide .funnel .track-choice,
form.edit-participant-hide .funnel .addons,
.funnel .show-on-valid,
.funnel .show-on-invoice-type,
.funnel .show-on-eaninvoice,
form.show-receipt .main,
form.show-receipt .basket,
form .receipt {
  max-height: 0;
}

  form.show-receipt .teasers,
  form.show-participants-list .personal-data-summary > li,
  .funnel .events .header,
  form .event-list > li,
  form.time-and-place-selected .event-list > li.time-and-place-selected,
  form.time-and-place-selected:not(.edit-participant-hide) .personal-data,
  form.time-and-place-selected .track-choice,
  form.time-and-place-selected .addons,
  form.time-and-place-selected .participant-controls,
  form.show-participants-list.edit-participant-hide .show-when-not-editing-participant,
  form.show-participants-list.edit-participant .show-when-editing-extra-participant,
  form.edit-participant .show-when-editing-participant,
  form.partipants-are-valid .show-on-valid,
  form.partipants-are-valid.invoice-type-selected .show-on-invoice-type,
  form.show-receipt .main.receipt,
  form.show-receipt div,
  form.show-receipt .event-list > li,
  form.show-receipt .personal-data-summary li.row.edit {
    max-height: 4000px;
  }
  /* Hide classes */
  form:not(.show-receipt) .receipt,
  form.show-receipt .funnel .sm-pinable .basket,
  form:not(.show-participants-list) .personal-data-summary > li,
  form.time-and-place-hide .events .header,
  form.time-and-place-hide .event-list > li:not(.time-and-place-selected),
  form.edit-participant-hide .funnel .personal-data,
  form.edit-participant-hide .funnel .track-choice,
  form.edit-participant-hide .funnel .addons,
  form.hide-participants-list .show-when-not-editing-participant,
  form.edit-participant .show-when-not-editing-participant,
  form.hide-participants-list .show-when-editing-extra-participant,
  form.show-participants-list.edit-participant-hide .show-when-editing-extra-participant,
  form.edit-participant-hide .show-when-editing-participant,
  form:not(.partipants-are-valid) .show-on-valid,
  form.partipants-are-valid .not-validated,
  form:not(.partipants-are-valid) .show-on-invoice-type,
  form:not(.invoice-type-selected) .show-on-invoice-type {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin: 0;
  }

form .delete-participant,
form .undo-new-participant,
form .validate-and-update-participant,
form.edit-previous-participant .validate-and-add-participant {
  display: none;
}

form.edit-previous-participant .delete-participant,
form.add-new-participant .undo-new-participant,
form.edit-previous-participant .validate-and-update-participant {
  display: block;
}


.funnel .event-list > li {
  overflow: hidden;
  -webkit-transition: max-height 0.5s, padding 0.5s;
  transition: max-height 0.5s, padding 0.5s;
}

form .personal-data-summary > li,
form.show-participants-list .personal-data-summary > li:last-child,
form.time-and-place-hide .event-list > li {
  border-bottom: transparent;
  border-top: transparent;
}

form .event-list > li input {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

form.time-and-place-hide .event-list > li input {
  opacity: 0;
}

form.time-and-place-hide .event-list > li label {
  width: 100%;
}
/*
form:not(.invoice-type-selected) .btn.send-order {
	background-color: #aaa;
	border-bottom-color: #999;
}
*/


.funnel .main .participant-controls {
  margin-top: 1px;
}

.funnel .foldout {
  margin-top: 15px;
}

  .funnel .foldout .foldout-toggle {
    background: none;
  }

.funnel .foldout-animate-height {
  margin-top: 5px;
  margin-left: 22px;
}

.funnel .addons .description {
  margin: 0.2em 0;
}

.funnel .addons h4 {
  margin-bottom: 30px;
}

form.show-receipt .support,
.funnel .addons li {
  margin: 10px 0;
}

.funnel .addons label {
  padding: 0;
}

.funnel .payment .btn {
  margin-top: 30px;
}
/*
.funnel .btn.btn-send:not(.invoice-type-selected):not(.time-and-place-selected) {
	background-color: #bbb;
	border-bottom-color: #999;
}
*/

.funnel .receipt {
  margin-top: -11px;
}

  .funnel .receipt hr {
    margin: 20px;
  }

  .funnel .receipt header p {
    border: none;
    padding-left: 0;
  }

  .funnel .receipt header a {
    margin: 10px 20px;
    display: block;
  }
  /*.funnel .receipt header .addthis_toolbox {
	float: none;
}
.funnel .receipt header .addthis_toolbox a {
	margin: 0;
	display: inline-block;
}*/
  .funnel .receipt section hr {
    margin: 20px 0;
  }

  .funnel .receipt .events {
    padding-bottom: 0;
    padding-top: 0;
  }

  .funnel .receipt .event-list h5 {
    width: auto;
    float: none;
  }
  /*.funnel .receipt .event-list > li:first-child {
	border-top: none;
}*/
  .funnel .receipt .personal-data-summary li.row.edit {
    margin: 25px -5px 0;
    padding-bottom: 20px;
  }

  .funnel .receipt em {
    font-style: normal;
    font-weight: 500;
  }

.show-receipt .funnel > .row > div:last-child {
  margin-bottom: 5px;
}

.funnel .receipt h1:before {
  width: 100px;
  height: 100px;
  top: 20px;
  left: 50%;
  margin-left: -50px;
}

.funnel .receipt header h1 {
  margin-bottom: 0;
  padding-top: 140px;
  text-align: center;
  max-width: none;
}



.funnel article.main,
.article article.main {
  margin-top: 0;
}

.container aside {
  margin-top: -5px;
  min-height: 0;
}

.article .sm-pinable,
.funnel .sm-pinable {
  position: fixed;
  margin-top: 0;
  bottom: 0;
  top: auto;
  left: 10px;
  right: 10px;
}

  .funnel .sm-pinable .support {
    max-height: none;
  }

  .article .sm-pinable .item,
  .funnel .basket {
    margin-bottom: 0;
  }

    .funnel .basket h4 {
      margin: 0;
    }

      .funnel .basket h4:first-child {
        float: left;
        text-align: left;
      }


    .article .sm-pinable .item img {
      display: none;
    }

  #mobile-contact-foldout.article .type-tel,
  .article .sm-pinable .type-tel {
    margin-top: 0.6em;
  }

  #mobile-contact-foldout .message,
  .article .sm-pinable .item.message {
    margin-top: 1px;
  }





.article .tools {
  float: right;
}




.itcert a {
  cursor: pointer;
}

.itcert article.main h3 {
  margin-bottom: 1em;
}

.itcert .info {
  margin: 0 0 1em;
}

  .itcert td .day,
  .itcert .info span,
  .itcert .section .item .id {
    display: inline-block;
    min-width: 6em;
  }

.itcert article.main table {
  margin-top: 0.5em;
}

.itcert table .tableheader td,
.itcert table .tableheader th {
  border-top: none;
}

.itcert table.itcert,
.itcert table.itcert .tableheader:last-child {
  border-bottom: none;
}

.itcert .section .item,
.itcert table td,
.itcert table th {
  padding: 0.4em 0 0.8em;
}

.itcert .place,
.itcert .month {
  display: block;
  line-height: 24px;
}

.itcert .place {
  margin-top: 1.5em;
}

.itcert .month {
  margin-bottom: 1.5em;
}

.itcert .basket h4 {
  float: none;
  text-align: left;
  margin: 0;
}

.itcert .sm-pinable .basket {
  padding: 5px 0 0;
}

.itcert input.editbutton {
  width: 100%;
  background-position: 97% center;
}

.itcert .section .item {
  margin: 0;
}

.itcert a.continue {
  float: right;
}

.itcert .btn.continue {
  width: 70%;
  max-width: 250px;
}

  .itcert .btn.continue:hover {
    text-decoration: none;
    color: #fff;
  }

.itcert .manadatory {
  margin-right: 0.4em;
}

.itcert input {
  padding: 10px 10px 9px;
}

.itcert .clearfix {
  z-index: -1;
}



footer.bg-darkgrey {
  margin-top: 25px;
  padding-bottom: 100px;
}

footer.container {
  margin-top: 25px;
  margin-bottom: 100px;
}

  footer.container ul {
    list-style-type: none;
    margin-top: 0;
    padding: 0;
  }

  footer.container .row ul li {
    padding: 2px 0;
    background-image: none;
  }

  footer.container .row ul .li.type-rss {
    margin-top: 5px;
  }

  footer.container .padding {
    padding-top: 0;
    padding-bottom: 10px;
  }

  footer.container h6.padding {
    padding-bottom: 0;
  }

  footer.container .address {
    padding-right: 0;
  }

  footer.container > div > div > a {
    margin-top: 10px;
    float: right;
  }


footer .footer-whitearea {
  min-height: 171px;
  text-align: center;
}

  footer .footer-whitearea.padding {
    padding-top: 10px;
  }

  footer .footer-whitearea a {
    display: block;
  }

    footer .footer-whitearea a:hover {
      text-decoration: none;
    }

  footer .footer-whitearea img {
    margin-top: 1em;
  }

  footer .footer-whitearea h3 {
    margin-top: 1em;
  }







.slideshow {
  margin: 80px 0;
}

  .slideshow .slide-bullets {
    padding: 0;
  }

    .slideshow .slide-bullets li {
      width: 9px;
      height: 9px;
      padding: 0;
      cursor: pointer;
      display: inline-block;
      margin: 0 0 0 7px;
    }

      .slideshow .slide-bullets li:first-child {
        margin-left: 0;
      }

    .slideshow .slide-bullets a {
      cursor: pointer;
      display: block;
      width: 100%;
      height: 100%;
    }

  .slideshow .slides {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    z-index: 80;
  }

    .slideshow .slides > li {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      margin: 0;
      z-index: 0;
      white-space: normal;
      -webkit-transition: left 0.5s ease-out;
      transition: left 0.5s ease-out;
    }

  .slideshow ul li:before {
    display: none;
  }

  .slideshow .slides > .selected {
    z-index: 20;
  }

  .slideshow img {
    max-height: 60px;
  }

    .slideshow img.loaded,
    .slideshow img.loading {
      max-height: none;
    }



  .slideshow.category-item.billboard[data-slidetype="switch"] > .slides > li,
  .slideshow.category-item.billboard > .slides:not(:first-child) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .slideshow.category-item.billboard > article:not(.slides) {
    z-index: 81;
    transform: translate3d(0,0,0);
    height: auto;
    width: 99%;
  }

  .slideshow.category-item.billboard > article:not(.slides),
  .slideshow.category-item.billboard:before {
    display: inline-block;
    vertical-align: middle;
  }

  .slideshow.category-item.billboard[data-slidetype="switch"] > .slides > li {
    -moz-transition: opacity 1s;
    transition: opacity 1s;
  }

    .slideshow.category-item.billboard[data-slidetype="switch"] > .slides > li.animate-in {
      opacity: 1;
    }

    .slideshow.category-item.billboard[data-slidetype="switch"] > .slides > li.selected {
      opacity: 1;
    }

    .slideshow.category-item.billboard[data-slidetype="switch"] > .slides > li.animate-out {
      z-index: 21;
      opacity: 0;
    }

    .slideshow.category-item.billboard[data-slidetype="switch"] > .slides > li .img {
      left: 0;
      width: 100%;
      z-index: 0;
    }

  .slideshow.category-item.alternate.billboard > div.slide-bullets-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: auto;
    text-align: center;
    padding: 0;
    margin: 0;
    background-color: transparent;
    z-index: 83;
  }

    .slideshow.category-item.alternate.billboard > div.slide-bullets-container a:after {
      opacity: 1;
    }


/*
.slideshow[data-slidetype="switch"] .slides > li {
	opacity: 0;
}
.slideshow[data-slidetype="switch"] .slides > li.selected {
	opacity: 1;
}
*/


.teasers .slideshow img {
  max-height: none;
  max-width: 50%;
  width: auto;
  display: block;
  margin: 0 auto 2em;
}

.teasers .slideshow li > .customer {
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
}

.teasers .slideshow .slide-bullets {
  text-align: center;
}



.top-carroussel.slideshow {
  margin: 0;
}

.top-carroussel .img {
  height: 148px;
  background-size: cover;
  background-position: center center;
}

  .top-carroussel .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }

.top-carroussel article {
  white-space: normal;
  padding: 0 20px 0;
}

  .top-carroussel article > div {
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .top-carroussel article p {
    margin-bottom: 0;
  }

  .top-carroussel article h2 {
    margin: 0;
    text-align: left;
  }

.top-carroussel .slides > li {
  display: block;
  margin: 10px 10px;
  width: auto;
}

  .top-carroussel .slides > li.selected {
    pointer-events: auto;
  }

.top-carroussel a:not(.link):not(.txt-white):hover {
  text-decoration: none;
}

.top-carroussel .slide-bullets {
  display: none;
}

.front .support-toggle {
  float: none;
  text-align: center;
  margin: 17px 0 5px;
}













/* other styles */
/*
.top-carroussel.one-slide {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}*/
/*
.top-carroussel.small.one-slide,
.top-carroussel.small.one-slide.slideshow {
	position: relative;
	/* Move up IE compatible by using top and margin-bottom */
/*	margin: 0 0 -69px 0;
	top: -69px;
	bottom: auto;
	left: 0;
	right: 0;
	min-height: 400px;
	max-height: 1000px;
	height: 100%;
	height: 100vh;
	overflow: hidden;
}
.top-carroussel.one-slide.slideshow {
	margin: 0;
}
.top-carroussel.one-slide .slides > li {
	pointer-events: none;
}
.top-carroussel.one-slide ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.top-carroussel.one-slide .content {
	height: 100%;
	overflow: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.top-carroussel.one-slide .content > li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	padding: 0;
	margin: 0;

	display: block;
	background-color: transparent;
}
.top-carroussel.one-slide .content > li.selected {
	display: block;
}
.top-carroussel.one-slide .img,
.top-carroussel.one-slide img {
	position: absolute;

	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: none;

	opacity: 0;
	
	transform: perspective(700px) translate3d(0px,0px,400px);
	transition: transform 1.6s, opacity 1.6s;
}
.top-carroussel.one-slide.portrait img {
	width: initial;
	max-width: none;
	height: 100%;
	max-height: 100%;
}
.top-carroussel.one-slide .img {
	height: 100%;
}

.top-carroussel.one-slide article {
	position: absolute;

	bottom: 0;
	left: 0;
	width: 100%;
	
	padding: 0;
	
	transform: perspective(700px) translate3d(0px,20px,630px);
	transition: transform 1.8s, opacity 0.7s;

	opacity: 0;
	z-index: 100;
}
.top-carroussel.one-slide article > div,
.top-carroussel.one-slide article > a {
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
}
.top-carroussel.one-slide article:after {
	content: "";
	position: absolute;
	top: -70%;
	left: 0;
	width: 100%;
	height: 170%;
	z-index: -1;
	opacity: 0.97;
}

.top-carroussel.one-slide article.vertical-middle {
	height: 100%;
	text-align: center;
}
*/

.vertical-middle:before,
.vertical-middle > * {
  display: inline-block;
  vertical-align: middle;
  max-width: 99.5%;
}

.vertical-middle:before {
  content: "";
  height: 97%;
  margin-left: -0.005em;
}

.top-carroussel.one-slide article.vertical-middle:before,
.top-carroussel.one-slide article.vertical-middle > a,
.top-carroussel.one-slide article.vertical-middle > div {
  display: inline-block;
  vertical-align: middle;
}

.top-carroussel.one-slide article.vertical-middle:before {
  content: "";
  height: 97%;
  margin-left: -0.005em;
}

.top-carroussel.one-slide article.vertical-middle:after {
  height: 90%;
  width: 300%;
  top: -100%;
  left: -10%;
  opacity: 0.8;
  -moz-transform-origin: 0% 100%;
  -moz-transform: rotate(90deg);
  -ms-transform-origin: 0% 100%;
  -ms-transform: rotate(90deg);
  transform-origin: 0% 100%;
  transform: rotate(90deg);
}

.top-carroussel.one-slide article.vertical-middle > a,
.top-carroussel.one-slide article.vertical-middle > div {
  text-align: left;
  width: 99%;
  margin-left: -1%;
  margin-bottom: 120px;
  margin-top: 60px;
}

.top-carroussel.one-slide article.invert:after {
  opacity: 0.8;
}

.top-carroussel.one-slide .selected.loaded .img,
.top-carroussel.one-slide .selected.loaded img {
  transform: translateZ(0);
  opacity: 1;
}

.top-carroussel.one-slide .selected.loaded article {
  transform: perspective(700px) translate3d(0px,0px,0px);
  opacity: 1;
}

.top-carroussel.one-slide .animate-out.loaded .img,
.top-carroussel.one-slide .animate-out.loaded img {
  transform: perspective(700px) translate3d(0px,0px,0px);
  opacity: 0;
}

.top-carroussel.one-slide .animate-out.loaded article {
  transform: perspective(700px) translate3d(-6px,20px,120px);
  transition: transform 1s, opacity 1s;
  opacity: 0;
}

.top-carroussel.one-slide h2 {
  width: 80%;
}

.top-carroussel.one-slide a h2:after {
  height: 16px;
}

.top-carroussel.one-slide p {
  width: 85%;
  max-height: 100px;
  margin: 1em 0 0;
  padding: 0;
  overflow: hidden;
  transition: max-height 0.5s, margin 0.5s, opacity 0.5s;
}















.top-carroussel {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /*z-index: -1;*/
  z-index: 0;
}

  .top-carroussel.small,
  .top-carroussel.small.slideshow,
  .top-carroussel.small.one-slide,
  .top-carroussel.small.one-slide.slideshow {
    position: relative;
    /* Move up IE compatible by using top and margin-bottom */
    margin: 0 0 -69px 0;
    top: -69px;
    bottom: auto;
    left: 0;
    right: 0;
    min-height: 400px;
    max-height: 1000px;
    height: 100%;
    height: 100vh;
    overflow: hidden;
  }

  .top-carroussel.slideshow {
    margin: 0;
  }

  .top-carroussel .slides > li {
    pointer-events: none;
  }

  .top-carroussel ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  .top-carroussel .content {
    height: 100%;
    overflow: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

    .top-carroussel .content > li {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
      display: block;
      background-color: transparent;
    }

      .top-carroussel .content > li.selected {
        display: block;
      }

  .top-carroussel .img,
  .top-carroussel img {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    opacity: 0;
    -webkit-transform: translate3d(0px,0px,400px);
    -webkit-transition: -webkit-transform 1.6s, opacity 1.6s;
    transform: perspective(700px) translate3d(0px,0px,400px);
    transition: transform 1.6s, opacity 1.6s;
  }

  .top-carroussel.portrait img {
    width: initial;
    max-width: none;
    height: 100%;
    max-height: 100%;
  }

  .top-carroussel .img {
    height: 100%;
  }

  .top-carroussel article {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    -webkit-transform: translate3d(0px,0px,640px);
    -webkit-transition: -webkit-transform 1.8s, opacity 0.7s;
    transform: perspective(700px) translate3d(0px,20px,630px);
    transition: transform 1.8s, opacity 0.7s;
    /*-webkit-transition: opacity 0.6s;*/
    opacity: 0;
    z-index: 100;
  }

    .top-carroussel article > div,
    .top-carroussel article > a {
      display: block;
      margin-top: 20px;
      margin-bottom: 10px;
    }

  .top-carroussel .slide-bullets {
    display: inline-block;
    padding: 10px;
    pointer-events: auto;
  }

  .top-carroussel article:after {
    content: "";
    position: absolute;
    top: -70%;
    left: 0;
    width: 100%;
    height: 170%;
    z-index: -1;
    opacity: 0.97;
  }

  .top-carroussel article.vertical-middle {
    height: 100%;
    text-align: center;
  }

    .top-carroussel article.vertical-middle:before,
    .top-carroussel article.vertical-middle > a,
    .top-carroussel article.vertical-middle > div {
      display: inline-block;
      vertical-align: middle;
    }

    .top-carroussel article.vertical-middle:before {
      content: "";
      height: 97%;
      margin-left: -0.005em;
    }

    .top-carroussel article.vertical-middle:after {
      height: 50%;
      top: 50%;
    }

    .top-carroussel article.vertical-middle > a,
    .top-carroussel article.vertical-middle > div,
    .top-carroussel.one-slide article.vertical-middle > a,
    .top-carroussel.one-slide article.vertical-middle > div {
      text-align: left;
      width: 99%;
      margin-top: 60px;
      margin-bottom: 0;
    }

  .top-carroussel article.invert:after {
    opacity: 0.8;
  }

  .top-carroussel .selected.loaded .img,
  .top-carroussel .selected.loaded img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }

  .top-carroussel .selected.loaded article {
    -webkit-transform: translate3d(0px,0px,0px);
    transform: perspective(700px) translate3d(0px,0px,0px);
    opacity: 1;
  }

  .top-carroussel .animate-out.loaded .img,
  .top-carroussel .animate-out.loaded img {
    -webkit-transform: translate3d(0px,0px,0px);
    transform: perspective(700px) translate3d(0px,0px,0px);
    opacity: 0;
  }

  .top-carroussel .animate-out.loaded article {
    -webkit-transform: translate3d(6px,0px,70px);
    -webkit-transition: -webkit-transform 1s, opacity 1s;
    transform: perspective(700px) translate3d(-6px,20px,120px);
    transition: transform 1s, opacity 1s;
    opacity: 0;
  }

  .top-carroussel.one-slide h2,
  .top-carroussel h2 {
    width: 50%;
  }

  .top-carroussel a h2:after {
    height: 16px;
  }

  .top-carroussel.one-slide p,
  .top-carroussel p {
    width: 65%;
    max-height: 100px;
    margin: 1em 0 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s, margin 0.5s, opacity 0.5s;
    transition: max-height 0.5s, margin 0.5s, opacity 0.5s;
  }

  .top-carroussel .slide-bullets-container {
    position: relative;
    left: 0;
    bottom: 37px;
    /*padding: 0 10em 0 30px;*/
    padding: 0 10px 0 20px;
    margin: 0 auto;
    text-align: right;
    z-index: 1000;
    pointer-events: all;
  }














/*
.cookies-policy {
	display: none;
	margin-bottom: 80px;
}
.cookies-policy a:hover {
	text-decoration: underline;
}
*/

.bottom-warning,
.top-warning {
  padding: 2px 20px 5px;
  text-align: center;
  z-index: 1;
}

.bottom-warning {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3000;
}

  .bottom-warning .row {
    text-align: left;
  }

  .bottom-warning > span,
  .top-warning > span {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    text-align: left;
  }

  .bottom-warning a,
  .top-warning a {
    white-space: nowrap;
    cursor: pointer;
  }

    .bottom-warning a:not(.btn):hover,
    .top-warning a:not(.btn):hover {
      text-decoration: underline;
    }

  .bottom-warning .padding {
    /* Because of container not having negative margins it is 5 px less */
    padding-left: 15px;
    padding-right: 15px;
  }

.top-warning .btn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 3px 8px 3px 8px;
  margin: 4px 0 0 14px;
  background-image: none;
  cursor: pointer;
}

.bottom-warning .btn {
  background-image: none;
  padding-right: 38px;
  padding-left: 36px;
}

.bottom-warning.vertical-middle > * {
  max-width: 99%;
}

@media only screen and (min-width: 640px) and (min-height: 560px) {
  .bottom-warning {
    min-height: 35%;
    min-height: 35vh;
  }

    .bottom-warning.vertical-middle {
      height: 0;
    }

  body.front:not(.hide-bottom-warning):not(.presentation-mode) .top-carroussel {
    bottom: 35%;
    bottom: 35vh;
    height: auto;
  }
}

.hide-bottom-warning .bottom-warning,
.front.presentation-mode .bottom-warning,
.front.presentation-mode .top-warning {
  display: none;
}

.front.presentation-mode .top-carroussel h2:after {
  display: none;
}

#overlay {
  display: none;
}



/* Progress bar */

.progress {
  height: 5px;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}





/* TEMPORARY COURSE EVALUATION FIXES */
.subsite6 {
  background-color: #e7e7e7;
  background-image: none;
}

  .subsite6 .container {
    width: auto;
  }

  .subsite6 #topLogo {
    margin-bottom: 20px;
  }

  .subsite6 #cotainerTop h1,
  .subsite6 #cotainerTop h2 {
    margin-right: 20px;
  }

  .subsite6 form > div:not(#boxes) {
    width: auto !important;
  }

  .subsite6 #container > div:not(#cotainerTop) {
    border-top: 1px solid #e7e7e7 !important;
  }

    .subsite6 #container > div:not(#cotainerTop) > div {
      margin-right: 20px;
      width: auto !important;
    }

  .subsite6 #bottomcontainer {
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    height: auto !important;
    padding-bottom: 20px;
  }

    .subsite6 #bottomcontainer a:hover {
      color: #5a8ab4 !important;
    }

  .subsite6 input[type=button] {
    height: auto !important;
    padding: 10px 12px 6px 10px;
    border-radius: 4px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 2px solid #456f32;
    color: #fff;
    background-color: #66a54a !important;
    font-family: "Klint LT W02 Regular", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
  }

    .subsite6 input[type=button]:hover {
      background-color: #77b65b !important;
    }

    .subsite6 input[type=button]:active {
      background-color: #456f32 !important;
    }

  .subsite6 #bottomcontainer div div div div {
    display: inline-block !important;
  }

  /* TEMPORARY COURSE EVALUATION FIXES */
  .subsite6 > table {
    margin-left: auto;
    margin-right: auto;
  }

  .subsite6 > div:not(.container):not(.header) {
    margin: 30px auto 15px !important;
  }

  .subsite6 > table,
  .subsite6 > table td,
  .subsite6 > table .textbody.content > h1 {
    width: 100% !important;
  }

    .subsite6 > table tr {
      margin-left: -5px;
      margin-right: -5px;
    }

    .subsite6 > table td,
    .subsite6 > div:not(.container):not(.header) {
      padding-left: 10px;
      padding-right: 10px;
    }

    .subsite6 > table td {
      background-color: transparent !important;
    }

    .subsite6 > table #header,
    .subsite6 > table .textbody.content > h1 {
      background-color: #fff;
    }

      .subsite6 > table #header h1 {
        display: none;
      }

    .subsite6 > table #headerText h2 {
      font-family: "Klint LT W02 Regular", Helvetica, Arial, sans-serif !important;
      font-weight: 300;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      padding-top: 0;
    }

    .subsite6 > table #header div:nth-child(3),
    .subsite6 > table #header h2 {
      padding: 0 20px;
    }

    .subsite6 > table .textbody.content > h1 {
      padding: 20px 20px 0;
      color: #8e8e8e;
    }

    .subsite6 > table #header > div {
      margin: 0 !important;
      border: none !important;
    }

      .subsite6 > table #header > div:last-child {
        padding-bottom: 30px;
      }

      .subsite6 > table #header > div:after {
        content: "";
        clear: both;
        display: table;
      }

      .subsite6 > table #header > div > div {
        width: auto !important;
        margin-top: 0 !important;
        padding: 0 20px;
      }

        .subsite6 > table #header > div > div:nth-last-child(2) {
          margin-top: 20px !important;
        }

        .subsite6 > table #header > div > div > div:not(:last-child) {
          float: none !important;
          margin-top: 0 !important;
          margin-left: 0 !important;
          padding: 3px 0;
        }

        .subsite6 > table #header > div > div > div:first-child {
          padding-top: 13px;
        }

    .subsite6 > table #header input[type="text"] {
      border: none !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 10px 15px;
    }

    .subsite6 > table #header input[type="checkbox"] {
      margin-top: 0 !important;
    }

    .subsite6 > table .textbody.content > div {
      width: 100% !important;
    }

    .subsite6 > table #mainquestenarie {
      margin-top: 1px !important;
    }

      .subsite6 > table #mainquestenarie > div {
        /*background-color: transparent !important;*/
        border: none !important;
        background-color: #fff !important;
        padding: 5px 20px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }

        .subsite6 > table #mainquestenarie > div:last-child {
          padding-bottom: 30px;
        }

        .subsite6 > table #mainquestenarie > div#divgroup div:hover {
          background-color: #f6f6f6 !important;
        }

        .subsite6 > table #mainquestenarie > div > div > div:first-child {
          padding-top: 7px;
        }

        .subsite6 > table #mainquestenarie > div input {
          margin-right: 0;
        }

        .subsite6 > table #mainquestenarie > div:not(#divgroup) div div {
          background-position: center center;
          background-size: contain;
          background-repeat: no-repeat;
          min-height: 20px;
          padding: 0;
          margin-top: 25px;
        }

          .subsite6 > table #mainquestenarie > div:not(#divgroup) div div:nth-child(1) {
            background-image: url(../img/icon-smiley-devastated.svg);
          }

          .subsite6 > table #mainquestenarie > div:not(#divgroup) div div:nth-child(2) {
            background-image: url(../img/icon-smiley-sad.svg);
          }

          .subsite6 > table #mainquestenarie > div:not(#divgroup) div div:nth-child(3) {
            background-image: url(../img/icon-smiley-neutral.svg);
          }

          .subsite6 > table #mainquestenarie > div:not(#divgroup) div div:nth-child(4) {
            background-image: url(../img/icon-smiley-happy.svg);
          }

          .subsite6 > table #mainquestenarie > div:not(#divgroup) div div:nth-child(5) {
            background-image: url(../img/icon-smiley-ecstatic.svg);
          }

          .subsite6 > table #mainquestenarie > div:not(#divgroup) div div:last-child {
            min-height: 0;
            height: 7px;
            background-image: none;
          }

          .subsite6 > table #mainquestenarie > div:not(#divgroup) div div img {
            display: none;
          }

    .subsite6 > table h2 {
      font-family: "Klint LT W02 Medium", Helvetica, Arial, sans-serif !important;
      font-size: 16px;
      font-weight: 400;
      line-height: 21px;
      margin-top: 30px;
    }

    .subsite6 > table form > div:nth-last-child(2) {
      float: none !important;
      background-color: #fff;
      padding: 20px;
      margin: 1px 0 0 !important;
      min-height: 85px;
    }

      .subsite6 > table form > div:nth-last-child(2) input {
        max-width: 300px;
      }

    .subsite6 > table textarea {
      border: none !important;
    }

  .subsite6 .textbody {
    padding: 0;
  }

  .subsite6 > table .textbody > p {
    display: none;
  }

@media only screen and (min-width: 640px) {
  .subsite6 > table #header > div > div > div:not(:last-child) {
    float: left !important;
    width: 70%;
  }

  .subsite6 > table #header > div > div > div:first-child {
    width: 30%;
  }

  .subsite6 > table td,
  .subsite6 > div:not(.container):not(.header) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 860px) {
  .subsite6 > table #header > div > div > div:not(:last-child) {
    width: 75%;
  }

  .subsite6 > table #header > div > div > div:first-child {
    width: 25%;
  }

  .subsite6 > table td,
  .subsite6 > div:not(.container):not(.header) {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 1160px) {
  .subsite6 > table #header > div > div > div:not(:last-child) {
    width: 80%;
  }

  .subsite6 > table #header > div > div > div:first-child {
    width: 20%;
  }

  .subsite6 > table,
  .subsite6 > table td,
  .subsite6 > div:not(.container):not(.header) {
    max-width: 1160px;
  }
}




/* USERLIKE PLUGIN */


#userlike #userlikePopup {
  box-shadow: 0 0 30px 5px rgba(0,0,0,.5);
}

#userlike #userlikeSubmitOfflineMessage {
  display: block;
  border-radius: 4px;
  padding: 10px 12px 8px 10px;
  background-color: #77b65b;
  border-bottom: 2px solid #456f32;
}

  #userlike #userlikeSubmitOfflineMessage:hover {
    background-color: #77b65b;
  }

#userlike #userlikeDragTop {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #ddd;
}

#userlike div .userlikeHeadline {
  color: #000;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
}

#userlike div form {
  margin-left: 5px;
  margin-right: 5px;
}

#userlikePopup > div > div {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

#userlike div textarea,
#userlike div input[type=text] {
  width: 262px !important;
  margin: 10px 15px;
}

#userlike #userlikeDragTop {
  width: 100% !important;
}

#userlike #userlikeScrollView {
  margin-top: 15px;
}

#userlike #userlikeScrollTextarea {
  padding: 0 15px;
}

#userlike form #userlikeScrollTextarea #userlikeChatTextarea {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  margin: 12px 0 12px !important;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

/* TOP MENU */

@media only screen and (min-width: 700px) {

  /* Fonts */
  .big-dropdown a {
    font: 14px/17px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }

  /* Colours */


  /* White */
  .big-dropdown,
  .header .big-dropdown.white,
  .header .big-dropdown.white li a {
    background-color: #fff;
  }

    .header .big-dropdown.white:not(.listed-links) li a:hover,
    .big-dropdown.white:not(.listed-links) li a:hover h5 {
      color: #fff;
    }

    /* grey #8e8e8e */
    .big-dropdown.white {
      border-color: #8e8e8e;
    }


      /* Black */
      .big-dropdown.white h5,
      .big-dropdown.white,
      .big-dropdown.white li a h5 {
        color: #000;
      }

  .header .big-dropdown,
  .header .big-dropdown li a {
    background-color: #000;
  }
    /* Blue */
    .header .big-dropdown.white li a {
      color: #5a8ab4;
    }

    .header .big-dropdown:not(.listed-links) li a:hover {
      background-color: #5a8ab4;
    }

  /* Green #66a54a */
  .big-dropdown.white h5.txt-green {
    color: #66a54a;
  }

  .big-dropdown.border-green {
    border-color: #66a54a;
  }


  /* Images */

  .front .header header > a:before,
  .front .header header > a:after {
    content: "";
    background-image: url("../img/logo-ti-black-red.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 150px;
    height: 34px;
  }

  .front .header header > a:before {
    background-image: url("../img/logo-ti-white.svg");
  }

  .header .dropdown > a:after {
    background-image: url("../img/icon-arrow-down-small-white.svg");
    background-size: 11px 8px;
  }

  .header .dropdown.hover > a:after {
    background-image: url("../img/icon-arrow-up-small-white.svg");
  }


  /* Other */

  .header:before {
    display: none;
  }

  .header .menutoggle {
    display: none;
  }
  /*.header header > a {
		float: left;
	}*/
  .header nav {
    clear: none;
    float: right;
    position: relative;
    left: auto;
    right: auto;
    top: 0;
    max-height: none;
    overflow: visible;
  }

  .header ul {
    margin: 0;
  }

  .header li {
    display: block;
    float: left;
  }

    .big-dropdown li a,
    .big-dropdown li p,
    .big-dropdown li h5,
    .header li a {
      padding: 16px 12px 14px;
      line-height: 18px;
    }

  .header form {
    position: relative;
    width: auto;
    padding: 0 0 0 1px;
  }
  /* md-dropdown */
  .header li {
    margin: 0 0 0 1px;
  }

  .header .md-dropdown {
    z-index: 101;
  }

    .header .md-dropdown li {
      margin: 0;
    }

    .header .dropdown:before,
    .header .dropdown ul:before,
    .header .md-dropdown ul:before {
      content: "";
      position: absolute;
      display: block;
      right: 0;
      height: 1px;
      width: 31px;
    }

    .header .md-dropdown.hover ul,
    .header .md-dropdown > a {
      display: block;
    }

    .header .md-dropdown > a {
      cursor: pointer;
      text-indent: -999px;
      overflow: hidden;
      margin: 0 0 0 1px;
      width: 31px;
      height: 48px;
      background-position: center center;
    }

    .header .md-dropdown ul {
      display: none;
      position: absolute;
      top: 100%;
      right: 0;
    }

    .header .md-dropdown li:first-child {
      padding-top: 1px;
    }

    .header .md-dropdown li {
      float: none;
    }

      .header .md-dropdown li a {
        padding: 10px 10px 8px;
        text-align: left;
        min-width: 150px;
      }

  .header .dropdown:before {
    display: none;
    width: 100%;
    bottom: -5px;
    height: 5px;
  }

  .header .dropdown > a:after {
    margin-right: -2px;
    margin-left: 6px;
    width: 11px;
  }

  .header nav .dropdown > a:before {
    display: none;
  }

  .big-dropdown {
    display: none;
    top: 52px;
    left: 0;
    margin-left: 0;
    -moz-transition: none;
    transition: none;
  }

  .header .big-dropdown {
    right: 0;
  }

  .big-dropdown:before {
    display: none;
  }

  .big-dropdown.hover,
  .header .dropdown.hover:before {
    display: block;
  }

  .big-dropdown ul {
    float: left;
    min-height: 120px;
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .big-dropdown li,
  .big-dropdown li a {
    float: none;
    width: 100%;
  }

    .big-dropdown li:not(:last-child) h5,
    .big-dropdown li:not(:last-child) p {
      padding-bottom: 0;
    }

    .big-dropdown ul,
    .big-dropdown li,
    .big-dropdown li a {
      display: block;
      margin: 0;
    }

  .big-dropdown {
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
  }

    .big-dropdown.white {
      border-top-style: solid;
      border-top-width: 10px;
    }

    .big-dropdown.listed-links li a {
      padding-top: 6px;
      padding-bottom: 6px;
    }

      .big-dropdown.listed-links li a:hover {
        text-decoration: underline;
      }
    /*
	.big-dropdown li:first-child:nth-last-child(1) a {
		height: 100%;
	}
	.big-dropdown li:first-child:nth-last-child(2) a,
	.big-dropdown li:first-child:nth-last-child(2) ~ li a {
		height: 50%;
	}
	.big-dropdown li:first-child:nth-last-child(3) a,
	.big-dropdown li:first-child:nth-last-child(3) ~ li a {
		height: 33.3333%;
	}
	.big-dropdown li:first-child:nth-last-child(4) a,
	.big-dropdown li:first-child:nth-last-child(4) ~ li a {
		height: 25%;
	}
	.big-dropdown li:first-child:nth-last-child(5) a,
	.big-dropdown li:first-child:nth-last-child(5) ~ li a {
		height: auto;
	}
*/

    .big-dropdown .md-col1 {
      width: 8.33333333%;
    }

    .big-dropdown .md-col2 {
      width: 16.66666666%;
    }

    .big-dropdown .md-col3 {
      width: 25%;
    }

    .big-dropdown .md-col4 {
      width: 33.33333333%;
    }

    .big-dropdown .md-col5 {
      width: 41.66666666%;
    }

    .big-dropdown .md-col6 {
      width: 50%;
    }

    .big-dropdown .md-col7 {
      width: 58.33333333%;
    }

    .big-dropdown .md-col8 {
      width: 66.66666666%;
    }

    .big-dropdown .md-col9 {
      width: 75%;
    }

    .big-dropdown .md-col10 {
      width: 83.33333333%;
    }

    .big-dropdown .md-col11 {
      width: 91.66666666%;
    }

    .big-dropdown .md-col12 {
      width: 100%;
    }



  .search-result > div:before,
  .search-result > div:after {
    left: 31%;
  }
}

@media only screen and (min-width: 900px) {
  .header .md-dropdown ul {
    display: block;
    position: relative;
    top: auto;
    right: auto;
  }

  .header .md-dropdown > a {
    display: none;
  }

  .header .md-dropdown li {
    float: left;
    margin-left: 1px;
  }

    .header .md-dropdown li a {
      padding: 16px 12px 14px;
      min-width: 0;
    }

    .header .md-dropdown li:first-child {
      padding-top: 0;
    }

  .header .md-dropdown ul:before {
    display: none;
  }


  .search-result > div:before,
  .search-result > div:after {
    left: 22%;
  }
}


/* PAGE CONTENTS */

@media only screen and (max-width: 639px) {
  .sm-col-nopadding-bottom {
    padding-bottom: 0 !important;
  }

  .sm-col-nopadding-top {
    padding-top: 0 !important;
  }

  .sm-col-nomargin-bottom {
    margin-bottom: 0 !important;
  }

  .sm-col-nomargin-top {
    margin-top: 0 !important;
  }


  /*.category-item a {
		background-image: none !important;
	}*/

  .sm-pinable.show-sm-pinable {
    position: fixed;
    top: 0;
    left: 0 !important;
    width: 100% !important;
    max-height: 100%;
    overflow-y: auto;
    z-index: 110;
    -webkit-transition: box-shadow 0.1s 0.1s;
    transition: box-shadow 0.1s 0.1s;
  }

  .sm-pinable.show-sm-pinable,
  .sm-pinable.pinned.show-sm-pinable {
    box-shadow: 0 0 200px 300px rgba(0,0,0,0.5);
  }

  .sm-pinable .padding {
    padding-left: 10px;
    padding-right: 10px;
  }

  .funnel .sm-pinable {
    top: auto !important;
  }

  .top-carroussel .slides img {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }



  /* Fix for normal top carroussel list version */
  .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) {
    position: relative;
    margin: 0 10px;
    width: auto;
  }

    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) .content > li {
      position: relative;
      pointer-events: auto;
      background-color: #fff;
      margin-bottom: 10px;
    }

    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) .img,
    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) img {
      position: relative;
      opacity: 1;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: perspective(700px) translate3d(0px, 0px, 0px);
      -webkit-transition: none;
      -moz-transition: none;
      transition: none;
      height: 148px;
    }

    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) article {
      position: relative;
      opacity: 1;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: perspective(700px) translate3d(0px, 0px, 0px);
      -webkit-transition: none;
      -moz-transition: none;
      transition: none;
    }

      .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) article > div,
      .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) article > a {
        padding: 0px 20px 10px;
      }

    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) h2,
    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) p {
      width: auto;
    }

    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) .slide-bullets-container {
      display: none;
    }


    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) .invert p {
      color: #000;
    }

    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) .invert h2,
    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) .invert h3 {
      color: #000;
    }

    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) .invert a:hover h2,
    .top-carroussel:not(.one-slide):not(.small-device-full-slideshow) .invert a:hover h3 {
      color: #5a8ab4;
    }
}

@media only screen and (min-width: 640px) and (max-width: 859px) {
  .md-col-nopadding-bottom {
    padding-bottom: 0 !important;
  }

  .md-col-nopadding-top {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 860px) {
  .lg-col-nopadding-bottom {
    padding-bottom: 0 !important;
  }

  .lg-col-nopadding-top {
    padding-top: 0 !important;
  }
}



@media only screen and (min-height: 400px) {
  .search-result > div > div {
    height: 300px;
  }
}

@media only screen and (min-height: 525px) {
  .search-result > div > div {
    height: 400px;
  }
}

@media only screen and (min-height: 650px) {
  .search-result > div > div {
    height: 500px;
  }
}


@media only screen and (min-width: 340px) {
  /*.evaluation h4 {
		display: inline-block;
	}
	.evaluation .stars {
		margin-left: 1em;
	}*/


}


@media only screen and (min-width: 480px) {
  .row.xs-nopadding {
    margin-left: -5px;
    margin-right: -5px;
  }

  .row.sm-nopadding,
  .row.nopadding {
    margin-left: -15px;
    margin-right: -15px;
  }

  .sm-col1 {
    width: 50%;
  }

  .sm-col2 {
    width: 100%;
  }

  .sm-col-push1 {
    margin-left: 50%;
  }

  .sm-block {
    display: block;
  }

  .sm-hide {
    display: none;
  }

  .xs-col-only,
  .xsm-col-only,
  .md-col-only,
  .lg-col-only,
  .xl-col-only, {
    display: none !important;
  }

  .sm-col-only {
    display: block !important;
  }

  .xsm-col-inlineblock-only,
  .md-col-inlineblock-only,
  .lg-col-inlineblock-only {
    display: none;
  }

  .sm-col-inlineblock-only {
    display: inline-block;
  }

  .xsm-col-inline-only,
  .md-col-inline-only,
  .lg-col-inline-only {
    display: none;
  }

  .sm-col-inline-only {
    display: inline;
  }

  .xs-col-posabsolute {
    position: relative;
  }

  .sm-col-posabsolute {
    position: absolute;
  }



  /* fonts */

  .font-hughe {
    font-size: 44px;
    line-height: 38px;
  }

  .font-medium,
  .category-item h2.medium {
    font-size: 28px;
    line-height: 32px;
  }

  .category-item:not(.with-button) a h2.medium:not(.no-arrow):after {
    margin-bottom: 3px;
  }


  /* other */


  .top-teaser .img:after {
    width: 115%;
    opacity: 0.85;
  }

  .top-teaser article header h1,
  .top-teaser article header p,
  .top-teaser article header .foldout .foldout-animate-height p {
    max-width: 65%;
  }

  article header h1,
  article header p,
  article header .foldout .foldout-animate-height p {
    max-width: 80%;
  }



  .index.foldout:not(.no-float) {
    float: right;
    width: 45.9%;
  }

  .index.foldout:not(.always-folded) .foldout-toggle {
    pointer-events: none;
  }

    .index.foldout:not(.always-folded) .foldout-toggle:after {
      display: none;
    }

  .index.foldout:not(.always-folded) .foldout-animate-height {
    max-height: 2100px;
  }




  article.main .item-list .phonebook .vcard > li:not(.image) {
    margin-right: 190px;
  }

  article.main .item-list .phonebook .vcard > li.type-tel,
  article.main .item-list .phonebook .vcard > li.type-email,
  article.main .item-list .phonebook .vcard > li.type-linkedin {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    margin-right: 0;
    width: 175px;
  }

  article.main .item-list .phonebook .vcard > li.type-email {
    top: 17px;
  }

  article.main .item-list .phonebook .vcard > li.type-linkedin {
    top: 34px;
  }





  .related {
    width: 49.5%;
    vertical-align: top;
    display: inline-block;
  }



  blockquote {
    max-width: 75%;
  }


  .newsletter,
  .newsletter > div {
    min-height: 300px;
  }

    .newsletter:not(.grow) section {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 20px;
      width: 100%;
    }

    .newsletter header {
      padding-right: 28%;
    }

    .newsletter.svg > div,
    .newsletter.svg > * {
      background-position: 92% 17px;
      background-position: right 17px 17px;
    }

  article.main .newsletter.svg > * {
    min-height: 105px;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: right 0 0;
  }


  .events .date-short {
    display: none;
  }

  .events .date-long {
    display: inline-block;
  }

  .funnel .events h5 ~ .date-short {
    display: none;
  }

  .funnel .events h5 ~ .date-long {
    display: block;
  }
}


@media only screen and (min-width: 640px) {


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

  .big-dropdown {
    right: -20px;
  }


  .sm-nopadding-bottom.padding,
  .sm-nopadding-bottom.padding-bottom {
    padding-bottom: 20px !important;
  }

  .sm-nopadding-top.padding,
  .sm-nopadding-top.padding-top {
    padding-top: 20px !important;
  }

  .sm-nopadding-bottom.double-padding-bottom {
    padding-bottom: 40px !important;
  }

  .sm-nopadding-top.double-padding-top {
    padding-top: 40px !important;
  }

  .sm-nopadding-bottom.extra-padding-bottom {
    padding-bottom: 80px !important;
  }

  .sm-nopadding-top.extra-padding-top {
    padding-top: 80px !important;
  }


  .md-block {
    display: block;
  }

  .md-hide {
    display: none;
  }

  .row.sm-nopadding {
    margin-left: -5px;
    margin-right: -5px;
  }

  .row.md-nopadding,
  .row.nopadding {
    margin-left: -25px;
    margin-right: -25px;
  }

  .md-col1 {
    width: 8.33333333%;
  }

  .md-col2 {
    width: 16.66666666%;
  }

  .md-col3 {
    width: 25%;
  }

  .md-col4 {
    width: 33.33333333%;
  }

  .md-col5 {
    width: 41.66666666%;
  }

  .md-col6 {
    width: 50%;
  }

  .md-col7 {
    width: 58.33333333%;
  }

  .md-col8 {
    width: 66.66666666%;
  }

  .md-col9 {
    width: 75%;
  }

  .md-col10 {
    width: 83.33333333%;
  }

  .md-col11 {
    width: 91.66666666%;
  }

  .md-col12 {
    width: 100%;
  }

  .md-2x-height {
    height: 334px;
  }



  .md-equal-height {
    margin-top: 50px;
    margin-bottom: 5px;
    height: 100%;
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
  }

    .md-equal-height > div {
      height: 100%;
      vertical-align: top;
      display: table-cell;
      float: none;
    }

  .sm-col-push-right {
    float: left;
  }

  .md-col-push-right {
    float: right;
  }

  .md-col-push1 {
    margin-left: 8.33333333%;
  }

  .md-col-push2 {
    margin-left: 16.66666666%;
  }

  .md-col-push3 {
    margin-left: 25%;
  }

  .md-col-push4 {
    margin-left: 33.33333333%;
  }

  .md-col-push5 {
    margin-left: 41.66666666%;
  }

  .md-col-push6 {
    margin-left: 50%;
  }

  .md-col-push7 {
    margin-left: 58.33333333%;
  }

  .md-col-push8 {
    margin-left: 66.66666666%;
  }

  .md-col-push9 {
    margin-left: 75%;
  }

  .md-col-push10 {
    margin-left: 83.33333333%;
  }

  .md-col-push11 {
    margin-left: 91.66666666%;
  }


  .sm-col-break {
    display: none;
  }

  .md-col-break {
    content: "";
    clear: both;
    display: table;
  }


  .xsm-col-only,
  .sm-col-only,
  .lg-col-only,
  .xl-col-only {
    display: none !important;
  }

  .md-col-only {
    display: block !important;
  }

  .xsm-col-inlineblock-only,
  .sm-col-inlineblock-only,
  .lg-col-inlineblock-only {
    display: none;
  }

  .md-col-inlineblock-only {
    display: inline-block;
  }

  .xsm-col-inline-only,
  .sm-col-inline-only,
  .lg-col-inline-only {
    display: none;
  }

  .md-col-inline-only {
    display: inline;
  }


  .md-bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

    .md-bg-img.md-col-push-right {
      right: 0;
    }


  .sm-col-posabsolute {
    position: relative;
  }

  .md-col-posabsolute {
    position: absolute;
  }




  .sm-max-thirdviewheight {
    overflow: visible;
    max-height: none;
  }




  /* fonts */
  .font-hughe,
  h2.big.hughe {
    font-size: 64px;
    line-height: 72px;
  }

  h2.big,
  .font-medium,
  .top-carroussel.one-slide h2.big,
  .top-carroussel.small-device-full-slideshow h2.big,
  .category-item.billboard h2,
  .category-item.billboard h5 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.04em;
  }

  .font-headline {
    font-size: 28px !important;
    line-height: 32px !important;
    letter-spacing: -0.01em !important;
  }

  .top-carroussel h2:not(.big),
  .list-item h2,
  .list-item h3,
  .list-item h4,
  .sm-pinable .support h4,
  .sm-pinable .support ul,
  .funnel .basket h4:first-child {
    font-family: "Klint LT W02 Regular", Helvetica, Arial, sans-serif;
    font-weight: 300;
  }

  .top-carroussel h2:not(.big),
  .list-item h2,
  .list-item h3,
  .list-item h4,
  .sm-pinable .support h4,
  .sm-pinable .support ul,
  .funnel .basket h4:first-child {
    font-size: 19px;
    line-height: 23px;
  }

  .bg-blue.support .vcard > li:first-child:nth-last-child(4),
  .bg-blue.support .vcard > li:first-child:nth-last-child(4) ~ li,
  .sm-pinable .support .vcard > li:first-child:nth-last-child(4),
  .sm-pinable .support .vcard > li:first-child:nth-last-child(4) ~ li {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
  }

  /* colors */

  .support.bg-blue {
    background-color: #5a8ab4;
  }

  .sm-pinable .support h4,
  .sm-pinable .support .vcard a,
  .sm-pinable .support .vcard a:hover,
  .sm-pinable .support .bg-blue .vcard a:hover {
    color: #fff;
  }

  .top-carroussel article:after {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#ffffff), color-stop(50%,rgba(255,255,255,0.8)), color-stop(90%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, #ffffff 0%, #ffffff 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%);
  }

  .top-carroussel article.invert:after {
    background: #000000;
    background: -moz-linear-gradient(top, #000000 0%, #000000 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(30%,#000000), color-stop(50%,rgba(0,0,0,0.8)), color-stop(90%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, #000000 0%, #000000 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, #000000 0%, #000000 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, #000000 0%, #000000 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, #000000 0%, #000000 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
  }

  .list-item h4 {
    color: #000;
  }




  /* images */

  .top-carroussel .invert a h2:after {
    background-image: url("../img/icon-arrow-small-white.svg");
  }

  .sm-pinable .support li.type-faq {
    background-image: url("../img/icon-faq-sm-white.svg");
  }

  .sm-pinable .support li.type-tel {
    background-image: url("../img/icon-phone-sm-white.svg");
  }

  /* other styles */


  .header {
    margin-top: 20px;
  }

  .search-result .employee {
    padding: 20px;
    margin: 20px 0;
  }

    .search-result .employee a {
      margin-top: 5px;
    }

  .search-result .resdiv a,
  .search-result .resdiv .search-terms a {
    display: block;
  }

    .search-result .resdiv .search-terms a:after {
      display: none;
    }

  .search-result > div > div {
    overflow-y: none;
  }

  .search-result .row {
    height: 100%;
    margin-right: 0;
  }

    .search-result .row > div:last-child {
      height: 100%;
      position: absolute;
      overflow-y: scroll;
      margin: 0;
      width: 100%;
      padding-right: 40%;
    }


  .breadcrumb a:before {
    display: none;
  }

  .breadcrumb li,
  .breadcrumb a:after {
    display: inline-block;
  }


  .top-teaser .img:after {
    width: 80%;
    opacity: 0.9;
  }

  .top-teaser header > .foldout,
  .top-teaser header > div {
    min-height: 340px;
  }

  .top-teaser article header h1,
  .top-teaser article header p,
  .top-teaser article header .foldout .foldout-animate-height p {
    max-width: none;
  }

  .top-teaser header > .foldout .foldout-toggle {
    display: none;
  }

  .top-teaser .foldout .foldout-animate-height {
    max-height: 400px;
  }


  article.main {
    margin-top: 0;
  }

  article header h1 {
    max-width: 85%;
  }

  article header p {
    max-width: 85%;
  }

  .index.foldout {
    float: none;
    width: auto;
  }

    .index.foldout .foldout-toggle {
      pointer-events: auto;
    }

      .index.foldout .foldout-toggle:after {
        display: inline-block;
      }

    .index.foldout .foldout-animate-height {
      max-height: 0;
    }

  .related {
    width: 100%;
  }


  blockquote {
    max-width: 85%;
  }

  article.support,
  .category-item:not(.always-mobile):not(.grow) {
    height: 162px;
    overflow: hidden;
  }

  article.support {
    margin-bottom: 0;
  }

  .category-item:not(.always-mobile) section {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height 0.4s ease-in-out, opacity 0.4s;
    transition: max-height 0.4s ease-in-out, opacity 0.4s;
  }

  .category-item:not(.always-mobile) a {
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
  }

    .category-item:not(.always-mobile) a:after {
      z-index: 0;
      left: 0;
      right: 0;
    }

    .category-item:not(.always-mobile) > div,
    .category-item:not(.always-mobile) a div {
      margin: 0;
    }

  .category-item .padding {
    min-height: 0;
  }

  .category-item.text-visible a section,
  .category-item a:hover section {
    max-height: 140px;
    opacity: 1;
  }

  .category-item a h5:after,
  .category-item a h2:after {
    display: none;
  }

  .category-item:not(.always-mobile) .img {
    width: 100%;
    height: 65%;
    left: 0;
    z-index: 0;
  }

  .category-item.fullframe .img,
  article.main .category-item.billboard .img {
    height: 100%;
  }

  .teasers .category-item:not(.always-mobile) .img {
    height: 49%;
  }

  .teasers .category-item.alternate .img {
    height: 100%;
  }

  .category-item.alternate div {
    background-color: transparent;
    height: 100%;
  }

  .category-item.alternate section {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    opacity: 1;
    overflow: visible;
    max-height: none;
    -webkit-transition: none;
    transition: none;
  }

  .category-item.alternate.svg:not(.img-only) .img {
    position: absolute;
    width: 42.5%;
    height: 90%;
    top: 5%;
    left: 55%;
    padding: 0;
  }

  .category-item.large {
    height: 334px;
  }

    .category-item.large .padding {
      min-height: 80px;
    }

    .category-item.large .img {
      height: 78%;
    }

  .category-item section > ul:not(:first-child),
  .category-item section > ol:not(:first-child),
  .category-item section > div:not(:first-child),
  .category-item section > p:not(:first-child) {
    margin-top: 0.4em;
  }

  .category-item section > ul:not(:last-child),
  .category-item section > ol:not(:last-child),
  .category-item section > div:not(:last-child),
  .category-item section > p:not(:last-child) {
    margin-bottom: 0.4em;
  }



  .category-item:not(.no-overlay):not(.always-mobile) a,
  .category-item:not(.color-overlay):not(.always-mobile) a:after,
  .category-item.color-overlay:not(.always-mobile) .color-overlay {
    width: 100.5%;
    height: 100.5%;
  }


  .category-item.billboard:not(.grow) {
    height: 440px;
  }

  .category-item.billboard.grow {
    min-height: 440px;
  }

  .category-item.billboard.large {
    height: 678px;
  }

  .category-item.billboard > article,
  .category-item.billboard .padding {
    height: auto;
    width: 99%;
  }

  .category-item.billboard > article,
  .category-item.billboard .padding,
  .category-item.billboard:before,
  .category-item.billboard > a:before {
    display: inline-block;
    vertical-align: middle;
  }

  .category-item.billboard:before,
  .category-item.billboard > a:before,
  article.main .category-item.billboard > *:before {
    content: "";
    height: 97%;
    margin-left: -0.005em;
  }

  article.main .category-item.billboard > .padding {
    max-width: 360px;
  }

  .category-item.billboard > a {
    position: absolute;
    top: 0;
    bottom: 0;
  }

    .category-item.billboard > a:hover section {
      max-height: none;
    }

  .category-item.billboard section {
    position: relative;
    padding: 0;
    margin-top: 40px;
    bottom: auto;
  }

  .category-item.billboard a h5:after,
  .category-item.billboard a h2:after {
    display: inline-block;
    width: 35px;
    height: 22px;
    background-size: 15px 20px;
  }

  .category-item.billboard p {
    padding-right: 35%;
  }

  article.main .category-item.billboard p:not(.link):not(.btn) {
    padding-right: 0;
  }

  .category-item.billboard .bg-brandgreen-gradient-after:after,
  .category-item.billboard .bg-white-gradient-after:after,
  .category-item.billboard .bg-lightestgrey-gradient-after:after,
  .category-item.billboard .bg-lightestestgrey-gradient-after:after,
  .category-item.billboard .bg-darkgrey-gradient-after:after,
  .category-item.billboard .bg-darkergrey-gradient-after:after,
  .category-item.billboard .bg-black-gradient-after:after,
  .category-item.billboard .overlay-black-gradient:after {
    left: -40%;
    opacity: 1;
    top: -5px;
    height: 115%;
  }



  .category-item.hide-header-on-hover header {
    display: block;
    position: absolute;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
  }

  .category-item.hide-header-on-hover .padding > header {
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
  }

  .category-item.bottom-align-date:not(.hide-header-on-hover) header {
    height: 100%;
  }

  .category-item.bottom-align-date .date {
    position: absolute;
    display: block;
    height: auto;
    bottom: 0;
  }


  .bg-brandgreen-gradient-after:after,
  .bg-white-gradient-after:after,
  .bg-lightestgrey-gradient-after:after,
  .bg-lightestestgrey-gradient-after:after,
  .bg-darkgrey-gradient-after:after,
  .bg-darkergrey-gradient-after:after,
  .bg-black-gradient-after:after {
    right: -10%;
  }

  .overlay-black-gradient:after {
    right: 10%;
  }

  .bg-video {
    left: 20px;
    right: 20px;
  }



  .newsletter.horizontal:not(.md-2x-height):not(.lg-2x-height) {
    height: 162px;
    min-height: 0;
    max-height: none;
  }

  .newsletter.horizontal:not(.lg-2x-height) > div {
    background-image: none !important;
  }

  .newsletter.horizontal header {
    width: 50%;
    padding-right: 5px;
  }

  .newsletter.horizontal section {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    width: 50%;
    padding: 20px 20px 20px 25px;
  }

  article.main .newsletter.horizontal section {
    float: right;
    position: relative;
    padding: 0;
    width: 49%;
    max-width: 324px;
  }

  .newsletter.horizontal h5,
  .newsletter.horizontal p {
    max-width: none;
  }

  .newsletter.horizontal input {
    padding-top: 3px;
  }

  .newsletter:not(.category-item).horizontal .btn,
  article.main .newsletter:not(.category-item) .btn {
    padding: 5px 12px 3px 10px;
  }

  .newsletter.horizontal:not(.category-item) .btn {
    margin-top: 5px;
  }



  .teasers .category-item > a > div {
    min-height: 82px;
  }

  .newsletter,
  .newsletter > div {
    min-height: 334px;
  }

    .newsletter.svg.horizontal > div {
      background-position: 300% 0;
    }

    .newsletter.svg.horizontal.md-2x-height > * {
      background-size: 23%;
      background-position: 17px 92%;
      background-position: bottom 17px 17px;
    }

    .newsletter header {
      padding-right: 0;
    }

  .list-item header,
  .list-item section {
    width: 66.66666%;
  }

  .list-item > a::after,
  .list-item .img {
    width: 32.4%;
  }

  .img-border .list-item .img,
  .list-item.img-border .img {
    border: 20px solid #fff;
    border-right: none;
  }

  .img-border .row > div {
    margin-top: 0;
    margin-bottom: 1px;
  }



  .list-items .row:last-child {
    padding-top: 55px;
  }

  .list-item .currency {
    display: inline-block;
  }

  .list-item .currency-short {
    display: none;
  }



  .list-view article.main .illustration p,
  .list-view article.main > section,
  .list-view article.main > header {
    padding-left: 20px;
    padding-right: 20px;
  }


  .item.big:after {
    width: 72%;
    opacity: 0.85;
  }

  .item.big .padding {
    max-width: 52.7777777%;
  }

  .item.big div.padding {
    height: 100%;
    padding-top: 100px;
  }


  .article .sm-pinable,
  .funnel .sm-pinable {
    box-shadow: none;
    /*position: initial;*/
    position: static;
    bottom: auto;
    top: 0;
  }

    .sm-pinable > div,
    .article .sm-pinable .item,
    .funnel .sm-pinable .basket {
      margin-top: 10px;
    }

    .funnel .sm-pinable .basket {
      padding: 20px;
    }

  .show-receipt .funnel .receipt {
    margin-top: -11px;
  }


  aside > div {
    margin-top: 10px;
  }

  .events.legend > div {
    margin-top: 0;
  }


  .sm-pinable,
  .sm-pinable.show-sm-pinable {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
  }

  .sm-pinable {
    position: relative;
    left: 0;
  }

  .sm-pinable-hide {
    display: block;
  }

  .sm-pinable.sm-pin-bottom,
  .sm-pinable.sm-pin-fullwidth {
    position: relative;
    bottom: auto;
    width: auto;
    top: 0;
    left: 0;
    right: 5px;
    box-shadow: none;
  }

    .sm-pinable.sm-pin-fullwidth.pinned {
    }

  .sm-pinable.pinned,
  .sm-pinable.pinned.show-sm-pinable {
    position: fixed;
    box-shadow: none;
  }

  .sm-pinable.events.legend.pinned {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
  }

  .sm-pinable.show-sm-pinable {
    position: relative;
  }

  .sm-pinable .basket,
  .sm-pinable .signup {
    margin-top: 1px;
    margin-bottom: 10px;
  }

  .sm-pinable .support,
  .sm-pinable.show-sm-pinable .support {
    height: auto;
    text-align: left;
    max-height: none;
    padding-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

    .sm-pinable .support h4,
    .sm-pinable .support ul,
    .sm-pinable .support div {
      width: auto;
      height: auto;
      display: block;
    }

    .sm-pinable .support h4 {
      padding-left: 20px;
    }

    .sm-pinable .support img {
      position: relative;
      width: 100%;
      margin: 0;
      display: none;
    }

    .sm-pinable .support .type-faq,
    .sm-pinable .support .type-email,
    .sm-pinable .support .type-tel,
    .sm-pinable .support .type-chat {
      display: list-item;
    }

      .sm-pinable .support .type-faq:after {
        display: inline-block;
      }


    .sm-pinable .support .vcard {
      margin-left: 20px;
    }

      .sm-pinable .support .vcard > li {
        padding-right: 0;
      }

      .sm-pinable .support .vcard > .type-faq {
        padding-right: 20px;
      }
      /*.bg-blue.support .vcard > li:first-child:nth-last-child(4),
	.bg-blue.support .vcard > li:first-child:nth-last-child(4) ~ li,*/
      .sm-pinable .support .vcard > li:first-child:nth-last-child(4),
      .sm-pinable .support .vcard > li:first-child:nth-last-child(4) ~ li {
        float: left;
        width: 50%;
      }
        /*
	.sm-pinable .support .vcard > li:first-child:nth-last-child(4) ~ li:nth-child(2n) {
		width: 48%;
	}
	*/
        .sm-pinable .support .vcard > li:first-child:nth-last-child(4) ~ li:nth-child(2n + 1) {
          clear: both;
        }

  .events-signup {
    max-height: none;
    -webkit-transition: none;
    transition: none;
    overflow: auto;
  }

  .sm-pinable .signup {
    border-top: none;
  }

  .show-sm-pinable .events-signup {
    border-radius: 0;
  }
  /*.sm-pinable {
		margin-top: 10px;
	}*/






  .support li.type-tel,
  .support li.type-email,
  .support li.type-chat,
  .support li.type-faq,
  .support li.type-fax {
    padding: 2px 0 2px 25px;
  }


  .evaluation h4 {
    display: none;
  }

  .evaluation .stars {
    width: 150px;
    margin-left: 0;
  }
  /*	.evaluation .foldout-toggle {
		float: right;
	}*/
  .stars,
  .stars-filled {
    background-size: 150px 55px;
  }

  .stars-filled {
    background-position: 2px -29px;
  }

  .evaluation .stars,
  .evaluation .foldout-toggle {
    height: 28px;
  }


  .programme {
    margin-top: 0;
  }

    .programme .foldout-animate-height {
      max-height: 7000px;
    }

    .programme .foldout-toggle {
      display: none;
    }


  .events {
    padding-top: 20px;
  }

    .events .date-short {
      display: inline-block;
    }

    .events .date-long {
      display: none;
    }

  .funnel .events h5 ~ .date-short {
    display: block;
  }

  .funnel .events h5 ~ .date-long {
    display: none;
  }



  .support h4 {
    padding: 15px 0 0 20px;
  }



  .itcert .sm-pinable .basket {
    padding: 20px;
    margin-top: 10px;
  }

  .itcert .sm-pinable .top-item {
    margin-top: 10px;
  }







  .top-carroussel.small,
  .top-carroussel.small.slideshow,
  .top-carroussel.small.one-slide,
  .top-carroussel.small.one-slide.slideshow {
    /* Move up IE compatible by using top and margin-bottom */
    margin: 0 -68px 0 0;
    top: -68px;
    min-height: 500px;
    max-height: 1000px;
    height: 70%;
    height: 70vh;
  }








  .slideshow .slide-bullets li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    pointer-events: auto;
  }


  .front .header header > a:before,
  .front .header header > a:after {
    position: absolute;
    bottom: -50px;
    right: -165px;
  }


  .front.mouse-is-passive:not(.slideshow-paused):not(.mouse-is-really-passive):not(.presentation-mode) .top-carroussel p {
    max-height: 0;
    margin-top: 0;
    opacity: 0;
  }

  .front .header nav,
  .front .header form {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }

  .front.presentation-mode .search-result:before,
  .front.presentation-mode .search-result > div:before,
  .front.presentation-mode .search-result > div:after,
  .front.presentation-mode .header nav,
  .front.presentation-mode .header form,
  .front.mouse-is-really-passive .search-result:before,
  .front.mouse-is-really-passive .search-result > div:before,
  .front.mouse-is-really-passive .search-result > div:after,
  .front.mouse-is-really-passive .header nav,
  .front.mouse-is-really-passive .header form {
    opacity: 0;
  }

  .front .header header > a:before,
  .front .header header > a:after {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
  }

  .front.presentation-mode .header header > a:before,
  .front.presentation-mode .header header > a:after,
  .front.mouse-is-really-passive .header header > a:before,
  .front.mouse-is-really-passive .header header > a:after {
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
  }

  .front.presentation-mode.logoinvert .header header > a:before,
  .front.presentation-mode:not(.logoinvert) .header header > a:after,
  .front.mouse-is-really-passive.logoinvert .header header > a:before,
  .front.mouse-is-really-passive:not(.logoinvert) .header header > a:after {
    opacity: 1;
  }

  .front.presentation-mode .search-result > div,
  .front.mouse-is-really-passive .search-result > div {
    height: 0 !important;
  }

    .front.presentation-mode .search-result > div > div,
    .front.mouse-is-really-passive .search-result > div > div {
      max-height: 0 !important;
    }


  .front.presentation-mode .top-carroussel .slide-bullets,
  .front.mouse-is-really-passive .top-carroussel .slide-bullets {
    /*padding-right: 30px;*/
  }
  /*
	.front.mouse-is-really-passive .container.cookies-policy {
		display: none;
	}

	.container.cookies-policy {
		bottom: 10px;
		text-align: right;
		position: fixed;
		width: inherit;
		right: 0;
		margin: 0;
		padding: 0 30px 0 0;
		pointer-events: none;
		
	}
	.container.cookies-policy a {
		pointer-events: auto;
	}
	*/






  article.main .item-list .vcard.large-image {
    padding-left: 80px;
  }

  .item-list .vcard.large-image .image {
    width: 70px;
    height: 70px;
  }




  .tools .social_share a {
    padding-left: 16px;
    min-width: 16px;
    height: 16px;
    background-position: 0px center;
    background-size: 16px 16px;
  }

  .social_share a > div {
    padding: 2px 3px;
    height: 16px;
    font-size: 9px;
    line-height: 13px;
  }
}


@media only screen and (min-width: 860px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .row.md-nopadding {
    margin-left: -5px;
    margin-right: -5px;
  }

  .lg-nomargin-top {
    margin-top: 0 !important;
  }

  .row.lg-nopadding,
  .row.nopadding {
    margin-left: -35px;
    margin-right: -35px;
  }

  .lg-block {
    display: block;
  }

  .lg-hide {
    display: none;
  }

  .big-dropdown .lg-col1,
  .lg-col1 {
    width: 8.33333333%;
  }

  .big-dropdown .lg-col2,
  .lg-col2 {
    width: 16.66666666%;
  }

  .big-dropdown .lg-col3,
  .lg-col3 {
    width: 25%;
  }

  .big-dropdown .lg-col4,
  .lg-col4 {
    width: 33.33333333%;
  }

  .big-dropdown .lg-col5,
  .lg-col5 {
    width: 41.66666666%;
  }

  .big-dropdown .lg-col6,
  .lg-col6 {
    width: 50%;
  }

  .big-dropdown .lg-col7,
  .lg-col7 {
    width: 58.33333333%;
  }

  .big-dropdown .lg-col8,
  .lg-col8 {
    width: 66.66666666%;
  }

  .big-dropdown .lg-col9,
  .lg-col9 {
    width: 75%;
  }

  .big-dropdown .lg-col10,
  .lg-col10 {
    width: 83.33333333%;
  }

  .big-dropdown .lg-col11,
  .lg-col11 {
    width: 91.66666666%;
  }

  .big-dropdown .lg-col12,
  .lg-col12 {
    width: 100%;
  }


  .md-2x-height {
    height: 162px;
  }

  .lg-2x-height {
    height: 334px;
  }

  .lg-equal-height {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 100%;
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
  }

    .lg-equal-height > div {
      height: 100%;
      vertical-align: top;
      display: table-cell;
      float: none;
    }

  .sm-col-push-right,
  .md-col-push-right {
    float: left;
  }

  .lg-col-push-right {
    float: right;
  }

  .md-col-push1,
  .md-col-push2,
  .md-col-push3,
  .md-col-push4,
  .md-col-push5,
  .md-col-push6,
  .md-col-push7,
  .md-col-push8,
  .md-col-push9,
  .md-col-push10,
  .md-col-push11,
  .md-col-push12 {
    margin-left: 0;
  }

  .lg-col-push1 {
    margin-left: 8.33333333%;
  }

  .lg-col-push2 {
    margin-left: 16.66666666%;
  }

  .lg-col-push3 {
    margin-left: 25%;
  }

  .lg-col-push4 {
    margin-left: 33.33333333%;
  }

  .lg-col-push5 {
    margin-left: 41.66666666%;
  }

  .lg-col-push6 {
    margin-left: 50%;
  }

  .lg-col-push7 {
    margin-left: 58.33333333%;
  }

  .lg-col-push8 {
    margin-left: 66.66666666%;
  }

  .lg-col-push9 {
    margin-left: 75%;
  }

  .lg-col-push10 {
    margin-left: 83.33333333%;
  }

  .lg-col-push11 {
    margin-left: 91.66666666%;
  }


  .md-col-break {
    display: none;
  }

  .lg-col-break {
    content: "";
    clear: both;
    display: table;
  }

  .xsm-col-only,
  .sm-col-only,
  .md-col-only,
  .xl-col-only {
    display: none !important;
  }

  .lg-col-only {
    display: block !important;
  }

  .lg-col-inline-only {
    display: inline;
  }

  .xsm-col-inlineblock-only,
  .sm-col-inlineblock-only,
  .md-col-inlineblock-only {
    display: none;
  }

  .lg-col-inlineblock-only {
    display: inline-block;
  }

  .xsm-col-inline-only,
  .sm-col-inline-only,
  .md-col-inline-only {
    display: none;
  }

  .lg-col-inline-only {
    display: inline;
  }

  .md-col-posabsolute {
    position: relative;
  }

  .lg-col-posabsolute {
    position: absolute;
  }

  .lg-bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

    .lg-bg-img.lg-col-push-right {
      right: 0;
    }

  .search-result .row > div:last-child {
    padding-right: 33%;
  }



  .font-hughe {
    font-size: 88px;
    line-height: 74px;
  }

  .font-medium {
    font-size: 48px;
    line-height: 56px;
  }

  .font-small {
    font-size: 18px;
    line-height: 20px;
  }




  .top-teaser .img:after {
    width: 55%;
    opacity: 0.95;
  }


  .funnel .event-list label {
    width: 93%;
  }

  .funnel .event-list h5,
  .funnel .main .label.length {
    float: left;
    clear: left;
    width: 31%; /*45%;*/
  }

  .funnel .event-list > li > span,
  .funnel label > span,
  .funnel .dates-list {
    float: right;
    clear: none;
    width: 66%; /*52%;*/
  }

  .funnel .main .dates-list {
    margin-top: 0.5em;
  }

  .funnel .event-list > li > span,
  .funnel label > span {
    line-height: 23px;
  }



  .funnel .receipt header .tools,
  .funnel .receipt header a {
    float: left;
    width: 26.5%;
  }

  .funnel .receipt header .social_share a,
  .funnel .receipt header .addthis_toolbox a {
    width: auto;
  }

  .funnel .receipt header .tools {
    padding-top: 10px;
  }


  .index.foldout:not(.no-float) {
    float: right;
    width: 45.9%;
  }

  .index.foldout:not(.always-folded) .foldout-toggle {
    pointer-events: none;
  }

    .index.foldout:not(.always-folded) .foldout-toggle:after {
      display: none;
    }

  .index.foldout:not(.always-folded) .foldout-animate-height {
    max-height: 2100px;
  }


  .related {
    width: 49.5%;
  }


  blockquote {
    max-width: 70%;
  }


  .newsletter header,
  .category-item.alternate:not(.fullwidth) div,
  .category-item.alternate:not(.fullwidth) p {
    padding-right: 35%;
  }

  .category-item.svg {
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
  }


  .overlay-black-gradient:after {
    right: 30%;
  }

  article.main .category-item.billboard .bg-brandgreen-before:before,
  article.main .category-item.billboard .bg-white-before:before,
  article.main .category-item.billboard .bg-lightestgrey-before:before,
  article.main .category-item.billboard .bg-lightestestgrey-before:before,
  article.main .category-item.billboard .bg-darkgrey-before:before,
  article.main .category-item.billboard .bg-darkergrey-before:before,
  article.main .category-item.billboard .bg-black-before:before {
    width: 40.025%;
  }

  article.main .category-item.billboard .bg-brandgreen-gradient-after:after,
  article.main .category-item.billboard .bg-white-gradient-after:after,
  article.main .category-item.billboard .bg-lightestgrey-gradient-after:after,
  article.main .category-item.billboard .bg-lightestestgrey-gradient-after:after,
  article.main .category-item.billboard .bg-darkgrey-gradient-after:after,
  article.main .category-item.billboard .bg-darkergrey-gradient-after:after,
  article.main .category-item.billboard .bg-black-gradient-after:after {
    right: 30%;
    left: 40%;
    top: 0;
    height: 100%;
    display: block;
  }

  .bg-video {
    left: 30px;
    right: 30px;
  }

    .bg-video > div {
      left: -44%;
      right: -44%;
    }

  .newsletter.svg > * {
    background-size: 35%;
    background-position: 92% 17px;
    background-position: right 17px 17px;
  }

  .newsletter.svg.horizontal.lg-2x-height > * {
    background-size: 21.5%;
    background-position: 17px 92%;
    background-position: bottom 17px 17px;
  }

  .list-item header,
  .list-item section {
    width: 66.33333%;
  }

  .list-item > a::after,
  .list-item .img {
    width: 32.7%;
  }

  .list-item .events {
    width: 46.3%;
    margin-left: 50px;
  }


  .events .date-short {
    display: none;
  }

  .events .date-long {
    display: inline-block;
  }

  .funnel .events h5 ~ .date-short {
    display: none;
  }

  .funnel .events h5 ~ .date-long {
    display: block;
  }

  .item.big:after {
    width: 48%;
    opacity: 0.75;
  }

  .item.big .padding {
    max-width: 32.7777777%;
  }


  .top-carroussel h2:not(.big) {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }

  .top-carroussel .slide-bullets-container {
    padding: 0 20px 0 30px;
  }

  .top-carroussel.one-slide p,
  .top-carroussel p {
    max-height: 150px;
  }
}



@media only screen and (min-width: 890px) {
  /*	.funnel .events .dates-list span { float: none; } */
  .funnel .events .dates-list span:nth-child(1) {
    width: 30%;
  }

  .funnel .events .dates-list span:nth-child(2) {
    width: 40%;
  }

  .funnel .events .dates-list span.date-short:nth-child(1) {
    width: 71%;
  }

  .funnel .events .dates-list span.time:nth-child(2) {
    width: auto;
  }

  .funnel .dates-list span.location {
    display: inline-block;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
}

@media only screen and (min-height: 640px) {
  .article .sm-pinable .item img {
    display: inline-block;
  }
}

@media only screen and (min-width: 640px) and (min-height: 748px) {
  .sm-pinable .support img {
    display: inline-block;
  }

  .top-carroussel .slide-bullets,
  .top-carroussel article > div,
  .top-carroussel article > a {
    margin-bottom: 20px;
  }
  /*
	.container.cookies-policy {
		bottom: 20px;
	}
	*/
  .top-carroussel .slide-bullets-container {
    bottom: 47px;
  }
}


@media only screen and (min-width: 1020px) {
  .evaluation h4 {
    display: inline-block;
  }

  .evaluation .stars {
    float: right;
  }

  .font-hughe {
    font-size: 122px;
    line-height: 98px;
  }

  .font-medium {
    font-size: 74px;
    line-height: 78px;
  }

  .font-small {
    font-size: 22px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 1160px) {
  .container:not(.fullwidth) {
    max-width: 1160px;
  }
  /*
	.container.cookies-policy,	
	*/
  .top-carroussel .slide-bullets-container {
    width: 1160px;
    left: 50%;
    margin-left: -580px;
  }

  .xl-block {
    display: block;
  }

  .xl-hide {
    display: none;
  }

  .xsm-col-only,
  .sm-col-only,
  .md-col-only,
  .lg-col-only,
  .xl-col-hide {
    display: none !important;
  }

    .lg-col-only:not(.xl-col-only), /* backwards compatibility */
    .xl-col-only {
      display: block !important;
    }
}



@media only screen and (min-width: 1260px) and (min-height: 600px), only screen and (min-width: 640px) and (min-height: 800px) {
  .front.presentation-mode .header {
    margin-top: 40px;
  }

  .front.presentation-mode .container {
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 40px;
  }

  .front.presentation-mode .row.nopadding {
    margin-left: -65px;
    margin-right: -65px;
  }

  .front.presentation-mode .top-carroussel .slide-bullets-container {
    padding-right: 50px;
    bottom: 67px;
  }


  .front.presentation-mode .header header h2 {
    width: 69px;
    height: 58px;
    background-size: 53px;
    border-right: 6px solid #f12b3b;
  }

  .front.presentation-mode .header header > a:before,
  .front.presentation-mode .header header > a:after {
    width: 180px;
    height: 41px;
    bottom: -60px;
    right: -208px;
  }


  .front.presentation-mode .top-carroussel h2 {
    font-size: 54px;
    line-height: 64px;
    letter-spacing: -0.02em;
  }

  .front.presentation-mode .top-carroussel p {
    font-size: 28px;
    line-height: 34px;
  }

  .front.presentation-mode .container:not(.fullwidth),
  .front.presentation-mode .container.fullwidth {
    max-width: none;
  }

  .front.presentation-mode .top-carroussel .slide-bullets-container {
    width: 100%;
    margin-left: 0;
    left: auto;
  }
}


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

.overflow-visible {
  overflow: visible;
}

.hidden:not(.show-foldout) {
  display: none !important;
  visibility: hidden;
}

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

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

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !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) ")";
  }

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

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

  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;
  }
}