/*
	Theme Name: Custom Template
	Theme URI: https://www.dink.nl
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: https://www.dink.nl

*/



.font-aktiv-grotesk { font-family: "aktiv-grotesk",sans-serif; }
.font-aktiv-grotesk-thin { font-family: "aktiv-grotesk-thin",sans-serif; }
.font-trilby { font-family: "trilby",serif; }
.font-pressio-condensed { font-family: "pressio-condensed",sans-serif; }


:root {
	--font-aktiv: "aktiv-grotesk",sans-serif;
	--font-aktivthin: "aktiv-grotesk-thin",sans-serif;
	--font-trilby: "trilby",serif;
	--font-pressio: "pressio-condensed",sans-serif;
	--font-nuvo: "ff-nuvo-mono-web-pro";

	--color-black:#111;
	--color-red: #E15450;
	--color-grey: #7D7D7D;	
	--color-white: #FFFFFB;	
	
	--text-320:320px;
	--text-270:270px;
	--text-180:180px;
	--text-92:92px;
	--text-72:72px;
	--text-56:56px;
	--text-42:42px;
	
	--text-p-xlarge:32px;
	--text-p-large:24px;
	--text-p-medium:18px;
	--text-p-small:14px;

	--space-30:30px; 
	--space-45:45px; 
	--space-60:60px; 
	--space-90:90px; 
	--space-120:120px; 
	--space-150:150px; 
	--space-180:180px; 
}

@media screen and (max-width:1400px){
	
	:root {
	--text-320:240px;
	--text-270:200px;
	--text-180:110px;
	--text-92:72px;
	--text-72:65px;
	--text-56:50px;
	--text-42:38px;
	
	--text-p-xlarge:28px;
	--text-p-large:21px;	
	--text-p-medium:18px;
	--text-p-small:14px;
	}
}

@media screen and (max-width:1150px){
	:root {
	--text-320:210px;
	--text-270:160px;
	--text-180:90px;
	--text-92:65px;
	--text-72:56px;
	--text-56:45px;
	--text-42:36px;
	
	--text-p-xlarge:24px;
	--text-p-large:20px;	
	--text-p-medium:18px;
	--text-p-small:14px;
	}
}

@media screen and (max-width:992px){
	:root {
	--text-320:160px;
	--text-270:110px;
	--text-180:75px;
	--text-92:50px;
	--text-72:46px;
	--text-56:40px;
	--text-42:34px;
	
	--text-p-xlarge:22px;
	--text-p-large:20px;		
	--text-p-medium:18px;
	--text-p-small:14px;
		--space-90: 60px;
	}	
}
@media screen and (max-width:767px){
	@media screen and (max-width:992px){
	:root {
	--text-320:110px;
	--text-270:80px;
	--text-180:60px;
	--text-92:40px;
	--text-72:36px;
	--text-56:30px;
	--text-42:24px;
	
	--text-p-xlarge:16px;
	--text-p-large:15px;	
	--text-p-medium:14px;
	--text-p-small:13px;
	}	
}
}
@media screen and (max-width:500px){
	
}

a:not(.animate-link), .desktop-nav > ul > li a:after, a:before, .portfolio-list  h2, .portfolio-list .portfolio-count, .folded-content + .tag-list, .portfolio-box img, .read-more svg{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/*------------------------------------*\
    MAIN


\*------------------------------------*/
body, html {margin:0;padding:0}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;	vertical-align:bottom;height:auto}

a{text-decoration:none;}


.standaard-content a:not(.btn):not(.read-more) {font-weight:normal;color:var(--color-black);text-decoration:underline;}
.standaard-content a:not(.btn):not(.read-more):hover, .standaard-content a:not(.btn):not(.read-more):focus {color:var(--color-red)}

a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {   font-family: var(--font-pressio); margin: 0;color:var(--color-black); font-weight:800;line-height:1;text-transform:uppercase}

.standaard-content .h1, .standaard-content .h2, .standaard-content .h3, .standaard-content .h4, .standaard-content .h5, .standaard-content .h6, .standaard-content h1, .standaard-content h2, .standaard-content h3, .standaard-content h4, .standaard-content h5, .standaard-content h6 {line-height:1.3}

.content-wit .h1, .content-wit .h2, .content-wit .h3, .content-wit .h4, .content-wit .h5, .content-wit .h6, .content-wit h1, .content-wit h2,.content-wit h3,.content-wit h4,.content-wit h5,.content-wit h6 {color:#FFFFFB;}

body {font-size:var(--text-p-medium);line-height:1.6;font-family: var(--font-aktiv);color:var(--color-black);font-weight:normal;}
 


h1, .h1 {font-size:var(--text-h1)}
h2, .h2 {font-size:var(--text-h2)}
h3, .h3 {font-size:var(--text-h3)}
h4, .h4, h5, .h5, h6, .h6 {font-size:var(--text-h4)}




p, .fold-content { margin-top:0;margin-bottom:24px}
.large-content p, .intro-content { margin-top:0;margin-bottom:30px}
@media screen and (max-width:992px){
p, .fold-content { margin-top:0;margin-bottom:16px}
.large-content p, .intro-content { margin-top:0;margin-bottom:24px}	
}

p:last-child, .fold-content:last-child {margin:0}


.standaard-content ul:not(.btn-list), .standaard-content ul:not(.btn-list) li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul:not(.btn-list) li {position:relative;padding-left:28px;margin-bottom:0;display:flex;width:100%;gap:16px}
.standaard-content ul:not(.btn-list) li:last-child {margin-bottom:0;}
.standaard-content ul:not(.btn-list), .standaard-content ol {margin-bottom:20px;}
.standaard-content ul:not(.btn-list):last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul:not(.btn-list) li:before {    content: "";    position: absolute;    left: 0;    top: 12px;    line-height: 1;    content: ""; background:var(--color-black);  width: 6px;    height: 6px;    border-radius: 50%;    display: inline-block;    background-size: contain;    background-repeat: no-repeat;    background-position: center center;}



.bold-content {font-weight:500}


.standaard-content.text-center ul:not(.btn-list) li {justify-content:center;text-align:left;}

.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: var(--color-red);
  display: inline-block; position:absolute;left:0;top:0;}

.standaard-content ul + .btn, .standaard-content ol + .btn {margin-top:5px;}

.btn-list , .btn-list  li {padding:0;margin:0;list-style:none }
.btn-list {display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;}
.text-center .btn-list {justify-content:center;}

.text-center {text-align:center}


.fold-content {display:none}

.double-columns {  column-count: 1;	}

@media (min-width: 768px) {
  .double-columns {
    column-count: 2;
	column-gap: 30px;
  }
}


.standaard-content h2, .standaard-content h3 {font-size:var(--text-42)}
.standaard-content h4 {font-size:var(--text-32)}
.standaard-content h5, .standaard-content h6 {font-size:var(--text-24)}

.text-small {font-size:var(--text-p-small)}
.text-medium {font-size:var(--text-p-medium)}
.text-large {font-size:var(--text-p-large);line-height:1.5}
.text-xlarge {font-size:var(--text-p-xlarge);line-height:1.5}



.black-bg .titel .small {color:#FFFFFB}


.margin-top-30 {margin-top:var(--space-30)}
.margin-top-45, .tag-list.margin-top-45{margin-top:var(--space-45)}

.margin-top-60{margin-top:var(--space-60)}
.margin-top-90{margin-top:var(--space-90)}


.margin-bottom-30 {margin-bottom:var(--space-30)}
.margin-bottom-45, .tag-list.margin-bottom-45{margin-bottom:var(--space-45)}

.margin-bottom-60{margin-bottom:var(--space-60)}
.margin-bottom-90{margin-bottom:var(--space-90)}


@media screen and (max-width:767px){
	.sm-margin-top-45 {margin-top:45px;}
	.sm-margin-top-30 {margin-top:30px;}
	.sm-margin-bottom-45 {margin-bottom:45px;}
	.sm-margin-bottom-30 {margin-bottom:30px;}
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1780px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 30px;
}

.full-width-container {padding:0;max-width:100%;}
.full-width-container .row {margin:0;}
.full-width-container .row > * {padding:0;}

.row {margin-left:-15px;margin-right:-15px;}
.row>* {padding-right:15px;padding-left:15px;}

.content-row {padding:var(--space-90) 0;position:relative;}
.remove-content-padding-both {padding:0;}



/*
.content-row:first-child:not(.slider-content-row) {padding-top:0;}

*/
.content-row.padding-standaard:first-child {padding-top:var(--space-60)}



.black-bg {background-color:var(--color-black)}


/*.padding-standaard + .padding-standaard{padding-top:0!important;}



*/


.content-row.padding-top-180 {padding-top:var(--space-180)}
.content-row.padding-bottom-180 {padding-bottom:var(--space-180)}
.content-row.padding-top-120 {padding-top:var(--space-120)}
.content-row.padding-bottom-120 {padding-bottom:var(--space-120)}
.content-row.padding-top-90 {padding-top:var(--space-90)}
.content-row.padding-bottom-90 {padding-bottom:var(--space-90)}
.content-row.padding-top-60 {padding-top:var(--space-60)}
.content-row.padding-bottom-60 {padding-bottom:var(--space-60)}
.content-row.padding-top-45 {padding-top:var(--space-45)}
.content-row.padding-bottom-45 {padding-bottom:var(--space-45)}
.content-row.padding-top-30 {padding-top:var(--space-30)}
.content-row.padding-bottom-30 {padding-bottom:var(--space-30)}

.content-row.no-padding-top {padding-top:0}
.content-row.no-padding-bottom {padding-bottom:0}

.content-row.white-bg:not(.slider-content-row):not(.hero-banner)  + .content-row.white-bg.padding-standaard, .content-row.black-bg.padding-standaard + .content-row.black-bg.padding-standaard  {padding-top:0;}




main section:first-child:not(.hero-slider-holder){padding-top:200px!important;}


@media screen and (max-width:1250px){
	.content-row.padding-top-180,
	.content-row.padding-top-120 {padding-top:var(--space-90)}

	.content-row.padding-bottom-180,
	.content-row.padding-bottom-120 {padding-bottom:var(--space-90)}
	
	main section:first-child:not(.hero-slider-holder) {    padding-top:150px!important;}
}

@media screen and (max-width:992px){
		main section:first-child:not(.hero-slider-holder) {    padding-top:90px!important;}

}


@media screen and (max-width:767px){
	.content-row.padding-top-180,
	.content-row.padding-top-120,
	.content-row.padding-top-90 {padding-top:var(--space-60)}

	.content-row.padding-bottom-180,
	.content-row.padding-bottom-120,
	.content-row.padding-bottom-90 {padding-bottom:var(--space-60)}
		main section:first-child:not(.hero-banner):not(.hero-slider-holder) {    margin-top: 45px;}
	.content-row.padding-standaard:first-child {padding-top:var(--space-45)}

}







.post-navigation {align-items:center}
.post-navigation_next {margin-left:auto;}
.post-navigation > div {width:auto;}
.post-navigation > div > * {color:var(--color-black);font-size:var(--text-42);font-weight:800;font-family:var(--font-pressio);text-transform:uppercase}
.post-navigation > div > a:hover {color:var(--color-red)}
.post-navigation .disabled {color:var(--color-grey)!important;}
.label, .tag {display:inline-block;width:auto;line-height:1.5;color:#FFFFFB;padding:5px 15px;font-size:16px;text-transform:uppercase;font-family:var(--font-nuvo)}
.label.red, .tag  {background:var(--color-red);}
.label.black {background:var(--color-black);}
.survival-label {background:var(--color-black);position:absolute;top:0;left:45px;}


.label.back-btn {padding:0;display:inline-flex;flex-wrap:wrap;position:relative;z-index:2;}
.label.back-btn span {padding:5px 15px;}
.label.back-btn span:first-child {width:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.label.back-btn:before {z-index:-1;content:"";position:absolute;top:0;left:0;width:40px;height:100%;background:var(--color-black)}
.black-bg .label.back-btn:before{background:var(--color-grey)} 
.label.back-btn:hover:before {width:100%;}




.tag-list {display:flex!important;flex-wrap:wrap;gap:15px;    margin-top: 12px;}
a.tag {text-decoration:none!important;color:#FFFFFB!important;font-weight:normal!important}
a.tag:hover, a.tag:focus {background:var(--color-black)}

.content-wit a.tag:hover, .content-wit a.tag:focus {background:#FFFFFB;color:var(--color-black)}


.titel-group {position:relative;}
.titel-label {position:absolute;left:0;top:15px;width:auto;}
.titels-resultaten .titel-label {top:5px;}
.titel-box span {display:block;line-height:1;text-transform:uppercase}

.titels-standaard span.small {padding:0 25%}
.titels-standaard.plus span.small {padding:0 16.66667%}
.titels-resultaten span.small {padding:0;}
.titels-standaard span.large {text-align:center;;}

span.large.text-180 {font-size:var(--text-180);line-height: 1;}
span.large.text-270 {font-size:var(--text-270);line-height: .9;}
span.large.text-320 {font-size:var(--text-320);line-height: .9;}







.titels-standaard.titels-links, .titels-standaard.titels-links .large {text-align:left;}
.titels-standaard.titels-links .small {padding:0!important}


.titel-box span.small {color:var(--color-black);font-size:var(--text-92);}
.titel-box span.large {color:var(--color-red);}
.titel-box span.large:first-child {
    margin-top: -15px;
}
.titels-columns .titel {    display: flex;    flex-wrap: wrap;    align-items: center;    gap: 30px;    padding-left: 16.66667%;}

.banner-content {margin-bottom:var(--space-60);text-align:center}

.titels-resultaten .large {display:inline-block;text-align:center;position:relative;}
.titels-resultaten .large  a {position:absolute;top:-100px;right:-100px;}
.titels-resultaten img {width:200px;height:200px;display:block;}



.animate-link {
    animation: spin 3s linear infinite;
}

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

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

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

.portfolio-tags  .label, .portfolio-tags  .tag {padding-left:10px;padding-right:10px;}

@media screen and (min-width:991px){
	.portfolio-tags  .label, .portfolio-tags  .tag {font-size:14px;padding-top:6px;padding-bottom:6px}
}

@media screen and (max-width:992px){
	.titel-label {position:relative;margin-bottom:20px;top:0;}
	.titels-standaard span.small {    padding: 0 20%;}
	.titels-standaard.plus span.small {padding:0 16.66667%}
	.titels-columns .titel {padding-left:0;}
	
	.titel-group.margin-bottom-45 {margin-bottom:30px;}
	.label, .tag {font-size:14px;}
	
}

@media screen and (max-width:767px){
	.label, .tag {font-size:12px;padding-left:10px;padding-right:10px;}
}


@media screen and (max-width:650px){
	.titels-standaard span.small {    padding: 0!important ;}
	.titels-standaard span.large {text-align:left}
	.titels-columns .titel {display:block;}
	.titel-box span.small br {display:none}
}


.media-box {position:relative;overflow:hidden}
.media-box img {width:100%;}
.video-box {overflow:hidden;position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}

.video-link {display:block;position:relative}
.video-link.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.video-link span {position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);border:6px solid #FFFFFB;border-radius:50%;width:80px;height:80px}
.video-link:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bordeaux);opacity:.6}
.video-link span:before {content:"";position:absolute;  width: 0; 
  height: 0; 
     border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 30px solid #FFFFFB;top:calc(50% - 17px);left:calc(50% - 13px)}
.video-link:hover span {width:70px;height:70px;top:calc(50% - 35px);left:calc(50% - 35px);}


/*------------------------------------*\
    Portfolio
\*------------------------------------*/
.overflow-hidden {overflow:hidden}
.portfolio-slider .slick-track{ margin-left: 0; }
.portfolio-slider .slick-list {overflow:visible}

.portfolio-slider {width:calc(100% + 30px);margin-left:-15px}
.portfolio-box {padding:0 15px;}
.portfolio-box a {display:block;color:var(--color-black)}
.portfolio-box a > * {width:100%;display:block;position:relative;}
.portfolio-box img {width:100%;height:auto;}
.portfolio-count {position:absolute;top:30px;left:30px;font-size:var(--text-42);line-height:1;font-family:var(--font-pressio);font-weight:800;z-index:10;}
.portfolio-count.white {color:#FFFFFB;}
.portfolio-desc {padding:30px 30px 0;}
.portfolio-desc h2, .list-desc h2 {font-size:var(--text-42);line-height:1;font-family:var(--font-pressio);font-weight:800;line-height:1;margin:0;}
.portfolio-box a:hover img{box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.35);}


ul.portfolio-tags, ul.portfolio-tags li {padding:0;margin:0;list-style:none}
ul.portfolio-tags li {text-align:right}
ul.portfolio-tags {
    position: absolute;
    z-index: 3;
    top: 30px;
    right: 30px;
    display: inline-flex;
    gap: 10px;
    flex-direction: column;
    animation: flex-end;
}


.archief-box {width:33.3333%;margin-bottom:60px}
.archief-box-wide {width:66.6667%;}
.portfolio-archive-btn {margin-top:30px;}
.archief-box.portfolio-box {margin:0;}

.project-loop {gap:60px 0}


.responsive-portfolio-arrows {display:none}
.responsive-portfolio-arrows button {appearance:none;-moz-appearance:none;border:none;padding:0;margin:0;background:none;}
.responsive-portfolio-arrows button svg {display:block}
.responsive-portfolio-arrows button.arrow-prev:hover svg {transform:translateX(-15px)}
.responsive-portfolio-arrows button.arrow-next:hover svg {transform:translateX(15px)}

@media screen and (max-width:1250px) {
	.portfolio-slider .portfolio-box {width:400px}
}
@media screen and (max-width:992px) {
	.portfolio-count {font-size:28px;top:15px;left:15px;}
	.portfolio-desc {padding:15px 15px 0}
}
@media screen and (max-width:768px) {
	.portfolio-slider .portfolio-box {width:274px;padding:0 7px;}
	.portfolio-slider {    width: calc(100% + 14px);    margin-left: -7px;}
	
	.responsive-portfolio-arrows {display:flex; margin:45px 0 20px;align-items:center;justify-content:center;gap:30px}

}


/*Listbox*/
.portfolio-list  .row{border-top:1px solid var(--color-grey);padding:30px 0;}
.portfolio-list:last-child  .row {padding-bottom:0;}
.portfolio-list a {position:relative;color:var(--color-black);display:flex;flex-wrap:wrap;}
.portfolio-list .portfolio-count {position:relative;top:0;left:0;color:var(--color-black)}
.list-desc h2:not(:last-child) {margin-bottom:6px}
.portfolio-list a:hover h2, .portfolio-list a:hover .portfolio-count {color:var(--color-red)}
.list-count {width:140px;}
.list-desc {width:calc(100% - 140px);}



/*Filters*/
.related-posts {overflow:hidden}
.related-posts__filters {align-items:center;}
.filter-large-div {display:flex;flex-wrap:wrap;gap:20px 45px;justify-content:center;width:calc(100% - 200px)}
.related-posts__filters .read-more:not(.is-active):not(:hover) {border-color:transparent}
.filter-small-div {display:flex;flex-wrap:wrap;gap:15px;justify-content:center;    width: 100px;justify-content:flex-end}

.filter-small-div button {border:none;background:none;padding:0;margin:0;}
.related-posts__filters .read-more {font-size:20px;padding-top:10px;}

.filter-small-div button.active[data-type="grid" ] rect {fill:var(--color-red)}
.filter-small-div button.active[data-type="list" ] path {stroke:var(--color-red)}

/*------------------------------------*\
    Survival tips
\*------------------------------------*/
.survival-image {width:50%;}
 

.survival-row .col-md-5:first-child {    margin-right: -16.66667%;position:relative;z-index:100}
.survival-row {align-items:center;}


.survival-slider .slick-track
{
    display: flex !important;
}

.survival-slider .slick-slide
{
    height: inherit !important;
}
.survival-slider .slider-content-row {
    display: flex;
    align-items: center;
    height: 100%;
}

.survival-row .titel-box h2 {color:#FFFFFB;font-size:var(--text-92)}
.survival-row .titel-box h2 span  {display:inline-block;font-size:var(--text-180);width:100%}


@media screen and (min-width:768px){
	.survival-row .titel-box h2 {font-size:72px}
	.survival-row .titel-box h2 span  {font-size:110px}	
}


@media screen and (min-width:992px){
	.survival-row .titel-box h2 {font-size:82px}
	.survival-row .titel-box h2 span  {font-size:130px}	
}

@media screen and (min-width:1250px){
	.survival-row .titel-box h2 {font-size:92px}
	.survival-row .titel-box h2 span  {font-size:180px}
}


.survival-row .direct-contact a {text-decoration:none;font-size:20px;letter-spacing:1px;font-weight:600;}
.survival-row .standaard-content .direct-contact {margin-top:var(--space-60)}

.survival-row .standaard-content .direct-contact li:before {display:none}
.survival-row .direct-contact a:not(:hover) {color:#FFFFFB;}
.survival-row .direct-contact a {text-decoration:none!important}
.survival-row .direct-contact li:not(:last-child) {margin-bottom:12px!important}
.survival-tip-content {
    position: relative;
    padding-top: 120px;padding-left:45px;
}

/*------------------------------------*\
    Team
\*------------------------------------*/
.team-row {gap:30px 0;}

.team-image {position:relative;padding-bottom:100%;}
.team-image img {position:absolute;width:100%;height:100%;object-fit:cover;z-index:1;top:0;left:0}
.team-image .label {position:absolute;top:30px;left:30px;z-index:2;background:var(--color-black)}

.team-naam, .team-subtitel {font-family:var(--font-pressio);font-size:var(--text-72);line-height:1;font-weight:800;color:#FFFFFB;text-transform:uppercase;width:100%;}
.team-subtitel {color:var(--color-red)}
.team-naam {position:absolute;bottom:0;left:0;padding:0 30px 10px;z-index:5;}
.team-content {width:100%;padding:0 30px;display:flex;gap:30px;flex-wrap:wrap;}
.team-content p {width:100%;margin:0;}
.team-content a {color:var(--color-black);font-weight:700}
.team-content a:hover, .team-content a:focus {color:var(--color-red)}


.team-slider-row {position:relative}
.team-slider-label {position:absolute;z-index:10;left:0; top:0;}

.team-slider-links button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    color: var(--color-black);
    font-size: var(--text-p-medium);    display: block;
    width: auto;
}
.team-slider-links button.active {font-weight:bold;text-decoration:underline}

.team-slider-holder {position:relative}
.team-slider-holder > div {display:block;position:relative;}
.team-slider-titel {position:absolute;bottom:30px;left:45px;z-index:100;max-width:450px}
.team-slider-titel h3 {font-size:var(--text-92); color:#FFFFFB;text-transform:uppercase;line-height:1;}
span.team-slider-number {
    position: absolute;
    z-index: -1;
    color: var(--color-red);
    font-family: var(--font-pressio);
    font-size: 495px;
    font-weight: 800;
    line-height: 1;
    bottom: 60%;
    right: 90%;
}

.team-slider-links, .team-slider-desc {
    padding-top: 25%;
}
.team-slider-desc {padding-left:45px}
.team-slider-desc .btn-list {margin-top:var(--space-45)}

@media screen and (min-width:991px){
	.odd-align {margin-top:90px}
}
@media screen and (min-width:1249px){
	.odd-align {margin-top:180px}
}
@media screen and (max-width:1250px){
	.team-naam, .team-subtitel { font-size: var(--text-56);}
	.team-content {gap:20px;}
}
@media screen and (max-width:992px){
	.team-image .label {top:20px;left:20px;}
	.team-naam {    padding: 0 20px 10px;}
	.team-content {   	padding: 0 20px;}
	
	.team-slider-links {display:none}
	.team-slider-desc {padding-top:45px}
	.team-slider-desc ul.btn-list {    justify-content: center;}
	.team-slider-holder > div {width:calc(100% - 30px);margin-left:30px;}
	.team-slider-titel {    bottom: 20px;    left: 30px;}
	span.team-slider-number {    font-size: 200px;    bottom: 60%;    right: calc(100% - 21px);}
	.team-slider-label {position:relative;margin-bottom:30px;}
}
@media screen and (max-width:768px){
	.team-slider-desc {padding-top:20px}
		.team-slider-titel {    bottom: 10px;    left: 15px;}
	    span.team-slider-number {        font-size: 112px;        bottom: calc(100% - 40px);        right: calc(100% - 12px);
    }

}

@media screen and (min-width:600px) and (max-width:768px){
	.team-box {width:50%}
}

/*------------------------------------*\
    Klanten
\*------------------------------------*/
.klanten-container {display:flex;flex-wrap:wrap;position:relative}
.klanten-container:before {content:"";position:absolute;top:0;left:15px;width:calc(100% - 30px);height:1px;background:var(--color-grey)}
.klanten-container > * {width:20%;border-bottom:1px solid var(--color-grey);display:flex;align-items:center;justify-content:center;padding:60px 30px}
.klanten-container > a:hover {background:#D9D9D9}

.klanten-container img, .klanten-container svg {max-height:140px;max-width:100%;width:auto;height:auto;}

@media screen and (max-width:1250px){
	.klanten-container > * {width:25%}
}
@media screen and (max-width:992px){
	.klanten-container > * {padding:30px 20px;width:50%}
}

@media screen and (max-width:768px){
	.klanten-container > * {padding:15px;}
}
	
	
@media screen and (max-width:450px){
	.klanten-container > * {width:100%;padding:15px 0;}
}

/*------------------------------------*\
    Toelichting
\*------------------------------------*/
.toelichting-row {padding:45px 0;position:relative;justify-content:center}
.toelichting-row:after {content:"";position:absolute;bottom:0;left:15px;background:var(--color-grey);height:1px;width:calc(100% - 30px);opacity:.5}
.toelichting-row:first-child:before {content:"";position:absolute;top:0;left:15px;background:var(--color-grey);height:1px;width:calc(100% - 30px);opacity:.5}

.toelichting-row .col-lg-3 h2 {font-size:var(--text-56);line-height:1;}
.toelichting-clicker {border:none;background:none;padding:0;margin:0;}
.active .toelichting-clicker {transform:rotate(45deg);transition: all .2s ease-in-out;}

.toelichting-clicker:hover {transform:rotate(360deg); transition: all .2s ease-in-out; }
.toelichting-clicker svg path {stroke:var(--color-black)}
.content-wit .toelichting-clicker svg path {stroke:var(--color-white)}


.toelichting-clicker:hover svg path, .toelichting-clicker[aria-expanded="true"] svg path{    stroke: var(--color-red);}

.toelichting-row .order-lg-last {text-align:right;}
.toelichting-row .tag-list {margin-top:24px;}
.toelichting-row div[hidden] + .tag-list {margin-top:12px;}

.folded-content {width:100%;
 overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height .35s ease,
        opacity .25s ease;}
.folded-content > div {padding-top:24px;width:100%;display:block}

.active .folded-content {
    opacity: 1;
}

.regular-content {width:100%;}
@media screen and (max-width:992px){

	.regular-content {margin-top:15px;}
	
	.toelichting-row {padding:30px 0}
	
}

@media screen and (max-width:768px){
	.toelichting-row .col-lg-3:first-child {width:calc(100% - 60px)}
	.toelichting-row .order-lg-last {width:60px}
	.toelichting-row {padding:15px 0}
	
	.toelichting-row .col-lg-3 h2 {font-size:28px}
	.toelichting-clicker svg {    width: 20px;    height: 20px;}
	.toelichting-row .tag-list {margin-top:15px;}
	
}


/*------------------------------------*\
    FAQ
\*------------------------------------*/


.titel-group + .faq-row {margin-top:80px}

.faq-box {color:var(--color-grey);border-top:1px solid var(--color-grey);position:relative;padding:45px 0 45px 25%}
.faq-box a:not(.btn){text-decoration:underline;}
.faq-box a:not(.btn):hover, .faq-box a:not(.btn):focus {color:var(--color-red)}
.col-sm-12:last-child .faq-box{border-bottom:1px solid var(--color-grey)}
.faq-count {line-height:1.3;font-family:var(--font-pressio);font-weight:800;color:#FFFFFB;font-size:var(--text-42);position:absolute;left:0;top:45px}

.faq-toggle span {width:30px;height:30px;border-radius:3px;position:absolute;right:0;top:14px;}
.faq-toggle span:before, .faq-toggle span:after {content:"";position:absolute;height:4px;width:30px;top:calc(50% - 2px);left:0;border-radius:0;background:#FFFFFB}
.faq-toggle span:after{transform:rotate(90deg)}

.faq-box.active  .faq-toggle span {transform:rotate(45deg);transition: all .2s ease-in-out;}

.faq-box .faq-toggle:hover span{transform:rotate(360deg); transition: all .2s ease-in-out; }

.faq-toggle:hover span:before, .active .faq-toggle:hover span:before, .faq-toggle:hover span:after, .active .faq-toggle:hover span:after{    background: var(--color-red)!important;}



.faq-content {margin-top:0;    padding-right: 33.3333%; overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition:
        max-height .35s ease,
        opacity .25s ease;}
.faq-content > div {padding-top:24px;width:100%;display:block;margin-top:0}

.faq-content.is-open {
    opacity: 1;
}

.faq-box button {text-align:left;position:relative;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:none;background:none;width:100%;display:block;padding-right:40px;}
.faq-box h3, .faq-box button {font-family:var(--font-pressio);font-weight:800;color:#FFFFFB;font-size:var(--text-42);}

.white-bg .faq-count, .white-bg .faq-box h3, .white-bg .faq-box button, .white-bg .faq-box {color:var(--color-black)}
.white-bg .faq-toggle span:before, .white-bg .faq-toggle span:after {background:var(--color-black)}




@media screen and (max-width:1400px){
	.faq-content-row {padding:90px 0;}
	.white-bg + .faq-content-row.black-bg {margin-top:60px}
}
@media screen and (max-width:992px){
	.faq-content-row {padding:60px 0;}

	.white-bg + .faq-content-row.black-bg {margin-top:15px}
	.faq-box {    padding: 30px 0 30px 60px;}
	.faq-count {top:30px}
	.faq-toggle span {top:8px}
	.faq-row {margin-top:60px}
	.faq-content {padding-right:45px}
}
@media screen and (max-width:768px) {
    .faq-toggle span {
        top: 1px;
    }
	.faq-box {  padding-left:45px}
	.faq-row {margin-top:45px}
}

/*------------------------------------*\
    BANNER / SLIDER
\*------------------------------------*/
.hero-banner {padding:var(--space-120) 0;position:relative;min-height:100vh}
.hero-banner img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.hero-banner .container {position:relative;z-index:100}
.hero-banner .titel-box span.small {color:#FFFFFB;}


.no-slides-holder {background:var(--color-black);color:#FFFFFB;}
.no-slides .row {min-height:100vh;padding:var(--space-90) 0;align-items:center;}


.hero-slider-holder {position:relative;}
.hero-banner-btns {position:absolute;bottom:120px;z-index:10;width:100%;}


.single-post-banner .titel-box span.large {text-align:left;color:#FFFFFB;    font-size: var(--text-180);}
.single-post-banner .titel-label {margin-bottom:var(--space-90);position:relative;}
.single-post-banner.titels-standaard.plus span.small {padding:0 10%}

.hero-btn {margin-left:auto;width:auto;}
.hero-socials {width:auto;display:flex;gap:15px;flex-wrap:wrap;}
.hero-socials a {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:30px;height:30px;background:#FFFFFB;border-radius:50%;}
.hero-socials a path {fill:var(--color-black)}
.hero-socials a svg {transform:scale(.8)}
.hero-socials a:hover, .hero-socials a:focus {background:var(--color-red)}
.hero-socials a:hover path, .hero-socials a:focus path{fill:#FFFFFB}


.hero-btn .label {background:#FFFFFB;color:var(--color-black)}
.hero-btn .label:hover, .hero-btn .label:focus {color:#FFFFFB;background:var(--color-red);}

.hero-image {height:100%;}

.slider {    position: relative;    width: 100%;    overflow: hidden;    background: #000;max-height:100vh}
.slide {  align-items:center;  position: absolute;    inset: 0;    width: 100%;    height: 100%;    overflow: hidden;    visibility: hidden;    z-index: 1;}
.slide-image, .slide-image img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;}



.slider-title {position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%);z-index:100;padding:0 30px;width:100%;font-size:56px;color:#FFFFFB;}




@media screen and (min-width:649px){
	.slider-title{
    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-break: normal !important;
}
	
	.slider {aspect-ratio: 16 / 9;	}
}


@media screen and (max-width:1250px){
	.hero-banner-btns {bottom:90px}
}
@media screen and (max-width:922px){
	.hero-banner-btns {bottom:60px}
}
@media screen and (max-width:767px){
	.hero-banner-btns {bottom:45px}
}

@media screen and (max-width:650px){
	.slider {height:100vh;min-height:500px}
	.hero-banner-btns {display:none}
}


@media (prefers-reduced-motion: reduce) {
    .slide { transition: none; }

}


/*------------------------------------*\
    BUTTON
\*------------------------------------*/
.btn {
    font-size: var(--text-p-large);
    font-family: var(--font-aktiv);
    color: #FFFFFB;
    font-weight: 700;
    display: inline-flex;
    line-height: 1;
    padding: 15px 30px;
    background: var(--color-black);
    border-radius: 0;
    min-width: 0;
    text-align: center;
    border: 1px solid var(--color-black);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-style: normal;
    cursor: pointer;
    text-transform: none;
    align-items: center;
}
.btn:hover, .btn:focus {color:var(--color-black);background:transparent;border-color:var(--color-black)}
.btn:hover svg path, .btn:focus svg path {stroke:var(--color-black)}

.btn.red{background:var(--color-red);border-color:var(--color-red)}
.btn.red:hover, .btn.red:focus  {color:var(--color-red);background:transparent;border-color:var(--color-red)}
.btn.red:hover svg path, .btn.red:focus svg path  {stroke:var(--color-red)}

.btn.white {background:#FFFFFB;border-color:#FFFFFB;color:var(--color-black)}
.btn.white svg path {stroke:var(--color-black)}
.btn.white:hover, .btn.white:focus  {color:#FFFFFB;background:transparent;border-color:#FFFFFB}
.btn.white:hover svg path, .btn.white:focus svg path  {stroke:var(--color-white)}

.btn svg, .read-more svg {width:18px;margin-left:10px}

button[type="submit"].btn {width:100%;}
button[type="submit"].btn svg {margin-left:auto}


.read-more { background:none;border:none;font-size: var(--text-p-large); font-family: var(--font-aktiv);font-weight:400;display:inline-flex;align-items:center;line-height:1;padding:0 0 10px;border-bottom:4px solid var(--color-red);color:var(--color-black)}
.read-more svg path {stroke:var(--color-black)}

.read-more.red {color:var(--color-red)}
.read-more.red svg path {stroke:var(--color-red)}

.read-more.white {color:var(--color-white)}
.read-more.white svg path {stroke:var(--color-white)}


.read-more:hover svg {transform:translateX(15px)}







@media screen and (max-width:992px){
	.btn {padding: 13px 20px;}
	button[type="submit"].btn svg {width:14px}
}
@media screen and (max-width:767px){
	
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/
header {position:fixed;z-index:9000;top:0;left:0;width:100%;z-index:2000;padding:30px 0;}
header.fixed-header {background:#FFFFFB;}
header:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;}
header.fixed-header:after {background:#f7f7f7}

main .related-posts .content-row {margin:0!important} 




header .row {gap:30px;align-items:center;}
.desktop-nav {width:auto;margin-left:auto;}

header ul, header li {padding:0;margin:0;list-style:none;}
.menu-items > ul {display:flex;align-items:center;gap:32px;}
.menu-items > ul > li {display:flex;}

.menu-items li {position:relative;}
.menu-items .sub-menu {position:absolute;top:100%;display:none}

header a, .sidenav .menu a {font-size: 20px;
    color: var(--color-black);
    font-weight: 600;
    font-family: var(--font-pressio);
    line-height: 1;
    padding: 12px 10px;
    border:none;
    text-transform: uppercase;
    letter-spacing: 1px;}

.desktop-nav > ul > li a:after {content:"";position:absolute;width:0;height:4px;bottom:0;left:50%;background:var(--color-red)}
header li:hover > a:after, header li:focus > a:after, header li.current-menu-item > a:after, header li.current-menu-ancestor > a:after {width:100%;left:0;}




.header-logo {width:181px;}
header .header-logo a {padding:0;display:block;position:relative}
.header-logo .regular-logo {opacity:0;}
.header-logo .diap-logo {opacity:1;position:absolute;top:0;left:0;}

.fixed-header .header-logo .diap-logo {opacity:0;}
.fixed-header .header-logo .regular-logo {opacity:1;}


.mobbtn-hold {display:none}

.mobbtn-hold {margin-left:auto}
.mobbtn {display:block;position:relative;width:30px;height:24px;cursor:pointer}
.mobbtn span {position:absolute;left:0;width:100%;height:2px;background:var(--color-black)}
.mobbtn span:nth-child(1) {top:3px;}
.mobbtn span:nth-child(2) {top:11px;}
.mobbtn span:nth-child(3) {top:19px;}

.mobbtn.active-mobile-menu span:nth-child(1) {top:11px;transform:rotate(45deg);width:80%;left:10%;}
.mobbtn.active-mobile-menu span:nth-child(2) {width:0;left:50%;}
.mobbtn.active-mobile-menu span:nth-child(3) {top:11px;transform:rotate(-45deg);width:80%;left:10%;}

.white-header:not(.fixed-header) a {color:#FFFFFB;}
.white-header:not(.fixed-header) .mobbtn span {background:#FFFFFB;}


.sidenav {display:none;width:100%;height:100%;position:fixed;top:-100%;left:0;   z-index: 100;background:#FFFFFB;padding:95px 0 0;}
.sidenav > div {  overflow: auto;    height: 100%;    display: flex;    flex-wrap: wrap;}

.sidenav .menu {display:block;width:100%;padding:0 30px;}
.sidenav ul, .sidenav li {padding:0;margin:0;list-style:none}

.sidenav .menu a {padding:10px 0;display:block;position:relative}
.sidenav .menu li:not(:last-child) a:after {content:"";position:absolute;bottom:0;left:0;background:var(--color-grey);height:1px;width:100%;opacity:.1} 
.sidenav .menu a:before {content:"";position:absolute;bottom:6px;left:-30px;background-color:transparent;height:calc(100% - 12px);width:5px;} 
.sidenav-menu {width:100%;margin-bottom:35px;}

.sidenav .menu .current-menu-item > a:before, .sidenav .menu li:hover > a:before{background-color:var(--color-red)}

.sidenav-contact {    text-align: center;margin-top:auto;    width: 100%;margin-bottom:45px}
.sidenav-contact  .direct-contact a {font-size:20px;color:var(--color-red)}
.sidenav-contact  .direct-contact a:hover, .sidenav-contact  .direct-contact a:focus {color:var(--color-black)}
.sidenav-contact  .direct-contact li:not(:last-child) {margin-bottom:10px;}
.sidenav-contact  .direct-contact + p {margin-top:20px;margin-bottom:0}
.sidenav-contact .socials {margin-top:30px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;}
.sidenav-contact .socials a {width:30px;height:30px;}
.sidenav-contact .socials a svg {transform:scale(.8)}

header, header a, header img, .mobbtn span, header:after{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}





@media screen and (max-width:1150px){

	/*.desktop-nav {display:none}
	.mobbtn-hold {display:block;width:auto;}*/
}
@media screen and (max-width:992px){
	header a {padding-left:5px;padding-right:5px;}
	.header-logo {    width: 110px;}
	.menu-items > ul {gap:24px}
}

@media screen and (max-width:768px){
	.menu-items > ul {gap:12px}
}

@media screen and (max-width:700px){
	.desktop-nav {display:none;}
	
	header a {    color: var(--color-black)!important;}
	
	
	.mobbtn-hold {display:block;width:auto;}
	
	.active-mobile-menu .header-logo .diap-logo {opacity:0;}
	.active-mobile-menu .header-logo .regular-logo{opacity:1;}
	.white-header.active-mobile-menu a {color:var(--color-black);}
	.white-header.active-mobile-menu .mobbtn span {background:var(--color-black);}
	.sidenav {display:block}
	.sidenav.active-mobile-menu {top:0;}
	
	
}


/*------------------------------------*\
    Colors
\*------------------------------------*/


body {
	  background-color:rgb(255 255 251);    transition: all 0.6s ease;

position:relative;
}
body:before {z-index:1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;
transition: all 0.6s ease;
    --size: calc(100vw / 6);
    background-image:linear-gradient(#f7f7f7 2px, transparent 2px),
        linear-gradient(90deg, #f7f7f7 2px, transparent 2px);
    background-size: var(--size) var(--size);
}


.body-black:before , .body-custom:before  { opacity:0;}



.content-wit {color:rgb(255 255 251);}
.black-bg.content-wit {color:var(--color-grey);}


main, footer {position:relative;z-index:10;}

.bg-alt-lines {position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background-image:url(assets/images/bg-hoogte-lijnen.png);  background-repeat: repeat-y;
    background-position: top center;
    background-size: max(992px, 100%) auto;transition: all 0.6s ease;}


.body-black .bg-alt-lines , .body-custom .bg-alt-lines  { opacity:0;}

/*------------------------------------*\
  FORMS
\*------------------------------------*/
form label {display:block;margin-bottom:0;font-size:var(--font-p-medium);;font-weight:normal;color:var(--color-black);font-size:0;text-indent:-999px;visbility:hidden}
form br {display:none}
form p {margin:0}

input[type="text"], input[type="email"], textarea, input[type="password"], input[type="tel"], input[type="date"] {
    width: 100%;border-radius:0;font-family:var(--font-aktiv);font-weight:normal;
    height: 60px;
	border:none;
    border-bottom: 1px solid var(--color-grey);
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: var(--space-30);
    color: var(--color-black);padding-left:0;outline:none;font-size:var(--font-p-medium);
}
textarea {resize:none;height:100px;padding-top:10px;outline:none;}


input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--color-black) !important;color:var(--color-black)!important
}
input:autofill {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--color-black)!important;
	color:var(--color-black)!important
}



.wpcf7-not-valid-tip {display:none!important}
.wpcf7-not-valid {    border-color: var(--color-red)!important;}

.wpcf7 form .wpcf7-response-output {
   border: 2px solid var(--color-black);
    background:  var(--color-black);
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    float: left;
    text-align: center;    margin-top: 20px;color:#FFFFFB;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color:  var(--color-red);
    background:  var(--color-red);
}

.wpcf7 form.sent .wpcf7-response-output {
	
	 border-color: var(--color-black);
    background:  var(--color-black);
}


@media screen and (max-width:767px){
	input[type="text"], input[type="email"], textarea, input[type="password"], input[type="tel"], input[type="date"] {height:45px;margin-bottom:15px}
	textarea {height:100px}
}
/*------------------------------------*\
    Footer
\*------------------------------------*/

footer {border-bottom:30px solid var(--color-black);padding:150px 0 105px}
footer.no-footer {padding:60px 0 0}
footer ul, footer li, .direct-contact, .direct-contact li {padding:0;margin:0;list-style:none;}

.footer-copyright {margin-top:90px;align-items:center;}
.footer-copyright li {display:inline-block;}
.footer-copyright ul {display:flex;align-items:center;}

.footer-copyright .col-xl-6 ul {justify-content:space-between;gap:15px 30px}
.footer-copyright .col-xl-6 ul li {width:50%}
.footer-copyright a:not(:hover) {color:var(--color-grey)}

footer .socials {display:flex;align-items:center;justify-content:flex-end;gap:20px;}
.socials a {display:flex;width:45px;height:45px;background:var(--color-black);border-radius:50%;align-items:center;justify-content:center;}
.socials a:hover, .socials a:focus {background:var(--color-red)}

.copyright-menu ul{gap:15px 45px;} 
.copyright-menu a {color:var(--color-grey);font-size:16px;}
.copyright-menu a:hover, .copyright-menu a:focus {color:var(--color-red)}

.direct-contact, .direct-contact li {display:block;line-height:1;padding:0!important}
.direct-contact li:before {display:none}
.direct-contact {margin-top:var(--space-90);}
.direct-contact-columns .direct-contact {margin-top:0;display:flex;flex-wrap:wrap;gap:15px 30px;}
.direct-contact-columns .direct-contact li {  width: calc(50% - 15px);;}

.direct-contact a {text-transform:uppercase;font-family:var(--font-pressio);font-size:var(--text-56);font-weight:800;color:var(--color-black);text-decoration:none}
.direct-contact a:hover, .direct-contact a:focus {color:var(--color-red)}

.footer-contact > div:first-child {margin-bottom:30px}
footer .menu a {color:var(--color-black)}
footer .menu a:hover, footer .menu a:focus {color:var(--color-red)}

footer h3 {
    font-family: var(--font-aktiv);
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
    margin: 0 0 5px;
}
.footer-sitemap {display:flex;flex-wrap:wrap;gap:30px;}
.footer-sitemap > div {width:calc(50% - 15px)}
footer .footer-sitemap .socials {    justify-content: flex-start;}
.footer-sitemap .socials a {width:30px;height:30px;}
.footer-sitemap .socials a svg {transform:scale(.8)}

footer h2.titel {font-size:var(--text-270)} 



@media screen and (max-width:992px){
	footer {    border-bottom: 20px solid var(--color-black);    padding: 60px 0 45px;}	
	.footer-top .margin-top-90 {margin-top:45px;}
	.footer-copyright {margin-top:60px;}
	footer .socials svg {width:15px;height:15px}
	.socials a {width:30px;height:30px;}
	
	.footer-top .margin-top-45 {margin-top:30px;} 
	.footer-top .margin-top-60 {margin-top:45px;} 
	
}

@media screen and (max-width:767px){
	.footer-contact {display:flex;flex-wrap:wrap;margin-bottom:30px}
	.footer-contact > div:first-child {margin-bottom:0}
	.footer-contact > div {width:50%;}
	.footer-contact ul {width:100%;margin-top:30px}
	footer .socials {    justify-content: flex-start;gap:15px;}
	
	.footer-copyright {margin-top:45px;}
	.copyright-menu ul, .footer-copyright .col-xl-6 ul {gap:0;margin-top:20px;flex-wrap:wrap;}
	.footer-copyright .col-xl-6 ul {margin-top:0;}
	.copyright-menu ul li, .footer-copyright .col-xl-6 ul li {width:100%;}
	.copyright-menu a {font-size:14px;}
	footer {padding-bottom:30px;}
	.footer-copyright .col-xl-6 ul {gap:0;}
	.direct-contact a {font-size:28px;}
	footer h3 {font-size:14px;margin-bottom:5px;}
	footer .footer-sitemap .socials {margin-top:20px;}
}


@media screen and (max-width:600px){
	.direct-contact-columns .direct-contact {gap:0;}
	.direct-contact-columns .direct-contact li {width:100%;}
	.footer-top .margin-top-45, .footer-top .margin-top-60 {margin-top:20px;}	
	.footer-sitemap {gap:20px;}
	.footer-sitemap > div {width:100%}
}






/*------------------------------------*\
    Selection
\*------------------------------------*/
::selection {
	background:var(--color-red);
	color:#FFFFFB;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-red);
	color:#FFFFFB;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-red);
	color:#FFFFFB;
	text-shadow:none;
}