/*

    The following CSS codes are created by the YellowPencil plugin.
    https://yellowpencil.waspthemes.com/


    T A B L E   O F   C O N T E N T S
    ........................................................................

    01. Global Styles
    02. "KlarText" Page
    03. "Datenschutzerklärung" Page

*/



/*-----------------------------------------------*/
/*  Global Styles                                */
/*-----------------------------------------------*/
body #font-gradient{
	background:-webkit-linear-gradient(left, #FF4392 0%, #9335E5 100%);
	background:-o-linear-gradient(left, #FF4392 0%, #9335E5 100%);
	background:linear-gradient(90deg, #FF4392 0%, #9335E5 100%);

	-webkit-background-clip: text;
	background-clip: text;
	text-fill-color: transparent;
}

body .menu-item span{
	width:170px;
	height:55px;
	background:-webkit-linear-gradient(left, #FA0A59 0%, #FE3D4F 42%, #FFE008 100%);
	background:-o-linear-gradient(left, #FA0A59 0%, #FE3D4F 42%, #FFE008 100%);
	background:linear-gradient(90deg, #FA0A59 0%, #FE3D4F 42%, #FFE008 100%);
	font-size:15px;
	border-radius:100px;
}

body .svg-item{
	position: absolute;
	width: 100px;
	height: auto;
}

body .menu-item .awb-menu__main-a_button span{
	width:135px;
}

body .fusion-privacy-bar-main span u{
	text-decoration:none;
}

body #matomo-opt-out{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	border-radius:5px;
	border-style:solid;
	border-radius:25px;
	border-width:2px;
	border-color:#ffffff;
}

body .avada-footer-scripts .fusion-privacy-bar .fusion-privacy-bar-full{
	padding-top:10px;
}

body #matomo-opt-out p{
	font-family:'Gabarito';
	color:#ffffff;
}

body #matomo-opt-out label span{
	font-family:'Gabarito';
	color:#ffffff;
}



/*-----------------------------------------------*/
/*  "KlarText" Page                              */
/*-----------------------------------------------*/
body.page-id-2 .kostenlos{
	top: -10%;
	left: 60%;
	position: absolute;
	font-family: 'Gluten', sans-serif;
	color:white!important;
	font-size: 24.1px;
	font-weight: bold;
	line-height: 84%;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #0B131A;


	paint-order: stroke fill!important;
	-webkit-transform: rotateZ(-14deg);
	-ms-transform: rotateZ(-14deg);
	transform: rotateZ(-14deg);
}

body.page-id-2 #ziel img{
	-webkit-transform: rotateX(-180deg) rotateZ(-180deg);
	-ms-transform: rotateX(-180deg) rotateZ(-180deg);
	transform: rotateX(-180deg) rotateZ(-180deg);
}

body.page-id-2 .sicherheit{
	top: -10%;
	left: 40%;
}

body.page-id-2 .anonym{
	width:138px;
	top: 20%;
	left: 80%;
}

body.page-id-2 .anonym1{
	width:138px;
	top: 80%;
	left: 50%;
	z-index:9999;
}

body.page-id-2 .smiley{
	width:141px;
	top: 75%;
	left: 85%;
}

body.page-id-2 .veraenderung{
	top: 80%;
	left: 60%;
	width:142px!important;
}

body.page-id-2 .akzeptanz{
	top:100%;
	left: 35%;
	position: absolute;
	font-family: 'Gluten', sans-serif;
	font-size: 24.1px;
	font-weight: bold;
	line-height: 84%;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #0B131A;


	paint-order: stroke fill;
	-webkit-transform: rotateZ(18deg);
	-ms-transform: rotateZ(18deg);
	transform: rotateZ(18deg);
}

body.page-id-2 .vertraulich{
	top: 40%;
	left: -20%;
	position: absolute;
	font-family: 'Gluten', sans-serif;
	font-size: 33.44px;
	font-weight: bold;
	line-height: 84%;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #0B131A;


	paint-order: stroke fill;
	-webkit-transform: rotateZ(-14deg);
	-ms-transform: rotateZ(-14deg);
	transform: rotateZ(-14deg);
}

body.page-id-2 .zukunft{
	top:-10%;
	left: 20%;
	position: absolute;
	font-family: 'Gluten', sans-serif;
	font-size: 24.1px;
	font-weight: bold;
	line-height: 84%;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #0B131A;


	paint-order: stroke fill;
	-webkit-transform: rotateZ(-14deg);
	-ms-transform: rotateZ(-14deg);
	transform: rotateZ(-14deg);
}

body.page-id-2 .zukunft1{
	top:3%;
	left: -3%;
	position: absolute;
	font-family: 'Gluten', sans-serif;
	font-size: 24.1px;
	font-weight: bold;
	line-height: 84%;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #0B131A;


	paint-order: stroke fill;
	-webkit-transform: rotateZ(-14deg);
	-ms-transform: rotateZ(-14deg);
	transform: rotateZ(-14deg);
	z-index:9999;
}

body.page-id-2 .verstaendnis{
	width:135px;
	top: 90%;
	left: 15%;
}

body.page-id-2 .daumenhoch{
	top: 90%;
	left: 0%;
}

body.page-id-2 .ausrufezeichen{
	width:75px;
	top: 35%;
	left: 10%;
}

body.page-id-2 .fragezeichen{
	top: -20%;
	left: 80%;
}

body.page-id-2 .hilfe{
	width:113px;
	top: -15%;
	left: 5%;
}

body.page-id-2 .hilfe1{
	width:129px;
	top: -15%;
	left: -5%;
	z-index:9999;
}

body.page-id-2 .hilfe2{
	width:186px;
	top: 30%;
	left: -20%;
}

body.page-id-2 .smiley2{
	width:84px;
	top: 5%;
	left: 100%;
}

body.page-id-2 #kontakt .fusion-flex-column .svg-item{
	z-index:1000;
}

@media (max-width:640px){

	body.page-id-2 #kontakt .hilfe2{
	width:126px;
	top: -5%;
	left: -5%;
}

body.page-id-2 #kontakt .smiley2{
	width:84px;
	top: 90%;
	left: 85%;
}

body.page-id-2 .hilfe{
	width:100px;
	top: -30%;
	left: -5%;
}

body.page-id-2 .fragezeichen{
	width:55px;
	top: -30%;
	left: 90%;
}

body.page-id-2 .sicherheit{
	top:-20%;
	left:25%;
	-webkit-transform: rotateZ(-25deg);
	-ms-transform: rotateZ(-25deg);
	transform: rotateZ(-25deg);
}

body.page-id-2 .kostenlos{
	top: -8%;
	left: 70%;
	font-size: 15px;
	-webkit-transform: rotateZ(15deg);
	-ms-transform: rotateZ(15deg);
	transform: rotateZ(15deg);
}

body.page-id-2 .akzeptanz{
	top: 90%;
	left: 5%;
	font-size: 15px;
}

body.page-id-2 .vertraulich{
	display:none;
}

body.page-id-2 .zukunft{
	display:none;
}

body.page-id-2 .anonym{
	display:none;
}

body.page-id-2 .verstaendnis{
	display:none;
}

body.page-id-2 .ausrufezeichen{
	display:none;
}

body.page-id-2 .daumenhoch{
	width:50px;
}

body.page-id-2 .veraenderung{
	left:35%;
	-webkit-transform: rotateZ(15deg);
	-ms-transform: rotateZ(15deg);
	transform: rotateZ(15deg);
}

body.page-id-2 .smiley{
	width:115px;
	top: 75%;
	left: 75%;
}

body.page-id-2 .anonym1{
	width:138px;
	top:80%;
	left: 65%;
	}

}



/*-----------------------------------------------*/
/*  "Datenschutzerklärung" Page                 */
/*-----------------------------------------------*/
body.page-id-3 #matomo-opt-out p{
	font-family:'Gabarito';
	color:#ffffff;
}

body.page-id-3 #matomo-opt-out label span{
	font-family:'Gabarito';
	color:#ffffff;
}

body.page-id-3 #matomo-opt-out{
	margin-bottom:20px;
	background-color:transparent !important;
	border-radius:25px;
	border-style:solid;
	border-width:2px;
	border-color:#ffffff;
	padding:20px;
}