/*!
Theme Name: RaSHamburg2019
Theme URI: http://underscores.me/
Author: LicetBovi
Author URI: http://www.licetbovi.com
Description: Description
Version: 0.1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: RaSHamburg2019
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

RaSHamburg2019 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.



/* ************************************************************** */
/* ************************************************************** */
/* ************************************************************** */



/* ***************** Variablen ******************************** */

:root {
	
	--cbgsite:rgb(242, 242, 242); /* Background color of site, i.e. the visible border parts */
	--cbgpage:rgba(255,255,255); /* Background color of page */
	--cbgpagetransl:rgba(255,255,255,0.9); /* Background color of page, translucent */
	
	--ccontinuoustext:rgb(70, 70, 70);
	
	--cmainaccent:rgb(49,142,197); /* color for accented elements, i.e. headlines, menues, links etc. */
	--csecondaccent:rgba(64,64,64,1); /* color for secondary accented elements, i.e. submenues etc. */
		--csecondaccenttransp:rgb(64,64,64,0.8); /* color for secondary accented elements, i.e. submenues etc. */
	--cro:var(--cmainaccent); /* color for rollovers etc. */
	
	--pagewidth:1200px; /* width of the page */
	
	--drpshd: 0 3px 3px 3px rgba(209,209,211,1); /* standard drop shaddow */
	--instshd:inset 0 6px 3px -2px rgba(209,209,211,1); /* standard inset shaddow */
	
	--txtshd: 0px 0px 2px rgba(0,0,0,1.0);/* standard text shaddow */
	
	--teasergrad: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 23%,rgba(255,255,255,0.12) 95%,rgba(255,255,255,0.12) 100%);

	--teasershd:0 0 10px 5px rgba(0,0,0,0.2);
	
}

/* ************************************************************** */
/* ************************************************************** */
/* ************************************************************** */



/* ***************** Generelles ******************************** */
img.cv-default-img
{
	display: none;
}
body
{
	background-color: var(--cbgsite);
	background-size: cover;
background-repeat: repeat-y;
background-attachment: fixed;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	 font-family: 'OpenSansRegular', sans-serif;
	 
	
 	text-rendering: optimizeSpeed;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;

}

#page
{
background-color:transparent;
	color:var(--ccontinuoustext);

 font-size: 14px;
 font-weight: 100;
	font-size: 1.2em;
	line-height: 1.5;
	padding:5vw;
	position: relative;
	width: 100%;

	min-height: 100%;

	margin: 0px auto;
	
	border-bottom: 10px solid var(--cmainaccent);
}

.clearall
{
	clear: both;
}

.valign-middle
{

	display: flex;
     align-items: center;
}

strong
{  
		font-weight: 600;
}
h1, h2
{
	color: var(--cmainaccent);

font-weight: 600;

}
h1
{


font-weight: 600;

	font-size: calc(75% + 2.0vw);
		hyphens: none;
		margin-bottom: 20px;
			margin-bottom: 20px;
}
h1, h2
{
	font-family: 'rasheadline', sans-serif;
	display: inline-block;
	background-color:var(--csecondaccent);
	padding:5px 20px;
	margin-left:-30px;
	-webkit-transform: skew(-5deg, -1deg);
	-ms-transform: skew(-5deg, -1deg);
	transform: skew(-5deg, -1deg);
	

}


 h3, h4
 {
 		color: var(--csecondaccent);
	
 }
#main h2
{
	font-size: calc(75% + 1.0vw);

	margin-bottom: 20px;
		margin-bottom: 20px;
}
a
{
	color: var(--csecondaccent);
text-shadow: 1px 0 0 var(--cmainaccent);
	font-weight: 600;
	text-decoration: none;
	-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
	        -ms-transition: all 0.3s;
	        -o-transition: all 0.3s;
			transition: all 0.3s;
}
a:hover
{
		color: var(--cmainaccent);
		text-shadow: none;
		
}

h1 a, h2 a
{
		color: var(--cmainaccent);
}

h1 a:hover, h2 a:hover
{
		color: rgb(255,255,255);
}
img
{
	display: block;
}
hr
{
	color: var(--cmainaccent);
}
 .multicolumn
{
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;
width:calc(100% - 30px);

}



.dropshadow{
-webkit-box-shadow: var(--drpshd);
box-shadow:var(--drpshd);
}

.insetshadow{
-webkit-box-shadow:var(--drpshd);
box-shadow:var(--instshd);


}

section h3
{
		hyphens: auto;
}

.mobileonly
{
	display: none;
}

/* ************ Gutenberg-Fixes ********************* */
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content
{
padding: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media
{
		display: block;
		padding-left: 6%;
		padding-bottom: 6%;
	float: right;
	width:48%;
}


.wp-block-media-text
{
	display: block;
}

.entry-meta
{
	border-top: 1px dashed rgba(0,0,0,0.4);
	font-size:80%;
	padding-top:1em;
}
nav.post-navigation a
{
	font-size:80%;

}
.nav-links div
{
	max-width: 40%;
}
/* ************************************************************** */
/* ***************** Breiten! ******************************** */
/* ************************************************************** */

 #header-content-wrapper,#site-navigation-wrapper, .colophon,  #main-wrapper, .pl3vw

{
max-width: var(--pagewidth);
 margin:0px auto;
 width: 100%;
padding: 0px;

	position: relative;
}

.standard-width-element, #main
 {

	 	position: relative;
		margin:0px auto;
		width: 100%;

 }
 #header-content-wrapper .post-thumbnail img.custom-header
 {
	 width: 100%;
 }

/* ************************************************************** */
/* ***************** Header ******************************** */
/* ************************************************************** */




#masthead
{
	width: 100%;
	background-color: transparent;


	display: block;
}

#masthead #header-content
{

	display: flex;

	justify-content:space-between;

padding:4px 0px;
	align-items: top;


}
#masthead .site-branding
{
	max-width: var(--pagewidth);
	min-width: 230px;
	position: relative;
	margin-bottom: 4vw;
flex:1;

z-index: 5;

}

#masthead .custom-logo-link
{

	flex: auto;
	display: flex;

}
#masthead img.custom-logo
{
	margin:0px;
}





/* ******************** Navi ************************* */

#site-navigation
{
	position: relative;
width: 250px;
	background-color:#ffffff;

	padding:0px;
	left:2px;
	z-index:999;
	height:100%;
	min-height:50px;
	cursor: pointer;

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
#site-navigation:hover
{
	width: calc(100% -  4px);
	background-color:var(--csecondaccenttransp);

}
#menu-hauptmenue
{

display: flex;
justify-content : center;
flex-wrap: wrap;

font-family: 'OpenSansSemibold';
font-size: 100%;
	
}
#menu-hauptmenue a
{
	padding:8px 16px;
	color: var(--cbgpage);

		/*	text-transform: uppercase; */

}
#site-navigation li.current_page_item, #site-navigation li:hover
{
	background-color: var(--csecondaccent);
}

		.menu-toggle
		{
			display: block;
			font-family: 'rasheadline', sans-serif;


				font-size: 30pt;
			vertical-align: middle;
			background-image: url(./assets/img/burger.svg);

		background-repeat: no-repeat;
background-position: left; 
background-size: 30px 22px;
			   width: 150px;
	
			   text-align: right;
			   position: relative;

			   left: 40px;
			   color:var(--cmainaccent);

			  
				
				-webkit-transition: background 600ms linear;
				-moz-transition: background 600ms linear;
				-ms-transition: background 600ms linear;
				-o-transition: background 600ms linear;
				transition: background 600ms linear;
		}
		#site-navigation:hover 	.menu-toggle
		{

		}
		

		#site-navigation a
		{
			color: rgb(255,255,255);
	text-shadow:none!important;
		}
		
		#site-navigation a:hover
		{
			text-shadow:none!important;
		}
		#site-navigation  li.menu-item-has-children > a:after
		{
			display: none;
		}
		
		.main-navigation ul ul
		{
			max-height: 5000px;
		}
		#site-navigation #menu-hauptmenue
		{

			display: block;
			-moz-column-count: 2;
			-moz-column-gap: 30px;
			-webkit-column-count: 2;
			-webkit-column-gap: 30px;
			column-count: 2;
			column-gap: 30px;
			-webkit-transition: max-height 600ms linear;
			-moz-transition: max-height 600ms linear;
			-ms-transition: max-height 600ms linear;
			-o-transition: max-height 600ms linear;
			transition: max-height 600ms linear;
		height: auto;
max-height: 0px;
				position: absolute;

					overflow:hidden;
				background-color:var(--csecondaccent);

				opacity:0.9;
					width:calc(100% + 2px);
					text-align: left;
	
					  margin-top: 0px;
					
		}

		#site-navigation:hover #menu-hauptmenue
		{
			-webkit-transition: max-height 600ms linear;
			-moz-transition: max-height 600ms linear;
			-ms-transition: max-height 600ms linear;
			-o-transition: max-height 600ms linear;
			transition: max-height 600ms linear;
		
			height: auto;
				max-height: 1000px;
				position: absolute;
					overflow:hidden;
							border:2px solid var(--cmainaccent);
	
					backdrop-filter:blur(15px);
					 -webkit-backdrop-filter:blur(15px);
					   -moz-backdrop-filter:blur(15px);
					   
					     border-bottom:none;
	padding:30px;
		}
		

		.main-navigation ul li{
	 break-inside: avoid-column;
	 page-break-inside: avoid;
	  -webkit-column-break-inside: avoid;
display: inline-block!important;
	}
	.main-navigation ul li, .sub-menu{
		display: block;
	}
		.main-navigation ul li, .sub-menu li{
				display: block;
				padding: 0px;
				float: none;
				clear: left;
			position: relative;
			height: auto;
			 width:100%;
			 background-color:transparent;
			-webkit-transition: background 600ms;
			-moz-transition: background 600ms;
			-ms-transition: background 600ms;
			-o-transition: background 600ms;
			transition: background 600ms;
			border-bottom: 1px solid var(--cmainaccent);


		}
	.sub-menu li{
		border-bottom:none!important;
	}
		.main-navigation ul li:hover{
		

			}
		.main-navigation ul li a
		{
				position: relative;
			display: block;
				line-height: 1.5em;
				height: auto;
			width: calc(100% - 40px);

			padding:20px;
		
		}
		
		.main-navigation ul li:hover > ul,
		.main-navigation ul li.focus > ul {
			left: auto;
			right:0px;
			min-width: 66%;
				
		}
		
		
		.main-navigation ul ul {
			box-shadow: none;
			float: none;
			position: relative;
			top: auto;
			left: 0px;
			z-index: 99999;
		}
		
		#site-navigation ul ul li{
		background-color: var(csecondaccent);
		}
		#site-navigation ul li:hover, #site-navigation ul li.current_page_item
		{
			background-color:var(--cmainaccent);
			border-bottom: 1px solid var(--csecondaccent);
			
			
		}
		#site-navigation ul li:hover a, #site-navigation ul li.current_page_item a
		{
			color: var(--csecondaccent);
		}
		#site-navigation ul li.current_page_item:hover 
		{
			background-color:var(--csecondaccent);
		}
		#site-navigation ul li.current_page_item:hover a
		{
			color:var(--cmainaccent);
		}
		#site-navigation ul ul a{
			width: auto;
			padding: 10px;
			margin-left: 40px;
		}

		.main-navigation ul ul ul {
			left: 0px;
			top: 0;
		}
		
		
		.main-navigation ul li ul li
		{
			max-width: calc(100%);
		}
		.main-navigation ul li ul li a
		{
			
			padding-left:40px;
		}
		.main-navigation ul li ul li a:before
		{
		content:" • ";	
		}


/* ************************************************************** */
/* ***************** Thumbnail ******************************** */
/* ************************************************************** */

.thumbnailwrapper
{
	position: relative;
}
#thumbnail_teaser
{

		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		color: var(--cbgpage);
		
}
#thumbnail_teaser-content
{
	hyphens: auto;
	margin-top:3vw;
	
}

#thumbnail_teaser_text{
	width:50%;
	min-width: 600px;
}
	#frontpage-topsb-teaser-content, #thumbnail_teaser-content{
text-shadow: var(--txtshd);}
.std-teaser
{
	
}
.std-teaser h1, .std-teaser h2
{
font-weight: 100;
font-size: calc(85% + 1.0vw);
}



/* ************************************************************** */
/* ***************** content ******************************** */
/* ************************************************************** */

#content
{
	margin-top:5vw;
}

#primary
{
	display: block;

}

#main-wrapper
{
	padding:5em;
	background-color:var(--cbgpagetransl);

	
	-webkit-transform: skew(0.5deg, -0.8deg);
	-ms-transform: skew(0.5deg, -0.8deg);
transform: skew(0.5deg, -0.8deg);

	-webkit-transform: rotate(-0.5deg);
	-ms-transform: rotate(-0.5deg);
transform: rotate(-0.5deg);

}
#main
{

	hyphens: auto;

		padding:50px 0px;
		
		-webkit-transform: skew(-0.5deg, 0.8deg);
		-ms-transform: skew(-0.5deg, 0.8deg);
	transform: skew(-0.5deg, 0.8deg);
	
	-webkit-transform: rotate(0.5deg);
	-ms-transform: rotate(0.5deg);
transform: rotate(0.5deg);
}


img.alignleft, img.alignright {
	width: 30vw;

	
max-width: 300px;
}


.entry-content h3{
padding-top: 10px;}


.search-results article.hentry, .page-template-page-category article.hentry
{
	border-bottom: 1px solid var(--csecondaccent);
}

/* ************************************************************** */
/* ***************** widgets header ******************************** */
/* ************************************************************** */

#headerwidgets
{
	position: absolute;
	right:0px;
	width:50%;
	
}
/* ************************************************************** */
/* ***************** widgets bottom ******************************** */
/* ************************************************************** */

#contentwidgets-bottom
{
	/*
	display: flex;
justify-content:space-between;
	*/
}


#contentwidgets-bottom section.widget
{
	/*
	width: calc(50% - 3rem);

	flex: 1;

	
	-webkit-box-shadow: 0 3px 3px 3px rgba(209,209,211,1);

	box-shadow: 0 3px 3px 3px rgba(209,209,211,1);
*/
}

#contentwidgets-bottom section.widget:first-child
{
	margin-right:3rem;
}
#contentwidgets-bottom   .wpcf7-acceptance-as-validation .darkgrey
{
	margin-bottom: 3vw;
}


/* ************************************************************** */
/* ***************** Footer ******************************** */
/* ************************************************************** */

#colophon
{

	position: relative;
	padding: 2vw 0;
	background-color:transparent;
	color:var(--cmainaccent);
	text-shadow:var(--txtshd);
		max-width:var(--pagewidth);
}

#colophon h1, #colophon h2,#colophon h3
{
		color:var(--cmainaccent);
}
#colophon .widget
{
	margin:0px;

}
#colophon .widget p
{
	margin-bottom: 0.5em;
}

.menu-footer-container
{
	
}
.menu-footer-container ul#menu-footer 
{
	list-style: none;
	
}
.menu-footer-container ul#menu-footer  li{
	display: block;
float: left;
position: relative;
margin-right: 25px;

padding:0px 10px;
background-color:var(--cmainaccent);
-webkit-transform: skew(-5deg, -1deg);
-ms-transform: skew(-5deg, -1deg);
transform: skew(-5deg, -1deg);

-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
        -ms-transition: background 0.3s;
        -o-transition: background 0.3s;
		transition: background 0.3s;

}
.menu-footer-container ul#menu-footer  li a{ 

		color:var(--csecondaccent);
		text-shadow: none;
		-webkit-transition: color 0.3s;
				-moz-transition: color 0.3s;
		        -ms-transition: color 0.3s;
		        -o-transition: color 0.3s;
				transition: color 0.3s;
	
}
.menu-footer-container ul#menu-footer  li:hover
{
	background-color:var(--csecondaccent);
}
.menu-footer-container ul#menu-footer  li:hover a
{
		color:var(--cmainaccent);
}

/* ************************************************************** */
/* ***************** Extras ******************************** */
/* ************************************************************** */

/* ***************** collapseomatic ******************************** */
.collapseomatic
{

	display: block;
	width: 50%;

		background-color:var(--cmainaccent);
		background-position: 96% 15px;
		color:var(--csecondaccent);
		padding:1vw 5vw!important;

		margin-left:-30px;
		-webkit-transform: skew(-5deg, -1deg);
		-ms-transform: skew(-5deg, -1deg);
		transform: skew(-5deg, -1deg);
		
		margin-top: 10px;
		margin-bottom: 10px;
		-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
		        -ms-transition: all 0.3s;
		        -o-transition: all 0.3s;
				transition: all 0.3s;
				
			cursor: pointer;
	

}

.collapseomatic:hover
{
	background-color:var(--csecondaccent);
	color:var(--cmainaccent);
	text-decoration: none;
}
.collapseomatic_content{
float: none;

clear: both;

}
/* ***************** Teaserboxen ******************************** */
/* required PlugIns:
 -- lb-singlepageteaser
-- lb_cat_sp_teaser

*/

.lb-singlepageteaser
{
	-webkit-box-shadow: var(--teasershd);
	box-shadow: var(--teasershd);
	position: relative;
}

.lb-singlepageteaser .lb-featured-image-link img
{
	width: 100%;
}

.lb-singlepageteaser .excerpt-content 
{
	position: relative;
	padding:1.5vw;
	margin-bottom: 50px;
}

.lb-singlepageteaser .more-link-wrapper
{
	position: absolute;
	bottom: 10px;
	left:0px;
		padding:1.5vw;
}
.lb_cat_sp_teaser, .lb_singlepageteaser2
{
	margin-bottom: 5vw;
	padding:0px 2vw;
}
.lb_cat_sp_teaser .teaser-meta-date
{
	font-size: 80%;
	font-family: "OpenSansSemibold";
	color: var(--csecondaccent);
}
.entry-content .lb_cat_sp_teaser  h3
{
	padding-top: 0px;

}

#main .lb_singlepageteaser2 h2, .entry-content .lb_cat_sp_teaser  h2
{
font-size:100%;


}
.lb_cat_sp_teaser .teaser-meta-date
{
	font-style:italic;
	font-weight:bold;
		font-size: 80%;
		margin:5px 0px;
}

.lb_cat_sp_teaser .lb-more-link
{
	margin-top: 0.8vw;
	font-size: 80%;
	font-family: "OpenSansSemibold";
}

.teasertrenner
{
	border-top:2px solid var(--cmainaccent);
	border-bottom:1px solid var(--csecondaccent);
	margin:2vw 4vw;

	
}

/* Archive ************************************** */
#archive-left
{
	padding-right:2vw;
}

/* Gallery ************************************** */


.gallery
{
	width: 100%;
	margin: auto;

		display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.gallery-item
{
	display: block;
	position: relative;
	max-width:calc(22% - 0.5vw);
	text-align: center;
	margin:1vw;
}
.gallery-caption
{
	display: none;
}
.gallery-icon
{
	display: block;
	height:100%;
	width: 100%;
	text-align: center;
}
.gallery-icon img
{
		display: block;
		height:auto;
		width: auto;
		max-width: 100%;
		margin: auto;
}

/* Suche ************************* */




 .widget_search form,  .widget_search form input,  .widget_search form label,  .widget_search form div,  .menu-header-menue-container

{
	display: inline;


}
	.widget_search form:before
	{
		content: "";
						
	}
	.widget_search input
	{
		border: none;

		
	}
	.widget_search 
	{
		border: none;
		padding:5px;


	}
	.widget_search .search-field{
	display: inline;

	width: calc(100% - 1rem - 24px);
	padding-right: 35px;
	}
	
	.widget_search .search-submit
	{
		padding: 0px;
		width: 22px;
		height: 22px;
		color: transparent;
		background-color: var(--cbgpage);
		background-image:url(./assets/img/search.svg);
		background-size: contain;
			opacity: 0.6;
			-webkit-transition: all  0.3s;
					-moz-transition: all  0.3s;
			-ms-transition: all  0.3s;
			-o-transition: all  0.3s;
					transition: all  0.3s;
					left: -30px;
					position: relative;
	}
	.widget_search  .search-submit:hover
	{
opacity: 1;
	
		
	}

	
.widget_search .screen-reader-text, .p404 .screen-reader-text
{
	display: none;
}

#headerwidgets .widget_search
{

	width:50%;
	position: absolute;
	right:0px;
	padding:0px;
	margin:0px;
	opacity:0.8;
	-webkit-transition: all  0.3s;
			-moz-transition: all  0.3s;
	-ms-transition: all  0.3s;
	-o-transition: all  0.3s;
			transition: all  0.3s;
}

#headerwidgets .widget_search:hover
{
		opacity:1;
}

/* Formular ************************* */
div.wpcf7
{

	padding: 0px;
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.wpcf7-form
{

	display: block;
	position: relative;
	margin: 0px auto;

}

.wpcf7-form label
{
	display:block;
}
.wpcf7-textarea
{
	width: 100%;
	resize: none;
}
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form textarea, .wpcf7-form input[type="tel"], .wpcf7-form input.wpcf7-number
{
	width: 100%;
	border:1px solid var(--cdarkborder);
	background-color:var(--csecondaccent);
	color:var(--cbgpage);
	padding:10px;
	font-family:"OpenSansSemibold";
	-webkit-transition: background  0.3s;
			-moz-transition: background  0.3s;
	-ms-transition: background  0.3s;
	-o-transition: background  0.3s;
			transition: background  0.3s;
			
	
}

.wpcf7-form input[type="text"]:hover,.wpcf7-form input[type="email"]:hover,.wpcf7-form textarea:hover, .wpcf7-form input[type="tel"]:hover, .wpcf7-form input.wpcf7-number:hover
{

		
		background-color:var(--cmainaccent);
		color:var(--csecondaccent);
		
		-webkit-transition: background  0.3s;
				-moz-transition: background  0.3s;
		-ms-transition: background  0.3s;
		-o-transition: background  0.3s;
				transition: background  0.3s;
		
}

.wpcf7-form input[type="submit"]
    {
		position:relative;

	
		background-color:var(--csecondaccent);
		color:var(--cbgpage);
	   	padding:15px 50px;
		font-size: 100%;
		font-family: 'OpenSansSemibold';
		border:none;
	    text-shadow: none;
	
		display: table-cell;
		vertical-align: middle;
	    cursor: pointer;
	   
		-webkit-border-radius: 30px;
		border-radius: 30px;
		-webkit-transition: background 0.3s;
				-moz-transition: background 0.3s;
		        -ms-transition: background 0.3s;
		        -o-transition: background 0.3s;
				transition: background 0.3s;

    }
	.wpcf7-form input[type="submit"].listen
	{
			left: 0px;
	}
	.wpcf7-form input[type="submit"]:hover
	{
		background-color:var(--cmainaccent);
		color:var(--csecondaccent);

		-webkit-transition: background 0.3s;
				-moz-transition: background 0.3s;
		        -ms-transition: background 0.3s;
		        -o-transition: background 0.3s;
				transition: background 0.3s;
				

	}
	
	
	.wpcf7-form input.wpcf7-number
	{
		max-width: 100px;
	}
	
.wpcf7-form  .wpcf7-validates-as-required input.newsletter-submit
{
			left:0px!important;
		}
		
		


		
.wpcf7-form  .wpcf7-validates-as-required, .wpcf7-form  .wpcf7-acceptance
{
	padding-right: 30px;

}		
.wpcf7-form  .wpcf7-acceptance
{
	margin-bottom:10px;
	display: block;
	position: relative;
		margin-right: 30px;

}
.wpcf7-form  .wpcf7-validates-as-required input[type="checkbox"], .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]
{


    opacity: 0;
width: 30px;
height: 30px;
    cursor: pointer;
	vertical-align: inherit;
	top: -6px;
		left:-4px;
	position: absolute;
}

.wpcf7-form  .wpcf7-validates-as-required span.wpcf7-list-item
{
	margin:0;
}
.wpcf7-form  .wpcf7-validates-as-required .wpcf7-list-item-label,  .wpcf7-acceptance .wpcf7-list-item-label:after
{

    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
pointer-events: none;
background-color:var(--csecondaccent);
color:var(--cbgpage);
	border: 1px solid var(--cdarkborder);
	-webkit-transition: background 0.3s;
			-moz-transition: background 0.3s;
	        -ms-transition: background 0.3s;
	        -o-transition: background 0.3s;
			transition: background 0.3s;
}
 .wpcf7-acceptance .wpcf7-list-item-label:after
 {
	
	    content: " ";
		margin-left:10px;

	
		 }
		 
	 .wpcf7-acceptance	.wpcf7-list-item-label 
		 {
			 display: block;
			padding-left:26px;

		 }

.wpcf7-form  .wpcf7-validates-as-required:hover input[type="checkbox"] ~ .wpcf7-list-item-label, .wpcf7-form  .wpcf7-validates-as-required:hover input[type="checkbox"] ~ .wpcf7-list-item-label, .wpcf7-form  .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:hover ~ .wpcf7-list-item-label:after
{
	  background-color:var(--cmainaccent);
}
.wpcf7-form  .wpcf7-validates-as-required input[type="checkbox"]:checked ~ .wpcf7-list-item-label
{
	background-color:var(--cro);
}
 .wpcf7-form  .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked ~ .wpcf7-list-item-label:after
{
	background-color:var(--cro);
	display: flex;
	font-weight:bold;
	font-size:120%;
    align-items: center;
    justify-content: center;
	 content: "X";
   	color: var(--csecondaccent);


 	
}
.wpcf7-form  .wpcf7-validates-as-required input[type="checkbox"]:checked ~ .wpcf7-list-item-label:after
{
    content: "";
    position: absolute;

  	color: var(--cbgpage);

	left: 5px;

	top: -1px;

	width: 10px;

	height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}




.wpcf7-quiz
{
	display: block;
}
	
	
/* ****** Scrollbutton **************************************************************** */
#scrlup
{
    width: 40px;
    height: 40px;
    display: none;
    position: fixed;
    bottom: 110px;
    right: 20px;
    cursor: pointer;
    z-index: 999;
	
  


}

#scrlup #scrlfiller
{
	display: block;
	width: 100%;
	height:100%;
	position: relative;
	top:0px;
	left:0px;
	opacity:0.6;
    background-image: url(./assets/img/scrlup.png);
    background-repeat: no-repeat;
		background-size: cover;
		-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
		        -ms-transition: all 0.3s;
		        -o-transition: all 0.3s;
				transition: all 0.3s;
	

}
#scrlup:hover #scrlfiller
{
	opacity:1;
}