.cookie-banner {
	width: 350px;
	max-width: 88vw;
	padding: 20px 30px;
	position: fixed;
	bottom: 50px;
	top: 50px;
	background-color: #fff;
	z-index: 2000;
	right: 20px;
	box-shadow: 0 0 7px #888;
	overflow-y: scroll;
	p {
		font-size: 11px;
		text-align: justify;
	}
	button {
		display: block;
		width: 100%;
	}
}
@media (max-width:299px) {
	.cookie-banner {
		max-width: 100%;
		bottom: 1rem;
		right: 1rem;
		left: 1rem;
	}
}

//seite settings
.cookie-box {
	background-color: #f2f2f2;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0 1rem;
	margin-top: 1rem;
	
	& + h2 {
		margin-top: 2rem;
	}
	& > h3 {
		margin-top: 12px;
	}
}

@keyframes pulsate {
	50% {
		background-color: #dff0d8;
		border-color: #d6e9c6;
	}
	100% {
		background-color: #f2f2f2;
		border-color: #ddd;
	}
}
.cookie-box:focus-within {
	animation: pulsate 1s ease-in-out;
}

input[type="radio"] {
	all: revert;
}

div.no-consent {
	width: 50%;
  	position: relative;
  	left: 25%;
}


.btn-group-sm > .btn, .btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}

.btn-primary {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-link {
  font-weight: 400;
  color: white;
  background-color: #004899;
  text-decoration: none;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

[type="button"], [type="reset"], [type="submit"], button {
  -webkit-appearance: button;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button, select {
  text-transform: none;
}

button, input {
  overflow: visible;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  border-radius: 0;
}
button, select {
  text-transform: none;
}

button, input {
  overflow: visible;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.my-1 {
	margin-top: 1rem;
}