/* --- Stylesheet 7673 () --------- */ 

.disable-scroll { overflow: hidden !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed !important; left: 0; right: 0; }


.TraminoConsent {
	font-size: 14px;
}

.TraminoConsent.overlay { display: none; }

.TraminoConsent.show {
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
    z-index: 1000;
}

.TraminoConsent.overlay .background {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10002;
	background-color: rgba(0,0,0,0.3);
	
}

.TraminoConsent.overlay .inner {
	width: auto;
	max-height: 90%;
	overflow-y: scroll;
	position: fixed;
	bottom: 2em;
	left: 1em;
	right: 1em;

	z-index: 10003;
	background-color: #FFF;
	padding: 1.2em 1em;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	border-radius: 5px;
}


.TraminoConsent.include .inner { width: 100%; }

.TraminoConsent .screen { display: none; }
.TraminoConsent .screen.show { display: block; }



.TraminoConsent .headline { font-size: 1.65em; color: #333 !important; margin-bottom: 0.3em; }

.TraminoConsent .info { color: #333 !important; line-height: 1.4; }
body .TraminoConsent .info * { color: #333; }
body .TraminoConsent .info a { color: #333 !important; }

.TraminoConsent .inner .checkboxen .item {
	margin: 20px 0 20px 0;
}

.TraminoConsent .inner .checkboxen .moreinfos {
	margin: 10px 0;
	display: none;
}
.TraminoConsent .inner .checkboxen .moreinfos.show {
	display: block;
}

.TraminoConsent .inner .checkboxen .moreinfos .head { font-size: 1.3em; margin-bottom: 5px; }

.TraminoConsent .inner .checkboxen .moreinfos .table { width: 100%; }
.TraminoConsent .inner .checkboxen .moreinfos .table .row p { margin: 0 0 1em 0; }

.TraminoConsent .table  { color: #333; line-height: 1.4; }
.TraminoConsent .table  a { color: #333; }

/* Buttons */

.TraminoConsent .inner .bottom {
	margin: 1.5em 0 0 0;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

.TraminoConsent .inner .bottom button {
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: #FFF;
	color: #333;
	border-width: 0;
	font-size: 1em;
	width: 100%;
	padding: 15px 0;
	border-radius: 3px;
	margin-bottom: 10px;
	cursor: pointer;
	order: 2;
}

.TraminoConsent .inner .bottom button i {
	font-size: 1.5em;
	margin-right: 10px;
}

.TraminoConsent .inner .bottom button:last-child { margin-bottom: 0; }
.TraminoConsent .inner .bottom button[value=acceptConsentAll] { background-color: #257832; color: #FFF; order: 1; width: 100%; font-weight: 600; }

/* Hover Buttons */
.TraminoConsent .inner .bottom button:hover { background-color: #FFF; }
.TraminoConsent .inner .bottom button[value=acceptConsentAll]:hover { background-color: #35a847; }



.TraminoConsent .inner .foot { margin-top: 1em; padding-top: 0.6em; border-top: 1px solid #DDD; text-align: center; font-size: 0.85em; }
.TraminoConsent .inner .foot a { color: #888; text-decoration: none; }
.TraminoConsent .inner .foot a:hover { text-decoration: underline; }

/* Checkbox */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container span { color: #333 !important; }

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFF;
  border: 2px solid  #b52121;
  border-radius: 2px
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #fff;
  border-color: #257832;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #257832;
  border-color: #257832;
}


.container input:disabled ~ .checkmark {
  background-color: #ddd;
  border-color: #ddd;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

/* --- Stylesheet 7674 () --------- */ 

@media (min-width: 567px) {
	.TraminoConsent { font-size: 16px; }
	.TraminoConsent.overlay .inner {
		width: 80%;
		max-width: none;
		top: 50%;
		bottom: auto;
		left: 50%;
		right: auto;
		transform: translate(-50%, -50%);
		padding: 1.2em 1.5em;
	}
	.TraminoConsent .headline { font-size: 1.9em; margin-bottom: 0.5em; }

	.TraminoConsent .inner .checkboxen .item { margin-right: 0.8em; }
	.TraminoConsent .inner .checkboxen .item:last-child { margin-right: 0; }

	.TraminoConsent .inner .bottom {
		flex-direction: row;
	}

	.TraminoConsent .inner .bottom button{ width: 40%; margin-bottom: 0; }
	.TraminoConsent .inner .bottom button[value=acceptConsentAll] { order: 3; width: 50%; }
}

@media (min-width: 768px) {

	.TraminoConsent.overlay .inner {
		width: 70%;
		padding: 1.2em 2em;
	}

	.TraminoConsent .inner .bottom button{ width: 30%; }
	.TraminoConsent .inner .bottom button[value=acceptConsentAll] { order: 3; width: 40%; }

}

@media (min-width: 1024px) {
	.TraminoConsent.overlay .inner {
		width: 60%;
		max-width: 800px;
	}
}

@media (min-width: 1280px) {

}