/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 20 2024 | 21:48:45 */
/* POLIS STICKER 2022 ------------------------------------------------------------------------------------------------------ */

.polissticker {
  display: inline-block;
display: none;
  position: fixed;
  left: 15px;
  bottom: 30px;
  max-width: 380px;
  z-index: 99999;
  margin-left: 0;
  transition: margin-left .3s ease-in-out;
}
body.elementor-editor-active .polissticker {
  display: inline-block;
  position: relative;
  z-index: 9999;
  left: 0;
  bottom: 0;
}
body.c_c_r .polissticker {
  /*
  display: inline-block;
  */
}
.polissticker.remove {  
  margin-left: -50vw;
}

.polisstickerclose {
  	display: inline-block;
  	position: absolute;
  	top: 0;
  	right: 0;
  	width: 5%;
  	height: 12%;
  	background-image: url(https://hh-vision.de/wp-content/uploads/PolisSticker_close.png);
  	background-repeat: no-repeat;
  	background-size: contain;
  	background-position: 100% 0;
}
.polisstickerclose:hover {
  cursor: pointer;
}
@media only screen and (max-width: 768px) and (max-aspect-ratio: 1/1) {
  .polissticker { max-width: 300px; bottom: 80px; }
}
@media only screen and (max-width: 1024px) and (min-aspect-ratio: 2/1) {
  .polissticker { display: none !important; }
}
@media only screen and (max-width: 500px) and (max-aspect-ratio: 1/1) {
  .polissticker { max-width: 240px; bottom: 120px; }
}

@media only screen and (max-width: 500px) and (min-aspect-ratio: 1/1) {
  .polissticker { display: none !important; }
}



/* EXPO REAL STICKER 2022 ------------------------------------------------------------------------------------------------------ */

.exposticker {
  display: none;
  position: fixed;
  left: 15px;
  bottom: 30px;
  max-width: 380px;
  z-index: 99999;
  margin-left: 0;
  transition: margin-left .3s ease-in-out;
}
body.elementor-editor-active .exposticker {
  display: inline-block;
  position: relative;
  z-index: 9999;
  left: 0;
  bottom: 0;
}
body.c_c_r .exposticker {
/*
  display: inline-block;
*/
}
.exposticker.remove {  
  margin-left: -50vw;
}

.expostickerclose {
  	display: inline-block;
  	position: absolute;
  	top: 10px;
    right: 10px;
    width: 4%;
  	height: 12%;
  	background-image: url(https://hh-vision.de/wp-content/uploads/PolisSticker_close.png);
  	background-repeat: no-repeat;
  	background-size: contain;
  	background-position: 100% 0;
}
.expostickerclose:hover {
  cursor: pointer;
}
@media only screen and (max-width: 768px) and (max-aspect-ratio: 1/1) {
  .exposticker { max-width: 300px; bottom: 80px; }
}
@media only screen and (max-width: 1024px) and (min-aspect-ratio: 2/1) {
  .exposticker { display: none !important; }
}
@media only screen and (max-width: 500px) and (max-aspect-ratio: 1/1) {
  .exposticker { max-width: 240px; bottom: 120px; }
}

@media only screen and (max-width: 500px) and (min-aspect-ratio: 1/1) {
  .exposticker { display: none !important; }
}



/*  POLIS KONTAKT PAGE   */
/*
rot: #cc5227
hell-blau: #b8cbd4
blau: #7297a9
grün: #00f90e
*/

.polis-bierdeckel {
	margin: 120px auto 80px auto;
	max-width: 1200px;
}
body.elementor-editor-active .polis-bierdeckel { margin-top: 0; }

.polis-bierdeckel .elementor-widget-image {
	width: auto;
	margin-left: -80px;
}
.polis-bierdeckel img {
	border-radius: 12%;
    transform: rotate(-10deg);
	min-width: 300px;
	width: 35vw;
    max-width: 700px;
    box-shadow: -30px 30px 30px rgba(0,0,0,0.3);
}


#polis-mnf {
	position: absolute;
    top: 65px;
    left: 0px;
    z-index: 10;
    width: 60%;
}
#polis-mnf img {
    width: 100%;
}

#polis-beschreibung {
	/*
	margin: 190px 240px 186px ; /*590px 240px 186px ;*/
	/*
    width: 46%;
	*/
    font-size: 21px;
    line-height: 37px;
}
#polis-beschreibung h4 {
	font-size: 65px;
	color: var(--corporate);
}
#polis-beschreibung a {
	color: #7297a9;
	font-weight: bolder;
}
#polis-beschreibung a:hover {
	color: #b8cbd4;
}

#polis-daten {
	position: absolute;
	max-width: 42%;
    right: 0;
	top: 12vw; /*470*/
	z-index: 1;
	/*
    padding: 65px;
    border: solid 50px #7297a9;
    border-radius: 104px;
	*/
}
body.elementor-editor-active #polis-daten { position: relative; top: 0; right: 0; }

#polis-logo {
	margin-bottom: -4px;
}
#polis-logo img {
    width: 100%;
}
#polis-daten .elementor-text-editor {
	margin-top: 0px;
	transform: scale(1.3);
    transform-origin: 0 0;
    margin-left: 10px;
}
#polis-daten .elementor-text-editor div:nth-of-type(1) {
	font-size: 26.7px;
    line-height: 30px;
}
#polis-daten .elementor-text-editor div:nth-of-type(2) {
    font-size: 41px;
    line-height: 44px;
}
#polis-daten .elementor-text-editor div:nth-of-type(3) {
    font-size: 12.8px;
    line-height: 15.8px;
}
#polis-daten .elementor-text-editor div:nth-of-type(3) a {
    color: #00f90e;
}

@media (max-width: 1600px) {
	.polis-bierdeckel .elementor-widget-image { margin-left: -20px; }
	.polis-bierdeckel img { width: 40vw; }
}
@media (max-width: 1500px) {
	#polis-daten { max-width: 44vw; }
	#polis-daten .elementor-text-editor div:nth-of-type(1) { margin-bottom: -0.2em; margin-top: 1em; }
	#polis-beschreibung { padding-left: 40px; padding-right: 40px; }
}
@media (max-width: 1400px) {
	.polis-bierdeckel .elementor-widget-image { margin-left: 0; }
	.polis-bierdeckel img { width: 40vw; }
	#polis-daten { max-width: 48vw; }
}
@media (max-width: 1024px) {
	#polis-daten .elementor-text-editor { transform: scale(1.1); }
}
@media (max-width: 660px) {
	#polis-daten { position: relative; max-width: 90%; right: unset; top: 25vw; margin-left: 40px; }
	#polis-daten .elementor-text-editor { transform: scale(1.1); }
	.polis-bierdeckel { margin-top: 180px; margin-bottom: 40px; }
	.polis-bierdeckel .elementor-widget-wrap { justify-content: center !important; }
	.polis-bierdeckel img { width: 60vw; }
}


#polis-ansprechpartner-link {
	padding-top: 80px;
}
#polis-ansprechpartner-link > .elementor-container {
	max-width: 1600px;
}
#polis-ansprechpartner {
	width: 84%;
	margin: auto;
	margin-bottom: 10px;
}
#polis-ansprechpartner .elementor-widget-text-editor {
	margin: 0;
}
#polis-ansprechpartner .elementor-column .elementor-widget-text-editor p{
	text-align: center;
    margin: 0;
    font-size: 18px;
	color: black;
}
#polis-ansprechpartner .elementor-column .elementor-widget-text-editor.name {
    margin-bottom: 12px;
}
#polis-ansprechpartner .elementor-column .elementor-widget-text-editor.name p {
    color: #7297a9;
}
#polis-ansprechpartner .elementor-column .elementor-widget-text-editor.name p b {
    font-size: 24px;
}
#polis-ansprechpartner .elementor-column .elementor-widget-text-editor.name p a {
    color: #7297a9;
}
#polis-ansprechpartner .elementor-column .elementor-widget-text-editor.name p a:hover {
    color: #b8cbd4;
}
#polis-ansprechpartner .elementor-column .elementor-widget-text-editor p a {
    color: black;
}
#polis-ansprechpartner .elementor-column .elementor-widget-text-editor p a:hover {
    color: #b8cbd4;
}
#polis-ansprechpartner img {
	margin-top: 30px;
	margin-bottom: 30px;
}

#polis-kontaktformular {
	padding: 150px 0px 100px;
}
#polis-kontaktformular label {
	width: 100%;
}
#polis-kontaktformular td:nth-of-Type(1) {
	padding-right: 20px;
}
#polis-kontaktformular td:nth-of-Type(2) {
	padding-left: 20px;
}
#polis-kontaktformular textarea,
#polis-kontaktformular input {
	background-color: #b8cbd4;
}

#polis-kontaktformular .wpcf7-submit {
    background-color:  #cc5227;
    border-color: #cc5227;
    line-height: 36px;
    padding: 6px 21px;
}
#polis-kontaktformular .wpcf7-submit:hover {
    background-color:  var(--corporate);
    border-color: var(--corporate);
}
#polis-kontaktformular strong {
	font-size: 55px;
	color: #cc5227;
}

#pipe-box-1, 
#pipe-box-2,
#pipe-box-3,
#pipe-box-4,
#pipe-box-5 {
	margin-bottom: 0;
	border: solid 50px #b8cbd4;
    border-radius: 104px;
	z-index: 50;
	position: absolute;
}
#pipe-box-1 {
    width: 1900px;
	height: 615px;
    left: 44px;
	top: -762px;
} 
#pipe-box-2 {
    z-index: 0;
    border-bottom: 0;
    width: 1068px;
    border-radius: 0;
    right: -1086px;
    top: 406px;
}
#pipe-box-3 {
    z-index: 0;
    border-color: #cc5227;
    border-top: 0;
    border-radius: 0;
    width: 2000px;
    left: 141px;
    top: 483px;
}
#pipe-box-4 {
    z-index: 0;
    border-color: #7297a9;
    border-top: 0;
    border-right: 0;
    width: 10000px;
    height: 0;
    left: -1000px;
    top: 563px;
}