/* Container */
#main .two-click-container {
	position: absolute !important;
	left: 0;
  right: 0px !important;
  top: 0px !important;
	bottom: 0;
  padding: 0 20px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  width: auto !important;
	background: rgba(240,240,238,0.8) url(../i/Hintergrundbild_Videos_CA.jpg);
	display: flex;
	align-items: center;
}

/* Buttons */
.button-group {
	margin-top: 24px;
}

.button-group .two-click-more {
	padding: 10px 20px 10px 44px;
	display: inline-block;
	text-decoration: none;
	color: #000;
	background: #fff;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Einfo-UB%3C/title%3E%3Cg id='info-UB' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='information-circle-outline' transform='translate(1.000000, 1.000000)'%3E%3Cpath d='M8.95135135,0 C4.00816216,0 0,4.00816216 0,8.95135135 C0,13.8945405 4.00816216,17.9027027 8.95135135,17.9027027 C13.8945405,17.9027027 17.9027027,13.8945405 17.9027027,8.95135135 C17.9027027,4.00816216 13.8945405,0 8.95135135,0 Z' id='Path' stroke='%23595959'%3E%3C/path%3E%3Cpolyline id='Path' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' points='7.58918919 7.58918919 9.14594595 7.58918919 9.14594595 13.2324324'%3E%3C/polyline%3E%3Cline x1='7.00540541' y1='13.4527027' x2='11.2864865' y2='13.4527027' id='Path' stroke='%23595959' stroke-linecap='round'%3E%3C/line%3E%3Cpath d='M8.95135135,3.47567568 C8.3990666,3.47567568 7.95135135,3.92339093 7.95135135,4.47567568 C7.95135135,5.02796043 8.3990666,5.47567568 8.95135135,5.47567568 C9.5036361,5.47567568 9.95135135,5.02796043 9.95135135,4.47567568 C9.95135135,3.92339093 9.5036361,3.47567568 8.95135135,3.47567568 Z' id='Path' fill='%23595959' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 16px;
  background-size: 20px;
}

.button-group .two-click-accept {
	padding: 10px 20px 10px 44px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background: #002F6C;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echeck-UB%3C/title%3E%3Cg id='check-UB' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='checkmark-circle-outline' transform='translate(1.000000, 1.000000)' stroke='%23FFFFFF'%3E%3Cpath d='M18,9 C18,4.03125 13.96875,0 9,0 C4.03125,0 0,4.03125 0,9 C0,13.96875 4.03125,18 9,18 C13.96875,18 18,13.96875 18,9 Z' id='Path'%3E%3C/path%3E%3Cpolyline id='Path' stroke-linecap='round' stroke-linejoin='round' points='13.5 5.25 7.2 12.75 4.5 9.75'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
  background-position: 16px;
  background-size: 20px;
}

/* Disclaimer im Header fuer Suche */

header .two-click-container {
	background: rgba(240,240,238,0.8);
	position: absolute!important;
  right: 0px!important;
  top: 0px!important;
}

body header .button-group {
	margin-top: 8px;
}

body header .two-click-container-search {
  top: 11px;
  position: absolute;
  right: 0px;
  background: rgba(240,240,238,0.8);
}
body header .two-click-container-search.text {
  min-width: 210px;
  font-weight: bold;
  text-align: center;
  height: 2.8em;
	width: auto;
}

body header .two-click-disclaimer.text {
	padding: 16px;
	padding-top: 16px!important;
	width: auto!important;
	min-width: 210px!important;
	font-weight: bold;
	text-align: center;
}

body header .button-group .two-click-more,
body header .button-group .two-click-accept {
	min-height: 32px;
	min-width: 32px;
	padding: 0;
	background-position: center;
}

/* Headlines */
.two-click-container h5 {
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

/* DSGVO Layer in den kleinen Teaser Boxen */

#main .two-click.two-click-link {
	position: relative;
}

#main section.teaser .two-click-container {
	height: 100%!important;
	width: 100%!important;
	padding: 0!important;
}

#main section.teaser .button-group {
	margin-top: 15%;
}

#main section.teaser .two-click-item {
	display: block;
}

#main section.teaser .button-group .two-click-more,
#main section.teaser .button-group .two-click-accept {
	min-height: 32px;
	min-width: 32px;
	padding: 0;
	background-position: center;
}

#main section.teaser .two-click-disclaimer.text {
	padding-top: 0 !important;
	text-align: center;
}

.two-click-disclaimer.text {
	width: auto;
	float: none;
	font-size: 15px;
}



/* YouTube und Map Desktop */
.map-canvas.two-click.two-click--frame,
.youtube-container.two-click.two-click--frame {
	position: relative;
}

.two-click.two-click--frame {

}


/* Mobile */
@media only screen and (max-width: 767px) {

	/* Such-Layer Mobil ausblenden */
	header .two-click {
		display: none!important;
	}
	/* Buttons Abstand nach unten */
	.button-group .two-click-accept,
	.button-group .two-click-more {
		margin-bottom: 8px;
	}
	.map-canvas.two-click.two-click--frame,
	.youtube-container.two-click.two-click--frame {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.two-click-disclaimer.text {
		font-size: 13px;
	}

}