#redim-cookiehint-modal{
  	background-color: #6060604a;
}
#redim-cookiehint {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 500px;
    background-color: var(--color-bg);
    padding: 30px;
    box-shadow: 3px 3px 20px;
    border-radius: 30px;
  	max-width: 80%;
}
.headline .c-img{
  	content: "";
    background-image: url(../../images/icons/cookies.png);
    display: block;
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -20px;
    left: -20px;
}
.headline h3{
  	font-family: Gilroy;
    font-size: 1.5em;
    margin-left: 45px;	
  	line-height: 1em;
}
.headline h3 span{
  	color: #da9c61;
  	line-height: 1em;
}
.cookiecontent{
  	margin: 20px 0;
    line-height: 130%;
}

.cookiebuttons{
  	display: flex;
    gap: 10px;
}

#cookiehintsubmitno, #cookiehintsubmit{
  	padding: 10px 20px;
  	border-radius: 20px;
    font-weight: 700;
    font-family: Gilroy;
    font-size: 1em;
}

#cookiehintsubmit{	
    background-color: var(--color-green);
    color: #fff;
}

#cookiehintsubmitno{
  	background-color: var(--color-4);
    color: var(--color-2);
}

@media screen and (max-width: 499px){
  	#redim-cookiehint {
    	top: 50%;
    	left: 50%;
    	right: initial;
    	bottom: initial;
    	transform: translate(-50%, -50%);
	}
  	
}
@media screen and (max-width: 399px){
  	.headline h3 {
    	font-size: 1.2em;
      	margin-left: 30px;
	}
  	.cookiecontent {
    	line-height: 130%;
    	font-size: 0.9em;
	}
	.headline .c-img {
    	width: 70px;
    	height: 70px;
      	top: -30px;
    	left: -23px;
	}
  	#redim-cookiehint {
    	padding: 20px;
      	border-radius: 18px
	}
  	#cookiehintsubmitno, #cookiehintsubmit {
    	padding: 6px 15px;
    	border-radius: 10px;
    	font-size: 0.8em;
	}
}