#widerruf-form{
	--wr-t: all 0.3s ease;
	--wr-c-accent-one: var(--c-red);
	--wr-c-accent-two: var(--c-red);
	--wr-c-button: var(--c-red);
	--wr-c-button-hover: white;
	--wr-c-error: #b20000; 
	--wr-c-success: black; 
	
	margin-block: 2em; 
	
	padding: 2em;
	border: 1px solid var(--c-red);
	background-color: #f0f0f0;
	box-shadow: 0 6px 10px #0003;
	width: 100%;
	
	& .widerruf-response{
		
		& > *{
			display: none; 
		}
		
		& .widerruf-error{
			color: var(--wr-c-error); 
		}
		& .widerruf-abgesendet{
			color: var(--wr-c-success); 
			font-weight: bold; 
			
			&>p{
				margin-bottom: 0; 
			}
		}
		
		
		& p{
			float: none; 
		}
	}
		
	& form{
		display: flex; 
		flex-direction: column; 
		gap: 1.5em; 
		
		& .widerruf-row{
			display: flex; 
			flex-direction: column; 
			gap: 0.25em; 
			align-items: start; 
		}
		
		& .widerruf-row{
			& label[for="widerruf-passwort"],
			& input#widerruf-passwort {
				display: none;
			}
		}
		
		& input[type="text"],
		& input[type="email"]{

			font-size: 1.125em;
			padding: 0.5em;
			border: 1px solid #3C3C3B;
			font-family: 'Josefin Sans', sans-serif;


			width: 45ch;
			max-width: 100%; 
			
			&:focus-within{
				border: 1px solid var(--wr-c-accent-two);
				outline: 2px solid black;
				outline-offset: 2px;
			}
		}
		
		& textarea{
			
			font-size: 1.125em;
			padding: 0.5em;
			border: 1px solid #3C3C3B;
			font-family: 'Josefin Sans', sans-serif;
			
			width: 100%; 
			resize: vertical; 
			height: 5lh; 
			
			&:focus-within{
				border: 1px solid var(--wr-c-accent-two);
				outline: 2px solid black;
				outline-offset: 2px;
			}
		}
		
		& button{ 
			transition: var(--wr-t);
			width: auto;
			font-weight: bold;
			padding: 0.5em 1em;
			border-radius: 100vw;
			border-left: 1px solid red;
			border: 1px solid var(--wr-c-accent-one);
			background-color: white;
			font-size: 1.25rem;
			color: var(--wr-c-button); 
			
			&:hover{
				background-color: var(--wr-c-accent-two);
				color: var(--wr-c-button-hover); 
			}
			
			&:after, &:before{
				display: none; 
			}
			
		}
		
	}
	
}

.vsb-article-text:has(#widerruf-form){
	overflow: unset; 
	
	& .vsb-article-box{
		overflow: unset; 
	}
}