body {
    font-family: 'Roboto Slab', serif;
	font-weight: 300;
    margin: 0 0 280px 0;
	padding:0;
    font-size: 14px;
	background-color: rgba(0,0,0,0.05);
	overflow-x: hidden;
}

/* OWL CAROUSEL */
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-controls .owl-nav [class*='owl-'] {
    color: white;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: white;
    text-decoration: none;
}
.owl-theme .owl-controls .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    background: rgba(0,0,0,0.15);
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
    background:rgba(0,0,0,0.5);
}
.owl-carousel .owl-stage-outer { padding: 0 0 12px; }

body.fixed { overflow: hidden; }
.background {
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
	height: 50vh;
	background-color: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/headerimage3.svg');
	background-size: cover;
}
.container-container { width: 100vw; }
header { width: 100vw; }
h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather Sans', sans-serif;
	font-weight: 300;
	color: #404040;
}
a {
    color: #404040;
	text-decoration: underline;
}
a:hover { color: #404040; }
.tooltip-inner { background-color: #404040; }
.tooltip-arrow { border-right-color: #404040; }
div.viq-contact {
    min-height: 70px;
    padding-top: 35px;
}
div.viq-contact h6 {
    position: relative;
    display: block;
    float: left;
    font-size: 21px;
    line-height: 28px;
    margin: 0 35px;
    color: rgba(0,0,0,0.75);
    text-transform: uppercase;
    padding-bottom: 14px;
}
div.viq-contact h6:before {
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -28px;
    width: 28px;
    height: 28px;
    background: url("../img/icon-phone-01.svg") no-repeat;
	opacity: 0.75;
}

.social2021 {
    position: relative;
    width: 100vw;
    height: 56px;
    margin: 36px 0 8px;
    display: flex;
    justify-content: center;
}
.social2021 a {
    display: flex;
    height: 56px;
    border-radius: 28px;
    margin: 0 2px;
    align-items: center;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}
.social2021 a.phone2021 { background-color: #5bb8ee; }
.social2021 a.mail2021 { background-color: #f74949; }
.social2021 a img {
    height: 32px;
    width: 32px;
    margin: 12px;
}
.social2021 a span { margin: 0 24px 0 -8px; }

/* SOCIAL 2020 */
.social2020 {
    width: 100vw;
    height: 56px;
    margin-top: 32px;
    text-align: center; 
}
.social2020 nav { display: inline-block; }
.social2020 .menu-open { display:none; }
.social2020 .menu-item,
.social2020 .menu-open-button { 
    border-radius: 50%;
    float: left;
    vertical-align: middle;
    padding: 0;
    position: relative;
    color: #404040;
    text-align: center;
}
.social2020 .menu-item {
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 4px 0 4px -48px;
    -webkit-transition: transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    transition: 0.4s;
}
.social2020 .menu-item img { 
    max-width: 66%;
    transform: translate(0, -1px);
}
.social2020 .menu-open-button { 
    z-index: 2; 
    background: #ee5f5b;
    width: 56px;
    height: 56px;
    line-height: 56px;
    margin: 0;
}
.social2020 .menu-open:checked~.menu-item { margin-left: -8px; }
.social2020 .menu-open:checked~.menu-item.first { margin-left: 4px; }

.dot {
  width: 16px;
  height: 2px;
  background: #f2f2f2;
  display:block;
  margin-top: -1px;
  margin-left: -8px;
  transition:transform 0.2s;
}
.hambo {
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background: #f2f2f2;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  margin-top: -1px;
  margin-left: -8px;
  transition:transform 0.2s;
}
.dot-1 { transform:translate(0, -6px); }
.dot-2 { transform:translate(0, 0); }
.dot-3 { transform:translate(0, 6px); }
.menu-open:checked~.menu-open-button .dot-1 { transform:translate(0,0) rotate(-45deg); }
.menu-open:checked~.menu-open-button .dot-2 { transform:translate(0,0) scale(0.1,1); }
.menu-open:checked~.menu-open-button .dot-3 { transform:translate(0,0) rotate(45deg); }


div.social-media-container {
    width: auto;
    margin-top: 0px;
    float: left;
}
ul.social-media {
    list-style: none;
    margin:0;
}
ul.social-media li {
    display: inline;
    float: left;
}
ul.social-media li a {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 6px;
    overflow: hidden;
    text-indent: -999px;
    background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	opacity: 0.75;
	transition: all 0.5s ease;
}
ul.social-media li a:hover { opacity: 0.90; }
ul.social-media li a#pint { background-image: url("../img/icon-pinterest-01.svg"); }
ul.social-media li a#twit { background-image: url("../img/icon-twitter-01.svg"); }
ul.social-media li a#mail { background-image: url("../img/icon-mail-01.svg"); }
ul.social-media li a#maps { background-image: url("../img/icon-location-01.svg"); }

div.viq-logo{
    position: relative;
	min-height: 105px;
    text-align: center;
}
div.viq-logo img { 
    margin-top: -24px;
    opacity: 0.75; 
}
div.viq-name {
    position: relative;
	min-height: 70px;
    padding-top: 35px;
}
div.viq-name h1{
    font-size: 24px;
    line-height: 28px;
    margin: 0;
    color: rgba(0,0,0,0.75);
    text-transform: uppercase;
    padding-bottom: 14px;
}

/* SNAPSCROLL */
.container-2020 {
    width: 100vw;
    position: relative;
    padding: 3vh 0;
}
.container-2020 .scrollsnap {
    width: 100vw;
    padding: 12px 0;
}
.container-2020 .scrollsnap .child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 400px;
    margin: 24px 12px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #f74949;
    transform: scale(1);
    transition: all 0.5s ease-out;
}
.container-2020 .scrollsnap .center .child {
    background-color: #6553a6;
    transform: scale(1.04);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.32);
}
.container-2020 .scrollsnap .child span {
    display: block;
    position: absolute;
    width: 60%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 24px;
    text-align: center;
    white-space: normal;
}
/*.container-2020:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 8px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
}
.container-2020:before {
    content:'';
    display: block;
    width: 2px;
    height: 100%;
    background-color: rgba(0,0,0,0.05);
    position: fixed;
    top: 0;
    left: 50vw;
    margin-left: -1px;
}*/
/* SNAPSCROLL */

.container-2018{
	width: 100vw;
	position: relative;
	padding: 32px 0;
}
.container-2018:after {
	content: '';
	position: absolute;
	top: 32px;
	left: 0;
	display: block;
	width: 100vw;
	height: 48px;
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
}
.container-2020:before,
.container-2018:before {
	content:'';
	display: block;
	width: 2px;
	height: 100%;
	background-color: rgba(0,0,0,0.05);
	position: absolute;
	top: 0;
	left: 50vw;
	margin-left: -1px;
}
.container-2018 .gallery-2018{
	height: 6vh;
	overflow: hidden;
	margin: 0;
	position: relative;
	transition: all 1s ease;
}
.container-2018 .gallery-2018:before {
	content:'';
	display: block;
	width: 2px;
	height: 100%;
	background-color: rgba(255,255,255,0.1);
	position: absolute;
	top: 0;
	left: 50vw;
	margin-left: -1px;
}
.container-2018 .gallery-2018.show { height: 100vh; }
.container-2018 .gallery-2018 .carousel .carousel-cell {
	display: table;
	height: 100vh;
	width: 100vw;
	margin: 0;
	padding: 0;
	background-color: #0079fe;
}
.container-2018 .gallery-2018 .carousel .carousel-cell .cell-tekst {
	display: table-cell;
	vertical-align: middle;
	color: white;
	overflow: hidden;
	width: 30vw;
}
.container-2018 .gallery-2018 .carousel .carousel-cell .cell-tekst .cell-tekst-content {
	transition: all 1s ease;
	width: 50vw;
	margin-left: -50vw;
}
.container-2018 .gallery-2018 .carousel .carousel-cell.is-selected .cell-tekst .cell-tekst-content { margin-left: 0; }
.container-2018 .gallery-2018 .carousel .carousel-cell .cell-tekst h3{
	font-family: 'Merriweather', serif;
	font-size: 36px;
	font-weight: 900;
	margin: 0 10vw 24px;
	color: rgba(255,255,0,0.9);
}
.container-2018 .gallery-2018 .carousel .carousel-cell .cell-tekst p{
	display: normal;
	position: relative;
	padding: 0 0 16px;
	background-color: transparent;
	text-transform: none;
	font-family: 'Merriweather', serif;
	font-size: 18px;
	font-weight: 300;
	text-align: left;
	line-height: 150%;
	margin: 0 10vw;
	width: auto;
	border-bottom: 0px;
	color: rgba(255,255,0,0.9);
}
.rule{
	position: absolute;
	color: white;
	font-weight: 300;
	font-size: 24px;
	left: 10vw;
	bottom: 12vh;
}
.cell-image{
	position: absolute;
	height: 40vh;
	width: 50vw;
	top: 50vh;
	margin-top: -20vh;
	left: 50vw;
	margin-left: -25vw;
	text-align: center;
}
.cell-image svg {
	height:100%;
}

.container-2018 .toggle{
	position: absolute;
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: #404040;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -32px;
	z-index: 200;
	overflow: hidden;
}
.container-2018 .toggle:before{
	content:'';
	display: block;
	width: 28px;
	height: 18px;
	background-image: url('../img/icon-disk.svg');
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.2s ease;
	border-bottom: 2px solid white;
	position: absolute;
	top: 13px;
	left: 50%;
	margin-left: -14px;
}
.container-2018 .toggle.fix:before {
	top: 33px;
}
.container-2018 .toggle:after{
	content:'';
	display: block;
	width: 28px;
	height: 18px;
	background-image: url('../img/icon-disk.svg');
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.2s ease;
	border-bottom: 2px solid white;
	position: absolute;
	top: 31px;
	left: 50%;
	margin-left: -14px;
	transform: rotate(180deg);
}
.container-2018 .toggle.fix:after {
	top: 11px;
}

.carousel-cell.carousel2019 {
	width: 30vw;
	height: 20vw;
	margin: 0;
}

.container-2017 {
	width: 100vw;
	position: relative;
    padding: 16px 0;
}
.container-2017 p.datum {
	display: table;
	width: 64px;
	height: 64px;
	background-color: #404040;
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -32px;
	border-radius: 50%;
}
.container-2017.diap p.datum { background-color: #fff; }
.container-2017 p.datum span {
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-size: 12px;
	font-weight: 400;
	line-height: 100%;
	padding: 8px;
	text-align: center;
}
.container-2017.diap p.datum span { color: #333; }
.container-2017 .content-2017 {
	width: 75vw;
	position: relative;
	float: right;
	background-color: white;
	-webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
	margin: 24px 0 48px;
}
.container-2017.diap .content-2017 { background-color: #333333; }
.container-2017 .content-2017 .tekst-2017 {
	width: 33.33%;
	padding: 32px 0;
	float: left;
	margin: 0;
}
.container-2017 .content-2017 .tekst-2017 h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	line-height: 100%;
	padding: 0 40px;
	font-weight: 600;
	text-transform: uppercase;
	color: rgba(0,0,0,0.75);
}
.container-2017.diap .content-2017 .tekst-2017 h3 { color: #fff; }
.container-2017 .content-2017 .tekst-2017 p {
	font-size: 16px;
	line-height: 120%;
	font-weight: 300;
	color: rgba(0,0,0,0.75);
	padding: 0 40px;
}
.container-2017.diap .content-2017 .tekst-2017 p { color: #fff; }
article,
.middleman {
	width: 100vw;
}
.timeline{
    position: relative;
	
}
.container-2017:before,
.timeline:before{
	content:'';
	display: block;
	width: 2px;
	height: 100%;
	background-color: #e5e5e5;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
}
.contentblock {
	position: relative;
    background-color: white;
    padding: 35px 0;
    margin: 7px 0 28px;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
}
.contentblock h2{
    font-size: 24px;
    line-height: 21px;
    margin: 0 35px;
    padding-bottom: 14px;
}
.contentblock h3{
    font-size: 18px;
    line-height: 18px;
    margin: 0 35px;
    padding-bottom: 9px;
}
.contentblock p{
    font-size: 14px;
    line-height: 17px;
    margin: 0 35px;
    padding-bottom: 9px;
}
.span3 .contentblock,
.span2 .contentblock{
    padding: 21px 0;
}
.span3 .contentblock p,
.span3 .contentblock h3,
.span2 .contentblock p,
.span2 .contentblock h3{
    margin: 0 21px;
}
.imgdiv{
    margin-left: -10px;
}
.imgdiv-left{
    margin-right: -10px;
}
.wide12{
    background: white url("../img/bg-span12.gif") repeat-y top center;
}
.fotoblock{
	position: relative;
    background-color: white;
    padding: 0;
    z-index: 11;
    margin: 7px 0 28px;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
    overflow: hidden;
}
.fotoblock img { width: 100%; }
.fotoblock .fotoblok-tekst { padding-bottom: 21px; }
.fotoblock h4{
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 21px;
    line-height: 21px;
	font-weight: 400;
    margin: 28px 21px 0 7px;
    padding-bottom: 9px;
}
.fotoblock p{
    margin: 0 21px 0 7px;
    padding-bottom: 9px;
}
.arrowleft:before{
	content: '';
    display: block;
    position: absolute;
    top: 28px;
    left: -11px;
    width: 0px;
    height: 0px;
    border-top: 7px solid transparent;
    border-right: 11px solid white;
    border-bottom: 7px solid transparent;
}
.arrowright:after{
	content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 11px;
    right: -11px;
    width: 0px;
    height: 0px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid white;
}
.black .contentblock{
    background-color: #404040;
    color: white;
}
.black h3{
	color: white;
}
.black .arrowleft:before{
    border-right: 11px solid #404040;
}

/* BLACK HOLE */
.black-hole{
    position:relative;
    margin: 21px 0;
    padding: 14px 0 7px;
    text-align: center;
    border-top: 3px double #e5e5e5;
    border-bottom: 3px double #e5e5e5;
	background-color: #f2f2f2;
}
.black-hole p{
    color: rgba(0,0,0,0.25);
    font-size: 11px;
	line-height: 11px;
}

/* DATE */
div.date{
    position:relative;
    padding-top: 14px;
}
div.date p{
    color: rgba(0,0,0,0.25);
    font-size: 12px;
    text-transform: uppercase;
}
div.date p:before{
	content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: -15px;
    width: 6px;
    height: 6px;
    background-color: #f2f2f2;
    border: 2px solid #e5e5e5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.fotoblockdate div.date:before{
	content: '';
    display: block;
    position: absolute;
    top: -16px;
    left: -91px;
    width: 78px;
    height: 78px;
    border: 2px solid #e5e5e5;
    -webkit-border-radius: 78px;
    -moz-border-radius: 78px;
    border-radius: 78px;
}

/*  CAROUSEL */
.carousel{
    position: relative;
    margin-bottom: 0px;
}
.carousel .carouselcontrol{
    display: block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
}
.carousel a:active,
.carousel a:focus{
    outline: none;
}
.carousel .carouselcontrol:before{
	content: '';
    display: block;
    position: absolute;
    top: 8px;
    width: 8px;
    height: 8px;
    border-top: 3px solid #54534f;
    border-left: 3px solid #54534f;
}
.carousel .left{
    left: 0px;
}
.carousel .left:before{
    left: 10px;
    transform: rotate(-45deg);
    -ms-transform:rotate(-45deg); /* IE 9 */
    -moz-transform:rotate(-45deg); /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari and Chrome */
    -o-transform:rotate(-45deg); /* Opera */
}
.carousel .right{
    right: 0px;
}
.carousel .right:before{
    left: 7px;
    transform: rotate(135deg);
    -ms-transform:rotate(135deg); /* IE 9 */
    -moz-transform:rotate(135deg); /* Firefox */
    -webkit-transform:rotate(135deg); /* Safari and Chrome */
    -o-transform:rotate(135deg); /* Opera */
}
.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    float: left;
    height: 8px;
    margin-left: 7px;
    text-indent: -999px;
    width: 8px;
}


/* ACCORDION */
.accordion{
    margin-left: -10px;
}
.accordion-group {
    border: 1px solid #E5E5E5;
    border-right: 0px;
    border-left: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 2px;
}
.accordion-heading .accordion-toggle {
    padding: 7px 35px;
}
.accordion-toggle:focus,
.accordion-toggle: active{
    outline: none;
}
.accordion-inner {
    border-top: 0px;
    padding: 7px 0;
}

/* MORE CONTENT */
.more-content{
    text-align: center;
    position: relative;
}
.more-content a{
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -30px;
    text-indent: -9999px;
    width: 56px;
    height: 56px;
    border: 2px solid #c5c5bb;
    -webkit-border-radius: 56px;
    -moz-border-radius: 56px;
    border-radius: 56px;
}
.more-content a:before{
	content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 22px;
    width: 8px;
    height: 8px;
    border-bottom: 3px solid #9e9d97;
    border-left: 3px solid #9e9d97;
    transform: rotate(-45deg);
    -ms-transform:rotate(-45deg); /* IE 9 */
    -moz-transform:rotate(-45deg); /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari and Chrome */
    -o-transform:rotate(-45deg); /* Opera */
}

#infscr-loading{
    text-align: center;
    position: relative;
	display: block;
	width: 100vw;
	height: 56px;
	margin: 0 auto;
    padding: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
	background-color: #f2f2f2;
	transition: all 0.5s ease;
}
#infscr-loading em{
    display: block;
	height: 56px;
	width: 100vw;
	color: rgba(0,0,0,0.25);
    font-size: 15px;
	line-height: 56px;
	margin:0;
}
#infscr-loading img{
    display: none;
	visibility: hidden;
}

/* NAV SINGLE */
.nav-prev{
    padding: 7px 0;
    text-align: right;
}
.nav-prev a{
    position: relative;
}
.nav-prev a:before{
	content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: -12px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #8dc63f;
    border-left: 2px solid #8dc63f;
    transform: rotate(-45deg);
    -ms-transform:rotate(-45deg); /* IE 9 */
    -moz-transform:rotate(-45deg); /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari and Chrome */
    -o-transform:rotate(-45deg); /* Opera */
}
.nav-next{
    padding: 7px 0;
}
.nav-next a{
    position: relative;
}
.nav-next a:after{
	content: '';
    display: block;
    position: absolute;
    top: 3px;
    right: -12px;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #8dc63f;
    border-right: 2px solid #8dc63f;
    transform: rotate(-45deg);
    -ms-transform:rotate(-45deg); /* IE 9 */
    -moz-transform:rotate(-45deg); /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari and Chrome */
    -o-transform:rotate(-45deg); /* Opera */
}

/* Large desktop */
@media (min-width: 1200px) {
    .imgdiv{
        margin-left: -15px;
    }
    .imgdiv-left{
        margin-right: -15px;
    }
    div.date p:before{
        left: -20px;
    }
    .accordion{
        margin-left: -15px;
    }
    .fotoblockdate div.date:before{
        content: '';
        display: block;
        position: absolute;
        top: -26px;
        left: -116px;
        width: 98px;
        height: 98px;
        -webkit-border-radius: 98px;
        -moz-border-radius: 98px;
        border-radius: 98px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .fotoblockdate div.date:before{
        content: '';
        display: block;
        position: absolute;
        top: -7px;
        left: -73px;
        width: 60px;
        height: 60px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    div.viq-contact h6{
        margin: 0;
        width: 100%;
        font-size: 18px;
        text-align: center;
    }
    div.viq-name,
    div.viq-contact{
        text-align: center;
        padding-top: 7px;
		padding: 0 20%;
    }
	div.viq-logo img{
		max-width: 240px;
	}
    div.social-media-container{
        position: absolute;
        top: 90px;
        left: 50%;
        margin-left: -80px;
    }
	.contentblock{
		width: 90%;
		margin: 7px auto 28px;
	}
    .contentblock h2,
    .contentblock h3,
    .contentblock p{
        margin: 0 21px;
    }
    div.date{
        text-align: center;
    }
    div.date p{
        background: url("../img/bg-p-mobile.gif") repeat-y top center;
    }
    .timeline:before{
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -6px;
        width: 6px;
        height: 6px;
        background-color: #f2f2f2;
        border: 3px solid #e5e5e5;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    .arrowleft:before,
    .arrowright:after,
    div.date p:before,
    div.viq-contact h6:before,
    .fotoblockdate div.date:before{
        display: none;
    }
    .imgdiv{
        margin: 0;
        margin-top: 14px;
    }
    .imgdiv-left{
        margin: 0;
        margin-bottom: 14px;
    }
    .accordion{
        margin-left: 0;
    }
	.container-2017 .content-2017{
		width: 100%;
	}
	.container-2017 .content-2017 .tekst-2017{
		width: 100%;
		text-align: center;
	}
	.container-2017 .content-2017 .tekst-2017 h3{
		font-size: 24px;
	}
	.container-2017 .content-2017 .tekst-2017 p{
		font-size: 15px;
	}
	.fotoblock h4{
		margin: 28px 28px 0 28px;
	}
	.fotoblock p{
		margin: 0 28px 0 28px;
	}
	.background{
		position: fixed;
		height: 150vw;
	}
	.fotoblock .fotoblok-tekst{
		text-align: center;
	}
	.container-2018 .gallery-2018 .carousel .carousel-cell .cell-tekst .cell-tekst-content{
		width: 100vw;
		margin-left: -10vw;
	}
	.container-2018 .gallery-2018.show{ height: 200vw; }
	.container-2018 .gallery-2018 .carousel .carousel-cell{
		height: 200vw;
	}
}

@media (max-height: 520px) {
    .container-2020 .scrollsnap .child {
        width: 240px;
        height: 240px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
	div.viq-name h1{
		font-size: 18px;
		line-height: 18px;
	}
    div.viq-contact h6{
        margin: 0;
        width: 100%;
        font-size: 18px;
        text-align: center;
    }
    div.viq-name,
    div.viq-contact{
        text-align: center;
        padding-top: 7px;
    }
    .contentblock h2,
    .contentblock h3,
    .contentblock p{
        margin: 0 21px;
    }
    div.date{
        text-align: center;
    }
    .timeline:before{
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -6px;
    }
    .arrowleft:before,
    .arrowright:after,
    div.date p:before,
    div.viq-contact h6:before,
    .fotoblockdate div.date:before{
        display: none;
    }
    .imgdiv{
        margin: 0;
        margin-top: 14px;
    }
    .imgdiv-left{
        margin: 0;
        margin-bottom: 14px;
    }
    .accordion{
        margin-left: 0;
    }
	.carousel-cell.carousel2019 {
		width: 100vw;
		height: 64vw;
		margin: 0;
	}
    .container-2020 .scrollsnap .child {
        width: 240px;
        height: 240px;
    }
}

/* 2014 */

body.alternative {
	padding: 45px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	background: #f1f1f1;
}

.cell{
	background: white;
	padding: 0;
	margin: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	height: 378px;
	overflow: hidden;
}
.cell h3 {
	display: block;
	float: left;
    clear: both;
	margin: 0;
	padding: 9px 18px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	/*font-style: italic;*/
	color: white;
	background-color: rgba(0,0,0,0.5);
}
.cell p{
	margin: 0;
	margin-top: 2px;
}
.cell p.txt{
	display: block;
	float: left;
    clear: both;
	width: 60%;
	font-size: 12px;
	line-height: 100%;
	color: white;
	padding: 9px 18px;
	background-color: rgba(0,0,0,0.5);
}
.cell a.link{
	position: relative;
	display: block;
	float: left;
    clear: both;
	height: 40px;
	width: 160px;
	margin-top: 2px;
	margin-left: -120px;
	transition: margin-left 0.5s ease;
	font-size: 12px;
	/*line-height: 40px;*/
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 100%;
	color: #454545;
	padding: 12px 18px;
	background: #b6e026;
	background: -moz-linear-gradient(-45deg,  #b6e026 0%, #2dc425 100%)
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b6e026), color-stop(100%,#2dc425));
	background: -webkit-linear-gradient(-45deg,  #b6e026 0%,#2dc425 100%);
	background: -o-linear-gradient(-45deg,  #b6e026 0%,#2dc425 100%);
	background: -ms-linear-gradient(-45deg,  #b6e026 0%,#2dc425 100%);
	background: linear-gradient(135deg,  #b6e026 0%,#2dc425 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e026', endColorstr='#2dc425',GradientType=1 );
}
.cell a.link:hover{
	margin-left: 0px;
}
.cell a.link:after{
    border-left: 2px solid white;
    border-top: 2px solid white;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 14px;
	right: 16px;
    width: 9px;
	transform: rotate(135deg);
}

.cell .date{
	display: block;
	float: left;
    clear: both;
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	color: white;
	padding: 5px 18px;
	background-color: rgba(0,0,0,0.5);
}
.cell .float{
	z-index: 100;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 0 0 18px 0;
	overflow: hidden;
}
.cell .carousel-inner > .item {
	overflow: hidden;
}
.cell .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    max-width: none;
}
.cell .picture{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.cell .picture img{
	max-width: none;
	/*position: absolute;
	top: 18%;
	left: 27%;
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.36);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.36);*/
}

.full-screen{
	position: absolute;
	z-index: 300;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #454545;
}

a.action{
	position: fixed;
	top: 50%;
	margin-top: -80px;
	left: 0;
	margin-left: 24px;
	display: table;
	width: 160px;
	height: 160px;
	background-color: rgba(0,0,0,0.1);
	border-radius: 50%;
	text-decoration: none;
}
a.action:hover{
	background-color: rgba(0,0,0,0.2);
}
a.action span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 40px;
	font-family: 'Roboto condensed', sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	transition: all 0.2s ease;
}
a.action:hover span{
	color: rgba(255,255,255,1);
	text-decoration: none;
}