<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.hand-widget {
  max-width: 1000px;
  position: relative;
    margin-bottom: 30px;
}
.hand-widget:after{
    clear: both;
    content: '';
    display: block;
}
@media (max-width: 1000px) {
  .hand-widget {
    width: 100%;
  }
}
.container-left {
  height: 440px;
  float: left;
}
@media (max-width: 890px) {
  .container-left {
    width: 70%;
  }
}
@media (max-width: 667px) {
  .container-left {
    position: absolute;
    top: 190px;
    width: 100%;
  }
    .hand-widget{
        height: 600px;
    }
}
@media (max-width: 560px) {
  .hand-widget{
        height: 552px;
    }
}
@media (max-width: 500px) {
  .container-left {
    top: 240px;
  }
}
@media (max-width: 400px) {
  .hand-widget{
        height: 490px;
    }
}
@media (max-width: 360px) {
  .hand-widget{
        height: 440px;
    }
}
.container-right {
  width: 350px;
  height: 503px;
  color: #fff;
  background-color: #e0b371;
  float: right;
}
.container-right p {
  font-weight: 100;
  text-align: center;
}
.container-right #header {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 600;
}
.container-right #warum {
  margin-bottom: 0;
}
@media (max-width: 1000px) {
  .container-right {
    width: 265px;
  }
}
@media (max-width: 890px) {
  .container-right {
    width: 30%;
  }
}
@media (max-width: 667px) {
  .container-right {
    position: absolute;
    top: 0;
    height: 250px;
    width: 100%;
  }
}
.countries-bottom {
  background-color: #e8c695;
  font-size: 12px;
  line-height: 16px;
  height: 165px;
}
.countries-bottom p {
  text-align: left;
  padding: 10px;
}
.countries-bottom strong {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
}
.countries {
  height: 400px;
}
@media (max-width: 667px) {
  .countries {
    height: 160px;
  }
}
.search-filter {
  border: 0 !important;
  border-color: inherit !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #fff !important;
  background-color: #e0b371 !important;
  padding: 6px 0 6px 30px !important;
  width: 80%;
  opacity: 0.7;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
  background-image: url('../img/search.png');
  background-repeat: no-repeat;
  background-position: left;
  background-size: 18px;
  margin-left: 15px;
}
.search-filter:focus {
  outline: none;
}
@media (max-width: 800px) {
  .search-filter {
    font-size: 12px;
    padding: 6px 0 6px 20px;
    background-size: 12px;
  }
}
.countries-list {
  list-style-type: none;
  -webkit-padding-start: 0;
  margin-left: 15px;
}
.countries-list li {
  padding: 6px 0 6px 20px;
  width: 80%;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  color: #fff;
  font-weight: 100;
  letter-spacing: 4px;
  opacity: 0.7;
  cursor: pointer;
}
.countries-list li:hover {
  background-color: #e8c695;
}
.countries-list li.active {
  background-color: #e8c695;
}
@media (max-width: 800px) {
  .countries-list li {
    font-size: 12px;
    padding: 6px 0 6px 6px;
  }
}
@media (max-width: 710px) {
  .countries-list li {
    width: 100%;
  }
}
.hand-name {
  text-transform: uppercase;
  color: #e0b371;
  letter-spacing: 3px;
  font-size: 16px;
  text-align: center;
  display: block;
}
@media (max-width: 667px) {
  .hand-name {
    position: absolute;
    top: 60px;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .hand-name {
    top: 10px;
  }
}
/* -------------------------
-------------- 360 styles */
/*
	Sets the style of the image slider wrapper &lt;div&gt; to be centered horizontally and vertically.
	It also sets its default dimensions and the overflowing hidden (to fix the IE image positioning bug).
*/
ol {
  list-style: none;
  -webkit-margin-before: 0;
  -webkit-padding-start: 0;
}
.threesixty_wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}
#threesixty {
  position: relative;
  /* This one fixes the IE positioning bug */
  overflow: hidden;
  /*top:50%;
	left:50%;*/
  width: 600px;
  height: 470px;
  /*margin-left:-480px;
	margin-top:-270px;*/
}
@media (max-width: 890px) {
  #threesixty {
    width: 100%;
  }
}
/*
	Makes the image slider invisible by default
*/
#threesixty_images {
  display: none;
}
/*
	Sets every image in the slider to be absolute positioned and dynamically sized.
*/
#threesixty img {
  position: absolute;
  /* This one fixes the IE positioning bug */
  top: 0;
  width: 100%;
  height: auto;
}
/*
	Sets the style of the visible current frame of the image slider animation
*/
.current-image {
  visibility: visible;
  width: 100%;
}
/*
	Sets the style of the visible "previous" frame of the image slider animation
*/
.previous-image {
  visibility: hidden;
  width: 0;
}
/*
	Sets the dimensions of the CanvasLoader placeholder &lt;div&gt;, it also centeres it horizontally and vertically inside the wrapper and makes it invisible by default
*/
#spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -50px;
  display: none;
}
@media (max-width: 500px) {
  #spinner {
    margin-left: -55px;
    margin-top: -90px;
  }
}
/*
	Sets the style of the percentage &lt;span&gt; of the preloader by setting its dimensions and centering it horizontally and vertically 
*/
#spinner span {
  position: absolute;
  top: 50%;
  width: 100%;
  color: #e8c695;
  font: 0.8em Arial, Verdana, sans;
  text-align: center;
  line-height: 0.6em;
  margin-top: -0.3em;
}
</pre></body></html>