@charset "UTF-8";

/*
Theme Name: melon records 2021
Theme URI: https://www.urbanstudio.de
Description:  responsive WordPress Theme for melonrecords.de
Version: 1.0
Author:		urbanstudio
Theme URI:  https://www.urbanstudio.de
Author URI: https://www.urbanstudio.de
License URI:
*/

:root{
	--us-highlight-color:#459927;
	--us-headline-color:#459927;
	--us-headline-font:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; /*Rubik*/
	--us-dark-petrol:#2C3A3B;
	--us-dark-blue:#1F2840;
	--us-cta-color:#3E9ACE;
	--us-textcolor:rgba(0,0,0,.77);

	--us-headline-font-size:20px;
	--us-text-font-size:16px;

	--us-transition:all 0.2s ease-in-out;
	--us-box-shadow:0 0 0 1px rgba(0,0,0,.05), 0 0 10px rgba(0,0,0,.08), 0 7px 5px -5px rgba(0,0,0,.12);

	--us-margin:32px;
	--us-margin-half:16px;
	--us-margin-double:64px;

	--us-text-width:760px;
}

@media only screen and (min-width:768px){

	:root{
		--us-headline-font-size: calc( 18px + 0.75vw );

		--us-margin:64px;
		--us-margin-half:32px;
		--us-margin-double:128px;
	}

}

@media only screen and (min-width:990px){
	:root{
		--us-text-font-size:18px;
	}
}

@media only screen and (min-width:1200px){
	:root{
		--us-text-width:800px;
	}
}

@media only screen and (min-width:1600px){
	:root{


		--us-text-width:880px;
	}
}


*{margin:0;padding:0;border:0;outline:none;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html{background:#FFFFFF;overflow-y:scroll;overflow-x:hidden;min-height:100vh;height:100%;}
body{background:#FFFFFF;color:rgba(0,0,0,.77);font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;/*'Lato', sans-serif;*//*'Work Sans', sans-serif;*/font-size:16px;font-weight:400;line-height:1.7;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;transition:all 0.2s ease-in-out;}
blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
input, select{vertical-align:middle;outline:none;} textarea{resize:vertical;overflow-y:auto;outline:none;}
label, input[type=button], input[type=submit], button{cursor:pointer;}
ul{list-style:none;list-style-type:none;}
img{border:0;display:block;max-width:100%;height:auto;}
* a{color:inherit;text-decoration:inherit;}

pre.box{max-width:1220px;margin:30px auto 30px auto;box-sizing:border-box;padding:20px;background:#EBEDF0;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 10px rgba(0,0,0,.1);overflow:scroll;font-size:14px;border-radius:6px;max-height:300px;overflow:scroll;}

a.textlink:after, a.theme-button-textlink:after{content:'\27F6';transition:all 0.2s ease-in-out;padding-left:10px;}
a.textlink:hover:after, a.theme-button-textlink:hover:after{padding-left:20px;}

/* ---------------------------------------------------------------------------------- */

html{/*-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;*/}
.center{width:auto;max-width:1420px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:var(--us-margin-half);padding-right:var(--us-margin-half);transition:all 0.2s ease-in-out;box-sizing:border-box;}
@media only screen and (min-width:1200px){ .center{padding-left:64px;padding-right:64px;} }

#wrapper{width:auto;margin:0;padding:60px 0 0 0;z-index:0;min-height:100vh;transition:all 0.2s ease-in-out;background:#FFFFFF;}

#header{position:fixed;top:0;left:0;right:0;width:100%;height:60px;margin:0 0 0 0;padding:0 0 0 0;z-index:999;overflow:visible;text-align:center;background:#FFFFFF;transition:all 0.2s ease-in-out;box-shadow:0 1px 0 rgba(0,0,0,.05);}
	#header .center{display:flex;align-items:center;width:auto;float:none;margin-right:auto;margin-left:auto;height:60px;justify-content:space-between;transition:all 0.2s ease-in-out;align-items:auto;}
		#header .branding{flex-grow:1;box-sizing:border-box;z-index:1;align-self:center;text-align:left;max-width:330px;}
			#header a#logolink{display:block;padding:15px 0 15px 0;margin-right:20px;}
			#header a#logolink span#logo{display:block;width:220px;height:22px;background:url('images/uslogo.svg') 0 50% no-repeat;background-size:contain;text-indent:-999px;}

		#mobilenavigation{display:none;}
		#navigation{display:none;}

		#header .right{display:none;}

@media only screen and (min-width:500px){
		#header .right{display:block;font-size:16px;font-weight:400;line-height:58px;text-align:right;color:rgba(0,0,0,.5);position:relative;top:0;left:0;cursor:default;flex-grow:1;max-width:120px;margin-right:50px;}
		.login-btn{display:inline-block;border-radius:7px;transition:all 0.2s ease-in-out;padding:0 10px;height:30px;line-height:28px;transition:all 0.2s ease-in-out;}
		.login-btn{border:1px solid rgba(0,0,0,.22);color:rgba(0,0,0,.8);}
		.login-btn:hover{border-color:rgba(0,0,0,1);}
		a.support-link{color:rgba(0,0,0,.5);transition:all 0.2s ease-in-out;} a.support-link:hover{color:#000000;}
}

@media only screen and (min-width:768px){
#wrapper{padding-top:70px}
#header{position:fixed;top:0;box-sizing:content-box;padding:0;height:70px;}
	#header .center{height:70px;}
		#header a#logolink span#logo{display:block;width:220px;height:22px;}

		#header .right{margin-right:33px;}
}


	@media only screen and (max-width:919px){
		#navbtn{display:block;position:absolute;top:50%;right:5px;width:50px;height:50px;cursor:pointer;z-index:999999 !important;transition:var(--us-transition);border-radius:25px;background:transparent;transform:translate(0,-50%);}
		#navbtn.opened{/*position:fixed;top:13px;*/}
			#navbtn span{position:absolute;top:16px;left:15px;display:block;width:20px;height:2px;background-color:#000000;transition:all 0.2s ease-in-out;z-index:2;}
				body.fixed #navbtn span,
					body.topnav-open #navbtn span{background-color:#000000;}
				body #navbtn span{background-color:#000000;}

			#navbtn span.line3{margin:0 0 0 0;} #navbtn.opened span.line1{top:23px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#000000;}
			#navbtn span.line2{top:22px;} #navbtn.opened span.line2{opacity:0;}
			#navbtn span.line3{top:28px;} #navbtn.opened span.line3{top:23px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#000000;}

			#mobilenavigation{display:block;position:fixed;top:0;right:0;bottom:0;width:280px;height:100vh;overflow:auto;z-index: 9999;transition:all 0.6s 0.1s ease-in-out;transition-delay:0.2s;transform:translate(120%,0);pointer-events:none;background:#FFFFFF;max-width:280px;}
			#mobilenavigation.open{display:block;transform:translate(0,0);pointer-events:auto;}

			#navigation_container{display:flex;align-items:center;justify-content:center;position:fixed;top:20px;left:0;right:0;bottom:0;width:100%;height:auto;background:transparent;overflow:auto;z-index:1020;}

			#closebtn{display:block;position:absolute;top:6px;right:5px;width:50px;height:50px;cursor:pointer;z-index:999999 !important;transition:all 0.2s ease-in-out;border-radius:25px;background:transparent;}
				#closebtn span{position:absolute;top:16px;left:15px;display:block;width:20px;height:2px;background-color:#000000;transition:all 0.2s ease-in-out;z-index:2;cursor:pointer;}
				#closebtn span.line1{top:23px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#000000;}
				#closebtn span.line2{opacity:0;}
				#closebtn span.line3{top:23px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#000000;}
			.nav_holder{display:block;align-self:center;justify-self:center;width:90%;}
			.topnav{display:block;}
			.topnav > ul{display:block;}
			.topnav ul li{margin:0;}
			.topnav ul li.gap{margin-top:40px;}
			.topnav ul li a{color:rgba(0,0,0,.77);display:block;height:auto;font-size:20px;font-weight:400;padding:10px 30px 10px 30px;text-decoration:none;box-sizing:border-box;cursor:pointer;transition:all 0.2s ease-in-out;}
				.topnav ul li.mini a{font-size:14px !important;padding:8px 30px 8px 30px;color:rgba(0,0,0,.5);}
			.topnav ul li a:hover{color:rgba(0,0,0,.77);}
			.topnav ul li.current-menu-item a,
			.topnav ul li.current-menu-item a:hover{color:#000000;font-weight:600 !important;}

			#blackground{display:block;position:fixed;top:0;right:0;width:200vw;height:100vh;content:'';opacity:0;transition:all 0.5s ease-in-out;z-index:999;transform:translate(100vw,0);background:rgba(0,0,0,.9);
				background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.9) 100%);pointer-events:none;z-index:1000;}
			body.topnav-open #blackground{opacity:1;opacity:1;transform:translate(0,0);pointer-events:auto;}


	}
	@media only screen and (min-width:768px){

		/*#navbtn{top:12px;right:15px;}*/
		#mobilenavigation{width:320px;max-width:320px;}
	}

	@media only screen and (min-width:920px){
	#wrapper{padding:90px 0 0 0;}
	#header{padding:10px 0 10px 0;}

	body.down #header{padding:0;}


		#navbtn{display:none;}
		#navigation{display:block !important;}
	.topnav{flex-grow:1;list-style:none;margin:0;padding:0;align-self:stretch;}
		.topnav > ul{display:block;list-style:none;margin:0;padding:0;height:70px;width:100%;content:'';text-align:right;} .topnav ul:after{clear:left;}
		.topnav > ul > li{display:inline-block;width:auto;height:80px;padding:0 20px 0 20px;position:relative;top:0;left:0;}
			.topnav ul li:first-child{padding-left:0 !important;}
			.topnav ul li:last-child{padding-right:0 !important;}
		/*.topnav > ul > li:first-child{display:none !important;}*/
		.topnav > ul > li:last-child::after{display:none;padding-right:0;}
		.topnav > ul > li > a{position:relative;color:rgba(0,0,0,.8);display:block;font-size:16px;font-weight:400;line-height:70px;padding:0 0;text-decoration:none;cursor:pointer;position:relative;top:0;left:0;transition:all 0.2s ease-in-out;}
			.topnav ul li:hover > a{color:#000000 !important;}

		.topnav > ul > li.current-menu-item > a,
		.topnav > ul > li.current_page_parent > a,
		.topnav > ul > li.current-menu-parent > a{color:#000000 !important;font-weight:600 !important;}

		.topnav ul li ul.sub-menu{display:none;background:#FFFFFF;padding:0;position:absolute;top:64px;left:15px;width:210px;padding:0;border-radius:3px;
			box-shadow:0 7px 5px -5px rgba(0,0,0,.25), 0 0 10px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.1);transition:all 0.5s ease-in-out;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.94+100 */
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.94) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.94) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.94) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0ffffff',GradientType=0 ); /* IE6-9 */
			}
			.topnav ul li.right ul.sub-menu{left:auto !important;right:-15px !important;} .topnav ul li.right:hover ul.sub-menu:before{left:auto !important;right:30px !important;}
		.topnav ul li:hover ul.sub-menu{display:block;/*-webkit-clip-path:circle(500px at 50% -10%);clip-path:circle(500px at 50% -10%);*/}
			.topnav ul li:hover ul.sub-menu:before{position:absolute;top:-6px;left:30px;content:'';background:url('images/arrow.svg') no-repeat 0 0;background-size:12px 6px;width:12px;height:6px;}
			/*.topnav ul li ul.sub-menu:after{position:absolute;top:0;left:0;right:0;height:1px;background:rgba(0,0,0,.1);content:'';}*/
			.topnav ul li ul.sub-menu li{display:block;text-align:left;padding:0;height:auto;border-bottom:1px solid rgba(0,0,0,.1);} .topnav ul li ul.sub-menu li:last-child{border-bottom:0 !important;}
			.topnav ul li ul.sub-menu li a{display:block;color:#000000;line-height:18px;padding:10px 15px;text-transform:none;text-shadow:0 1px 0 rgba(255,255,255,.1);font-size:14px !important;font-weight:400 !important;}
			.topnav ul li ul.sub-menu li a:hover{background:#000000;color:#FFFFFF !important;text-shadow:0 1px 0 rgba(0,0,0,.1);padding-left:22px;transition:all 0.2s ease-in-out;}
			.topnav ul li ul.sub-menu li:first-child a{border-radius:3px 3px 0 0;} .topnav ul li ul.sub-menu li:last-child a{border-radius:0 0 3px 3px;}
			/*.topnav ul li.menu-item-has-children ul.sub-menu li:first-child{display:none;}*/

			.topnav ul li ul.sub-menu li.current-menu-item a,
			.topnav ul li ul.sub-menu li.current_page_parent a{color:#000000 !important;font-weight:600 !important;}
			.topnav ul li ul.sub-menu li.current-menu-item a:hover,
			.topnav ul li ul.sub-menu li.current_page_parent a:hover{color:#FFFFFF !important;}

		#header .right{font-size:16px;font-weight:400;line-height:58px;max-width:120px;margin-right:0;}
			.login-btn{padding:0 15px;height:40px;line-height:38px;}
	}


	@media only screen and (min-width:1280px){


	}










main{position:relative;top:0;left:0;z-index:0;transition:all 0.2s ease-in-out;}
main.blog{background:#f2f2f2;/*min-height:calc( 100vh - 480px);*/}
main.blog.blog-single{background:#ffffff !important;}

/* FOOTER */
#footer{background:#111111;clear:left;position:relative;}

#footer-dark{position:relative;top:0;left:0;padding:30px 0 30px 0;color:#FFFFFF;}
	/*#footer-dark:before{position:absolute;top:0;left:0;right:0;height:1px;width:100%;background:rgba(0,0,0,.1);content:'';}*/
	#footer-dark a{color:#FFFFFF;text-decoration:none;}
	#footer-dark:after{display:table;clear:both;content:'';}

	.flex-footer{}
	.flex-footer .flex-column{margin:0 0 30px 0;}
	.flex-footer .flex-column h4{display:block;font-size:16px;font-weight:600;line-height:26px;margin:0 0 30px 0;color:#FFFFFF;text-align:left;text-transform:uppercase;letter-spacing:1px;}

	a.fatfon{display:inline-block;font-size:18px;font-weight:600;line-height:18px;margin:0 0 31px 0;}
	a.fatfon i{display:inline-block;line-height:18px;font-size:12px;padding-right:10px;}


#footer-secondary{position:relative;top:0;left:0;background:#000000;font-size:14px;color:rgba(255,255,255,.66);font-weight:400;}
	#footer-secondary:before{position:absolute;top:0;left:0;right:0;height:1px;width:100%;background:rgba(255,255,255,.15);content:'';}
	.footer-navigation{margin:0;padding:30px 0 30px 0;text-align:center;}
		.footer-navigation ul{font-weight:400;}
		.footer-navigation ul li{margin:0 10px 0 10px;display:inline-block;}
		.footer-navigation ul li a{display:block;height:30px;line-height:30px;font-size:14px;color:rgba(255,255,255,.8);font-weight:400;text-decoration:none;transition:all 0.1s 0.1s;}
		.footer-navigation ul li a:hover{color:rgba(255,255,255,1);}
	.footer-copy{display:block;text-align:center;color:rgba(255,255,255,.66);line-height:20px;margin:0 0 30px 0;text-transform:none;}
	#footer-secondary:after{display:table;clear:both;content:'';}


@media only screen and (min-width:768px){
	#footer-dark{padding:56px 0 56px 0;}

	.flex-footer{display:grid;grid-gap:30px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-template-areas:"about about" "kontakt quicklinks";}
	.flex-footer .flex-column{margin:0 0 0 0;}
	.flex-footer .flex-column:nth-child(1){grid-area:about;}
	.flex-footer .flex-column:nth-child(2){grid-area:kontakt;}
	.flex-footer .flex-column:nth-child(3){grid-area:quicklinks;}
}

@media only screen and (min-width:800px){
	.footer-navigation{float:left;clear:none;text-align:inherit;width:66%;margin:0 4% 0 0;padding:0;text-align:left;}
		.footer-navigation ul{font-weight:400;max-width:500px;}
		.footer-navigation ul li{margin:0 20px 0 0;}
		.footer-navigation ul li a{display:block;height:80px;line-height:80px;}
	.footer-copy{float:left;display:block;width:30%;text-align:right;line-height:80px;margin:0 !important;}
}

@media only screen and (min-width:990px){
	.flex-footer{grid-template-rows:1fr;grid-template-columns:2fr 1fr 1fr;grid-template-areas:"about kontakt quicklinks";}
}


/* BLOG LOOP */
.blog-loop{}
.blog-loop article{display:flex;flex-direction:column;background:#fff;margin:0 -16px 0 -16px;position:relative;transition:var(--us-transition);max-width:none !important;}
.blog-loop article.no-image{/*border-top:1px solid rgba(0,0,0,.1);*/}
.blog-loop article.has-image .post-image{display:block;min-height:0!important;margin-bottom:0;overflow:hidden;position:relative;}
.blog-loop article.has-image .post-image img{width:100%;min-width:100%;object-fit:cover;width:100%;height:100%;object-position:50% 25%;transition:var(--us-transition);}
.blog-loop article .post-content{position:relative;padding:16px 16px 32px 16px;font-size:14px;margin:0 0 0 0;color:rgba(0,0,0,.77);}
	.blog-loop article .category-link{display:block;margin:0 0 5px 0;}
	.blog-loop article .category-link a{display:none;margin-right:5px;font-size:14px;color:rgba(0,0,0,.5);text-decoration:none;transition:var(--us-transition);}
	.blog-loop article .category-link a:first-child{display:inline-block!important;}
	.blog-loop article h2{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin:0 0 16px 0;color:#000000;line-height:1.33;font-size:18px;}
	.blog-loop article h2 a{color:inherit !important;}
	.blog-loop article .post-description{position:relative;max-height:142px;margin:0 0 0 0;overflow:hidden;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
		.blog-loop article.no-image .post-description{position:relative;max-height:238px;}
	.blog-loop article .post-description p{margin:0 !important;}
	.blog-loop article .post-description:after{display:block;position:absolute;bottom:0;right:0;height:24px;width:50px;pointer-events:none;content:'';background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
	.blog-loop article .post-meta{display:none;position:absolute;bottom:0;left:30px;right:30px;padding:25px 0 30px 0;color:rgba(0,0,0,.33);font-size:14px;line-height:1;pointer-events:none;border-top:1px solid rgba(0,0,0,.075);}

@media only screen and (min-width:768px){
	.blog-loop{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:var(--us-margin-half);grid-row-gap:var(--us-margin-half);grid-auto-flow:dense;padding-top:var(--us-margin);padding-bottom:var(--us-margin);}
	.blog-loop article{margin:0;}
	.blog-loop article h2{margin:0 0 32px 0;font-size:20px;}
	.blog-loop article.no-image{border-top:none;}
	.blog-loop article .post-content{padding:16px 16px 16px 16px;}
	.blog-loop article.has-image .post-image{height:200px;}
	.blog-loop article.has-image .post-image:before{border-top:none;border-bottom:1px solid rgba(0,0,0,.1);}
	.blog-loop article.has-image .post-content:before{position:absolute;top:-1px;left:0;right:0;bottom:0;height:1px;background:rgba(0,0,0,.1);content:'';pointer-events:none;}
	.blog-loop article:first-child{grid-column: 1 / span 2;}
	.blog-loop article:first-child .post-image{height:400px !important;}
}
@media only screen and (min-width:980px){
	.blog-loop{grid-template-columns:1fr 1fr 1fr;grid-column-gap:32px;grid-row-gap:32px;}
	.blog-loop article:hover{transform: scale(1.011);box-shadow:0 0 50px 0 rgba(0,0,0,.1);}
	.blog-loop article:hover .post-image img{transform:scale(1.032);}
	.blog-loop article h2{font-size:22px;}
	.blog-loop article .post-content{padding:32px 32px 105px 32px;}
	.blog-loop article .post-meta{display:block;}
}
@media only screen and (min-width:1200px){
	.blog-loop{grid-template-columns:1fr 1fr 1fr;grid-column-gap:40px;grid-row-gap:40px;}
	.blog-loop article .post-content{padding:32px 32px 105px 32px;}
	.blog-loop article .post-meta{display:block;}
}

/* INLINE SEARCH */
#inlinesearch{display:block;position:relative;top:0;left:0;padding:0;}
#inlinesearch .search input{background:#FFFFFF;font-family:'Lato', sans-serif;font-size:20px;font-weight:400;color:#666666;padding:10px 43px 10px 10px;width:100%;box-sizing:border-box;border:1px solid #D3D3D3;border-radius:2px;transition: all 0.2s ease-in-out;-webkit-appearance:none;-moz-appearance:none;}
#inlinesearch .search input:focus{border:1px solid #333333;color:#333333;outline:none;}
#inlinesearch .searchbtn{position:absolute;top:1px;right:1px;width:43px;height:43px;line-height:43px;text-align:center;background:#FFFFFF;color:#999999;cursor:pointer;border-radius:3px;transition: all 0.2s ease-in-out;} #inlinesearch .searchbtn i.fa{font-size:18px;font-weight:700;}
#inlinesearch .searchbtn:hover{color:#666666;}


/* ERROR 404 */
body.error404 #wrapper{
	background:#f2f2f2;
	background: linear-gradient(135deg,  #f2f2f2 0%,#ffffff 45%,#ffffff 55%,#f2f2f2 100%);
}



/* ARTICLE */
article{padding:0 0 0 0;width:auto;max-width:760px;margin:0 auto 0 auto;transition:all 0.2s ease-in-out;color:#000000;}
	article:after{display:table;clear:both;content:'';}
article h1,
article h2,
article h3,
article h4,
article h5{font-weight:400;color:#000000;}
article h2{font-size:28px;line-height:1.5;text-transform:none;margin:32px 0 0 0;font-weight:600;}
article h3{font-size:26px;line-height:1.5;text-transform:none;margin:32px 0 0 0;font-weight:600;}
article h4{font-size:24px;line-height:1.5;text-transform:none;margin:32px 0 -15px 0;font-weight:600;}
article h4{font-size:22px;line-height:1.5;text-transform:none;margin:32px 0 -25px 0;font-weight:600;}

article p a{color:#000000;font-weight:inherit;text-decoration:none;transition:var(--us-transition);outline:0;display:inline;border-bottom:1px solid rgba(0,0,0,.3);}
article > *:last-child{margin-bottom:0 !important;}
article p a:hover{color:#000000;text-decoration:none;border-color:rgba(0,0,0,.6);}
article p{/*font-size:16px;font-weight:400;line-height:1.7;margin:25px 0;margin-bottom:0;*/margin:25px 0;color:rgba(0,0,0,.77);}
article > *:first-child{margin-top:0 !important;}

article p span.initial{display:inline-block;font-size:68px;line-height:50px;float:left;margin:0 0 0 0;padding:5px 0 0 0;}

article p b, article p strong{font-weight:600 !important;}

article ul{margin:25px 0 25px 16px;/*font-size:16px;font-weight:400;line-height:1.7;*/list-style:none;list-style-position:outside;padding-left:0;color:rgba(0,0,0,.77);}
article ul li{box-sizing:border-box;position:relative;}
article ul li:before{display:block;position:absolute;left:-16px;top:11px;height:5px;width:5px;background:rgba(0,0,0,.77);content:'';}
article ol{margin:25px 0 25px 0;list-style-position:inside;counter-reset:item;color:rgba(0,0,0,.77);}
article ol li{display:block;padding-left:32px;position:relative;top:0;left:0;}
article ol li:before{position:absolute;top:2px;left:0;content:counter(item) ". ";counter-increment:item;color:#666666;width:26px;display:inline-block;font-size:14px;line-height:1.7;font-weight:600;text-align:right;}
article blockquote{border:0;margin:0 0 25px 0;padding:0 0 0 0;color:#000000;border-left:3px solid rgba(0,0,0,.1);padding-left:13px;}
article blockquote.alignright{float:right;width:300px;margin:0 -50px 30px 30px;transition:all 0.2s ease-in-out;box-sizing:border-box;}
article blockquote p{color:rgba(0,0,0,.66);font-weight:400;} article blockquote p:last-child{margin:0 0 0 0 !important;}
article blockquote cite, article blockquote p.author{color:rgba(0,0,0,.5);font-size:16px;font-family:'Lato', sans-serif;font-weight:400;font-style:normal;}

@media only screen and (min-width:414px){
	article ul li:before{top:12px;}
	article.blogpost ol li:before{font-size:16px;}
}


/* GLOBAL BLOCK */
header.block-header{margin:0 0 30px 0 !important;}
h2.block-headline{color:#000000;font-family:var(--us-headline-font);font-size:22px;font-weight:300;line-height:1.33;text-align:left;margin:0 0 25px 0 !important;}
	h2.block-headline strong{font-weight:600;}
.block-bigtext{max-width:850px;margin:0 0 0 0 !important;}
.text-light h2.block-headline{color:#FFFFFF;}
.text-light .block-bigtext{color:rgba(255,255,255,.77);}

@media only screen and (min-width:768px){
	article ul{margin:25px 0 25px 32px;}
	article blockquote{border-left:6px solid rgba(0,0,0,.1);padding-left:26px;}
}
@media only screen and (min-width:990px){
	header.block-header{margin:0 0 56px 0 !important;}
	article ol li:before{font-size:16px;}
}
@media only screen and (min-width:1200px){
	h2.block-headline{font-size:32px;font-size:2.2vw;}
}


/* PAGINATION */
.pagination{display:block;background:#FFFFFF;position:relative;top:0;left:0;clear:left;margin:0;padding:var(--us-margin) 0 var(--us-margin) 0;color:#999999;font-size:16px;font-weight:600;line-height:48px;text-align:center !important;overflow:visible;z-index:10;}
.pagination:before{position:absolute;top:-1px;left:0;right:0;background:rgba(0,0,0,.1);height:1px;content:'';}
.pagination h2{display:none;}
.pagination .nav-links{max-width:1420px;display:block;margin-right:auto;margin-left:auto;padding-left:var(--us-margin-half);padding-right:var(--us-margin-half);}
.pagination .nav-links a, .pagination .nav-links a:hover{display:inline-block;background-color:#FFFFFF;border:1px solid rgba(0,0,0,.2);border-radius:3px;text-shadow:0 1px 0 #FFFFFF;color:#000000;text-decoration:none;padding:0 18px !important;height:48px !important;line-height:48px !important;margin:0 8px 0 0 !important;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 1);transition:all .2s ease-in-out}
.pagination .nav-links a:hover{color:#333333;border:1px solid rgba(0,0,0,1);}
.pagination .nav-links .current, .pagination .nav-links .current:hover{display:inline-block;background-color:#000000;border:1px solid rgba(0,0,0, .2);border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0, .2);color:#FFFFFF;text-decoration:none;padding:0 18px !important;height:48px !important;line-height:48px !important;margin:0 8px 0 0 !important;transition:all .2s ease-in-out}
span.page-numbers.dots{margin:0 8px 0 0 !important;}
.pagination .nav-links a:last-child{margin:0 0 0 0 !important;}

/* BLOG SINGLE */
.blog-header{display:block;padding:var(--us-margin) 0 var(--us-margin) 0;position:relative;}
.blog-header .text-width{}
.blog-header .blog-cat{max-width:760px;margin:0 auto;}
.blog-header .blog-cat a{font-size:16px;font-weight:600;color:rgba(0,0,0,.5);text-decoration:none;transition:var(--us-transition);max-width:760px;margin:0 auto;}
h1.blog-headline{font-size:28px;font-weight:600;line-height:1.33;text-align:left;margin:0 auto !important;color:#000000;max-width:760px;}
@media only screen and (min-width:768px){
	.blog-header{display:block;}
	h1.blog-headline{font-size:32px;font-size:4vw;}
}
@media only screen and (min-width:1024px){
	a.blog-primary-cat{font-size:18px;}
}
@media only screen and (min-width:1401px){
	h1.blog-headline{font-size:60px;}
}
@media only screen and (min-width:1600px){
	h1.blog-headline{font-size:70px;}
}


.blog-related{display:block;position:relative;top:0;left:0;z-index:0;background:#f2f2f2;}
.blog-related .blog-loop article:not(.no-image) h2{margin-bottom:0 !important;}
.blog-related .blog-loop article:not(.no-image) .post-description{display:none !important;}
@media only screen and (max-width:767px){
	.blog-related .blog-loop article{margin:0 0 16px 0 !important;}
	.blog-related .blog-loop article:nth-child(2){margin:0 0 0 0 !important;}
}
@media only screen and (min-width:768px){
.blog-related .blog-loop{padding-top:0 !important;padding-bottom:0 !important;}
.blog-related .blog-loop article:first-child{grid-column:auto !important;}
.blog-related .blog-loop article:first-child .post-image{height:200px !important;}
}
@media only screen and (max-width:979px){
.blog-related .blog-loop article:nth-child(3){display:none;}
}

.post-meta{max-width:760px;margin:0 auto;}


.blog-cat-tags{display:block;position:relative;top:0;left:0;z-index:0;background:#f2f2f2;}
.cat-tags-flex{}
.cat-tags-flex .categories{display:none;}
	.cat-tags-flex .categories ul{border-top:1px solid rgba(0,0,0,.1);margin-bottom:15px;}
	.cat-tags-flex .categories ul li{border-bottom:1px solid rgba(0,0,0,.1);}
	.cat-tags-flex .categories ul li a{display:block;color:#000000;line-height:1.33;font-size:18px;font-weight:600;padding:8px 12px;}
.cat-tags-flex .tags{}
	.cat-tags-flex .tags a{display:inline-block;border:1px solid rgba(0,0,0,.1);padding:4px 12px;margin:0 6px 6px 0;border-radius:50px;background:rgba(255,255,255,.33);transition:var(--us-transition);}
	.cat-tags-flex .tags a:hover{color:#000000;border:1px solid rgba(0,0,0,1);background:rgba(255,255,255,1);}

@media only screen and (min-width:414px){
	.cat-tags-flex{font-size:14px;}
	.cat-tags-flex .categories{display:block;}
}
@media only screen and (min-width:768px){
	.cat-tags-flex{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;font-size:16px;}
	.cat-tags-flex .categories{display:block;min-width:280px;}
	.cat-tags-flex .categories ul{border-top:1px solid rgba(0,0,0,.1);margin-bottom:0;margin-right:30px;}
	.cat-tags-flex .categories ul li a{padding:12px 16px 12px 16px;}

	.cat-tags-flex .tags a{padding:8px 20px;margin:0 8px 8px 0;}
}
@media only screen and (min-width:980px){
	.cat-tags-flex .categories ul li a{padding:12px 32px 12px 0;}
}






/* REQUEST */
#request{position:relative;top:0;left:0;background:#FFFFFF;}
.usfield p.info a{color:#459927 !important;}



/* Blocks */
.alignwide, .alignfull{position:relative;width:100%;margin-left:0px;margin-right:0px;z-index:2;}
.alignfull{width:100vw;left:calc(-50vw + 50%);margin-left:0px;margin-right:0px;}
.alignwide{width:calc(100% + 590px);left:-295px;margin-left:0px;margin-right:0px;padding:0 15px 0 15px;}
@media only screen and (min-width: 768px) {
	.alignwide{padding:0 30px 0 30px;}
}
@media only screen and (max-width: 1210px) {
.alignwide,
.wp-block-image.alignwide{width:100vw;left:calc(-50vw + 50%);margin-left:0px;margin-right:0px;}
}


.wp-block-embed{max-width:none !important;margin-bottom:55px !important;margin-top:55px !important;}
article ul.wp-block-gallery{margin-left:0 !important;margin-bottom:35px !important;}
ul.wp-block-gallery li:before,
article ul.blocks-gallery-grid li:before{display:none !important;}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption{box-sizing:border-box !important;color:#FFFFFF;font-family: 'Lato', sans-serif;font-weight:400;}
figure.is-type-video{min-width:100%;max-width:none !important;margin-bottom:55px !important;margin-top:55px !important;background:transparent;}
figure.is-type-video figcaption{margin:0 auto;font-size:14px;line-height:22px;padding:0;box-sizing:border-box;color:rgba(0,0,0,.5);font-family: 'Lato', sans-serif;font-weight:400;text-align:left;padding:5px 0 0 0;}
.wp-block-embed__wrapper{position:relative;padding-bottom:55%;padding-top:15px;height:0;overflow:hidden;}
.wp-block-embed__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.wp-block-image{max-width:none !important;margin-bottom:30px !important;margin-top:30px !important;/*background:#FFFFFF;*/}
figure.wp-block-image figcaption{margin:0 auto;font-size:14px;line-height:22px;padding:0;box-sizing:border-box;color:rgba(0,0,0,.5);font-family: 'Lato', sans-serif;font-weight:400;text-align:left;padding:5px 0 0 0;}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption{padding:30px 10px 10px 10px !important;line-height:20px !important;text-shadow:0 0 6px rgba(0,0,0,.33);}

@media only screen and (min-width: 768px) {
.wp-block-image{margin-bottom:56px !important;margin-top:56px !important;/*background:#FFFFFF;*/}
}


.block_us_textwithborder_html{border-radius:3px !important;padding:25px 30px 0 30px;border-style:solid;border-width:1px;border-color:#d9d9d9;margin-bottom:25px;box-sizing: border-box;}
.block_us_textwithborder_html.bold{border-width:3px;}

.wp-block-file{border:1px solid rgba(0,0,0,.15);border-left:0;border-right:0;padding:25px 0 25px 0;overflow:auto;background:#FFFFFF;}
.wp-block-file a{display:block;line-height:32px;text-align:center;padding:0 0 15px 0;}
.wp-block-file a.wp-block-file__button{display:inline-block;line-height:32px;border-radius:20px;font:14px 'Lato', sans-serif;background:#666666;color:#FFFFFF;font-weight:700 !important;text-transform:uppercase;transition: all 0.2s ease-in-out;-webkit-appearance:none;cursor:pointer;letter-spacing:2px !important;border:1px solid rgba(0,0,0,.15);margin:0 auto;text-shadow:0 1px 0 rgba(0,0,0,.2);}
.wp-block-file a.wp-block-file__button:hover{opacity:.9;/*background:#7970ab;*/}

a.theme-button,
a.theme-button-primary {
	display: inline-block;
    color: #FFFFFF !important;
    font-size:16px !important;
    font-weight: 600 !important;
    margin:0 0 0 0 !important;
	padding:8px 16px;
    width:auto;
	min-width:160px;max-width:220px;
    text-align:center;
    border:0;
    border-radius:60px!important;
    text-decoration: none;
    transition:var(--us-transition);
    cursor: pointer;
	background:#000000 !important;
    border:2px solid #000000;
    opacity:1;
}
/*height: 44px !important;
line-height: 40px !important;
padding: 0 20px 0 20px !important;
text-shadow:0 1px 0 rgba(0,0,0,.3);
text-transform:uppercase;*/
a.theme-button:hover,
a.theme-button-primary:hover{
	background:rgba(0,0,0,.77) !important;
	border-color:rgba(0,0,0,.2) !important;
}

a.theme-button-secondary {
	display: inline-block;
    color: #000000 !important;
    font-size:16px !important;
    font-weight: 600 !important;
    margin:0 0 0 0 !important;
    padding:8px 16px;
	width:auto;
	min-width:160px;max-width:220px;
    text-align:center;
    border:0;
    border-radius:60px!important;
    text-decoration:none;
    transition:var(--us-transition);
    cursor: pointer;
    background:#FFFFFF !important;
    border:2px solid rgba(0,0,0,.2);
    opacity:1;
}

a.theme-button-secondary:hover{
	color:#000000 !important;
	border-color:rgba(0,0,0,.77)!important;}

@media only screen and (min-width: 768px) {
a.theme-button,
a.theme-button-primary,
a.theme-button-secondary{padding:12px 20px;min-width:180px;max-width:220px;}
}

.btn{display:inline-block;margin:0.31rem 0;padding:0.625rem 0.875rem;background:none;cursor:pointer;color:#000;text-decoration:none !important;}

.btn-primary{background-color:#000;border-radius:100px;border:0;color:#fff;font-family:'larseit', sans-serif;font-weight:700;font-size:1.18rem;letter-spacing:0.05rem;line-height:1.41rem;padding:1rem 1.5rem;text-transform:uppercase;-webkit-transition:all 0.2s 0.1s;transition:all 0.2s 0.1s;}
.btn-primary:hover{text-decoration:none;background-color:#738591;color:#FFFFFF !important;}

/* Tags */
.meta-tags{max-width:var(--us-text-width);margin:0 auto;margin-bottom:55px !important;margin-top:55px !important;}
.meta-tags{display:block;color:#9B9B9B;font-size:12px;font-family: 'Lato', sans-serif;font-weight:400;line-height:18px !important;text-align:left;text-transform:uppercase;padding-left:30px;box-sizing:border-box;position:relative;top:0;left:0;min-height:18px;}
.meta-tags a{display:inline-block;position:relative;top:0;left:0;color:#9B9B9B;text-decoration:none;font-weight:400 !important;line-height:20px !important;margin:0 10px 6px 0;transition:color 0.3s ease-in-out;}
.meta-tags a:hover{color:#000000;}
.meta-tags a:before{background-color:#9B9B9B;content:'';height:1px;position:absolute;bottom:1px;transition:width 0.3s ease-in-out;width:100%;}
.meta-tags a:hover:before{width:0;}
.meta-tags i{width:30px;font-size:18px;line-height:18px;position:absolute;top:0;left:0;}
.meta-tags::after{clear:both;content:'';display:table;}


/* BLOG NAVIGATION */
.blog-navigation-container{display:block;background:#FFFFFF;position:relative;top:0;left:0;clear:left;margin:0;color:#999999;font-size:14px;font-weight:600;line-height:26px;text-align:left !important;overflow:visible;z-index:10;clear:both;background:#f2f2f2;text-shadow:0 1px 0 rgba(255,255,255,.66);}
.blog-navigation-container:before{position:absolute;top:0px;left:0;right:0;background:rgba(0,0,0,.1);height:1px;content:'';}
.blog-navigation-container:after{content:'';display:table;clear:both;}
.blog-navigation-container .center{display:flex;}
.blog-navigation-container .previous{text-align:inherit;width:48%;margin-left:0%;margin-right:4%;min-height:90px;position:relative;}
/*.blog-navigation-container .overview{text-align:inherit;width:32.33333333333333%;margin-left:0%;margin-right:1.5%;margin-bottom:16px;margin-top:16px;text-align:center;}*/
.blog-navigation-container .next{text-align:inherit;width:48%;margin-left:0%;margin-right:0;min-height:90px;position:relative;text-align:right;}
.blog-navigation-container p.previous-label,
.blog-navigation-container p.next-label{display:block;font-size:12px;font-weight:600;margin:0 0 10px 0;color:#666666;text-transform:uppercase;}
.blog-navigation-container p.next-label{margin-left:0;margin:0 0 10px 0;}
.blog-navigation-container a.previous-link,
.blog-navigation-container a.next-link{display:block;color:#891D2B;font-size:28px;font-weight:400;margin-top:0;line-height:1.3 !important;position:relative;text-transform:none;text-decoration:none;margin:0 0 0 0;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.blog-navigation-container a.next-link{margin:0 0 0 0;}
@media only screen and (max-width:600px){
	.blog-navigation-container a.previous-link,
	.blog-navigation-container a.next-link{margin:0 0 0 0;font-size:20px;}
}
@media only screen and (max-width:413px){
	.blog-navigation-container .center{display:block;}
	.blog-navigation-container .previous,
	.blog-navigation-container .next{width:100%;margin-left:0%;margin-right:0;margin-bottom:16px;margin-top:16px;min-height:auto;text-align:left;}
	.blog-navigation-container p.previous-label,
	.blog-navigation-container p.next-label{margin-left:0;margin-right:0;font-size:12px;}
	.blog-navigation-container a.previous-link,
	.blog-navigation-container a.next-link{margin:0 0 0 0;font-size:20px;}
}

@media only screen and (max-width:413px){
}

/* QR-Code */
.flex-imgntext.qrtest .flex-media-description:after{display:block;margin:30px auto 0 auto;padding:0;width:70px;height:70px;background:url('images/qr.svg') no-repeat 0 0;background-size:contain;content:'';}
@media only screen and (min-width:1600px){ .flex-imgntext.qrtest .flex-media-description:after{width:90px;height:90px;} }
@media only screen and (min-width:1900px){ .flex-imgntext.qrtest .flex-media-description:after{width:110px;height:110px;} }


/* Akkordeon */
.accordion{margin:0 0 0 0;}
.accordion .accordion-item{border-bottom:1px solid rgba(0, 0, 0, .15)}

.accordion .accordion-item .accordion-question{display:block;position: relative;top:0;left:0;padding:15px 15px 15px 0;font-size:16px;line-height:1.7;font-weight:600;color:rgba(0,0,0,.55);cursor:pointer;transition:all .2s ease-in-out}
.accordion .accordion-item .accordion-question:hover{color:rgba(0,0,0,1);}
.accordion .accordion-item .accordion-question .icons{display:inline-block;width:22px;height:auto;line-height:1.7;text-align:left;color:rgba(0,0,0,.33);font-size:16px;transition:all .2s ease-in-out}
.accordion .accordion-item .accordion-question:hover .icons{color:rgba(0,0,0,.55);}
.accordion .accordion-item .accordion-question .icons .fa-minus-square{display:none}
.accordion .accordion-item.active .accordion-question .icons .fa-plus-square{display:block}
.accordion .accordion-item.active .accordion-question .icons{color:#459927;}
.accordion .accordion-item.active .accordion-question .icons .fa-minus-square{display:block}
.accordion .accordion-item.active .accordion-question .icons .fa-plus-square{display:none}
.accordion .accordion-item.active .accordion-question{color:rgba(0,0,0,1);font-weight:600;}
.accordion .accordion-item .accordion-answer{display:none;color:#333;padding:0 0 20px;font-size:16px;line-height:26px}
.accordion .accordion-item .accordion-answer p{margin:0 0 25px 0;max-width:800px}
.accordion .accordion-item .accordion-answer p:last-child{margin:0;}
.accordion .accordion-item .accordion-answer p.tableadvice{margin:0;font-size:10px}


/* PRICETAG / PRICETABLE */
.pricetag{position:relative;top:0;left:0;width:110px;height:75px;background:linear-gradient(160deg, #FF0000 0%, #CC0000 100%);/*linear-gradient(160deg, rgba(223,30,54,1) 0%, rgba(204,0,0,1) 100%);*/border-radius:3px;overflow:hidden;/*background: url('images/pricetag.svg') no-repeat 0 0;background-size:110px 75px;*/border:0;text-decoration:none}
.pricetag:after{position:absolute;top:0;left:0;right:0;bottom:0;content:'';border:1px solid rgba(0,0,0,.15);border-radius:3px;}
.pricetag span{position:relative;display:block;line-height:22px;height:22px;width:100%;text-align:center;font-size:10px;font-weight:700;letter-spacing:1px;background:linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.15) 100%);color:rgba(255, 255, 255, .8);text-shadow:0 1px 4px rgba(0, 0, 0, .33);text-transform:uppercase;}
.pricetag span:before{position:absolute;left:0;right:0;bottom:0;content:'';height:1px;background:rgba(0,0,0,.1);}
.pricetag span:after{position:absolute;left:0;right:0;bottom:-1px;content:'';height:1px;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 40%, rgba(255,255,255,0.2) 60%, rgba(255,255,255,0) 100%);}
.pricetag div{line-height:49px;height:53px;color:#fff;width:100%;text-align:center;font-size:38px;font-weight:700;text-shadow:0 1px 0 rgba(0, 0, 0, .1), 0 0 10px rgba(0, 0, 0, .25);background: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0) 100%);}
.pricetag.sup div{margin-top:-7px;font-size:10px}
.pricetag div sup{font-size:22px;margin-left:-9px}
.pricetag i{position:absolute;top:59px;right:7px;font-size:12px;font-weight:700;color:rgba(255, 255, 255, .5);text-shadow:0 1px 0 rgba(0, 0, 0, .2);line-height:12px}
.pricetagtable{display:table}
.pricetagtable .pricetag{display:table-cell}
.pricetagtable .pricetagtext{display:table-cell;vertical-align:bottom;color:#666;font-size:12px;line-height:18px;padding-left:15px}
.pricetagtable .offerends{display:block;color:#CC0000;font-weight:700;}


/* FA-LIST */
ul.falist{display:block;font-weight:400;font-size:16px;line-height:26px;margin:25px 0;}
ul.falist li:before{display:none !important;}
ul.falist li{display:block;position:relative;top:0;left:0;color:#333;padding:0 0 4px 20px;max-width:850px}
ul.falist.float li{float:left;margin:0 20px 0 0}
ul.falist li i.fa, ul.falist li i.fas, ul.falist li i.fal{position:absolute;top:5px;left:1px;font-size:14px;color:#ba0022}
ul.falist.green li i.fa, ul.falist.green li i.fas, ul.falist.green li i.fal{color:#489830}
ul.falist li i.fa-check{top:8px;font-size:12px}
ul.falist li strong{color:#333;font-weight:700}
ul.falist:after{display:block;clear:left;content:''}
ul.falist.li-lines{margin:-8px 0 20px;font-size:14px;line-height:22px}
ul.falist.li-lines li{border-bottom:1px solid rgba(0, 0, 0, .1);padding:8px 0 8px 20px}
ul.falist.li-lines li i.fa-check{top:13px}


/* WP Columns Fix */
.wp-block-columns.has-2-columns .wp-block-column{width:50% !important;margin:0 0 30px 0 !important;padding:0 15px 0 15px !important;box-sizing:border-box;}
.wp-block-columns.has-3-columns .wp-block-column{width:33% !important;margin:0 0 30px 0 !important;padding:0 15px 0 15px !important;box-sizing:border-box;}
.wp-block-columns.has-4-columns .wp-block-column{width:25% !important;margin:0 0 30px 0 !important;padding:0 15px 0 15px !important;box-sizing:border-box;}


/* TOOLS */
.topline{position:absolute;top:0;left:0;height:1px;width:100%;background:rgba(0,0,0,.1);} .topline.white{background:rgba(255,255,255,.12);}
.bottomline{position:absolute;bottom:0;left:0;height:1px;width:100%;background:rgba(0,0,0,.1);} .bottomline.white{background:rgba(255,255,255,.12);}
.topline.outside{top:-1px;}
.bottomline.outside{bottom:-1px;}
.clear{clear:left;}
.align-left{text-align:left;} .align-right{text-align:right;} .align-center{text-align:center;}
.float-right{float:right;}
.opacity50{opacity:.5;}
.no-padding{padding:0 0 0 0 !important;}
.no-margin{margin:0 0 0 0 !important;}
.no-margin-bottom{margin-bottom:0 !important;}
.display-block{display:block !important;}
.hide{display:none;}
.box{background:#FFFFFF;border-radius:3px;box-shadow:var(--us-box-shadow);}
.box-padding{padding:20px;}

.margin-top{margin-top:var(--us-margin) !important;}
.margin-bottom{margin-bottom:var(--us-margin) !important;}
.padding-top{padding-top:var(--us-margin) !important;}
.padding-bottom{padding-bottom:var(--us-margin) !important;}

.margin-top-half{margin-top:var(--us-margin-half) !important;}
.margin-bottom-half{margin-bottom:var(--us-margin-half) !important;}
.padding-top-half{padding-top:var(--us-margin-half) !important;}
.padding-bottom-half{padding-bottom:var(--us-margin-half) !important;}

@media only screen and (min-width:768px){

	.box-padding{padding:30px;}

}


/* COLUMNS */
.column{display:block;}
.column p:last-child{margin-bottom:0;}
@media only screen and (min-width:768px) and (max-width:1079px){
.column.one-third{display:block;float:left;width:calc((100% - 30px) / 2);margin:0 0 0 0;}
.column.one-third:first-child{margin-right:30px;}
.column.one-third.last,
.column.full{width:100%;margin:0 0 30px 0;}
.column.first{clear:both;}
.column.last{margin:0 0 30px 0 !important;}
.column.last.no-margin-bottom{margin-bottom:0 !important;}
}

@media only screen and (min-width:1080px){
.column.one-third, .column.one-third:first-child{display:block;float:left;width:calc((100% - 60px) / 3);margin:0 30px 0 0;}
.column.full{width:100%;margin:0 0 30px 0;}
.column.first{clear:both;}
.column.last{margin:0 0 30px 0;}
}

/* Contact */
.notification {
    font-face:inherit !important;
	font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    text-align: left !important;
    padding: 20px !important;
    margin-bottom: 30px !important;
    border-radius: 3px !important;
	text-align: left !important;
}

article .notification p {
    font-weight: 400 !important;
}

.notification.success {
    background-color: #EBF6E0;
    box-shadow: inset 0 0 0 4px rgba(180, 220, 130, .4);
    color: #5f9025;
    border: 1px solid #5f9025 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
}

.notification.error {
    background-color: #ffe9e9;
    box-shadow: inset 0 0 0 4px rgba(251, 196, 196, .5);
    color: #de5959;
    border: 1px solid #de5959 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
}


.ui-loader{display:none !important;}

/* Dropcap */
p.has-drop-cap:not(:focus)::first-letter{float:left;font-size:62px;line-height:64px;font-weight:inherit;margin:0 10px 0 0;text-transform:uppercase;font-style:normal}
p.has-drop-cap:not(:focus)::after{content:'';display:table;clear:both;padding-top:0 !important;}


/* Cookiebanner */
.cookiebanner{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,.94);height:auto;display:block;padding:15px 0 15px 0;z-index:100;}
.cookiebanner .center{display:block;}
	.cookietext{display:block;font-size:16px;color:#FFFFFF;font-weight:400;text-align:left;margin:0 0 15px 0;}
	.cookiebutton{display:block;}
		.cookiebutton a.cookiebtn{display:inline-block;border-radius:3px;background:#FFFFFF;color:#000000;padding:0 15px;height:40px;line-height:40px;font-weight:600;width:100%;text-align:center;}

@media only screen and (min-width:768px){
.cookiebanner .center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;float:none;display:block;margin-right:auto;margin-left:auto;
	display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;transition:all 0.2s ease-in-out;align-items:auto;justify-content:space-between;}
}


code[class*="language-"], pre[class*="language-"]{font-size:13px !important;line-height:1.77 !important;white-space:pre-wrap !important;background:#F9F9F9;}
:not(pre) > code[class*="language-"], pre[class*="language-"]{}
pre.wp-block-code{border:1px solid #C7C7C7 !important;}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection{background:rgba(0,0,0,.1) !important;}

@media only screen and (min-width:768px){
	code[class*="language-"], pre[class*="language-"]{font-size:15px !important;}
}


/* Global Gradients */
.to-gray{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.from-gray{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.diagonal-gray{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+45,ffffff+55,f2f2f2+100 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f2f2f2 0%, #ffffff 45%, #ffffff 55%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f2f2f2 0%,#ffffff 45%,#ffffff 55%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f2f2f2 0%,#ffffff 45%,#ffffff 55%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sparkle{background:url('images/background.jpg') 50% no-repeat;background-size:cover;}
