/* PREVIEW FIX */
.cto-toolbar__open{z-index:99}
/*	Base Styles // Fonts, Colors, etc.*/
body {
	background-color: #E3F7FD;
	font-family: 'Supermolot Neue', sans-serif;
}

header {
	z-index: 100;
	background-color: #E3F7FD;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
}

/* Fix margin for anchor */
#ds_cookie::before { 
  display: block; 
  content: " "; 
  margin-top: -140px; 
  height: 140px; 
  visibility: hidden; 
  pointer-events: none;
}

p, ul, a, h1, h2, h3 ,h4 ,h5, h6 {
		color: #0075BE;
}

p {
	font-size: 18px;
	font-stretch: expanded;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.25px;
}

p strong {
	font-weight: bolder;
}

h1 {
	text-align: center;
	font-size: 16px;
	line-height: 1.65;
	font-stretch: expanded;
	letter-spacing: 0.96px;
	font-weight: 500;
	margin: 0;
}

.ce_text ul {
    font-size: .9em;
    line-height: 2;
    text-transform: uppercase;
    font-stretch: expanded;
    font-style: italic;
    font-weight: bold;
    margin-top: 0;
    padding-inline-start: 15px;
}

.ce_text ul li {
    padding-left: 10px;
}

/*  remove desktop only elements  */
.hide_mobile, .hide-mobile {
	display: none;
}

/* define margins and paddings */
.mt-0 {margin-top: 0!important;}
.mt-10 {margin-top: 10px!important;}
.mt-20 {margin-top: 20px!important;}
.mt-30 {margin-top: 30px!important;}
.mt-40 {margin-top: 40px!important;}
.mt-50 {margin-top: 50px!important;}
.mt-60 {margin-top: 60px!important;}
.mt-70 {margin-top: 70px!important;}
.mt-80 {margin-top: 80px!important;}
.mt-90 {margin-top: 90px!important;}
.mt-100 {margin-top: 100px!important;}
.mb-0 {margin-bottom: 0px!important;}
.mb-10 {margin-bottom: 10px!important;}
.mb-20 {margin-bottom: 20px!important;}
.mb-30 {margin-bottom: 30px!important;}
.mb-40 {margin-bottom: 40px!important;}
.mb-50 {margin-bottom: 50px!important;}
.mb-60 {margin-bottom: 60px!important;}
.mb-70 {margin-bottom: 70px!important;}
.mb-80 {margin-bottom: 80px!important;}
.mb-90 {margin-bottom: 90px!important;}
.mb-100 {margin-bottom: 100px!important;}
.pt-0 {padding-top: 0px!important;}
.pt-10 {padding-top: 10px!important;}
.pt-20 {padding-top: 20px!important;}
.pt-30 {padding-top: 30px!important;}
.pt-40 {padding-top: 40px!important;}
.pt-50 {padding-top: 50px!important;}
.pt-60 {padding-top: 60px!important;}
.pt-70 {padding-top: 70px!important;}
.pt-80 {padding-top: 80px!important;}
.pt-90 {padding-top: 90px!important;}
.pt-100 {padding-top: 100px!important;}
.pb-0 {padding-bottom: 0px!important;}
.pb-10 {padding-bottom: 10px!important;}
.pb-20 {padding-bottom: 20px!important;}
.pb-30 {padding-bottom: 30px!important;}
.pb-40 {padding-bottom: 40px!important;}
.pb-50 {padding-bottom: 50px!important;}
.pb-60 {padding-bottom: 60px!important;}
.pb-70 {padding-bottom: 70px!important;}
.pb-80 {padding-bottom: 80px!important;}
.pb-90 {padding-bottom: 90px!important;}
.pb-100 {padding-bottom: 100px!important;}

/*  mmenu Overrides */

/* Fix for moving body on menu open on Windows // MV*/
.win.mm-wrapper_blocking {
	margin-right: 16px;
}
.win.mm-wrapper_blocking > .cookiebar {
    padding-right: calc(.3em + 16px);
}
.mm-navbar_sticky {
	position: static;
	display: block;
	box-sizing: border-box;
	background: none;
	border-bottom: none;
}

.mm-navbar__title {
	justify-content: space-between;
	padding: 0;
	box-sizing: border-box;
	height: 100px;
	margin-bottom: 90px;
}

/* Fix close button to the right again // MV */
.mm-navbar__title > span {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.mm-navbar_sticky .btn_close {
	margin-top: 20px;
	position: relative;
	display: block;
	color: #E3F7FD;
	line-height: 1em;
	font-size: 0;
	height: 30px;
	width: 30px;
	overflow: hidden;
	transform: rotate(45deg);
}

#mmenu {
	background-color: #E3F7FD;
}

.mm-panels, .mm-panel {
	background: none;
}

.mm-listview {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mm-listitem:nth-last-of-type(1n+3) {
	margin-bottom: 20px;
  font-size: 20px;
}

.mm-listitem__text, .mm-menu a:not(.btn_close):not(.mm-navbar__title), .mm-menu a:not(.btn_close):not(.mm-navbar__title):link {
	color: #0356A5;
  font-stretch: expanded;
	letter-spacing: 1.2px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0;
}

.mm-menu a:not(.btn_close):not(.mm-navbar__title):hover, .mm-menu a:not(.btn_close):not(.mm-navbar__title):link:hover {
	color: #0075BE4D;
}
span.mm-listitem__text {
	cursor: default;
	color: #0075BE4D;
}
/* Fancy triangle before (and after) the active menu item (decided against it) */
/*span.mm-listitem__text:before, span.mm-listitem__text:after {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    vertical-align: bottom;
    border: 10px solid transparent;
}

.mm-listitem:not(:nth-last-of-type(1n+3)) span.mm-listitem__text:before, .mm-listitem:not(:nth-last-of-type(1n+3)) span.mm-listitem__text:after {
	border-width: 8px;
}

span.mm-listitem__text:before {
    border-left-color: #0075BE4D;
    margin-left: -20px;
}

span.mm-listitem__text:after {
    border-right-color: #0075BE4D;
    margin-left: -20px;
}

.mm-listitem:not(:nth-last-of-type(1n+3)) span.mm-listitem__text:before {
	margin-left: -16px;
}
.mm-listitem:not(:nth-last-of-type(1n+3)) span.mm-listitem__text:after {
	margin-right: -16px;
}*/

.mm-listitem:nth-last-of-type(2) {
	position: relative;
	margin-top: 150px;
	margin-bottom: 10px
}

.mm-listitem:nth-last-of-type(2)::before {
	content: '';
	background: url(/files/layout/img/favicon.png) center center;
	background-size: contain;
	display: block;
	position: absolute;
	width: 55px;
	height: 55px;
	bottom: calc(100% + 20px);
	left: 50%;
	transform: translateX(-50%);
}

.mm-listitem:not(:nth-last-of-type(1n+3)) {
	line-height: 1.2;
}

.mm-listitem:not(:nth-last-of-type(1n+3))  a.mm-listitem__text, .mm-listitem:not(:nth-last-of-type(1n+3)).mm-listitem_selected > .mm-listitem__text {
	font-size: 12px;
	
}

.mm-listitem::after {
  display: none;
}

.mm-listitem_selected > .mm-listitem__text {
	background: none;
	text-decoration: underline;
	text-decoration: underline 2px;
}

/*  space between articles  */
#main > .inside > .mod_article {
	margin-bottom: 90px;
}

/*  flexbox classes */

.flex {
	display: flex;
}

.flexwrap {
	flex-wrap: wrap;
}

.flexcenter {
	justify-content: center;
	align-items: center;
}

.flexbetween {
	justify-content: space-between;
}

.flexhalf {
	width: 100%;
}

.flexthird {
	width: 100%;
}

.flexseventh {
	width: 100%;
}

/*	S // Mobile Layout // 320px - 767px	*/
/*  space from the handheld edges */
header > .inside, #main > .inside > .mod_article:not(.fullwidth), footer > .inside, #bottom > .inside, .mm-navbar_sticky , .mm-listview {
	margin-left: 20px;
	margin-right: 20px;
}

/*  Header  */
header > .inside {
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*  Logo  */
.logo {
	box-sizing: border-box;
	width: 260px;
  max-width: 75%;
}

.logo.hide_mobile, .logo.hide-mobile {
	width: 300px;
}

.logo a {
	display: block;
}

/*  Nav Menu  Trigger*/
#mmenu_trigger {
	margin-top: 20px;
	width: 30px;
	height: 30px;
	position: relative;
}

#mmenu_trigger span {
	display: none;
}

#mmenu_trigger::before,
#mmenu_trigger::after,
.btn_close::before, 
.btn_close::after {
	display: block;
	position: absolute;
	content: '';
	background-color: #0356A5;
}

#mmenu_trigger::before, .btn_close::before {
	top: 14px;
	left: 0;
	width: 30px;
	height: 1px;
}

#mmenu_trigger::after, .btn_close::after {
	left: 14px;
	top: 0;
	height: 30px;
	width: 1px;
	
}

/*  Hero Slider */
.hero_slider {
	background: url(/files/img/slider-mobile.png) center center no-repeat; /*  if no image is slected  */
	background-size: cover;
}

.hero_slider .ce_slick-slide-separator {
	position: relative;
	height: calc(100vh - 100px); /*  remove later  */
}

.hero_slider .image_container img {
	margin: 0 auto;
}

/*  blue overlay  */
.blueoverlay  {
	position: relative;
}

.blueoverlay::after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
  background: rgba(0,185,241,0);
	background: -moz-linear-gradient(top, rgba(0,185,241,0) 0%, rgba(0,123,160,0.85) 75%, rgba(0,98,131,0.85) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,185,241,0)), color-stop(75%, rgba(0,123,160,0.85)), color-stop(100%, rgba(0,98,131,0.85)));
	background: -webkit-linear-gradient(top, rgba(0,185,241,0) 0%, rgba(0,123,160,0.85) 75%, rgba(0,98,131,0.85) 100%);
	background: -o-linear-gradient(top, rgba(0,185,241,0) 0%, rgba(0,123,160,0.85) 75%, rgba(0,98,131,0.85) 100%);
	background: -ms-linear-gradient(top, rgba(0,185,241,0) 0%, rgba(0,123,160,0.85) 75%, rgba(0,98,131,0.85) 100%);
	background: linear-gradient(to bottom, rgba(0,185,241,0) 0%, rgba(0,123,160,0.85) 75%, rgba(0,98,131,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9f1', endColorstr='#006283', GradientType=0 );
	z-index: 2;
}

/* reworked blue overlay */
.blueoverlay::after {
	content: unset;
}
.blueoverlay .image_container:before {
    content: "";
    display: block;
    width: 100%;
    max-width: 1920px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: .9;
    background: rgb(0,184,241);
    background: rgba(0,98,131,0.65);
    background: linear-gradient(25deg, rgba(0,184,241,0.3467320033482143) 0%, rgba(0,122,160,0.8453314431241247) 60%, rgba(0,99,131,1) 100%);
}
.blueoverlay.from-top .image_container:before {
	background: linear-gradient(180deg, rgba(0,184,241,0.146732) 0%, rgba(0,122,160,0.8453314431241247) 60%, rgba(0,99,131,1) 100%);
}
.blueoverlay.from-right .image_container:before {
    background: linear-gradient(335deg, rgba(0,184,241,0.3467320033482143) 0%, rgba(0,122,160,0.8453314431241247) 60%, rgba(0,99,131,1) 100%);
}

.hero_slider .slider_caption, .hero_slider .header_caption {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	margin-left: auto; /*  12.5% later */
	margin-right: auto;
	bottom: 50%;
	transform: translateY(50%);
	max-width: 90%; /* 45% later */
	color: #0356A5;
	text-align: center;
	z-index: 3;
}

.slider_caption h2 {
	font-weight: bold;
	font-style: italic;
	font-stretch: condensed;
	font-size: 3em; /*  18px later  */
	color:  white;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

.slider_caption h3 {
	color: white;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 400;
	font-stretch: expanded;
	margin-top: 0;
	margin-bottom: 12px; /*  12px later  */
	white-space: normal; /*  no break later  */
}

.slider_caption p {
	color: white;
	display: none; /*  display block later */
	line-height: 22px;
	max-width: 1920px;
	margin: 0 auto 15px auto;
}

.slider_caption a {
	color: white;
	font-style: italic;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	text-decoration: none;
}

.slider_caption a:hover {
	color: #ffffffaa;
}

.slider_caption hr ~ p {
	display: block;
	line-height: 1.7;
	color: white;
	font-stretch: normal;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	margin-bottom: 0;
}

.slider_caption hr {
	border: 0;
	height: 1px;
	width: 17%;
	background-color: white;
	margin-top: 11px;
	margin-bottom: 11px;
}

.slick-dots {
	display: flex;
	position: absolute;
	padding: 0;
	margin: 0;
	bottom: 85%;
	left: 50%;
	transform: translate(-50%, 50%);
	list-style: none;
}

.slick-dots li {
	box-sizing: border-box;
	transform: scale(0.75);
	margin-right: 10px;
}

.slick-dots li:last-of-type {
	margin-right: 0;
}

.slick-dots button {
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 50%;
	height: 15px;
	width: 15px;
	color: #00000000;
	background-color: #EFEFEF;
	border: none;
	font-size: 10px;
	line-height: 1;
	transition: 1.5s;
}

.slick-dots button:hover {
	transform: scale(1.15);
	transition: 1s;
}

.slick-dots button:active {
	transition: 0s;
	transform: scale(0.85);
	box-shadow: 0px 0px 2px 0px black;
}

.slick-dots button:focus {
	border: none;
	outline: none;
}

.slick-active button {
	color: #FFFFFF00;
	background-color:#00B8F1;
}

.ce_slick-slide-separator img {
	display: block;
}

/*  Header - not a slider - caption */

.hero_slider .header_caption {
	overflow: visible;
	bottom: calc(50% - (125px / 2));
}

.header_caption h1, .header_caption h2 {
	font-stretch: expanded;
	color: white;
	text-transform: uppercase;
}

.header_caption h1 {
	position: relative;
	font-size: 32px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1.92px;
}

.header_caption h1::before {
	content: '';
	background: url(/files/layout/img/favicon.png) center center no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	width: 100px;
	height: 100px;
  bottom: calc(100% + 25px);
	left: 50%;
	transform: translateX(-50%);
	filter: grayscale(1) brightness(5);;
}

.header_caption h2 {
	font-size: 18px;
	letter-spacing: 1.8px;
	font-weight: 500;
}

/*  Introtext */

.introtext {
	margin-top: 108px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	flex-direction: column;
}

.introtext h3 {
	font-size: 32px;
	font-style: italic;
	font-stretch: expanded;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 3.2px;
}

/*  Imagebox  */

.imagebox {
	text-align: center; /* remove later  */
	box-sizing: border-box;
	position: relative;
	height: 70%;
	margin-bottom: 36px;
	cursor: pointer;
}

.imagebox:hover .image_container {
	cursor: pointer;
  transform: scale(1.1);
}

.imagebox .image_container {
	z-index: 1;
	transition: 1s ease-in-out;
}

.imagebox h2, .imagebox p, .imagebox hr {
	position: absolute;
	color: white;
	z-index: 3;
	font-stretch: expanded;
	text-transform: uppercase;
	left: 36px;
	right: 36px;
	margin: 0;
	letter-spacing: 1.2px;
}

.imagebox h2 {
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	top: 50%;
	transform: translateY(-50%);
}

.imagebox p,.imagebox hr {
	display: none; /*  display later */
}

.imagebox p {
	top: calc(59.1% + 20px + 14px + 1px + 14px);
	font-size: 12px;
	line-height: 1.2;
	text-transform: none;
	max-height: calc(5 * 14px);
    overflow: hidden;
}

.imagebox .image_container img {
	display: block;
	width: 100%;
	height: auto;
}


/*  The link for the imagebox should not be the last thing in it*/
.imagebox p:not(:last-of-type) {
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: initial;
}

/*  imagebox Link overlay*/
.imagebox a {
	color: transparent;
	z-index: 10;
	display: block;
	height: 100%;
}

/*  Iconbox */

.iconbox {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	min-height: 195px;
	margin-bottom: 20px;
	padding: 15px;
  border-bottom: 2px solid #0075BE;
	margin-left: auto;
	margin-right: auto;
}

.iconbox.noborder {
	border: none!important;
}

.iconbox p {
	align-self: flex-start;
	margin: 0;
	width: 100%;
	color: #0075BE;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	font-stretch: normal;
	font-size: 14px;
	letter-spacing: 1.4px;
	line-height: 1.3;
}

.iconbox .image_container {
	align-self: flex-end;
}

.iconbox img {
	height: 85px;
	width: auto;
}

/*  'Thank you' redirect  */

/*.thanks_redirect .mod_article, .thanks_redirect .mod_article a {
	color: #02417E;
}

.thanks_redirect .mod_article {
	text-align: center;
}

.thanks_redirect .mod_article h3 {
	font-size: 2.5em;
	font-style: italic;
	font-weight: bold;
	font-stretch: condensed;
	margin-bottom: 0;
}*/

.thanks_redirect .mod_article span {
	display: block;
	margin-top: 1em;
	font-size: 3em;
}


/*  Footer  */
footer {
	padding-bottom: 156px;
	background-color: white;
}

/*  Footer Form */

footer .mod_form {
	text-align: center;
	max-width: 812px;
	margin-left: auto;
	margin-right: auto;
}

/*  pages without a contact form  */
.thanks_redirect footer {
	padding-bottom: 0;
	min-height: 120px;
}

.thanks_redirect footer .mod_form {
	display: none;
}

.mod_form h2 {
	box-sizing: border-box;
	text-transform: uppercase;
	font-weight: bold;
	font-stretch: expanded;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 1.8px;
  margin: 136px auto 40px auto;
}

.widget {
	margin-bottom: 18px;
}

.widget-explanation p{
	font-size: 16px;
	letter-spacing: 1.6px;
    line-height: 1.25;
	font-stretch: expanded;
	margin-bottom: 72.56px;
	color: #0075BE;
	/*max-width: 540px;
	margin-left: auto;
	margin-right: auto;*/
}



form input, form textarea, form button {
	text-align: left;
	font-family: 'Supermolot Neue', sans-serif;
	font-weight: bold;
	font-stretch: expanded;
	letter-spacing: 1.4px;
	background: none;
	border: 1px solid #0075BE4D;
	font-size: 14px;
	color: #0075BE;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 20px;
	transition: 0.3s ease-in-out;
}

form input:focus, form textarea:focus, form button:hover, form input:valid, form textarea:valid {
	border-color: #0075BE;
	outline: none;
}


form input::placeholder, form textarea::placeholder {
	font-style: italic;
	text-transform: uppercase;
	opacity: 1;
	color: #0075BE4D;
}

form input:invalid, form textarea:invalid {
	box-shadow: none;
	border-color: red;
}

form input:placeholder-shown, form textarea:placeholder-shown {
	border-color: #0075BE4D;
}


.widget-submit button {
	font-style: italic;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	text-decoration-color: #0075BE;
	position: relative;
}

.widget-submit button:hover {
		color: #0075BE4D;
}

.widget-submit button:after {
	content: "Absenden";
    display: block;
    height: 2px;
    position: absolute;
    left: 20px;
    transform: translateY(5px);
    color: transparent;
    background-color: #0075BE;
    transition: 0.3s ease-in-out;
}

.widget-submit button:hover:after {
	background-color: #0075BE4D;
}

form textarea {
	min-height: 220px;
	resize: none;
}


#bottom {
	color: #0356A5;
	z-index: 10;
	text-transform: uppercase;
	border-top: 1px solid white;
	background-color: #E3F7FD;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#bottom > .inside {
	font-size: 12px;
	font-stretch: expanded;
	letter-spacing: 1.2px;
	font-weight: 500;
	height: 60px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	overflow: hidden;
}

#bottom  a {
	color: #0356A5;
	text-decoration: none;
	margin-right: 10px;
}

#bottom a:hover {
	text-decoration: underline;
}

#bottom span {
	margin-left: auto;
}

/* Cookie Tool Adjustments */
.mod_cms_accept_tags form {
    padding: 0 20px;
}
.mod_cms_accept_tags .widget-submit button {
    width: auto;
}
.mod_cms_accept_tags .widget-submit button::after {
    background-color: #fff;
    margin-left: -10px;
    padding-right: 15px;
}

/*  Extra for Iconboxes 480px to better ease in the grid  */

@media only screen and (min-width: 480px) {
		
		/* flexbox stuff */
		.flexseventh {
			width: 49%;
		}
}

/*  Extra max-width 767px to disable dots */
@media only screen and (max-width: 767px) {
	.slick-dots {
		display: none!important;
	}
	
	.imagebox {
		max-height: 50vh;
	}
}

/* Extra 2 max-height for mmenu overlay being fullscreen  */
@media only screen and (max-height: 747px) {
	
.mm-menu_position-top {
	height: 100vh;
	min-height: 140px;
	max-height: none;
}
	
}
/*	M // Handheld Layout // 768px - 899px	*/
@media only screen and (min-width: 768px) {
	
		/*  Hero Slider */

	.hero_slider .ce_slick-slide-separator {
		height: 100%;
	}

	.hero_slider .slider_caption {
		max-width: 50%;
		bottom: 40%;
		transform: translateY(50%);
	}

	.slider_caption h2 {
		font-size: 2.2em;
		margin-bottom: 16px;
	}

	.slider_caption h3 {
		font-size: 12px;
		white-space: nowrap;
	}
	
	.slider_caption hr, .slider_caption hr ~ p {
		display: none;
	}
	
		/* remove only mobile elements, display desktop elements */
	.only_mobile, .only-mobile {
		display: none;
	}
	
	.hide_mobile, .hide-mobile {
		display: block;
	}
	
	/* flexbox stuff  */
	
	.flexhalf {
		width: 49%;
	}
	
	.flexthird {
		max-width: calc(72% / 3);
    	width: auto;
    	overflow: visible;
	}
	
	.flexthird:not(.last) {
    	padding-right: calc(3% / 2);
	}
	
	.flexthird.first {
		margin-left: 12.5%;
	}
	
	.flexthird.last {
		margin-right: 12.5%;
	}
	
	footer .formbody {
		display: grid;
		grid-template-columns: 49% 49%;
		grid-template-rows: calc(40% - 20px) calc(20% - 20px) calc(20% - 20px) calc(10% - 20px) 10%;
		grid-template-areas:
			"explaination explaination"
			"namefield message"
			"emailfield message"
			"empty message"
			"sendbutton message";
		justify-content: space-between;	
		grid-row-gap: 20px;
	}
	
	footer .widget-explanation {
		grid-area: explaination;
	}
	
	footer .widget-textarea {
		grid-area: message;
	}
	
	footer .widget-text:nth-of-type(2){
		grid-area: namefield;
	}
	
		footer .widget-text:nth-of-type(3){
			grid-area: emailfield; 
	}
	
	footer .widget-submit {
		grid-area: sendbutton;
	}
	
	form button, form textarea, form input {
		width: 100%;
	}
	
	.widget {
		margin-bottom: 0;
	}
	
}

/*	L // Laptop Layout // 900 - 1099px	*/
@media only screen and (min-width: 900px) {
	
	header > .inside {
		box-sizing: border-box;
		padding-top: 20px;
		height: 140px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.mm-navbar__title {
		height: 140px;
		padding-top: 20px;
	}
	
	.slider_caption h2 {
		font-size: 32px;
	}
	
	.slider_caption h3 {
		font-size: 14px;
	}
	
	.slider_caption hr, .slider_caption hr ~ p {
		display: block;
	}
	
	.slick-dots {
		bottom: 76%;
	}
	
	/* Imagebox  */
		
	.imagebox p,.imagebox hr {
		display: block;
	}
	
	.imagebox h2 {
		text-align: left;
		top: auto;
		bottom: 34.9%;
		transform: none;
	}
	
	.imagebox p {
		text-align: left;
	}
	
	.imagebox hr {
		border: none;
		background-color: white;
		height: 1px;
		/*bottom: 65px;*/
		top: calc(59.1% + 20px + 14px);
		width: 122px;
	}
	
}

/*	XL // Desktop Layout // 1100px+	*/
@media only screen and (min-width: 1140px) {
	/* Content-Wrapper */
	header >.inside,
	#main >.inside > .mod_article:not(.fullwidth) ,
	footer > .inside, #bottom > .inside, .mm-navbar_sticky , .mm-listview {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.hero_slider .slider_caption {
		max-width: 71%;
	}
	
	.slider_caption h2 {
		font-size: 30px;
	}
	
	.slider_caption h3 {
		font-size: 18px;
	}
	
	.slider_caption p {
		font-size: 15px;
		margin-bottom: 15px;
		display: block;
	}
	
	.slider_caption a::after {
		content: '> > >';
		display: inline-flex;
		text-decoration: none;
		margin-left: 1ch;
		width: 0;
		overflow: hidden;
		white-space: nowrap;
		transition: 0.3s ease-in-out;
	}
	
	.slider_caption a:hover::after {
		width: 4ch;
	}
	
	.slick-dots {
		bottom: 81%;
	}
	
	/* flexbox stuff */
	.flexseventh {
		width: 14.25%;
	}
	
	.iconbox {
		border-bottom: none;
		border-right: 1px solid #0075BE;
		margin-left: 0;
		margin-right: 0;
		padding: 5px 15px;
	}
	
	/* Maybe give classes to these later */
	.iconbox.first, .iconbox.last {
		width: calc(14.25% - 15px);
	}
	
	.iconbox.first {
		padding-left: 0;
	}
	
	.iconbox.last {
		padding-right: 0;
	}
	
	.widget-submit button {
		color: #0075BE4D;
	}
	
	.widget-submit button::after {
		background-color: #0075BE4D;
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 1s ease-in-out;
	}
	
	.widget-submit button:hover::after {
		transform: scaleX(1);
	}
	
	/*.widget-submit button::after {
		content: '> > >';
		display: inline-flex;
		position: static;
		left: auto;
		text-decoration: none;
		margin-left: 1ch;
		width: 0;
		height: auto;
		color: inherit;
		background: transparent!important;
		overflow: hidden;
		white-space: nowrap;
		transition: 0.3s ease-in-out;
		transform: translate(0);
	}
	.widget-submit button:hover::after {
		width: 4ch;
	}*/
	
}

/*  Extra 1 // Caption has enough room now  */
@media only screen and (min-width: 1300px) {
	.hero_slider .slider_caption {
		max-width: 77%;
	}
	
	.slider_caption h2 {
		font-size: 60px;
	}
	
	.slick-dots {
		bottom: 83%;
	}
	
	.slick-dots li {
		transform: none;
		margin-right: 15px;
	}
}

/*  Extra 2 // When the Man is out of the slider text  // 1600px  */
@media only screen and (min-width: 1600px) {

	.hero_slider .slider_caption {
		/*margin-left: auto;*/
		/*max-width: 700px;*/
	}
	
	.slider_caption h2 {
		font-size: 67px;
	}
	
	/*.slider_caption h3 {
		margin-bottom: 40px;
	}*/
	
	.slider_caption p {
		margin-bottom: 30px;
		width: 77%;
		max-width: 1920px;
	}
	.slick-dots {
		bottom: 78%;
	}

}
@media only screen and (min-width: 1920px) {
	.slick-dots {
		bottom: 72%;
	}
}