@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lora:700|Noto+Serif+KR:700|Noto+Serif+TC:700,900|Zilla+Slab:700&display=swap');


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* BASIC CONSCIOUS RESETs +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* make HTML5 elements block-level for consistent styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1 }

/* Basic Table styling */
table { border-collapse: collapse; border-spacing: 0px; }
table button, table input { *overflow: auto } /* for IE9 overflow bug */
td { vertical-align: top; }

/* Basic Form styling */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }

/* Basic List styling */
ul, ol { margin: 0 0 1.5385em 0; padding: 0 0 0 1.25em; /* 0 0 0 3em; */ }
ul ul, ol ol { margin: 0; padding: 0 0 0 2em; } /* only margin on top level lists */
dd { margin: 0 0 0 3em; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0 }
li { line-height: 1.5385em; } /* 20 */

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; font-size: 0.8462em; /* 11/13 */ line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em }

* {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/* https://codepen.io/devstreak/pen/dMYgeO */
::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: transparent;
}
::-webkit-scrollbar {
  width: 0.5em;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.35);
  border: none;
  border-radius: 0.2em;
}

/* disabling contextual menus for admin! */
.contextual-region { position: inherit; }
.contextual { display: none !important; }

/* mine faner over indholdet */
#block-vististark-local-tasks ul {
  margin: 0px 0px 0.75em 0px;
  padding: 0px;
  padding-left: 0.75em;
  border-bottom: 1px solid #C6C6C6;
}
#block-vististark-local-tasks ul li {
  display: inline-block;
  margin: 0px 0px -8px 0px;
}
#block-vististark-local-tasks ul li a {
  display: block;
  float: left;
  padding: 0.35em 0.75em;
  border: 1px solid #C6C6C6;
  border-bottom: 1px solid #FCFCFC;
  border-radius: 5px 5px 0px 0px;
  margin-top: 0.75em;
}

#block-logind ul {
  display: none;
}
#block-logind .js-form-item {
  margin-bottom: 0.5em;
}
#block-logind label {
  display: none;
}

#block-logind input {
  width: 100%;
  border: 1px solid #C6C6C6;
  padding: 0.2em 0.35em;
  line-height: 1.5em;
  border-radius: 3px;
}
#block-logind input[type='submit'] {
  width: auto !important;
  padding: 0.2em 0.65em !important;
  margin-bottom: 1.5em;
}

.user-login-form .description {
  margin-bottom: 0.75em;
  color: grey;
  font-style: italic;
}
  

/* fix toolbar top distance to content */
.toolbar-horizontal {
  padding-top: 80px !important;
}

/* cookie compliance */
.eu-cookie-compliance-content,
.eu-cookie-compliance-content p,
.eu-cookie-compliance-message p {
  font-size: 15px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  display: inline-block !important;
  padding-top: 3px !important;
}
/* button */
button.eu-cookie-withdraw-button,
button.eu-cookie-compliance-default-button {
  cursor: pointer;
  margin-right: 5px;
  margin-top: 1em;
  vertical-align: middle;
  overflow: visible;
  width: auto;
  -moz-box-shadow: inset 0 1px 0 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
  box-shadow: inset 0 1px 0 0 #fff;
  background-color: #ededed;
  background-image: -moz-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#ededed),color-stop(100%,#dfdfdf));
  background-image: -webkit-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
  background-image: -o-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
  background-image: -ms-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
  background-image: linear-gradient(to bottom,#ededed 5%,#dfdfdf 100%);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  color: #000 !important;
  font-family: Arial,sans-serif !important;
  font-weight: 400 !important;
  padding: 4px 8px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  outline: none;
  font-size: 15px !important;
}
button.eu-cookie-compliance-more-button {
  cursor: pointer;
  display: inline;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: underline;
  background: none;
  font-size: 15px !important;
}
/* secondary btn */
button.eu-cookie-compliance-secondary-button {
  cursor: pointer;
  border: none;
  background: none;
  margin-top: 1em;
  padding: 0 8px;
  vertical-align: middle;
  font-size: 15px !important;
}
/* privat... tab */
.eu-cookie-withdraw-tab {
  border-width: 1px 1px 0 !important;
  border-radius: 5px 5px 0 0 !important;
  border-color: #eeeeee !important;
  padding: 4px 7px !important;
  cursor: pointer !important;
  font-size: 17px !important;
  outline: none !important;
}
/* banner = content of sliding field */
/* .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {} */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* SITE SPECIFIC styling ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
}

body {
  background: #FCFCFC;
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: 18px; /* 17px; */
  line-height: 1.470em;
  margin: 0px;
  padding: 0em;
  height: 100%;
}

#pageWrapper {
  width: auto;
  overflow-x: hidden;
}

/* HERO styling */
.hero .left h2 a {
  color: #333;
}

.hero .left h2 a:hover {
 text-decoration: none
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* TYPE STUFF */

h1, h2, h3, h4, h5, h6 {
  font-weight: 900; /* 400; */
  line-height: 1.25em;
  color: #333;
  margin: 0 0 0.5em 0;
  font-family: 'Noto Serif TC', serif;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
h1 {
  font-size: 3em;
}
h2 {
  font-size: 2em;
  font-weight: 900;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.25em;
}

p {
  font-size: 1em; /* 18px; /* 1em; */
  line-height: 27px; /* 25px; /* 27px; */
  margin: 0px 0px 27px 0px; /* 24px 0px; /* 0px 0px 1.5em 0px; */
}
p.nextIndent {
  margin-bottom: 0px !important;
}
/* next p is indented */
p.nextIndent + p {
  text-indent: 2em;
}

blockquote {
  border-left: 1px solid #C6C6C6;
  margin: 0px;
  padding-left: 1.5em;
}

/* INLINE LINKS */
a { text-decoration: none; color: #BB0088; outline: 0; }
a:active, a:focus { outline: 0; }
a:hover { text-decoration: underline; outline: none; }


/* ****************************************************** */

.nyhedsbrevWrapper {
  margin: 0px 0px 1.5em 0px;
}
.nyhedsbrevWrapper h3 {
  margin: 1em 0px 0.35em 0px;
  font-size: 1.25em;
}
.nyhedsbrevWrapper h3:first-of-type {
  margin: 0px 0px 0.35em 0px;
}


/* ****************************************************** */

#cboxOverlay {
  background: #FCFCFC !important;
}

/* ****************************************************** */
/* for lightbox gallery on pages */
#galleryWrapper {
  display: block;
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0 -0.25em;
}
#galleryWrapper:after {
  content: "";
  display: table;
  clear: both;
}
#galleryWrapper a img {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  /* border: 1px solid red; */
}


/* ****************************************************** */
/* for lightbox gallery on pages */
#largeGalleryWrapper {
  display: block;
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0 -0.25em; /* 0 -0.25em 1.5em -0.25em; */
}
#largeGalleryWrapper:after {
  content: "";
  display: table;
  clear: both;
}
#largeGalleryWrapper a img {
  /* max-width: 100%; */
  width: 100%;
  height: auto;
  display: block;
  float: left;
  /* border: 1px solid red; */
}



/* ****************************************************** */
/* header is in overlay */

/* sticky moved to responsive nav */
#stickyMenuWrapper {
  position: fixed; /* absolute; */
  z-index: 2000;
  top: 0px;
  left: 0px;
  background: rgba(252,252,252,0.97); /* rgba(255,255,255,0.96); /* pink; */
  padding: 0.25em 0px;
  border-bottom: 1px solid #be9c9c;
  width: 100%;
  height: auto;
  text-align: left;
  /* transition */
  -webkit-transition-property: all; /* opacity; */
  -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
#stickyMenuWrapper .gridInside .col-1-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
/* sticky main menu */
/* ul#stickyTopMenu { */
.block-region-stickymenu {
  width: 70%;
}
.block-region-stickymenu ul {
  flex: 0 0 70%; /* 60%; */
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.block-region-stickymenu ul:after {
  content: "";
  display: table;
  clear: both;
}
.block-region-stickymenu ul li {
  display: inline-block;
  height: 40px;
  margin: 0px 0.35em;
}
.block-region-stickymenu ul li a {
  display: inline-block;
  padding: 0px 0.5em;
  line-height: 40px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: 500;
  color: #333;
}

.block-region-headermenu ul li a.is-active {
  text-decoration: line-through;
}


/* showing and hiding sticky menu */
#stickyMenuWrapper.shown {
  opacity: 1.0;
  margin-top: 0px;
  visibility: visible;
}
#stickyMenuWrapper.hidden {
  opacity: 0.0;
  margin-top: -3em;
  visibility: hidden;
}

/* ********************************* */
/* topMenu wrapper */
#topMenuWrapper {
  max-width: 1280px;
  margin: 0px auto;
  display: block;
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
#topMenuWrapper:after {
  content: "";
  display: table;
  clear: both;
}
/* MAKING animation on resp menu!! */
/* https://stackoverflow.com/questions/3508605/how-can-i-transition-height-0-to-height-auto-using-css */
#topMenuWrapper ul {
  display: block;
}
#topMenuWrapper ul.hideMenu {
  display: none !important;
}

/* 2nd level menu in right float column */
#block-primaernavigation {
  margin-bottom: 1.5em;
}
#block-primaernavigation ul li ul {
  padding-left: 0.1em; /* 0.2em; /* 1em; */
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1em;
}
#block-primaernavigation ul li ul li {
  font-size: 17px;
  padding-left: 0.25em;
}
/* 3rd level */
#block-primaernavigation ul li ul li ul {
  margin-left: 1em;
}
#block-primaernavigation a.is-active {
  text-decoration: line-through;
}

/* Søgeform */
#views-exposed-form-search-visti-page-1 {
  margin-bottom: 1.5em;
}
#views-exposed-form-search-visti-page-1 .js-form-item {
  margin-bottom: 0.5em;
}
#views-exposed-form-search-visti-page-1 label {
  display: none;
}
#views-exposed-form-search-visti-page-1 input {
  width: 100%;
  border: 1px solid #C6C6C6;
  padding: 0.2em 0.35em;
  line-height: 1.5em;
  border-radius: 3px;
}
#views-exposed-form-search-visti-page-1 input[type='submit'] {
  width: auto !important; /* 100%; */
  padding: 0.2em 0.65em !important;
}
/* søgeresultater */
.searchResult {
  margin-bottom: 0.75em;
  /* border-bottom: 1px solid red; */
}
/* search pager */
ul.js-pager__items {
  text-align: center;
}
ul.js-pager__items li {
  line-height: 1.5385em;
  display: inline;
}

/* Just logo +++++++++++++++++++ */
.logoWrapper {
  height: 40px;
  overflow: hidden;
  padding: 5px 0px;
}
.logoWrapper a {
  display: block;
  float: left;
  height: 30px;
  min-width: 125px;
  text-indent: -999em;
  background: url('../images/AaBKC.png');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1; /* 0.9; */
}

/* ++++++++++++++++++++++++++++++++++ */
/* My burger icon here */
.burgerIcon {
  font-family: 'IcoFont' !important;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.burgerIcon a {
  display: block;
  float: right;
  font-size: 1.975em;
  color: #333; /* rgba(0,0,0,0.82); */
  width: 45px;
  height: 40px;
  line-height: 40px;
  text-align: right; /* center; */
}
.burgerIcon a:before {
  content: "\efa2"; /* nav menu icon */
}
.burgerIcon a:hover {
  text-decoration: none;
}


/* ********************************* */
/* OTHER content wrappers */

/* Gallery Wrapper for gallery in right col-1-3 */
.galleryWrapper {
  display: block;
  width: auto;
  float: left;
  margin: 0px -0.2em 1em -0.2em;
}
.galleryWrapper:after {
  content: "";
  display: table;
  clear: both;
}
.galleryWrapper h3 {
  display: block;
  width: 100%;
  padding: 0px 0.2em;
  float: left;
}
.galleryWrapper img {
  display: block;
  width: 33.3333%;
  padding: 0px 0.2em 0.2em 0.2em;
  float: left;
}

/* Gallery slideshow ++++++++++++++++++++++++++ */
.gallerySlideshowWrapper {
  display: block;
  width: 100%;
  float: left;
  margin: 0px;
}
.gallerySlideshowWrapper img {
  display: block;
  width: 100%;
  float: left;
}

/* Gallery Store Thumbs ++++++++++++++++++++++++++ */
.galleryStoreThumbsWrapper {
  display: block;
  width: 100%;
  float: left;
  margin: 0px;
}
.galleryStoreThumbsWrapper img {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 0.5em;
}



/* news section wrapper */
#newsSectionWrapper {
  width: 100%;
  padding: 1em 0px 0px 0px;
  border-bottom: 1px solid #C6C6C6;
  /* position: relative; */
}
#newsSectionWrapper .gridInside {
  position: relative;
}

#newsSectionWrapper .left {
  display: block;
  float: right;
  /* padding-right: 2em; */
}
#newsSectionWrapper .right {
  display: block;
  float: right;
}
#newsSectionWrapper .right img {
  width: 100%;
  height: auto;
  display: block;
  float: left;
}
/* news date */
.newsDate {
  font-family: monospace;
  letter-spacing: 0.02em;
  margin-bottom: 1em;
  font-size: 18px;
  color: rgba(0,0,0,0.6); /* #666; /* #C6C6C6; */
}

/* newsSectionWrapper pager */
#newsSectionWrapper .gridInside nav.pager { 
  position: absolute;
  left: 0.5em;
  bottom: 0px;
}
#newsSectionWrapper nav.pager ul { 
  display: block;
  float: left;
  padding: 0.2em 0.5em 0px 0px;
  /* background: #FCFCFC;
  margin: 0px; */
  z-index: 1000;
}
#newsSectionWrapper nav.pager ul li {
  display: block;
  float: left;
}
/* hide next and last pager elements */
#newsSectionWrapper .gridInside nav.pager ul li.pager__item--first,
#newsSectionWrapper .gridInside nav.pager ul li.pager__item--previous,
#newsSectionWrapper .gridInside nav.pager ul li.pager__item--next,
#newsSectionWrapper .gridInside nav.pager ul li.pager__item--last {
  display: none;
}
#newsSectionWrapper nav.pager ul li a {
  display: block;
  float: left;
  width: 1.5em;
  text-align: center;
  line-height: 2em;
  /* font-family: monospace; */
  color: rgba(0,0,0,0.6); /* #666; /* #C6C6C6; */
  font-weight: normal; /* bold; */
  border-bottom: 3px solid transparent;
  cursor: pointer;
}
#newsSectionWrapper nav.pager ul li a:hover {
  text-decoration: none;
  border-bottom: 3px solid #C6C6C6;
}
#newsSectionWrapper nav.pager ul li.is-active a {
  border-bottom: 3px solid #C6C6C6;
}




/* ***************************************************************** */
/* Project wrappers */
/* dark */
#allHeadersWrapper {
  width: auto; /* 100%; */
  text-align: center;
}

#mainLeftAndRight,
#floatRight6633 {
  width: 100%;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #C6C6C6;
  margin-top: -1px; /* IMPORTANT, otherwise horisontal lines won't work!! */
}
/*
.aktueltSectionWrapper {
  width: 100%;
}
*/
.postedOn {
  font-size: 13px; /* 0.8em; */
  width: 100%;
}
/* for pages it needs margin */
.postedOnPage {
  font-size: 0.85em;
  width: 100%;
  margin-bottom: 0.5em;
}


.aktueltWrapper {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0px -0.5em; /* 0px -0.35em; */
}
.aktueltWrapper header {
  padding: 0px 0.35em;
  margin: 0px;
  display: block;
  float: left;
  width: 100%;
}

/* the single project */
.aktuelt img {
  width: 100%;
  height: auto;
  display: block;
  float: left;
}
.aktuelt .txtWrapper {
  width: 100%;
  padding: 0.75em 0px 0px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.aktuelt .txtWrapper p {
  font-size: 16px; /* 17px; */
  line-height: 22px; /* 23px; */
}
.aktuelt .txtWrapper .header {
  flex: 0 0 100%;
  margin: 0px;
}
.aktuelt .txtWrapper .header h3 {
  font-size: 1.2em; /* 21px; */
  line-height: 1.35em;
  font-weight: 900;
  margin: 0 0 0.35em 0;
}
.aktueltWrapper header {
  border-bottom: 0px;
}
/* aktuelt newspager */
.aktueltWrapper nav.pager {
  padding: 0px;
  /* margin: 0px auto -7px auto; */
  margin: 0px auto;
  width: 100%; /* auto; */
  display: inline-block;
  text-align: center;
}
.aktueltWrapper nav.pager ul {
  padding: 0px;
  margin: 0px auto -8px auto;
  width: auto;
  display: inline-block;
  text-align: center;
}
.aktueltWrapper nav.pager ul li {
  display: block;
  float: left;
}
.aktueltWrapper nav.pager ul li.pager__item--last,
.aktueltWrapper nav.pager ul li.pager__item--first {
  display: none;
}
.aktueltWrapper nav.pager ul li.pager__item--next,
.aktueltWrapper nav.pager ul li.pager__item--previous {
  /* display: none; */
}
.aktueltWrapper nav.pager ul li a {
  display: block;
  float: left;
  text-align: center;
  min-width: 1.5em;
  padding: 0px 0.5em;
  text-align: center;
  line-height: 2em;
  /* font-family: monospace; */
  color: rgba(0,0,0,0.6);
  font-weight: normal;
  border-bottom: 3px solid transparent;
}
.aktueltWrapper nav.pager ul li a:hover {
  text-decoration: none;
}
.aktueltWrapper nav.pager ul li.is-active a {
  border-bottom: 3px solid #C6C6C6;
}


/* LINK OVERSIGT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.LinkOversigtWrapper {
  width: auto; /* 100%; */
  margin: 0px -0.5em 0px -0.5em; /*  0px -0.5em 1.5em -0.5em; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.LinkOversigtWrapper:after {
  content: "";
  display: table;
  clear: both;
}

.LinkItem {
  flex: 0 0 33.3333%;
  padding: 0px 0.5em 1em 0.5em;
}
.LinkItem p {
  font-size: 15px;
  line-height: 21px;
  margin: 0px 0px 0.75em 0px;
}
.LinkItem a {
  display: block;
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;
  line-height: 1px;
  border-bottom: 0px solid transparent;
}
.LinkItem a img {
  width: 100%;
  height: auto;
  line-height: 1px;
  display: block;
  float: left;
  padding: 0px;
  margin: 0px 0px 0.5em 0px;
}
.LinkItem h3 {
  font-size: 18px;
  margin: 0px 0px 0.35em 0px;
}


/* OLD LINK ITEM */
/*
.LinkOversigtWrapper {
  margin-bottom: 1.5em;
  width: auto;
  margin: 0px -8px 1.5em -8px;
}
.LinkOversigtWrapper:after {
  content: "";
  display: table;
  clear: both;
}
.LinkItem {
  display: inline-block;
  float: left;
  width: 33.3333%;
  overflow: hidden;
  padding: 0px 8px;
  margin: 0px 0px 1.35em 0px;
}
.LinkItem p {
  font-size: 13px;
  line-height: 18px;
  margin: 0px 0px 0.75em 0px;
}
.LinkItem a {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;
  line-height: 1px;
  border-bottom: 0px solid transparent;
}
.LinkItem a img {
  width: 100%;
  height: auto;
  line-height: 1px;
  display: block;
  float: left;
  padding: 0px;
  margin: 0px 0px 0.5em 0px;
}
.LinkItem h3 {
  font-size: 16px;
  margin: 0px 0px 0.35em 0px;
}
*/



.hideTitle #cboxTitle {
  display: none !important;
}





/* ABOUT TEXT wrapper ************************************************** */

#aboutSectionWrapper {
  background: transparent;
  padding: 2em 0px 1em 0px;
  border-bottom: 1px solid #C6C6C6;
}

.sectionWrapper {
  padding: 0px; /* 2em 0px 1em 0px; */
  border-bottom: 1px solid #C6C6C6;
}
.sectionWrapper .padTop {
  padding-top: 2em;
}

.theText {
  z-index: 1000;
}


/* subSectionWrapper +++++++++++++++++++++++++++++++++++++++++++++++ */
#subSectionWrapper {
  padding: 1em 0px 0px 0px; /* 2em 0px 1em 0px; */
  border-bottom: 1px solid #C6C6C6;
}

#subSectionWrapper .gridInside .col-1-1 {
  /* width: auto; */
  width: calc(100% + 0.7em);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0px -0.35em;
}

#subSectionWrapper .gridInside .col-1-1 .subSection {
  width: 100%;
  padding: 0px 0.35em;
  overflow: hidden;
}
#subSectionWrapper .gridInside .col-1-1 .subSection a {
  display: block;
  width: 100%;
  padding: 1em 1.2em;
  background:red;
  min-height: 10em;
  color: white; /* rgba(0,0,0,0.82); /* white; */
  border-radius: 2px 2px 0px 0px;
  /* text-shadow: 0px 1px 3px rgba(0,0,0,0.5); /* #000000; */
  overflow: hidden;
}
#subSectionWrapper .gridInside .col-1-1 .subSection a:hover {
  text-decoration: none;
}
#subSectionWrapper .gridInside .col-1-1 .subSection a.demoOne {
  /*background: #C6C6C6 url(../images/subThumbs/subThumb1.jpg);
  background-size: cover; */
  background: cadetblue;
}
#subSectionWrapper .gridInside .col-1-1 .subSection a.demoTwo {
  background: url(../images/subThumbs/subThumb2.jpg);
  background-size: cover;
}



/* ********************************************************************* */

#listOfArticlesWrapper {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 1em;
}
#listOfArticlesWrapper:after {
  content: "";
  display: table;
  clear: both;
}

#listOfArticlesWrapper ul {
  display: block;
  float: left;
  width: 100%;
  list-style-type: none;
  padding: 0px;
  margin-bottom: 1.65em;
}

#listOfArticlesWrapper ul li {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 0px; /* 0.35em; /*  1em; */
}
#listOfArticlesWrapper ul li a {
  display: inline-block;
  float: left;
  font-size: 17px;
  line-height: 26px;
}
#listOfArticlesWrapper ul li a:hover {
  display: block;
  float: left;
  text-decoration: underline;
}

.contentHeadline {
  display: block;
  float: left;
  margin-bottom: 0.1em;  
}


/* TEXT wrapper ************************************************** */
#textSectionWrapper {
  background: transparent; /* rgba(248,246,240,1.0); /* rgba(252, 250, 255, 1.0); */
  padding: 2em 0px; /* 2em 0px; */
  position: relative;
  border-bottom: 1px solid #c6c6c6;
}
#textInfoWrapper .inside .right a {
  display: block;
  float: left;
  margin-right: 1em;
}
#textInfoWrapper .inside .right svg,
#textInfoWrapper .inside .right img {
  display: inline-block;
  max-width: 48px; /* 64px; /* 96px; */
  height: auto;
  margin-bottom: 1em;
}
#textSectionWrapper .theText {
  z-index: 1000;
}

/* imgs max width */
#textSectionWrapper .gridInside .col-1-1 .leftImage img,
#textSectionWrapper .gridInside .col-1-1 .rightImage img,
#textSectionWrapper .gridInside .col-1-1 .fullImage img,
#textSectionWrapper .gridInside .col-1-1 .largeImage img,
#textSectionWrapper .gridInside .col-1-1 .columnImage img {  
  max-width: 100%;
  height: auto;
}
/* captions */
#textSectionWrapper .gridInside .col-1-1 .caption {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.35em;
  padding-bottom: 1.75em;
}


/* ************************************************************** */
/* contact */
#contactSectionWrapper {
  background: #F6F6F3;
  padding: 4em 0px 1em 0px;
  position: relative;
  text-align: center;
}


/* *************************************************************** */
/* footer */
footer {
  width: 100%;
  padding: 3em 0px 1.5em 0px;
}
/* footer bar */
footer .bar {
  width: auto;
  height: 1px;
  background: rgba(0,0,0,0.15);
  margin: 0 0.75em 1em 0.75em;
}
/* menu in footer */
#footerInfoWrapper {
  text-align: center;
}
#footerInfoWrapper p {
  margin: 1.35em 0 1.35em 0;
}


/* +++++++++++++++++++++++++++++++++ */
/* grids */
.grid {
  padding: 0px; /* 0px 15px; */
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}

.gridInside {
  max-width: 1280px; /* 1024px; */
  margin: 0px auto;
  padding: 0px 0px; /* 0.75em; */
}
.gridInside:after {
  content: "";
  display: table;
  clear: both;
}

.grid img,
.gridInside img {
  max-width: 100%;
  height: auto;
}

/* float all columns left */
[class*='col-'] {
  float: left;
  padding-left: 0.5em; /* 0.75em; */
  padding-right: 0.5em; /* 0.75em; */
}

#floatRight6633 [class*='col-'] {
  float: right;
  padding-bottom: 1em;
  /* background: rgba(255,255,232, 0.5); /* lightyellow; */
}

/* .col-1-3 {
  border-left: 1px solid #C6C6C6;
  margin: 0px -1px;
} */

/* status message */
.status-message {
  padding: 0px 1em;
}

/* hide logged-in stickymenu -Drupal8 doesnt have logged-in body class?? */
body.toolbar-fixed #stickyMenuWrapper {
	display: none !important;
}



/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen {

  .grid { padding: 0px 0px; }

  .col-1-1 { width: 100%; }
  .col-1-2 { width: 100%; }
  .col-1-3 { width: 100%; }
  .col-2-3 { width: 100%; }
  .col-9-10 { width: 90%; }
  .col-1-10 { display: none; } /* width: 10%; text-align: right; } */

  .col-1-3 {
    border-left: 0px; /* 1px solid #C6C6C6; */
    margin: 0px; /* 0px -1px; */
  }

  /* header */
  header {
    display: block;
    /* padding: 1em 0px 0.0em 0px; */
    padding: 1em 0px 15px 0px; /* 15px is very IMPORTANT here!! */
    border-bottom: 0px; /*  1px solid #C6C6C6; */
  }

  /* hide sticky menu */
  #stickyMenuWrapper { display: none; }

  /* MAIN MENU */
  /* show resp menu icon */
  .logoWrapper {
    flex: 0 0 50%;
  }
  .burgerIcon {
    display: block;
    flex: 0 0 50%;
  }
  /* main menu - TOP MENU */
  .block-region-headermenu {
    width: 100%;
  }
  .block-region-headermenu ul {
    flex: 0 0 100%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: left; /* center; */
    overflow: hidden;
    /* visibility: hidden; /* THIS IS BEING SHOWN WHEN PAGE IS LOADED! */
    display: none;
  }
  .block-region-headermenu ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .block-region-headermenu ul li {
    display: inline-block;
    width: 100%;
    height: auto; /* 40px; */
    border-bottom: 1px solid #C6C6C6;
    margin: 0px; /* 0px 0.35em; */
  }
  /* first li has more features */
  .block-region-headermenu ul li:first-child {
    margin-top: 0.8em; /* make distance to burger - 0.8 is perfect */
    border-top: 1px solid #C6C6C6;
  }
  .block-region-headermenu ul li a {
    display: inline-block;
    width: 100%;
    padding: 0px 0.5em;
    line-height: 3.25em; /* 3em; /* 40px; */
    font-size: 15px; /* 13px; */
    text-transform: uppercase;
    letter-spacing: 0.125em;
    font-weight: 400; /* 500; */
    color: #333;
  }
  /* HIDE SECOND LEVEL HERE */
  .block-region-headermenu ul li ul {
    /* border: 1px solid pink; */
    display: flex !important;
    align-items: stretch; /* start; /* center; */
    justify-content: stretch; /* start; /* center; */
    flex-direction: row; /* column; */
    flex-wrap: wrap;
  }
  .block-region-headermenu ul li ul li {
    flex: 0 0 50% !important;
    overflow: hidden;
    border-bottom: 0px !important;
    border-top: 1px solid #EEE; /* #C6C6C6; */
    /*width: 50%;
    display: block;
    float: left;*/
    display: flex;
    align-items: stretch; /* center; */
    justify-content: stretch; /* start; /* center; */
    flex-direction: row; /* column; */
    flex-wrap: wrap;
  }
  .block-region-headermenu ul li ul li a {
    flex: 0 0 100% !important;
    /* background: #F0F0F0; */
    text-align: left; /* center; /* left; */
    text-transform: capitalize;
    letter-spacing: 0px;
    line-height: 1.5em;
    padding: 0.5em; /* 0.5em 0.5em 0.5em 1em; */
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    opacity: 0.75;
    /*
    width: 100%;
    background: pink;
    text-align: left;
    text-transform: capitalize;
    letter-spacing: 0px;
    line-height: 1.4em;
    padding: 0.5em 0.5em;
    */
  }
  .block-region-headermenu ul li ul li:first-child {
    margin-top: 0px; /* 0.8eme; /* make distance to burger - 0.8 is perfect */
    border-bottom: 0px; /* 1px solid #C6C6C6; */
    border-top: 1px solid #EEE; /* #C6C6C6; */
  }
  

  /* icons ++++++++++++++++++++++++++++ */
  /* menu on the right */
  ul.iconlist {
    flex: 0 0 100%; /* 15%; /* 20%; */
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    width: 100%; /* auto; */
    display: none; /* block; /* important that this is here! */
  }
  .iconlist li {
    display: inline-block;
    float: none;
    width: auto;
    cursor: pointer;
    margin-bottom: 0px;
  }
  .iconlist li .icon-holder {
    display: block;
    float: left;
    text-align: center;
  }
  .iconlist li .icon-holder .icon {
    padding: 0px;
    display: block;
    float: left;
    text-align: center;
    height: auto;
  }
  .iconlist li .icon-holder .icon a {
    display: block;
    float: left;
    font-size: 1em;
    padding: 0.4em 0.4em;
    color: #333;
    height: 40px;
  }
  .iconlist li .icon-holder .icon a:hover {
    text-decoration: none;
  }
  .iconlist a.langSwitch {
    padding: 0.4em 0.4em;
    display: block;
    float: left;
  }

  #newsSectionWrapper .left {
    width: 100%; /* 40% */
    padding-bottom: 1.5em;
    padding-right: 0px;
  }
  #newsSectionWrapper .right {
    width: 100%; /* 60%; */
    padding-bottom: 1em;
  }
  #newsSectionWrapper .right a {
    display: block;
    width: 100%;
    float: left;
  }
  #newsSectionWrapper .right a img {
    max-width: 100%;
    height: auto;
  }
  /* centering the pager on mobile view */
  #newsSectionWrapper .gridInside nav.pager {
    width: 100%; /* auto */
    margin-left: -0.5em;
  }
  #newsSectionWrapper .gridInside nav.pager ul {
    width: 100%; /* auto */
    text-align: center; /* left */
    background: transparent; /* #FCFCFC; */
    margin-bottom: -8px;
  }
  #newsSectionWrapper .gridInside nav.pager ul li {
    display: inline-block; /* block */
    float: none; /* left; */
    margin-right: -5px;
  }

  .newsDate {
    display: none;
  }

  #mainLeftAndRight .col-2-3,
  #floatRight6633 .col-2-3 {
    padding-top: 1em;
    padding-right: 0.5em; /* 1.25em; */
    border-right: 0px; /* 1px solid #C6C6C6; */
  }
  #mainLeftAndRight .col-1-3 {
    border-top: 1px solid #C6C6C6;
    padding-top: 2em;
    padding-left: 0.5em; /* 1.25em; */
  }
  /* for right menu */
  #floatRight6633 .col-1-3 {
    border-top: 0px; /* 1px solid #C6C6C6; */
    padding-top: 1em;
    padding-left: 0.5em; /* 1.25em; */
  }


  /* subsection */
  #subSectionWrapper .gridInside .col-1-1 .subSection {
    flex: 0 0 100%; /* 33.3333%; */
    margin-bottom: 1px;
  }
  #subSectionWrapper .gridInside .col-1-1 .subSection a {
    min-height: auto; /* 10em; */
  }

  .sectionWrapper .col-2-3 {
    padding-right: 0.5em;
    border-right: 0px solid transparent;
  }
  .sectionWrapper .col-1-3 {
    padding-left: 0.5em;
  }

  /* fb i header menu */
  #topFBWrapper {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
  }
  #topFBWrapper a {
    position: relative;
    display: block;
    line-height: 3em;
    padding: 0.2em 0px 0px 0px;
    width: 50px;
    height: 50px;
  }
  #topLangWrapper {
    display: none;
    position: absolute;
    top: 0;
    right: 50px;
    width: 50px;
    height: 50px;
    z-index: 1000;
  }
  #topLangWrapper a {
    position: relative;
    display: block;
    line-height: 53px;
    padding: 0px 0px 0px 0px;
    width: 50px;
    height: 50px;
  }

  /* single project */
  .aktuelt {
    flex: 0 0 100%; /* 33.3333%; */
    padding: 0px 0.5em; /* 0px 0.35em; */
    overflow: hidden;
  }


  /* textInfoWrapper */
  #textInfoWrapper {
    position: relative; /* absolute; */
    top: auto; /* 3.5em; /* 2em; /* 0px; */
    left: auto; /* 0px; */
    right: auto; /* 0px; */
    display: block;
    z-index: 0;
    /* background: pink; */
  }
  #textInfoWrapper .inside {
    position: relative;
    max-width: 1280px;
    margin: 0px auto;
    display: block;
    z-index: 0;
    height: auto; /* 200px; */
  }
  #textInfoWrapper .inside .left {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    float: left;
    width: 50%;
    z-index: 0;
    padding-top: 0.25em;
    padding-left: 0.5em;
  }
  #textInfoWrapper .inside .right {
    position: relative;
    top: 0px;
    right: 0.5em;
    display: block;
    float: left;
    width: 50%;
    z-index: 0;
    text-align: left;
    padding-top: 0.25em;
    padding-right: 0.5em;
  }
  #textInfoWrapper .inside .right .pdfLink {
    display: none;
  }
  #textSectionWrapper .gridInside {
    padding: 0px;
  }
  #textSectionWrapper .gridInside .col-1-1 p,
  #textSectionWrapper .gridInside .col-1-1 h2,
  #textSectionWrapper .gridInside .col-1-1 h4 {
    max-width: 100%;
    margin: 0px 0px 1.5em 0px;
  }
  #textSectionWrapper .gridInside .col-1-1 h2 {
    font-size: 2.1em; /* 2.25em; */
    line-height: 1.15em;
    margin-bottom: 0.25em; /* 0.75em; /* 0.5em; */
    text-transform: none;
  }
  #textSectionWrapper .gridInside .col-1-1 h4 {
    margin-bottom: 1.75em;
  }
  /* image variations */
  #textSectionWrapper .gridInside .col-1-1 .leftImage {
    max-width: 100%; /* 77%; /* 80%; */
    margin: 0px 0px 0.5em 0px; /* 0px 23% 0.5em 0; /* 0 20% 0.5em 0; */
  }
  #textSectionWrapper .gridInside .col-1-1 .rightImage {
    max-width: 100%; /* 77%; /* 80%; */
    margin: 0px 0px 0.5em 0px; /* 0px 0 0.5em 23%; /* 20%; */
  }
  #textSectionWrapper .gridInside .col-1-1 .fullImage {
    max-width: 100%;
    margin: 0px 0px 0.5em 0px;
  }
  #textSectionWrapper .gridInside .col-1-1 .largeImage {
    max-width: 100%; /* 82%; */
    margin: 0px 0px 0.5em 0px; /* 0px 9% 0.5em 9%; */
  }
  #textSectionWrapper .gridInside .col-1-1 .columnImage {
    max-width: 100%; /* 54%; */
    margin: 0px 0px 0.5em 0px; /* 0px 23% 0.5em 23%; */
  }

  /* logos in footer */
  #footerLogoWrapper {
    max-width: 1280px; /* 100%; */
    margin: 0px auto;
    padding-bottom: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row; /* column; */
    flex-wrap: wrap;
  }  
  #footerLogoWrapper .item {
    flex: 0 0 30%; /* 14.285%; */
    text-align: center;
    padding: 0px 2%;
  }
  #footerLogoWrapper .item a {
    display: inline-block;
    text-align: center;
    margin-bottom: 1em;
  }



  /* Superfish menu css override *********************************** */
  .sf-accordion-toggle {
    display: none;
  }

  ul.sf-menu a, ul.sf-menu span.nolink {
    display: block;
    padding: 0px; /* 1em 1.5em; */
    position: relative;
  }

  /* set the expand arrow position */ 
  ul.sf-menu .sf-sub-indicator {
    right: 0.25em; /* 0.75em; */
  }
  /* new arrow */
  ul.sf-menu.sf-accordion .sf-sub-indicator:after {
    content: "▼"; /* "↓"; /* ↓ /* ↓ /* "*"; /* "▼"; */
  }

  ul.sf-menu .sf-sub-indicator {
    height: 18px !important;
    width: 15px !important;
  }

  /* put thin lines under menu entries */
  ul.sf-menu.sf-accordion li {
    border-bottom: 1px solid rgba(0,0,0,0.05);
  }
  /* not on menu parents! */
  ul.sf-menu.sf-accordion li.sf-expanded {
    border-bottom: 0px !important; /* 1px solid rgba(0,0,0,0.05); */
  }

  ul#superfish-main-accordion li ul {
    padding-left: 1em;
    /* border: 1px solid red; */
  }

}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 2. MEDIUM - tablet */
@media screen and (min-width: 500px) {

  /*
  #galleryWrapper a {
    flex: 0 0 33.3333%;
  }
  */


}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 2. MEDIUM - tablet */
@media screen and (min-width: 800px) {

  .grid {
    padding: 0px 0.5em;
  }

  .col-1-1 { width: 100%; }
  .col-1-2 { width: 50%; }
  .col-1-3 { width: 33.3333%; }
  .col-2-3 { width: 66.6666%; }
  .col-1-10 { display: block; width: 10%; text-align: right; }

  .col-1-3 {
    border-left: 1px solid #C6C6C6;
    margin: 0px -1px;
  }

  /* header */
  header {
    padding: 2.75em 0px 0.8em 0px;
    border-bottom: 1px solid #C6C6C6;
  }

  
  /* show sticky menu */
  #stickyMenuWrapper { display: block; }

  ul#stickyMenu li a {
    text-transform: none;
  }

  /* MAIN MENU */
  /* show resp menu icon */
  .logoWrapper {
    flex: 0 0 15%; /* 20%; */
  }
  .burgerIcon {
    display: none;
  }
  /* main menu - TOP MENU */
  .block-region-headermenu {
    width: 70%;
  }
  .block-region-headermenu ul {
    flex: 0 0 70%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    border-top: 0px; /* 1px solid #C6C6C6; */
    display: block; /* important that this is here! */
  }
  .block-region-headermenu ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .block-region-headermenu ul li {
    display: inline-block;
    width: auto;
    border: 0px;
    height: 40px;
    margin: 0px 0.35em;
  }
  /* first li has more features */
  .block-region-headermenu ul li:first-child {
    margin-top: 0px; /* 0.5em; /* make distance to burger */
    border-top: 0px; /* 1px solid #C6C6C6; */
  }
  .block-region-headermenu ul li a {
    display: inline-block;
    padding: 0px 0.5em;
    line-height: 40px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    font-weight: 500;
    color: #333;
  }
  /* HIDE SECOND LEVEL HERE */
  .block-region-headermenu ul li ul {
    display: none !important;
  }
  
  
  /* icons ++++++++++++++++++++++++++++ */
  /* menu on the right */
  ul.iconlist {
    flex: 0 0 15%; /* 20%; */
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    width: auto;
    display: block; /* important that this is here! */
    /* background: pink; */
  }
  .iconlist li {
    display: block;
    float: right;
    width: auto;
    cursor: pointer;
  }
  .iconlist li .icon-holder {
    display: block;
    float: left;
    text-align: center;
  }
  .iconlist li .icon-holder .icon {
    padding: 0px; /* 0.4em 0.4em; */
    display: block;
    float: left;
    text-align: center;
    height: auto; /* 40px; */
  }
  .iconlist li .icon-holder .icon a {
    display: block;
    float: left;
    font-size: 1em;
    padding: 0.4em 0.4em;
    color: #333;
    height: 40px;
  }
  .iconlist li .icon-holder .icon a:hover {
    text-decoration: none;
  }
  .iconlist a.langSwitch {
    padding: 0.4em 0.4em;
    display: block;
    float: left;
    /* height: 40px; */
  }


  #mainLeftAndRight .col-2-3,
  #floatRight6633 .col-2-3 {
    padding-top: 2em;
    padding-right: 1.25em;
    border-right: 1px solid #C6C6C6;
  }
  #mainLeftAndRight .col-1-3,
  #floatRight6633 .col-1-3 {
    border-top: 0px; /* 1px solid #C6C6C6; */
    padding-top: 2em;
    padding-left: 1.25em;
  }


  /* single project */
  .aktuelt {
    flex: 0 0 50%; /* 33.3333%; */
  }

  .sectionWrapper .col-2-3 {
    padding-right: 1.25em;
    border-right: 1px solid #C6C6C6;
  }
  .sectionWrapper .col-1-3 {
    padding-left: 1.25em;
  }

  #subSectionWrapper .gridInside .col-1-1 .subSection {
    flex: 0 0 25%; /* 33.3333%; */
    margin-bottom: 0px;
  }
  #subSectionWrapper .gridInside .col-1-1 .subSection a {
    min-height: 8em;
  }



  /* textInfoWrapper */
  #textInfoWrapper {
    position: absolute;
    top: 2em;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 0;
  }
  #textInfoWrapper .inside {
    position: relative;
    max-width: 1280px;
    margin: 0px auto;
    display: block;
    z-index: 0;
    height: 200px;
  }
  #textInfoWrapper .inside .left {
    position: absolute;
    top: 0px;
    left: 0.5em; /* 1.5em; /* 0px; */
    display: block;
    width: 20%;
    z-index: 0;
    padding-top: 0.25em; /* 0.5em; */
    padding-left: 0px; /* 0.5em; */
  }
  #textInfoWrapper .inside .right {
    position: absolute;
    top: 0px;
    right: 0.5em; /* 1.5em; /* 0px; */
    display: block;
    width: 20%;
    z-index: 0;
    text-align: left;
    padding-top: 0.25em; /* 0.5em; */
    padding-right: 0px; /* 0.5em; */
  }
  #textInfoWrapper .inside .right .pdfLink {
    display: inline;
  }
  #textSectionWrapper .gridInside .col-1-1 p,
  #textSectionWrapper .gridInside .col-1-1 h2,
  #textSectionWrapper .gridInside .col-1-1 h4 {
    max-width: 54%; /* 60%;*/
    margin: 0px 23% 1.5em 23%; /* 0px 20% 1.5em 20%; */
  }
  #textSectionWrapper .gridInside .col-1-1 h2 { margin-bottom: 0.25em; }
  #textSectionWrapper .gridInside .col-1-1 h4 { margin-bottom: 1.75em; }
  /* image variations */
  #textSectionWrapper .gridInside .col-1-1 .leftImage {
    max-width: 77%;
    margin: 0px 23% 0.5em 0;
  }
  #textSectionWrapper .gridInside .col-1-1 .rightImage {
    max-width: 77%;
    margin: 0px 0 0.5em 23%;
  }
  #textSectionWrapper .gridInside .col-1-1 .fullImage {
    max-width: 100%;
    margin: 0px 0 0.5em 0;
  }
  #textSectionWrapper .gridInside .col-1-1 .largeImage {
    max-width: 82%;
    margin: 0px 9% 0.5em 9%;
  }
  #textSectionWrapper .gridInside .col-1-1 .columnImage {
    max-width: 54%;
    margin: 0px 23% 0.5em 23%;
  }


  /* REMOVE thin lines under menu entries */
  ul.sf-menu.sf-accordion li {
    border-bottom: 0px; /* 1px solid rgba(0,0,0,0.05); */
  }

}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 2. MEDIUM - tablet */
@media screen and (min-width: 1024px) {
  
  #newsSectionWrapper .left {
    width: 40%;
    padding-bottom: 1.5em;
    padding-right: 2em;
  }
  #newsSectionWrapper .right {
    width: 60%;
    padding-bottom: 0px;
  }

  /* centering the pager on mobile view */
  #newsSectionWrapper .gridInside nav.pager {
    width: auto;
    margin-left: 0px; /* -0.5em; */
  }
  #newsSectionWrapper .gridInside nav.pager ul {
    width: auto;
    text-align: left; /* center; /* left */
    background: #FCFCFC; /* transparent; /* #FCFCFC; */
    margin-bottom: 0px; /* -7px; */
  }
  #newsSectionWrapper .gridInside nav.pager ul li {
    display: block;
    float: left; /* none; /* left; */
    margin-right: 0px; /* -4px; */
  }

  .newsDate {
    display: block;
  }
  

}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 2. MEDIUM - tablet */
@media screen and (min-width: 1280px) {

  /* single project */
  .aktuelt {
    flex: 0 0 33.3333%;
    /* border: 1px solid red; */
  }

  /*
  #galleryWrapper a {
    flex: 0 0 14.285%;
  }
  #topFBWrapper {
    display: block;
  }
  #topLangWrapper {
    display: block;
  }
  */
}