body .holger-linz-blog {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}

.holger-linz-blog h2.mdl-layout__title {
  color: #2341AE;
  font-size: 1.6em;
  font-weight: 600;
}

.holger-linz-blog h4.mdl-card__title-text {
  background: rgba(0, 0, 0, .5);
  padding: 8px;
}

.holger-linz-blog .mdl-navigation__link {
  color: #2341AE;
}

.holger-linz-blog .footer-navigation {
  text-align: center;
}

.holger-linz-blog .footer-navigation__link {
  text-decoration: none;
}

.holger-linz-blog .rhodos-rhodosstadt .mdl-card__title {
  height: 264px;
  background: url(images/rhodos/rhodos-stadt.jpg) right / cover;
}

.holger-linz-blog .rhodos-lindos .mdl-card__title {
  height: 250px;
  background: url(images/rhodos/lindos.jpg) center / cover;
}

.holger-linz-blog .korfu-korfustadtarchilleion .mdl-card__title {
  height: 250px;
  background: url(images/korfu/korfu-stadt.jpg) center / cover;
}

.holger-linz-blog .korfu-nordkustekorfus .mdl-card__title {
  height: 250px;
  background: url(images/korfu/korfu-nord.jpg) center / cover;
}

.holger-linz-blog .korfu-albanien .mdl-card__title {
  height: 250px;
  background: url(images/korfu/korfu-albanien.jpg) center / cover;
}

.holger-linz-blog .sizilien-atna .mdl-card__title {
  height: 250px;
  background: url(images/sizilien/aetna.jpg) center / cover;
}

.holger-linz-blog .zypern-diekarpaz-halbinsel .mdl-card__title {
  height: 250px;
  background: url(images/zypern/karpaz.jpg) center / cover;
}

.holger-linz-blog .zypern-pafos .mdl-card__title {
  height: 250px;
  background: url(images/zypern/pafos.jpg) right / cover;
}

.holger-linz-blog .zypern-famagusta .mdl-card__title {
  height: 250px;
  background: url(images/zypern/salamis.jpg) center / cover;
}

.holger-linz-blog .rugen-monchsgut .mdl-card__title {
  height: 250px;
  background: url(images/ruegen/ruegen-moenchsgut.jpg) center / cover;
}

.holger-linz-blog .mallorca-dernordosten .mdl-card__title {
  height: 266px;
  background: url(images/mallorca/mallorca-nordosten.jpg) center / cover;
}

.holger-linz-blog .mallorca-dernordwesten .mdl-card__title {
  height: 250px;
  background: url(images/mallorca/mallorca-nordwesten.jpg) left / cover;
}

.holger-linz-blog .mallorca-dersuden .mdl-card__title {
  height: 280px;
  background: url(images/mallorca/mallorca-sueden.jpg) center / cover;
}

.holger-linz-blog .mallorca-palmademallorca .mdl-card__title {
  height: 274px;
  color: #000000;
  background: url(images/mallorca/mallorca-palma.jpg) center / cover;
}

.holger-linz-blog .mallorca-soller .mdl-card__title {
  height: 250px;
  background: url(images/mallorca/mallorca-soller.jpg) center / cover;
}

.holger-linz-blog .vonamersterdamnachnewcastle-amsterdam .mdl-card__title {
  height: 270px;
  background: url(images/amsterdam-newcastle/amsterdam.jpg) left / cover;
}

.holger-linz-blog .vonamersterdamnachnewcastle-newcastle .mdl-card__title {
  height: 290px;
  background: url(images/amsterdam-newcastle/newcastle.jpg) left / cover;
}

.holger-linz-blog .elsass-straburg .mdl-card__title {
  height: 298px;
  background: url(images/elsass/elsass-strassburg.jpg) center / cover;
}

.holger-linz-blog .madeira-diebergwelt .mdl-card__title {
  height: 290px;
  background: url(images/madeira/madeira-mountains.jpg) center / cover;
}

.holger-linz-blog .madeira-diekusten .mdl-card__title {
  height: 300px;
  background: url(images/madeira/madeira-coasts.jpg) right / cover;
}

.holger-linz-blog .madeira-portosanto .mdl-card__title {
  height: 280px;
  background: url(images/madeira/porto-santo.jpg) left / cover;
}

.holger-linz-blog .salzkammergut-salzburg .mdl-card__title {
  height: 260px;
  background: url(images/salzkammergut/salzkammergut-salzburg.jpg) left / cover;
}

.holger-linz-blog .azoren-faial .mdl-card__title {
  height: 265px;
  background: url(images/azoren/azoren-faial.jpg) left / cover;
}

.holger-linz-blog .azoren-pico .mdl-card__title {
  height: 265px;
  background: url(images/azoren/azoren-pico.jpg) center / cover;
}

.holger-linz-blog .azoren-flores .mdl-card__title {
  height: 240px;
  background: url(images/azoren/azoren-flores.jpg) left / cover;
}

.holger-linz-blog .azoren-graciosa .mdl-card__title {
  height: 280px;
  background: url(images/azoren/azoren-graciosa.jpg) center / cover;
}

.holger-linz-blog .azoren-terceira .mdl-card__title {
  height: 290px;
  background: url(images/azoren/azoren-terceira.jpg) center / cover;
}

.holger-linz-blog .azoren-dieandereninseln .mdl-card__title {
  height: 255px;
  background: url(images/azoren/azoren-corvo.jpg) left / cover;
}

.holger-linz-blog .azoren-saomiguel .mdl-card__title {
  height: 260px;
  background: url(images/azoren/azoren-sao-miguel.jpg) center / cover;
}

.holger-linz-blog .andalusien-cordoba .mdl-card__title {
  height: 290px;
  background: url(images/andalusien/andalusien-cordoba.jpg) right / cover;
}

.holger-linz-blog .andalusien-gibraltar .mdl-card__title {
  height: 291px;
  background: url(images/andalusien/andalusien-gibraltar.jpg) right / cover;
}

.holger-linz-blog .andalusien-tarifa .mdl-card__title {
  height: 292px;
  background: url(images/andalusien/andalusien-tarifa.jpg) left / cover;
}

.holger-linz-blog .andalusien-cadiz .mdl-card__title {
  height: 280px;
  background: url(images/andalusien/andalusien-cadiz.jpg) left / cover;
}

.holger-linz-blog .andalusien-granada .mdl-card__title {
  height: 282px;
  background: url(images/andalusien/andalusien-alhambra.jpg) left / cover;
}

.holger-linz-blog .andalusien-ronda .mdl-card__title {
  height: 250px;
  background: url(images/andalusien/andalusien-ronda.jpg) left / cover;
}

.holger-linz-blog .andalusien-almeria .mdl-card__title {
  height: 223px;
  background: url(images/andalusien/andalusien-almeria.jpg) left / cover;
}

.holger-linz-blog .andalusien-sevilla .mdl-card__title {
  height: 275px;
  background: url(images/andalusien/andalusien-sevilla.jpg) center / cover;
}

.holger-linz-blog .barcelona-diestadtberge .mdl-card__title {
  height: 258px;
  background: url(images/barcelona/barcelona-stadtberge.jpg) left / cover;
}

.holger-linz-blog .barcelona-festesdelamerce .mdl-card__title {
  height: 224px;
  background: url(images/barcelona/barcelona-fest.jpg) center / cover;
}

.holger-linz-blog .barcelona-parkguell .mdl-card__title {
  height: 274px;
  background: url(images/barcelona/barcelona-park-guell.jpg) center / cover;
}

.holger-linz-blog .barcelona-placaespanya .mdl-card__title {
  height: 280px;
  background: url(images/barcelona/barcelona-placa-espanya.jpg) center / cover;
}

.holger-linz-blog .toskana-florenz .mdl-card__title {
  height: 258px;
  background: url(images/toskana/florenz.jpg) right / cover;
}

.holger-linz-blog .toskana-sienaundmonteriggioni .mdl-card__title {
  height: 291px;
  background: url(images/toskana/siena.jpg) right / cover;
}

.holger-linz-blog .toskana-pisa .mdl-card__title {
  height: 277px;
  background: url(images/toskana/pisa.jpg) center / cover;
}

.holger-linz-blog .toskana-volterra .mdl-card__title {
  height: 240px;
  background: url(images/toskana/volterra.jpg) center / cover;
}

.holger-linz-blog .toskana-sangimignano .mdl-card__title {
  height: 269px;
  background: url(images/toskana/san-gimignano.jpg) left / cover;
}

.holger-linz-blog .toskana-lucca .mdl-card__title {
  height: 290px;
  background: url(images/toskana/lucca.jpg) right / cover;
}

.holger-linz-blog .lareunion-diecirques .mdl-card__title {
  height: 300px;
  background: url(images/la-reunion/cirque-de-cilaos.jpg) center / cover;
}

.holger-linz-blog .lareunion-pitondelafournaise .mdl-card__title {
  height: 270px;
  background: url(images/la-reunion/piton-de-la-fournaise.jpg) right / cover;
}

.holger-linz-blog .lareunion-tamilen-tempel .mdl-card__title {
  height: 280px;
  background: url(images/la-reunion/tamilen-tempel.jpg) center / cover;
}

.holger-linz-blog .mauritius-mahebourg .mdl-card__title {
  height: 270px;
  background: url(images/mauritius/mauritius-mahebourg.jpg) left / cover;
}

.holger-linz-blog .mauritius-diestrande .mdl-card__title {
  height: 271px;
  background: url(images/mauritius/mauritius-beaches.jpg) center / cover;
}

.holger-linz-blog .mauritius-pamplemousse .mdl-card__title {
  height: 260px;
  background: url(images/mauritius/mauritius-pamplemousse.jpg) left / cover;
}

.holger-linz-blog .mauritius-charamel .mdl-card__title {
  height: 260px;
  background: url(images/mauritius/mauritius-charamel.jpg) center / cover;
}

.holger-linz-blog .mauritius-floraundfauna .mdl-card__title {
  height: 280px;
  background: url(images/mauritius/mauritius-fauna.jpg) center / cover;
}

.holger-linz-blog .apulien-dersalentoundlecce .mdl-card__title {
  height: 275px;
  background: url(images/apulien/apulien-salento.jpg) center / cover;
}

.holger-linz-blog .apulien-alberobello .mdl-card__title {
  height: 252px;
  background: url(images/apulien/apulien-alberobello.jpg) center / cover;
}

.holger-linz-blog .apulien-matera .mdl-card__title {
  height: 269px;
  background: url(images/apulien/apulien-matera.jpg) center / cover;
}

.holger-linz-blog .kielerwoche-lubeck .mdl-card__title {
  height: 320px;
  background: url(images/kieler-woche/luebeck.jpg) center / cover;
}

.holger-linz-blog .venetien-venedig .mdl-card__title {
  height: 290px;
  background: url(images/venetien/venedig.jpg) center / cover;
}

.holger-linz-blog .venetien-burano .mdl-card__title {
  height: 290px;
  background: url(images/venetien/burano.jpg) center / cover;
}

.holger-linz-blog .gardasee-dersudosten .mdl-card__title {
  height: 290px;
  background: url(images/gardasee/peschiera.jpg) right / cover;
}

.holger-linz-blog .gardasee-dersuden .mdl-card__title {
  height: 242px;
  background: url(images/gardasee/lonato.jpg) center / cover;
}

.holger-linz-blog .gardasee-mincio .mdl-card__title {
  height: 242px;
  background: url(images/gardasee/mincio.jpg) right / cover;
}

.holger-linz-blog .gardasee-dernorden .mdl-card__title {
  height: 280px;
  background: url(images/gardasee/malcesine.jpg) center / cover;
}

.holger-linz-blog .gardasee-verona .mdl-card__title {
  height: 320px;
  background: url(images/gardasee/verona.jpg) center / cover;
}

.holger-linz-blog .gardasee-brescia .mdl-card__title {
  height: 260px;
  background: url(images/gardasee/brescia.jpg) right / cover;
}

.holger-linz-blog .gardasee-iseosee .mdl-card__title {
  height: 224px;
  background: url(images/gardasee/iseo.jpg) right / cover;
}

.holger-linz-blog .teneriffa-dersuden .mdl-card__title {
  height: 253px;
  background: url(images/teneriffa/los-christianos.jpg) center / cover;
}

.holger-linz-blog .teneriffa-dernorden .mdl-card__title {
  height: 228px;
  background: url(images/teneriffa/teneriffa-norden.jpg) center / cover;
}

.holger-linz-blog .teneriffa-dieparks .mdl-card__title {
  height: 305px;
  background: url(images/teneriffa/loro-park-orca.jpg) center / cover;
}

.portfolio-header {
  position: relative;
  background-image: url(images/header-bg.jpg);
}

.portfolio-header .mdl-layout__header-row {
  padding: 0;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mdl-layout__title {
  font-size: 14px;
  text-align: center;
  font-weight: 300;
}

.is-compact .mdl-layout__title span {
  display: none;
}

.is-compact .portfolio-logo-row {
  min-height: auto;
}

.portfolio-logo {
  /*
  background: url(images/logo.png) 50% no-repeat;
  background-size: cover;
  */
  height: 150px;
  width: 150px;
  margin: auto auto 10px;
}

.is-compact .portfolio-logo {
  height: 50px;
  width: 50px;
  margin-top: 7px;
}

.portfolio-navigation-row {
  background-color: rgba(0, 0, 0, 0.08);
  text-transform: uppercase;
  height: 45px;
}

.portfolio-navigation-row  .mdl-navigation {
  text-align: center;
  max-width: 900px;
  width: 100%;
}

.portfolio-navigation-row .mdl-navigation__link {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 42px;
}

.portfolio-header .mdl-layout__drawer-button {
    background-color: rgba(197, 197, 197, 0.44);
}

.portfolio-navigation-row .is-active {
  position: relative;
  font-weight: bold;
}

.portfolio-navigation-row .is-active:after {
  content: "";
  width: 70%;
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgb(255,64,129);
  left: 15%;
}

.portfolio-card .mdl-card__title {
  padding-bottom: 0;
}

.portfolio-blog-card-compact .mdl-card__title {
  padding-bottom: 0;
}

.portfolio-blog-card-bg > .mdl-card__actions {
  height: 52px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.2);
}

img.article-image {
  width: 100%;
  height: auto;
}

.portfolio-max-width {
  max-width: 900px;
  margin: auto;
}

.portfolio-copy {
  max-width: 700px;
}

.no-padding {
  padding: 0;
}

.no-left-padding{
  padding-left: 0;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.padding-top {
  padding: 10px 0 0;
}

.portfolio-share-btn {
  position: relative;
  float: right;
  top: -4px;
}

.demo-card-event > .mdl-card__actions {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.portfolio-contact .mdl-textfield {
  width: 100%;
}

.portfolio-contact form {
  max-width: 550px;
  margin: auto;
}

footer {
  background-image: url(images/footer-background.png);
  background-size: cover;
}

.collage__container {
  position: relative;
}

.collage__container img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.collage__container .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #CDCDCD;
}

.collage__container:hover .overlay {
  opacity: 0.8;
  border-radius: 8px;
}

.collage__container .text {
  color: #000;
  font-size: 1.6em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	text-align: center;
	background: rgba(0,0,0,0.9);
}

.lightbox:target {
	outline: none;
	display: block !important;
}

.lightbox img {
	max-width: 100%;
  max-height: 90%;
  margin-top: 6%;
  margin-bottom: 1%;
}

@media (min-width: 480px) {
  .portfolio-logo-row {
    min-height: 160px;
  }
}