/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* BOX MODELL */
/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body {
	/*letter-spacing: -0.025em;*/
	line-height:144%;
	/*letter-spacing: -0.04em; no working In chrome */
	/*letter-spacing: -1pt;*/
 /*-webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;*/
}

.field-type-text-with-summary strong {
	/*letter-spacing: -1px;*/
}




h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0;
	/* Lange Wörter umbrechen lassen */
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */

}



.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.grid-1 .alpha,
.grid-2 .alpha,
.grid-3 .alpha,
.grid-4 .alpha,
.grid-5 .alpha,
.grid-6 .alpha,
.grid-7 .alpha,
.grid-8 .alpha,
.grid-9 .alpha,
.grid-10 .alpha,
.grid-11 .alpha,
.grid-12 .alpha {
  margin-left: 0;
  margin-right: 0;
}
.grid-1 .omega,
.grid-2 .omega,
.grid-3 .omega,
.grid-4 .omega,
.grid-5 .omega,
.grid-6 .omega,
.grid-7 .omega,
.grid-8 .omega,
.grid-9 .omega,
.grid-10 .omega,
.grid-11 .omega,
.grid-12 .omega {
  margin-left: 0;
  margin-right: 0;
}



/* OMEGA media queries apply from narrow -> normal -> wide
   -> when you enter something in narrow it also applies in normal in wide
   so we do our own hacks here
*/
@media all and (min-width: 740px) and (max-width: 979px) {

  /* 50/50 (grid-6/grid-6) for Team View */
  .view-team .view-content .views-row,
  .view-employee-external .view-content .views-row {
    width: 340px !important;
  }
  .view-team .view-header .grid-8 {
    width: 660px !important;
    padding-right: 40px !important;
  }


  /* 50/50 (grid-6/grid-6) for Team View */
  .view-content-listings .view-content .grid-8,
  .view-content-listings .view-content .grid-4 {
    width: 340px !important;
  }
}




#block-block-2 {
	display:none;
}

/* ADMIN MENU */
#admin-menu {
  box-shadow: none;
  margin: 0;
  padding: 0;
  background-image: none;
  background-color: #000;
}

body {
  background-color: #f0f0f0;
}


a, a:link, a:visited {
  /*color: #999999;*/
  color: rgb(33, 107, 176);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: #202124;
  color: #000;
}

.page {
  padding-top: 10px;
  background-color: #fff;
}

.region-branding {
	border-top: 5px solid #000;
	padding-top: 0.5em;
}

.region-menu {
	border-bottom: 1px solid #000;
}

.region-branding img {
  height: 23px;
  width: 213px;
}


.logo-img {
  margin-right: 10px;
}

/*
#block-block-2 img {
  max-width: 100%;
  height: auto;
}
*/

#block-block-2 img {
  display: none;
}
#block-block-2 p {
  margin: 0;
}
#block-block-2 a {
  color: #b9b9be;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 23px;
  text-decoration: none;
  font-family: 'Open Sans';
  font-weight: 400;
}




.zone-footer-wrapper {
  padding-top: 1.4em;
	padding-bottom: 1.1em;
  border-top: 5px solid #000;
  background-color: #f0f0f0;
}

h1 {
  text-transform: uppercase;
}

.node h1 {
	padding-top:2em;
}

h1#page-title {
  margin-top: 1.4em;
}
/* submitted AND better exposed filters*/
.submitted, .views-exposed-widgets .field-item {
	font-size: 0.8em;
  margin-top: 0.7em;
  text-transform: uppercase;
	font-weight:700;
}

/*
.views-exposed-widgets .field-item a:before{content:"#";}
.views-exposed-widgets a:before{content:"#";}
#edit-tag-all a:before {content:"";}
*/

.views-exposed-widgets a {
	font-size: 0.865em;
  margin-top: 0.7em;
  text-transform: uppercase;
	font-weight:700;
	float:left;
	margin:0 0.6em 0 0;
}
.views-exposed-form .views-exposed-widget {
    float: none;

}
.view-filters {
	  border-bottom: solid 1px #000;
	}


.author {
  color: #999;
}
.date {
	padding-left:0.5em;
}

/*
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}
*/

/*
.container-12 {
  margin-left: 0 !important;
  margin-right: auto;
}
*/
/*
#zone-footer {
  position: fixed;
  min-height: 3em;
  color: #fff;
  background-color: #000;
  bottom: 0;
  padding: 0.5em;
  text-align: center;
  margin: 0 !important;
  width: 100% !important;
}
*/

.read-more {
	text-transform:uppercase;
	font-weight:700;
	font-size:0.8em;
	white-space:nowrap;
}

.feed-icon {
  display: none;
}



.field-name-field-image img,
.views-field-field-image img,
.image-full img {
  width: 100%;
  height: auto;
}

.views-row .grid-4 {
  overflow: hidden;
}


.view-id-header {
  /*border-bottom: 0.2em solid #000;*/

}
.view-id-header .views-row {
  position: relative;

}
.view-id-header .views-field-nothing {
  box-sizing: border-box;
  background: rgba(255, 255, 255, .6);
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  padding: 10px;
  padding-bottom: 8px;
}
.view-id-header .views-field-nothing p {
  margin: 0;
  display: inline;
}
.view-id-header .views-field-nothing .title {
  text-transform: uppercase;
  font-size: 1.1em;
  line-height: 100%;
  margin-right: 10px;
  font-weight: bold;
}
.view-id-header .views-field-nothing .body {
  text-transform: uppercase;
  font-size: 0.8em;
}
.view-id-header .views-field-nothing .field-content {
  display: block;
  width: 20%;
}



/* tmp solution for all images */
/*
img {
  width: 100%;
  height: auto;
}
*/





.field-name-field-image .field-item {
  margin-bottom: 20px;
}

.field-group-format {
  padding: 0 0 0.3em 0;
}
.field-group-format .field {
  margin-bottom: 0.3em;
}
.field-group-format .field-label {
  text-transform: uppercase;
}

.group_detail {
	padding-top:0.6em;
	border-top:5px #000 solid;
	border-bottom: 0.1em #000 solid;
	display:block;
}



/* CONTENT LISTING (FRONTPPAGE/BLOG) */
.view-content-listings .views-row {
  border-bottom: solid 1px #000;
}
.view-content-listings .views-row.views-row-last  {
  border-bottom: none;
}
.view-content-listings .views-field-nothing {

}
.view-content-listings .views-field-nothing .field-content {

}
.view-content-listings .views-field-nothing .field-content p {

}
.view-content-listings .views-field-nothing .field-content h2 {
  margin: 1.6em 0.3em 0.7em 0;
  padding: 0;
}

/* BLOG Search */
.view-content-listings .views-widget-filter-combine,
.view-content-listings .views-widget-filter-body_value,
.view-id-blog_startseite_ .views-widget-filter-combine,
.view-id-blog_startseite_ .views-widget-filter-body_value {
  float: right;
  padding: 0 0 0 0;
  margin: 0;
  line-height: 100%;
}
.view-content-listings .views-widget-filter-combine input,
.view-content-listings .views-widget-filter-body_value input,
.view-id-blog_startseite_ .views-widget-filter-combine input,
.view-id-blog_startseite_ .views-widget-filter-body_value input {
  background-color: #E5E5E5;
  border: none;
  color: #000;
  width: 130px;
  padding: 0 0.25em;
}
/* http://davidwalsh.name/html5-placeholder-css */
::-webkit-input-placeholder { color:#fff;text-transform:uppercase;font-weight: bold; }
::-moz-placeholder { color:#fff;text-transform:uppercase;font-weight: bold; } /* firefox 19+ */
:-ms-input-placeholder { color:#fff;text-transform:uppercase;font-weight: bold; } /* ie */
input:-moz-placeholder { color:#fff;text-transform:uppercase;font-weight: bold; }

.view-content-listings .views-submit-button,
.view-id-blog_startseite_ .views-submit-button {
  display: none;
}





/* MAIN MENU ------------------------------------ */
.block-main-menu .content {
  margin: 20px 0 10px 0;
}
.block-main-menu ul.menu {
}
.block-main-menu ul.menu li {
  list-style-image: none;
  margin: 0;
  padding: 0;
  display: block;
  margin-left: 1em;
  float: left;
  margin: 0;
  width: 100%;
  border-top: solid 1px #000;
}
.block-main-menu ul.menu li a  {
  margin: 0 0 0 0;
  background-color: transparent;
  padding: 0.3em 0.3em 0.3em 0;
  text-align: left;
	display: block;
	text-decoration: none;
  text-transform: uppercase;
}
/*.block-main-menu ul.menu li {
  list-style-image: none;
  margin: 0;
  padding: 0;
  display: block;
  margin-left: 1em;
  float: left;
  margin: 0;
  width: 50%;
}
.block-main-menu ul.menu li a  {
  margin: 0 3px 3px 0;
  background-color: #f5f5f5;
  padding: 0.2em 0.3em;
  text-align: left;
	display: block;
	text-decoration: none;
  text-transform: uppercase;
}
*/
.block-main-menu ul.menu li ul li a  {
  color: #fff;
  padding-left: 3em;
}
.block-system-main-menu ul li a {
	font-weight:700;
}


.block-main-menu ul.menu li ul li a {
	font-weight:400;
}

/* FOOTER MENU ------------------------------------ */
.region-footer-first ul.menu,
.region-footer-second ul.menu {
	text-transform: uppercase;
}
.region-footer-first ul li, .region-footer-second ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-type: none;
	font-weight: normal;

}
.region-footer-first ul li a, .region-footer-second ul li a {
	font-weight:700;
}
.region-footer-first a, .region-footer-second a {
	color: #000;
}


#section-footer .block {
	margin-bottom:1em;
}


/* PORTFOLIO ------------------------- */
#block-views-exp-portfolio-page {
  border-bottom: solid 1px #000;
}

.block-custom-portfolio-filter-link {
  padding: 0.5em 0 0.5em 0;
  border-bottom: 1px solid #000;
}

.block-custom-portfolio-filter-link ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 70%; /* NOTE/TODO: not the best solution */;
  float: left;
}
.block-custom-portfolio-filter-link li {
  xdisplay: inline-block;
}
.block-custom-portfolio-filter-link a {
  xdisplay: block;
  float: left;
  font-size: 0.865em;
  font-weight: 700;
  margin: 0 0.6em 0 0;
  text-transform: uppercase;
}

.view-portfolio .view-content {
  margin-left: -10px;
  margin-right: -10px;

}
.view-portfolio .view-content .views-row {
  position: relative;
  margin-bottom: 10px;
}
.view-portfolio .view-content .views-field-nothing {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.85;
  padding: 0;
  width: 100%;
}
.view-portfolio .view-content .views-field-nothing .lines {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.85;
  width: 100%;
}
.view-portfolio .view-content .views-field-nothing .lines-inner {
  padding: 0.5em;
}
.view-portfolio .view-content .views-field-nothing .line {
  display: block;
}
.view-portfolio .view-content .views-field-field-image {
  position: static;
}
.view-portfolio .views-row img {
  width: 100%;
}
.view-portfolio .views-row a {
  color: #000;
}
/*
.view-portfolio .view-content .views-row:hover .views-field-nothing .lines {
  opacity: 1;
}
*/
.portfolio-title {
  font-weight: bold;
}
.portfolio-title,
.portfolio-publisher {
  text-transform: uppercase;
}


/* TEAM ------------------------- */
.view-team .view-content,
.view-employee-external .view-content {
  margin-left: -10px;
  margin-right: -10px;
}

.view-team .view-content .views-row {
  position: relative;
  margin-bottom: 10px;
}

.view-team .view-content .views-field-nothing {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.85;
  padding: 0;
  width: 100%;
  z-index: 100;
}

.view-team .view-content .views-field-nothing .lines {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.85;
  width: 100%;
  z-index: 100;
}

.view-team .view-content .views-field-nothing .lines-inner {
  padding: 0.5em;
}

.view-team .view-content .views-row:hover .views-field-nothing,
.view-team .view-content .views-row .views-field-nothing:hover,
.view-team .view-content .views-row.open .views-field-nothing {
  height: 100%;
}

.view-team .view-content .views-field-nothing .line {
  display: block;
}
.view-team .view-content .views-field-nothing .additional {
  display: none;
}

.view-team .view-content .views-row:hover .views-field-nothing .additional,
.view-team .view-content .views-row .views-field-nothing:hover .additional,
.view-team .view-content .views-row.open .views-field-nothing .additional {
  display: block;
}
.view-team .view-content .views-field-field-portrait {
  position: static;
}

.view-team .info {
  display: none;
  font-size: 3em;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  opacity: 0.45;
  padding: 10px;
  line-height: 60%;
  z-index: 100;
}
body.touch .view-team .info {
  display: block;
}
body.touch .view-team .views-row:hover .info {
  display: none;
}


.view-team .views-row {

}
.view-team .views-row img {
  width: 100%;
  height: auto;
}

.view-team a {
	color:#000;
}
.team-title {
  font-weight: 700;
}
.team-title,
.team-position {
  text-transform: uppercase;
}


.view-employee-external .views-row {
  margin-top: 1em;
}

.view-jobs {
	margin-bottom:2em;
}

.view-jobs .node-title {
	margin-bottom:0.2em;
}

.view-jobs .views-field-title h2 {
	margin-bottom:0;
    font-family: 'Caecilia';
    font-size: 1.5em;
    font-style: normal;
    font-weight: bold;
}
.view-jobs .views-row {
	margin-bottom:1em;
}

.view-downloads .file-icon {
	display:none;
}
.view-downloads thead {
	display:none;
}
.view-downloads tr.even, .view-downloads tr.odd {
    background-color: transparent;
    border-bottom: 0px !important;
    padding: 0px !important;
}
.view-downloads table {
    border: 0px;
		margin-bottom:4em;
}
.view-downloads h2 {
		margin-bottom:0.1em;
}
.view-downloads td, .view-downloads th {
    padding: 0;
}

.page-portfolio .view-header,
.page-team .view-header,
.page-jobs .view-header {
	padding-top:2em;
}

.view-downloads {
	padding-top:2em;
}

#block-views-employee-external-block .content {
	padding-bottom:2em;
}

.page-node .grid-4 .field-type-image {
	/*margin-top:1em;*/
}

.page-node .node .content {
	padding-bottom:2em;
}




.views-row-special {
	background-color:#F0F0F0;
	padding:10px;
}



#search-block-form #edit-search-block-form--2 {
	border-color:transparent;
	width:auto;
	width:70%;
}
#search-block-form #edit-submit {
	width:25%;
	margin-right:0;
	border-radius:0;
	color:#fff;
	background:#000;
  text-shadow: none;
}

.item-list {
  border-top: solid 1px #000;
  text-align: left;
  padding: 0;
  margin: 0;
  display: block;
  line-height: 0;
}
.item-list .pager {
  position: static;
  border-radius: 0;
  border: none;
  background: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 0;
}
.item-list .pager li {
  position: static;
  display: inline-block;
  border: none;
  line-height: 130%;
}
.item-list .pager li.pager-previous,
.item-list .pager li.pager-next {
  width: 32px;
  height: 83px;
  background: transparent url(../img/arrow_left.png) no-repeat left 20px;
  display: block;
}
.item-list .pager li.pager-next {
  background: transparent url(../img/arrow_right.png) no-repeat right 20px;
}
.item-list .pager li.pager-previous.first,
.item-list .pager li.pager-next.last {
  opacity: .4;
  filter: alpha(opacity=40);
}


.pager li a,
.pager li a:hover {
  display: block;
  width: 32px;
  height: 83px;
  background-image: none;
  background-color: transparent;
  border-radius: 0;
}
.item-list .pager li.pager-next {
  /*float: right;*/
}
.item-list .pager li.pager-item,
.item-list .pager li.pager-current,
.item-list .pager li.pager-last,
.item-list .pager li.pager-first,
.item-list .pager li.pager-ellipsis {
  display: none;
}

.pager li.pager-next.last {
  position: static;
}

.pager li.first, .pager li.first a, .pager li.first a:hover {
  border-radius: 0;
}
.pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-last a {
    padding: 0;
    width: auto;
}



/*
.pager {
    background: none;
		background-color: transparent;
    border-color: #000;
    border-radius: 0;
    border-style: solid;
    border-width: 0px;
		border-top: 1px solid #000;
}
.pager li {
    border: 0px;
    color: #fff;
    font: bold 12px/1.2 Arial,sans-serif;
    outline: 0 none;
}
.pager li.pager-next {
    border-left: 0px;
}
.pager li.first, .pager li.first a, .pager li.first a:hover, .pager li.pager-last, .pager li.pager-last a, .pager li.pager-last a:hover {
    border-radius: 0px;
}
.pager li a {
    background: #000;
    cursor: pointer;
		color:#FFF;
}
.pager li.pager-current {
    background: #B9B9BE;
    color: #FFFFFF;
    outline: 0 none;
}

.pager-last, .pager-first, .pager-item, .pager-current {
	display:none !important;
}
*/

/* verhindert margin bei übersichtsseiten von kleinen bildern auf mobiler seite*/
/*
.grid-4.alpha {
	margin-right:0;
}
*/

/*tags */
.form-item-kategorie .selected a,
.form-item-tag .selected a {
	color:#000;
}

.form-item-kategorie a.active {
  color: #000 !important;
}

/* BLOCK/VIEW: Author ------------------------------- */
.block-views-author-block {
  margin: 0 0 0.7em 0;
  padding: 1.1em 0 0 0;
  border-top: solid 1px #000;
}

.view-author .views-field-field-portrait {
  width: 100px;
  float: left;
  margin-right: 1em;
}
.view-author .views-field-field-portrait img {
  width: 100%;
  height: auto;
}
.view-author .views-field-title {
  font-weight: bold;
}
.view-author .views-field-field-phone {
  margin-top: 1em;
}





/* Social Share Links */
/*
.block-custom-social-share .content {
  margin-bottom: 1em;
}
.block-custom-social-share .item-list {
  border-top: none;
}
.block-custom-social-share .item-list ul {
  margin: 0;
}
.block-custom-social-share .item-list ul li {
  float: left;
  margin: 0 0.35em 0 0;
  font-size: 1.4em;
}
.block-custom-social-share a {
  display: block;
  background-color: #000;
  color: #fff;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
  padding: 0.2em 0.1em 0 0.1em;
  line-height: 105%;
}
.block-custom-social-share a.social-share-center {
  padding: 0.1em;
  line-height: 100%;
}
.block-custom-social-share a.social-share-right {
  padding-left: 0.2em;
  padding-right: 0;
}
*/

.block-custom-social-share .content {
  margin-bottom: 1.1em;
}
.block-custom-social-share ul.links {
  margin: 0;
}
.block-custom-social-share ul.links li {
  float: left;
  margin: 0 0.35em 0 0;
  font-size: 1.4em;
  list-style-type: none;
}
.block-custom-social-share a {
  display: block;
  background-color: #000;
  color: #fff;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
  padding: 0.2em 0.1em 0 0.1em;
  line-height: 105%;
}
.block-custom-social-share a.social-share-center {
  padding: 0.1em;
  line-height: 100%;
}
.block-custom-social-share a.social-share-right {
  padding-left: 0.2em;
  padding-right: 0;
}

/* BLOCK/VIEW: Related Blog Articles ------------------------------- */
.block-related-blog-articles-block h2.block-title,
.pane-views-related-blog-articles-block h2.pane-title,
.pane-related-blog-articles h2.pane-title {
  text-transform: none;
}
.block-related-blog-articles-block ul,
.pane-views-related-blog-articles-block ul,
.pane-related-blog-articles ul {
  line-height: 130%;
}
.block-related-blog-articles-block .item-list,
.pane-views-related-blog-articles-block .item-list,
.pane-related-blog-articles .item-list {
  border: none;
}
.block-related-blog-articles-block .item-list ul li,
.pane-views-related-blog-articles-block .item-list ul li,
.pane-related-blog-articles .item-list ul li {
  margin: 0.35em 0 0 0;
}
.block-related-blog-articles-block .item-list ul li a,
.pane-views-related-blog-articles-block .item-list ul li a,
.pane-related-blog-articles .item-list ul li a {
  display: block;
}





/* PANELS ----------------------------------------------- */
.panel-right {
  margin-top: 0em;
}
.panel-right h2.pane-title {
  text-transform: none;
  font-size: 1.2em !important;
  margin: 0;
}
.panel-right .pane-content {
  margin-bottom: 1.5em;
}
.panel-left {
  margin-bottom: 1.4em;
}


/* NEWSLETTER BUTTON ----------------------------------------------- */
a.campaignmonitor-subscribe-button {
  background-color: #000;
  display: inline-block;
  padding: 5px 7px;
  line-height: 130%;
  font-size: 0.85em;
  font-weight: bold;
}
a.campaignmonitor-subscribe-button:link,
a.campaignmonitor-subscribe-button:visited {
  color: #fff;
  text-decoration: none;
}
a.campaignmonitor-subscribe-button i {
  margin-right: 5px;

}

#campaignmonitor-subscribe-form {
  padding: 13px;
  min-width: 300px;
}
#campaignmonitor-subscribe-form h1 {
  font-size: 1.3em;
  text-transform: none;
  margin: 0 0 1em 0;
  padding: 0;
}


/* qickfix - https://www.drupal.org/node/2609746 */
.views-exposed-widgets .description {
display:none;
}



.slideshow .slick-arrow {
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: red;
  z-index: 99;
  background: transparent url(../img/arrow_left.png) no-repeat scroll center center;
  background-color: rgba(255,255,255,0.35);
  font-size: 0;
  width: 60px;
  height: 60px;
  border: solid 0px gray;
  border-radius: 0;
  display: block;
  line-height: 0;
  outline: none;
  box-shadow: none !important;
}
.slideshow .slick-arrow:hover {
  background-color: rgba(255,255,255,0.5);
}
.slideshow .slick-arrow:focus {
  /*background-color: rgba(0,0,0,0.5);*/
}
.slideshow .slick-prev {

}
.slideshow .slick-next {
  /*left: auto;
  right: 0px;*/
  left: 61px;

  background-image: url(../img/arrow_right.png);
}


/* based on http://www.labnol.org/internet/embed-responsive-google-maps/28333/ */
.map {
    position: relative;
    padding-bottom: 75%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 85%;
}
@media all and (min-width: 740px) {
  .map {
    max-width: 100%;
  }
}
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/* Portfolio Award Button */
.block-custom-portfolio-filter-link .award-button-wrapper {
  float: right;
  margin-top: -2px;
  margin-bottom: -3px;
}
.block-custom-portfolio-filter-link .award-button-wrapper a {
  margin-right: 0;
  padding-top: 4px;
}

/* Blog Newsletter Button */
.block-blog-view-header {
  display: block;
  float: left;
}
.block-blog-view-header .campaignmonitor-subscribe-button {
  padding-top: 4px;
  padding-bottom: 5px;
  font-size: 0.84em;
}
.views-exposed-form {
  margin-top: 6px;
  margin-bottom: -2px;
}
.view-content-listings .views-widget-filter-combine input,
.view-content-listings .views-widget-filter-body_value input,
.view-id-blog_startseite_ .views-widget-filter-combine input,
.view-id-blog_startseite_ .views-widget-filter-body_value input {
  padding-top: 3px;
  padding-bottom: 2px;
  height: 2em;
}

/* Breadcrumb Divider */
.breadcrumb-divider {
  font-weight: normal;
  color: #999;
}


img.wide {
  width: 100%;
  height: auto;
}

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

.responsive-video {
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.responsive-video iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}






/*
.item-list .pager li {

}
.item-list .pager li.pager-previous,
.item-list .pager li.pager-next {

}
.item-list .pager li.pager-next {

}
.item-list .pager li.pager-previous.first,
.item-list .pager li.pager-next.last {
  opacity: .4;
  filter: alpha(opacity=40);
}
*/


/* COOKIE HINWEIS ----------- */
#sliding-popup {
  background-color: rgba(40,40,40,0.8);
  color: #fff;
  width: 100%;
  padding: 15px 15px 15px 30px;
}
#sliding-popup a {
  color: #fff;
  font-weight: bold;
}
#sliding-popup .popup-content {
  max-width: 100% !important;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
#sliding-popup .popup-content p {
  margin: 0;
}
#sliding-popup .popup-content #popup-text {
  float: none !important;
  max-width: 100% !important;
}
#sliding-popup .popup-content #popup-buttons {
  float: none !important;
  max-width: 100% !important;
  text-align: right;
}
#sliding-popup .popup-content #popup-buttons button {
  border: none;
  background-color: #fff;
  color: #000;
  border-radius: 0;
  box-shadow: none;
  padding: 7px 13px;
  text-align: center;
  min-width: 115px;
}
body.eu-cookie-compliance-processed {
  padding-bottom: 100px;
}


@media all and (max-width: 979px) {
  #sliding-popup {
    padding: 15px;
  }
  #sliding-popup .popup-content {
    display: block !important;
  }
  #sliding-popup .popup-content #popup-buttons {
    margin-top: 15px;
    text-align: left;
  }
}



/* STARTSEITE NEU */
body.page-startseite-panel .views-row {

}

.zone-gray-wrapper {
  background-color: #ebedeb;
}
.zone-gray {
  margin-bottom: 0;
}

.view-featured-blog .view-header,
.block-views-blog-startseite-block .view-header {
  position: relative;
  height: 24px;
  width: 100%;
}
.view-featured-blog .view-header span,
.block-views-blog-startseite-block .view-header span a {
  background-color: #000;
  color: #fff;
  display: inline-block;
  margin-bottom: 10px;
  text-transform: uppercase;
  padding: 0 3px;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 130%;
  position: absolute;
}
.block-views-blog-startseite-block .view-header span a {
  text-decoration: none;
}
.view-featured-blog {
  padding: 0;
}
.view-featured-blog .view-content {
  display: flex;
  flex-wrap: wrap;
/*
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 100px;
  grid-row-gap: 40px;
*/
}

.view-featured-blog .views-row {
  width: 50%;
  margin-bottom: 30px;
}
.view-featured-blog .views-row-1 {
  padding-right: 13px;
}
.view-featured-blog .views-row-2 {
  padding-left: 14px;
}


body.responsive-layout-mobile .view-featured-blog .view-content {
  display: block;
}
body.responsive-layout-mobile .view-featured-blog .views-row {
  width: 100%;
  margin-bottom: 3em;
}
body.responsive-layout-mobile .view-featured-blog .views-row-1 {
  padding-right: 0;
}
body.responsive-layout-mobile .view-featured-blog .views-row-2 {
  padding-left: 0;
}
body.responsive-layout-mobile .zone-gray {
  margin-bottom: 0;
}


.view-zitate .view-content {
  position: relative;
  text-align: center;
  padding: 0 0;
  height: 100%;
}
.view-zitate .views-field-title {
  font-size: 2.4em;
  line-height: 115%;
  padding: 0 100px;
  font-family: 'Caecilia';
}
body.responsive-layout-narrow .view-zitate .views-field-title {
  font-size: 2em;
  padding: 0 60px;
}
body.responsive-layout-mobile .view-zitate .views-field-title {
  font-size: 1.2em;
  padding: 0 34px;
}
body.responsive-layout-mobile .views-slideshow-cycle-main-frame-row,
body.responsive-layout-mobile .views-slideshow-cycle-main-frame {
  height: 300px !important;
}


.view-zitate .views-field-field-quote-subline {
  font-weight: normal;
  font-size: 1em;
  margin-top: 0.7em;
}
body.responsive-layout-mobile .view-zitate .views-field-field-quote-subline {
  font-size: 0.85em;
}
.view-zitate .views-slideshow-cycle-main-frame {
  height: 100%;
}
.view-zitate .views-row {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-zitate .views-slideshow-cycle-main-frame-row {
  height: 100%;
  width: 100%;
}
.view-zitate .views_slideshow_main {
  width: 100%;
  height: 100%;
}
.view-zitate .views-slideshow-controls-text > span {
  position: absolute;
  display: inline-block;
  border: none;
  line-height: 130%;
  width: 32px;
  height: 83px;
  background: transparent url(../img/arrow_left.png) no-repeat left center;
  display: block;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100%;
}
.view-zitate .views-slideshow-controls-text-next {
  background: transparent url(../img/arrow_right.png) no-repeat right center !important;
  left: auto !important;
  right: 0;
}
.view-zitate .views-slideshow-controls-text > span > a {
  display: none !important;
}
.view-zitate .views-slideshow-controls-text-pause {
  display: none !important;
}


.block-views-blog-startseite-block .view-content {


  /*
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  */

/*
  column-count: 3;
  column-gap: 20px;
  */


  /*
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  */
}
/*
body.responsive-layout-narrow .block-views-blog-startseite-block .view-content {
  column-count: 2;
}
body.responsive-layout-mobile .block-views-blog-startseite-block .view-content {
  column-count: 1;
}*/

.block-views-blog-startseite-block .views-row {
  /*width: 31.5%;*/

  /*
  overflow: hidden;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
*/

  /*margin-bottom: 40px;*/
  /*
  flex: 33.33%;
  max-width: 33.33%;
  padding-right: 10px;
  */
}

.masonry-item {
  width: calc(33.33% - 11px);
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;

  margin-bottom: 17px;
}
body.responsive-layout-narrow .masonry-item {
  width: calc(50% - 9px);
}
body.responsive-layout-mobile .masonry-item {
  width: calc(100%);
}

/*
body.responsive-layout-narrow .block-views-blog-startseite-block .views-row {
  width: 48%;
}
body.responsive-layout-mobile .block-views-blog-startseite-block .views-row {
  width: 100%;
}*/

.masonry-item img {
  border-top: solid 1px #000;
}

.block-views-blog-startseite-block .view-footer {
  font-weight: bold;
  margin: 2em 0;
  text-align: center;
}

/* Correction for border on /blog */
.view-display-id-page_1 .view-content {
  /*margin-top: 16px;*/
}


.view-display-id-page_1 .view-filters {
  border-bottom: none;
}