@charset "utf-8";
/* CSS Document */

:root{
/*	----------------------------------------------------------  SIZES  */	
	--full-width: 1920px;
	--inner-width: 1440px;

	--gap-full: 25px;
	--gap-half: 15px;
	
/*	---------------------------------------------------------  COLORS  */
	--cwf-orange-light:  rgba(252,190,16,1);
	--cwf-orange-medium: rgba(243,146,0,1);
	--cwf-orange-dark:   rgba(240,125,0,1);

	--cwf-green-dark: rgba(165,203,190,1);
	--cwf-green-light: rgba(209,229,222,1);

	--cwf-grey: rgba(213,220,219,1);
	--cwf-grey-medium: rgba(230,230,230,1);
	--cwf-grey-light: rgba(243,245,245,1);

	--test-shade: rgba(0,0,0,0.05);

/*	----------------------------------------------------------  FONTS  */
	--roboto: 'Roboto', 'Arial';
	
	--thin: 		100;
/*	--extralight: 	200;  */
	--light: 		300;
	--regular: 		400;
	--medium: 		500;
/*	--semibold: 	600;  */
	--bold: 		700;
/*	--black: 		800;  */
	--extrablack: 	900;

/*	------------------------------------------------------ FONT SIZES  */
	--mega-menu: 1.5rem;

}
@media screen and (min-width:999px){
	:root{
		--gap-full: 40px;
		--gap-half: 20px;
	}
}



* {
	box-sizing:border-box;
}

html, body {
	width:100%;
	height:auto;
	min-height:100vh;
	position:relative;
	
	padding:0;
	margin:0;
	
	font-family: var(--roboto), sans-serif;
	font-style:normal;
	font-size:93.75%;
	color:rgba(0,0,0,1);
}

html{
	/*	force scrollbars  */
	overflow-y:scroll;
	scroll-behavior: smooth;	
}

body{

}

	h1, h2, h3, h4, h5, h6, p, td, ul, li, figure, button {
		margin:0;
		padding:0;
		font-weight:normal;
		border:0;
		outline:0;
		background-color:transparent;
	}

	strong{
		font-family: var(--roboto), sans-serif;
		font-style: normal;
		font-weight: var(--bold);
	}

/*	.yellow { color:rgba(255,204,0,1); }  */

/*	-----------------------------------------------------------  FLEX  */
	.flxR{
		display:flex;
		flex-flow:row;
		flex-wrap:nowrap;
	}
	.flxC{
		display:flex;
		flex-flow:column;
		flex-wrap:nowrap;
	}
	.flxJCA	{ justify-content:space-around; }
	.flxJCB	{ justify-content:space-between; }
	.flxJCC	{ justify-content:center; }
	.flxJCE	{ justify-content:flex-end; }
	.flxJCS	{ justify-content:flex-start; }

	.flxAIC	{ align-items:center; }
	.flxAIE	{ align-items:flex-end; }
	.flxAIS	{ align-items:flex-start; }
	.flxWrp	{ flex-wrap:wrap; }


/*	-----------------------------------------------------------  GRID  */
	.grd{
		display: grid;
	}

	.grdJIC{ justify-items: center; }


/*	-----------------------------------------------------  SOME SIZES  */
	.fllW{
		width:100%;
		height:auto;
	}
	.fllH{
		height:100%;
		width:auto;
	}
	.fllWH{
		width:100%;
		height:100%;
	}

	.innerWidth{
		width:100%;
		max-width: var(--inner-width);
		margin:0 auto;
	}





/*	-------------------------------------------------------------------------------  COMMON CLASSES  */

.orange 	{ background-color: var(--cwf-orange-dark);}
.yellow 	{ background-color: var(--cwf-orange-light); }
.grey 		{ background-color: rgba(230,230,230,1); }
.white 		{ background-color: rgba(255,255,255,0.96); }
.darkmint	{ background-color: var(--cwf-green-dark); }
.mittelmint	{ background-color: rgba(163,203,189,0.5); }


h1, h2, #chkwf_wirkSelectorMore{
	font-family: var(--roboto);
	font-weight: var(--bold);
	text-align: left;
	color:rgba(0,0,0,1);
}

h1{
	margin:1rem 0 2.75rem 0;
	font-size: 2rem;
	line-height: 1.2;
}

@media only screen and (min-width:666px){
	h1{
		margin:0.5rem 0 3rem 0;
		font-size: 2.5rem;
	}
}

h1.chkwf_home{
	margin:0.5rem 0 1rem 0;
	font-size: 1.25rem;
}

h2{
	font-size: 1.25rem;
	margin:1.25rem 0;
}
@media screen and (min-width: 666px){
	h2{
		font-size: 1.5rem;
	}
}

h2.chkwf_box{
	font-size: 1.25rem;
}

.chkwf_blackBlock h2{
	position:absolute;
	top:0;
	left:0;
	font-size:0.825rem;
	font-family:'robotoregular',sans-serif;
}

div.chkwf_headerBlock + h2 {
	margin-top:0.5rem;
}

h3{
	padding: 0.5rem 0;
	font-size: 1.25rem;
	font-weight: var(--bold);
}

p, ul, ol, table, td{
	padding: 0 0 0.7rem;

	font-family: var(--roboto);
	font-size: 1.1rem;
	text-align: left;
}
@media screen and (min-width: 666px) {
	p, ul, ol, table, td{
		padding: 0 0 1rem;

		font-size: 1.25rem;
	}

}

ul,
ol{
	margin: 0 0 0 20px;
}

li{
	padding: 0 0 0.5rem;
}

td{
	padding: 0 15px 0 0;
}

a { text-decoration: underline; }
a.unmarked{ text-decoration:none !important; }

a:link, a:visited{ color: rgba(0,0,0,0.75); }
a:hover, a:active{ color: rgba(0,0,0,1); text-decoration: underline; }


a[href^="http://"]:not([href*="checkwerfaehrt"])::after,
a[href^="https://"]:not([href*="checkwerfaehrt"])::after {
	content: ' ';
	width: 15px;
	aspect-ratio: 5 / 4;

	display: inline-block;
	margin: 0 0 0 5px;

	background-image: url('../../assets/media/images/check-wer-faehrt-icon-link-out_25x20_opt.svg');
	background-size: 100% calc(100% + 2px);
	background-repeat: no-repeat;
	background-position: left -1px;
}

button{
    font-family: var(--roboto), sans-serif;
    cursor: pointer;
}





/*	-----------------------------------------------------------------------------  WORDPRESS TWEAKS  */
	.alignnone{
		width: 100% !important;
		height: auto;
	}
		.wp-caption-text {
			font-size: 0.8rem;
			text-align: right;
		}





/*	---------------------------------------------------------------------------------------  HEADER  */

	.chkwf_hdrWrp{
		width: 100%;
		min-width: 320px;
		height: 145px;

		position: fixed;
		top: 0;
		z-index: 1000;

		background-color: var(--cwf-orange-light);

		border-bottom: 8px solid white;

	/*	opacity: 0.5;  */
	}
		.chkwf_hdr{
			width: 100%;
			max-width: var(--inner-width);
			height: 55px;

			position: relative;
            margin-top: 40px;
			padding: 0 var(--gap-full);

		/*	border-left: 1px solid rgba(0,0,0,0.05);  */
		/*	border-right: 1px solid rgba(0,0,0,0.05);  */
		}
		@media screen and (min-width:1170px){
			.chkwf_hdr{
				flex-flow: row;
				justify-content: flex-start;
				align-items: center;
			}
		}
		@media screen and (min-width:1470px){
			.chkwf_hdr{
				padding: 0;
			}
		}


	/*	-----------------------------------------------------------------  LOGO  */
        .chkwf_hdrLogoWrp{
            display: block;
            height: 55px;
        }

            .chkwf_hdrLogo{
                width: 100%;
                max-width: 380px;

                z-index: 3000;
            }
            @media screen and (min-width:1170px){
                .chkwf_hdrLogo{
                    width: auto;
                    max-width: unset;
                    height: 55px;
                }
            }



	/*	------------------------------------------------------  AUDIENCE SWITCH  */
		.chkwf_audienceSwitch{
			padding: 10px 50px 0 0;
		}
		@media screen and (min-width:1170px) {
			.chkwf_audienceSwitch{
				padding: 0 0 0 50px;
			}
		}
			.chkwf_hdrAudienceBtn{
				width: fit-content;
				height: auto;
				min-height: 25px;

				position: relative;
				margin: 0 10px 0 0;
				padding: 5px 10px;

				font-size: 0.95rem;
				font-weight: var(--bold);
				letter-spacing: 0.05rem;
				text-decoration: none;
				white-space: nowrap;

				background-color: var(--cwf-orange-medium);
				border: 2px solid var(--cwf-orange-dark);
				border-radius: 8px;
			}
			@media screen and (min-width:420px){
				.chkwf_hdrAudienceBtn{
					min-height: 35px;

					padding: 0 15px;
					margin: 0 10px 0 0;

					font-size: 1rem;
				}
			}
			@media screen and (min-width:666px){
				.chkwf_hdrAudienceBtn{
					font-size: 1.25rem;
				}
			}
			@media screen and (min-width:999px){
				.chkwf_hdrAudienceBtn{
					font-size: var(--mega-menu);
				}
			}

			a.chkwf_hdrAudienceBtn {
				padding-right: 30px;
				text-decoration: none;
			}
			@media screen and (min-width:520px){
				a.chkwf_hdrAudienceBtn {
					padding-right: 40px;
				}
			}
				a.chkwf_hdrAudienceBtn:after {
					width: 12px;
					aspect-ratio: 2 / 3;

					content: ' ';

					position: absolute;
					right: 10px;

					background-image: url("../../assets/media/images/check-wer-faehrt_dart-black-right_20x30_opt.svg");
					background-position: right center;
					background-size: 100%;
					background-repeat: no-repeat;
				}

				a.chkwf_hdrAudienceBtn:link,
                a.chkwf_hdrAudienceBtn:visited {
                    color: black;
                    background-color: transparent;
                }
				a.chkwf_hdrAudienceBtn:hover,
				a.chkwf_hdrAudienceBtn:focus,
                a.chkwf_hdrAudienceBtn:active {
                    color: black;
                    background-color: var(--cwf-green-light);
                    border-color: var(--cwf-green-dark);
                }




		/*	--------------------------------------------------------------------  SUBMENU  */
			.chkwf_subMenuWrp{
				display: none;
				position: absolute;
				right: 0px;
				top: 10px;
			}
				.chkwf_subMenuWrp li {
					list-style: none;
					padding: 0 7px;
				}
					.chkwf_subMenuWrp li a{
						font-weight: var(--regular);
						color: black;
						text-decoration: none;
					}





/*	------------------------------------------------------------------------------------  MEGA MENU  */
	.chkwf_megaMenuWrp{
		width: 100%;
        max-width: calc( var(--inner-width) + 50px );
		height: auto;

        position: relative;
        z-index: 1111;


        .chkwf_megaMenu {
            width: 100%;

            position: relative;
            margin: 15px 0 0;
            padding: 120px 25px 50px;

            overflow: hidden;
            opacity: 1;
            background-color: var(--cwf-grey-light);

            transition: all 0.5s;


            .chkwf_megaMenuLogo {
                display: block;
                width: auto;
                height: 55px;

                position: absolute;
                left: 25px;
                top: 25px;
            }
            @media screen and (min-width: 999px) {
                .chkwf_megaMenuLogo {
                    left: 40px;
                }
            }
            @media screen and (min-width: 1470px) {
                .chkwf_megaMenuLogo {
                    left: 25px;
                }
            }

            .chkwf_megaMenuBlockWrp {
                width: 100%;

                /*    background-color: var(--cwf-grey);  */

                .chkwf_megaMenuBlock {
                    width: 100%;

                    margin: 0;
                    padding: 0;

                    li {
                        width: max-content;

                        list-style: none;

                        margin: 0 0 1rem;
                        padding: 0 3px 5px;

                        font-size: var(--mega-menu);
                        font-weight: var(--bold);
                        letter-spacing: 0.05rem;
                        line-height: 1.1;
                        text-align: left;

                        border-bottom: 4px solid transparent;

                        &:hover,
                        &:focus {
                            border-bottom-color: black;
                        }

                        &.chkwf_megaMenuLight {
                            font-weight: var(--regular);
                        }

                        &.chkwf_legalFirst {
                            padding-top: 2rem;
                        }

                        a {
                            display: block;
                            text-decoration: none;
                        }
                    }

                    &:nth-child(1 of .chkwf_megaMenuLight) { color: red; }

                    form {
                        width: 100%;
                        max-width: 300px;

                        .chkwf_searchForm {
                            font-size: var(--mega-menu);
                            font-weight: var(--bold);
                            color: rgba(0, 0, 0, 0.75);
                        }

                        label {
                            display: block;
                            padding: 0 0 0.5rem;
                        }

                        input {
                            width: 90%;
                            padding: 5px;
                            margin-bottom: 1rem;

                            font-size: 1.1rem;
                        }
                    }
                }
            }
            @media screen and (min-width: 666px) {
                .chkwf_megaMenuBlockWrp {
                    width: 50%;
                }
            }
            @media screen and (min-width: 1200px) {
                .chkwf_megaMenuBlockWrp {
                    width: 25%;
                }
            }



        }
        @media screen and (min-width: 999px) {
            .chkwf_megaMenu{
                padding: 120px 50px 50px;
            }
        }
        @media screen and (min-width: 1470px) {
            .chkwf_megaMenu{
                padding: 120px 25px 50px;
            }
        }


        &.posFixed{
            position: fixed;
            left: 50%;
            top: 0;
            z-index: 2000;
            translate: -50% 0;

            .chkwf_megaMenu{
                display: none;
                opacity: 0;
            }
        }

        &.posRelative{
            position: relative;

            .chkwf_megaMenu{
                width: 100%;
                height: auto;
            }
        }



        /*	---------------------------------------------------------------  HAMBURGER BUTTON  */
        /*	---------------------------------------------------------------  SVG Version 2025  */

        .navBurgerBtn{
            width: fit-content;
            height: auto;

            position: absolute;
            top: 40px;
            right: 25px;
            z-index: 1112;

            margin: 0;
            padding: 5px 15px 5px 20px;

            /*	font size = chkwf_hdrAudienceBtn */
            font-size: var(--mega-menu);
            font-weight: var(--bold);
            letter-spacing: 0.05rem;
            text-decoration: none;
            color: black;

            border: 2px solid transparent;

            transition: top 0.5s;

            --rotationUp: 	45deg;
            --rotationDown: -45deg;

            --1stheight: 	0%;
            --2ndheight: 	50%;
            --3rdheight: 	100%;

            --animduration: 0.5s;
            /*	background-color: var(--test-shade);  */


            svg{
                width: 45px;
                height: 45px;

                margin: 0 0 0 10px;

                .navBurgerLine{
                    stroke: black;
                    stroke-width: 5px;

                    transform-origin: center center;

                    transition: transform 0.3s;

                    &:nth-of-type(1).inactive{ transform: translate( 7px, 9px); }
                    &:nth-of-type(2).inactive{ transform: translate( 7px, 22px); }
                    &:nth-of-type(3).inactive{ transform: translate( 7px, 35px); }

                    &.stacked{ transform: translate( 7px, 22px); }

                    &:nth-of-type(1).active{ transform: translate( -10px, 19px) rotate(45deg); }
                    &:nth-of-type(2).active{ transform: translate( 7px, 22px); }
                    &:nth-of-type(3).active{ transform: translate( 22px, 11px) rotate(-45deg); }
                }

            }

        }

    }

    [data-whatinput="keyboard"] .navBurgerBtn:focus{
        /*  border-color: black;  */
        background-color: var(--cwf-orange-dark);
    }






/*	---------------------------------------------------------------------------------------  KEYVIZ  */

	.chkwf_keyVizWrp{
		width: 100%;
		height: auto;

		position: relative;
		padding: 0;

		background-color: var(--cwf-grey-medium);
	}
		.chkwf_keyViz{
			width: 100%;
		/*	max-width: calc( var(--inner-width) - 50px);  */
			max-width: var(--inner-width);
			aspect-ratio: 3.2 / 1;

			position: relative;

			background-color: rgba(0,0,0,0.1);

			background-size: cover;
			background-position: center center;
		}

			.chkwf_keyVizCaption{
				width: fit-content;

				position: absolute;
				right: 15px;
				top: calc(100% + 4px);

				font-size: 0.8rem;
				text-align: right;
			}
			@media screen and (min-width:1440px){
				.chkwf_keyVizCaption {
					right: 5px;
				}
			}




/*	----------------------------------------------------------------------------------  THE FIXATIV  */

	.fixativ{

	}





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

	.chkwf_mainWrp{
		width: 100%;
	/*	max-width: var(--full-width);  */
		height: auto;
		min-height: 100vh;

		position: relative;
		top:0px;

		padding: 140px 0 0;
	}

		.chkwf_main{
			width:100%;
			max-width: var(--inner-width);
			height: auto;

			padding: 50px 0 100px;
		}

		/*	----------------------------------------------------------  MAIN HEADER BLOCK  */

			.chkwf_mainBlockHeader{
				position: relative;
				width: 100%;
				height: 70px;
				padding: 0;
				font-size: 0.9rem;
			}

				.noTopSpace{
					height:20px;
				}

				.chkwf_mainBlockHeader img{
					display:inline-block;

					width:10px;
					height:12px;

					margin-bottom:-2px;
					padding:0 5px;
					opacity:0.75;
				}

				.chkwf_mainBlockHeader a{
					font-size: inherit;
				}

				.chkwf_mainBlockHeader a::after{
					content:none;
				}

				.chkwf_blackBlock{
					position:absolute;
					bottom:0;
					left:0;
					width:140px;
					border-bottom:5px solid rgba(0,0,0,1);
				}

				.chkwf_breadcrumbDart{
					display:inline-block;
					height: 10px;

					margin: 7px 5px 0;
				}

				.chkwf_breadcrumbDart svg{
					height: 100%;
				}



	/*	------------------------------------------------------------  MAIN CONTENT BLOCKS  */
		.chkwf_mainBlockContent{
			width: 100%;

		/*	background-color: var(--test-shade);  */
		}
		@media screen and (min-width:999px) {
			.chkwf_mainBlockContent {
				flex-flow: row;
				justify-content: space-between;
			}
		}


		/*	---------------------------------------------------  CONTENT COLUMN  */
			.chkwf_mainColContent{
				width: 100%;
				margin: 0;
				padding: 20px var(--gap-full);

				overflow: hidden;

			/*	background-color: var(--test-shade);  */
			}
			@media screen and (min-width: 999px) {
				.chkwf_mainColContent{
					width: calc(60% - var(--gap-full));
					margin: 0 0 0 var(--gap-full);
					padding: 20px 0 0 0;

					/*	background-color: var(--test-shade);  */
				}
			}

			.chkwf_startBrochureTitle{
				width: 640px;
				height: auto;

				position: relative;
				left: 50%;
				translate: -50% 0;

				padding:20px 0 0 0;
			}
			@media screen and (min-width: 666px){
				.chkwf_startBrochureTitle{
					width: 100%;
					height: auto;
				}
			}


		/*	---------------------------------------------------  SIDEBAR COLUMN  */
			.chkwf_mainColAside{
				width: 100%;
				margin: 0;

			/*	background-color: var(--test-shade);  */
			}
			@media screen and (min-width: 999px){
				.chkwf_mainColAside{
					width: calc(31% - var(--gap-full));
					margin: 0 var(--gap-full) 0 0;
				}
			}
				.chkwf_asideBlock {
					display: block;
					margin: 0 10px 20px;
					padding: 20px 15px 5px;
				}
				@media screen and (min-width:999px){
					.chkwf_asideBlock {
						display: block;
						margin: 0 0 20px 0;
						padding: 20px 30px 20px;
					}
				}
					.home .chkwf_mainBlockContent a.chkwf_asideBlock{ order: 2; }
					.home .chkwf_mainBlockContent div.chkwf_asideBlock{ order: 1; }
					@media screen and (min-width:999px) {
						.home .chkwf_mainBlockContent a.chkwf_asideBlock{ order: 1; }
						.home .chkwf_mainBlockContent div.chkwf_asideBlock { order: 2; }
					}

					.chkwf_asideBlock img{
						width:100%;
						height:auto;
					}

					a.chkwf_asideBlock.chkwf_fullBlockLink{
						font-family: inherit;
						text-decoration:none;
						color:rgba(0,0,0,1);
					}

					.chkwf_arrowRight {
						width: 100%;
						height: 70px;
						text-align: right;
					}
						.chkwf_arrowRight img {
							height: 100%;
							width: auto;
						}



/*	----------------------------------------------------------------------------------------------  SPECIALS: FRONTPAGE  */

/*	------------------------------------------------------  FRONT PAGE MIDDLE BLOCK 1 (WITH BACKGROUND IMAGE)  */

	.chkwf_startMiddleBlock {
		width: 100%;
		height: auto;
		min-height: 600px;

		position: relative;
		margin: 50px 0 0;
		padding: var(--gap-half) 10px;

		grid-template-columns: 1fr;
		gap: var(--gap-full);

		background: url(../../assets/media/images/chkwf_home_warndreieck.jpg) no-repeat center center;
		background-color: rgba(0, 0, 0, 0);
		background-size: auto;
		background-size: cover;
		background-color: rgba(0,0,0,0.05);
	}
	@media screen and (min-width: 666px){
		.chkwf_startMiddleBlock {
			grid-template-columns: repeat( 2, 1fr);
		}
	}
	@media screen and (min-width: 999px){
		.chkwf_startMiddleBlock {
			padding: var(--gap-full);
			grid-template-columns: repeat( 3, 1fr);
		}
	}
		.grdChild{
			padding: 20px;
			background-color: white;
		}
		@media screen and (min-width: 999px){
			.grdChild {
				padding: 30px;
			}
		}
			.chkwf_startMiddleBlock .grdChild1 { grid-area: 1 / 1 / 2 / 2; }
			.chkwf_startMiddleBlock .grdChild2 { grid-area: 2 / 1 / 3 / 2; }
			.chkwf_startMiddleBlock .grdChild3 { grid-area: 3 / 1 / 4 / 2; }
			.chkwf_startMiddleBlock .grdChild4 { grid-area: 4 / 1 / 5 / 2; }

			@media screen and (min-width: 666px) {
				.chkwf_startMiddleBlock .grdChild2 { grid-area: 1 / 2 / 2 / 3; }
				.chkwf_startMiddleBlock .grdChild3 { grid-area: 2 / 1 / 3 / 2; }
				.chkwf_startMiddleBlock .grdChild4 { grid-area: 2 / 2 / 3 / 3; }
			}

			@media screen and (min-width: 999px) {
				.chkwf_startMiddleBlock .grdChild2 { grid-area: 1 / 2 / 2 / 4; }
				.chkwf_startMiddleBlock .grdChild3 { grid-area: 2 / 1 / 3 / 3; }
				.chkwf_startMiddleBlock .grdChild4 { grid-area: 2 / 3 / 3 / 4; }
			}

		.chkwf_captionVert{
			width: auto;
			position: absolute;
			right: 14px;
			top: 10px;

			transform: rotate(-90deg);
			transform-origin: top right;

			white-space: nowrap;
			font-size: 0.65rem;
			color: rgba(0,0,0,1);
		}
		@media screen and (min-width:700px){
			.chkwf_captionVert{
				right:20px;
			}
		}



/*	-----------------------------------------  FRONT PAGE MIDDLE BLOCK 2 (WITH YELLOW BACKGROUND) / SO WIRKTS  */
	.chkwf_startMiddleBlock.yellow{
		margin: 0;

		grid-template-columns: 1fr;

		background-image: none;
		background-color: var(--cwf-orange-light);
	}
	@media screen and (min-width:666px){
		.chkwf_startMiddleBlock.yellow{
			grid-template-columns: repeat(2, 1fr);
		}
	}
	@media screen and (min-width:999px){
		.chkwf_startMiddleBlock.yellow{
			grid-template-columns: repeat(3, 1fr);
		}
	}

		.chkwf_startMiddleBlock.yellow .grdChild1{ grid-area: 1 / 1 / 2 / 1; background-color: transparent; padding-right: 0; z-index: 1; overflow: hidden;  }
		.chkwf_startMiddleBlock.yellow .grdChild5{ grid-area: 2 / 1 / 2 / 2; background-color: transparent; padding: 0 20px 20px; }
		.chkwf_startMiddleBlock.yellow .grdChild2{ grid-area: 3 / 1 / 3 / 2; }
		.chkwf_startMiddleBlock.yellow .grdChild3{ grid-area: 4 / 1 / 4 / 2; }
		.chkwf_startMiddleBlock.yellow .grdChild4{ display: none; }

		@media screen and (min-width: 666px){
			.chkwf_startMiddleBlock.yellow .grdChild1{ grid-area: 1 / 1 / 2 / 3; }
			.chkwf_startMiddleBlock.yellow .grdChild4{ grid-area: 1 / 2 / 2 / 3; display: block; background-color: transparent; padding:0;  z-index: 4; }
			.chkwf_startMiddleBlock.yellow .grdChild5{ grid-area: 2 / 2 / 3 / 3; }
			.chkwf_startMiddleBlock.yellow .grdChild2{ grid-area: 3 / 1 / 4 / 2; }
			.chkwf_startMiddleBlock.yellow .grdChild3{ grid-area: 3 / 2 / 4 / 3; }
		}
		@media screen and (min-width: 999px){
			.chkwf_startMiddleBlock.yellow .grdChild1{ grid-area: 1 / 1 / 3 / 3; }
			.chkwf_startMiddleBlock.yellow .grdChild4{ grid-area: 1 / 2 / 3 / 3; }
			.chkwf_startMiddleBlock.yellow .grdChild2{ grid-area: 1 / 3 / 2 / 4; }
			.chkwf_startMiddleBlock.yellow .grdChild3{ grid-area: 2 / 3 / 3 / 4; }
			.chkwf_startMiddleBlock.yellow .grdChild5{ grid-area: 3 / 2 / 4 / 3; padding: 0 30px;}
		}


			.chkwf_startDrugWrp{
				margin: 50px 0 20px;
			}

				.chkwf_startDrugAccordeon{
					width: 100%;
					position: relative;

				/*	background-color: rgba(0,0,0,0.05);  */
				}
					.chkwf_drugWrp{
						width: 100%;
						height: auto;

						position: relative;

					}
						.chkwf_h2drug {
							width: calc(100% + 30px);
							position: relative;
							margin: 0 0 5px -15px;
						}
						@media screen and (min-width:666px){
							.chkwf_h2drug {
								width: fit-content;
							}
						}
							.chkwf_h2drug a{
								height: 40px;
								padding: 0 20px;

								text-decoration: none;
							}
								.chkwf_h2drug a.activeDrug:after{
									display:none;
								}
								@media screen and (min-width:666px){
									.chkwf_h2drug a{
										padding: 0 10px;
									}

									.chkwf_h2drug a.activeDrug:after {
										display: block;
										width: 1000px;

										content: ' ';

										position: absolute;
										left: 0;
										top: calc(50% - 2px);
										z-index: -1;

										border-bottom: 4px solid black !important;
									}
								}

								.chkwf_h2drug a:link, .chkwf_h2drug a:visited { color: black; background-color: transparent;}
								.chkwf_h2drug a.activeDrug:link, .chkwf_h2drug a.activeDrug:visited { background-color: black; color: var(--cwf-orange-light); }

								.chkwf_h2drug a:hover, .chkwf_h2drug a:active,
								.chkwf_h2drug a.activeDrug:hover, .chkwf_h2drug a.activeDrug:active { color: var(--cwf-orange-light); background-color: black; }


									.chkwf_drugAccordeonIcon{
										width: 20px;
										height: 20px;

										position: absolute;
										right: 25px;
										top: 14px;
									}
									@media screen and (min-width: 666px){
										.chkwf_drugAccordeonIcon{
											display: none;
										}
									}
										.chkwf_drugAccordeonIcon img{
											width: 100%;
											height: 100%;

											position: absolute;
											left: 0;
											top:0;
										}
										.chkwf_drugAccordeonIconBottom{
											opacity: 0;
										}

						.chkwf_drugContent{
							width: calc(100% + 30px);

							margin: -10px 0 10px -15px;
							padding: 20px;

							color: var(--cwf-orange-light);
							background-color: black;

							overflow:hidden;

						/*	transition: height 0.2s, padding 0.2s;  */

                            h2{
                                background-color: white;
                            }
						}


				.chkwf_drugContentDisplay{
					width: 100%;
					min-height: 100%;

					display: none;
					padding: 20px;

					font-size: 1.25rem;
					color: var(--cwf-orange-light);

					background-color: black;


				/*	border: 2px solid black;  */
				}
				@media screen and (min-width:999px){
					.chkwf_drugContentDisplay{
						padding: 30px;
					}
				}

				.chkwf_drugContentDisplay .chkwf_blackBlock{
					border-color: var(--cwf-orange-light);
				}
					.chkwf_drugContentDisplay h2{
						color: inherit;
					}
					.chkwf_drugContentDisplay p{
						font-weight: var(--light);
						color: inherit;
					}


				.chkwf_drugFootnote p{
					font-size: 0.8rem;
				}


/*	----------------------------------------------------------------------------------  FRONT PAGE LAST BLOCK  */
	.chkwf_startLastBlock{
		width: 100%;
		height: auto;

		position: relative;
		margin: 0;
		padding: var(--gap-half) 10px;

		grid-template-columns: 1fr;
		gap: var(--gap-full);
	}
	@media screen and (min-width: 999px) {
		.chkwf_startLastBlock{
			padding: var(--gap-full);
			grid-template-columns: repeat( 3, 1fr);
		}
	}

	.chkwf_startLastBlock .grdChild{
		background-color: var(--cwf-grey-medium);
	}




/*	----------------------------------------------------------------------------------------------  SPECIAL PAGES: QUIZ  */

.chkwf_wissenQuizWrp{
	width: 100%;
	height: auto;
	padding: 0 25px;
}
@media screen and (min-width: 1470px){
	.chkwf_wissenQuizWrp{
		padding: 0;
	}
}

	/*	-----------------------------------------------------------  »NEXT«-BUTTONS  */

	.chkwf_wissenNext{
		display: none;

		width: 300px;
		height:50px;

		margin:30px 0 0 -17px;
		padding: 0 5px 0 20px;

		position:relative;

		background:rgba(0,0,0,0.15);
		border-radius: 25px;

		cursor:pointer;

		transition: all 0.25s;
	}

		.chkwf_wissenNext:hover {background:rgba(255,160,0,1); }

		.chkwf_wissenNext p{
			width: fit-content;
			padding: 0;
			font-family: var(--roboto);
		}

		.chkwf_wissenNext img{
			display:block;
			width:40px;
			height:40px;
		}


	/*	----------------------------------------------------------  QUIZ BLOCKS  */

	.chkwf_wissenStart{

	}

	.chkwf_wissenQuestionWrp{
		height: auto;

	}
		.chkwf_wissenQuestion{
			display: none;

			width: calc(100% + 30px);

			margin: 0 -15px 50px;
			padding: var(--gap-full) 15px;

			border: 1px solid rgba(0,0,0,0.3);
		}
		@media screen and (min-width:999px) {
			.chkwf_wissenQuestion {
				width: 50%;

				margin: 0 0 50px -15px;

			}
		}
			.chkwf_wissenQuestion .chkwf_mainBlockHeader{
				height: auto;
				padding-bottom: 50px;
			}
			.chkwf_wissenQuestion .chkwf_mainBlockHeader span{
				display: block;
				padding: 5px 0 0;
			}
			.chkwf_wissenQuestion h2{
				margin-bottom: 3rem;
			}

			.chkwf_wissenAnswer{
				width: fit-content;

				margin: 0 0 10px;

				cursor: pointer;
			}

				.chkwf_wissenAnswerChar{
					width: 40px;
					height: 40px;

					margin: 0 20px 0 0;

					font-size: 1.5rem;
					color: white;
					line-height: 1;

					border-radius: 20px;
					background-color: black;

					transition: all 0.25s;
				}

				.chkwf_wissenAnswer p{
					padding: 8px 0 0;
					transition: all 0.25s;
				}

				.chkwf_wissenAnswer.hoverable:hover .chkwf_wissenAnswerChar{
				/*	color: black;  */
					background-color: var(--cwf-orange-dark);
				}

				.chkwf_wissenAnswer.hoverable:hover p{
					color: var(--cwf-orange-dark);
				}

			.chkwf_wissenCorrect{
				display: none;
				padding: 3rem 0 0 0;
				color: rgba(0,180,0,1);
			}

			.chkwf_wissenWrong{
				display: none;
				margin: 3rem 0 0;
				color: rgba(220,0,0,1);
			}


		.chkwf_wissenQuestion .chkwf_wissenNext{
			margin-left: -10px;
		}

.chkwf_wissenResult{
	display: none;
}







/*	------------------------------------------------------------------------------------------  SPECIAL PAGES: FREEPOPS  */
.chkwf_freepopWrp{
	width: 100%;

	grid-template-columns: 1fr;
	gap: 30px;

	padding: var(--gap-full);
}
@media screen and (min-width:666px){
	.chkwf_freepopWrp {
		grid-template-columns: repeat( 2, 1fr );
	}
}
@media screen and (min-width:999px){
	.chkwf_freepopWrp {
		grid-template-columns: repeat( 3, 1fr );
	}
}
	.chkwf_freepop{
		padding: 0;
		border: 1px solid rgba(0,0,0,0.1);
	}
		.chkwf_freepop img{
			width: 100%;
		}
		.chkwf_freepopImgCaption{
			padding: 0 5px;
			font-size: 0.9rem;
			color: rgba(0,0,0,0.32);
			text-align: right;
		}




/*	------------------------------------------------------------------------------------  SPECIAL PAGES: SEARCH RESULTS  */
.search article{
	padding: 0 0 25px;
}

	.search article h3{
		min-height: 38px;

		position: relative;
		margin: 10px 0 20px;
		padding: 7px 0 0 50px;

	}
		.chkwf_searchResultNrDot{
			display: inline-flex;

			width: 40px;
			height: 40px;

			position: absolute;
			left: 0;
			top: 0;

			font-size: 1.8rem;
			font-weight: var(--regular);

			color: white;

			background-color: black;
			border-radius: 50%;
		}



/*	-----------------------------------------------------------------------------------------------------------  FOOTER  */
.chkwf_ftrWrp{

	width: 100%;
	max-width: var(--full-width);
	min-height:40px;

	position: absolute;
	bottom:0;
	left: 0;

	background-color: var(--cwf-grey-medium);
}
	.chkwf_ftr{
		width: 100%;
		max-width: var(--inner-width);
		padding: 0 25px;
		font-size: 0.9rem;
	}

	.chkwf_ftr li{
		list-style: none;
		padding: 0 0 0 15px;
		font-size: inherit;
	}
	.chkwf_ftr ul,
	.chkwf_ftr li a{
		margin: 0;
		padding: 0;
		font-size: inherit;
		text-decoration: none;
	}


	.chkwf_copyright span{
		display: none;
	}
	@media screen and (min-width:666px){
		.chkwf_copyright span{
			display: inline-block;
		}
	}



/*	-----------------------------------------------------------------------------  LIGHTBOX OVERLAY  */
.chkwf_lightboxWrp{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;

	display:flex;
	justify-content:center;
	align-items:center;

	overflow:hidden;

	background-color:rgba(0,0,0,0.9);
}
.lightboxOn{
	width:100%;
	height:100%;
	opacity:1;

	transition:opacity 2s;
}
.lightboxDim{
	width:100%;
	height:100%;
	opacity:0;

	transition:opacity 1s;
}
.lightboxOff{
	width:0;
	height:0;
	opacity:0;
}

.chkwf_lightBox{
	width:94%;
	height:auto;
	padding:10px 10px 50px 10px;
	margin:0 3%;
	box-sizing:border-box;

	position:relative;

	background-color:rgba(255,255,255,1);

}
.chkwf_brochureImg{
	width:100%;
	height:auto;
}

.chkwf_brochureImgNav{
	width:50%;
	height:100%;
	padding:5px 10px;
	box-sizing:border-box;

	position:absolute;
	top:0;

	display:flex;
	flex-flow:column;
	justify-content:flex-end;

	background-color:rgba(255,96,0,0)
}

.chkwf_brochurePrevImg{ left:0; }
.chkwf_brochureNextImg{ right:0; align-items: flex-end; }


.chkwf_iconRound{
	width:40px;
	height:40px;

	cursor:pointer;
}
.semitransparent{ opacity:0.5; }
.semitransparent:hover{ opacity:1; }

.chkwf_brochureOff{
	position:absolute;
	top:-10px;
	right:-10px;
}

.chkwf_brochurePaginator{
	width:100%;
	height:50px;

	position:absolute;
	bottom:0;
	left:0;

	display:flex;
	justify-content:center;
	align-items:center;
}