@charset "utf-8";
/* CSS Document */
* {
  margin: 0px;
  padding: 0px;
}
	
html, body {
  scroll-behavior: smooth !important;
}

*:focus:not(:focus-visible) {
    outline: none;
}

*:focus-visible {
    outline: 2px dashed currentColor;
    outline-offset: 2px;
}

hr {
width: 100% !important;
margin: 0px 0px 1rem 0px !important;
border: 0;
border-top: 1px dotted rgba(255,255,255, 0.75) !important;
opacity: 1 !important;
}

.blue {
width: 100% !important;
margin: 22px 0px 22px 0px !important;
border: 0;
border-top: 1px dotted rgba(0,6,2, 0.75) !important;
opacity: 1 !important;
}
/*##############################_visibility:hidden_##################################*/
.logo,
.awesomplete,
#sp-top-bar,
html.coming-soon #coming-soon-countdown, 
h1.coming-soon-title,
.col-lg-8,
#sp-header,
.page-header,
#sp-menu,
.sp-colum {
visibility: hidden !important;
display: none !important;
width: 0px !important;
height: 0px !important;
}

#sp-header {background: #000616 !important;}

h1.coming-soon-title, #system-message-container,  .col-lg-8, .coming-soon-content, div#coming-soon-countdown {visibility: hidden !important; display: none !important; width: 0px !important; height: 0px !important; padding: 0px !important; margin: 0px !important;}

@media screen and (max-width: 700px){
.hidden-phone {
visibility: hidden;
width: 0px !important;
height: 0px !important;
}
}

@media screen and (min-width: 701px){
.phone {
visibility: hidden;
width: 0px !important;
height: 0px !important;
}
}
/*#################################_EFFEKTE_###############################################*/
.shine_ {
color: #FFFFFF;
opacity: 0.5;
filter: alpha(opacity=5);
zoom: 1;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
margin: 1% 1.5%;
}

.shine_:hover {opacity: 1;}

.opa {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}

.opa:hover, a.opacity:hover {
opacity: 1 !important;
filter: alpha(opacity=50);
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
transition: all 1.5s ease;
}

.shadow {
	-moz-box-shadow: 3px 3px 88px rgba(255, 255, 255, 0.35) !important;
	-webkit-box-shadow: 3px 3px 88px rgba(255, 255, 255, 0.35) !important;
	box-shadow: 3px 3px 88px rgba(255,255,255, 0.35) !important;
}

.shadow2 {
	-moz-box-shadow: 3px 3px 22px rgba(0,6,22, 0.5) !important;
	-webkit-box-shadow: 3px 3px 22px rgba(0,6,22, 0.5) !important;
	box-shadow: 3px 3px 22px rgba(0,6,22, 0.5) !important;
}

b, strong {
  font-size: 1.1em !important;
  text-shadow: 1px 1px rgba(0,6,22, 0.125)!important;
  font-weight: normal !important;
}

@media screen and (max-width: 701px){
strong {
  font-size: 1em !important;
  line-height: 0.9em !important;
}
}

/*###############################_BODY_#################################################*/
body {
  font-family: Arial,sans-serif !important;
  font-size: 16px !important;
  color: #000616 !important;
  font-weight: normal !important;
  letter-spacing: 0.1em;
  line-height: 1.125em !important;
  padding-bottom: 0px !important;
  height: 100% !important;
}

#sp-main-body {
  padding: 0px !important;
  margin: 0px auto !important;
}

.text {
  font-weight: normal !important;
  text-transform: none !important;
  font-size: 1em !important;
  line-height: 1.125em !important;
  letter-spacing: 0.025em !important;
}

@media screen and (max-width: 700px){
.text  {
  font-size: 0.85em !important;
  line-height: 1.1em !important;
}
}

center {margin: 0px auto !important;}



.burger-icon > span {
display: block;
height: 2px;
background-color: #c20e1a;
margin: 5px 0;
transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}

address, address a:link {
margin-bottom: 0px; 
font-style: normal !important;
line-height: 1em !important;
color: #FFFFFF;
}

.article-details {
	display: block;
	margin: 3% auto !important;
	width: 98%;
	max-width: 1320px;
	/*background-color: rgba(0,0,0, .75) !important;*/
	padding: 3% !important;
	border: 1px solid rgba(0,6,22, .5) !important;
	overflow: hidden !important;
}

.ue {
  display: block; 
  font-size: 1.125em; 
  letter-spacing: 0.15em; 
  font-weight: 400; 
  text-transform: none; 
  padding-bottom: 11px; 
  margin: 44px auto 22px 0px; 
  text-align: left !important;
}

@media (max-width: 481px) {
.ue { 
	font-size: 1.1em;
}
}
/*#########################_ÜBERSCHRIFTEN_###########################*/
h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica,sans-serif !important;
  font-size: 1.25em;
  font-weight: normal !important;
  letter-spacing: 0.1em;
  padding-bottom: 6px !important;
  border-bottom: 1px dotted rgba(0,6,22, 1) !important;
  margin: 3% auto;
  text-align: left;
}


@media screen and (max-width: 700px){
h1, h2, h3, h4, h5, h6  {
  font-size: 1.1em !important;
  letter-spacing: 0.005em !important;
  padding-bottom: 9px !important;
}
}

.mm {font-size: 1.125em; letter-spacing: 0.15em; font-weight: normal !important;}

.small, small {
	font-size: .75em !important;
}

/*#####################_COUNTER_BOTTOM_##############################*/
.mod-stats  {
  background-color: #171717 !important;
  margin: 0px !important;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 44px 1% 0px 1%;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #171717 !important;
	border: 0px solid #171717 !important;
  font-size: 0.85em;
  text-align: center;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.bg-secondary {
  position: relative;
  display: block;
  font-size: 1.5em;
  font-weight: normal !important;
  letter-spacing: 0.25em;
  margin: 11px auto 3% auto;
  max-width: 222px;
  background-color: #171717 !important;
  float: none !important;
  clear: both !important
}

@media screen and (max-width: 700px){
.list-group-item  {
  font-size: 0.75em !important;
}
}

@media screen and (max-width: 700px){
.bg-secondary   {
  font-size: 1.125em !important;
}
}

.rounded-pill {
	border-radius: 0rem !important;
}

/*############################_WHO_iS..._############################*/
.mod-whosonline {
  display: block;
  margin: 0px !important;
  max-width: 100% !important;
  padding: 55px 0px 11px 0px !important;
  background-color: #171717;
  font-size: 0.8em;
  letter-spacing: 0.005em;
  text-align: center;
  color: #FFFFFF !important;
  border-top: 1px dotted rgba(255,255,255, 0.5);
}

.mod-whosonline p{
  display: block;
  margin: 0px !important;
}


@media screen and (max-width: 481px){
.mod-whosonline   {
  font-size: 0.75em !important;
}
}
/*###################################################################*/

/*###################################################################*/
canvas#canvas {
  display: block;
  /*background: #000;*/
	width: 100%;
	height: auto;
	color: #FFFFFF;
}

/*################################################################################*/
.home {
  display: block;
  /*margin: 22px auto !important;*/
  padding: 3% 6% 6% 6%;
  background-color: #FFFFFF;
  border: 1px solid #000616;
  font-size: 1em;
  /*width: 88%;*/
}


div.fokus {
  font-weight: normal !important; 
  color: rgba(0,6,22, 0.75); 
  text-transform: none;
  font-size: 1em;
  line-height: 1.125em; 
  padding: 3%;
  text-align: justify;
  letter-spacing: 0.025em;
  width: 100% !important;
}

@media (max-width: 481px) {
div.fokus {
  font-size: 0.85em!important;
  line-height: 1em !important;
  }
}


@media (max-width: 481px) {
div.START {
  font-size: 0.85em!important;
  line-height: 1em !important;
  }
}
/*################################################################################*/

/*##############################_LOGO-TOP_########################################*/
#LOGO {
  margin: 9% 12% 0px auto!important; display: block; max-width: 222px; padding-right: 12%;
}

@media (max-width: 500px) {
#LOGO {
margin: 0px 1.5% 0px auto;
-webkit-transform: scale(0.65);
-moz-transform: scale(0.65);
-o-transform: scale(0.65);
transform: scale(0.65);
font-size: 0.75em;
}
}

/*#############################_iCH_BiN_###################################################*/
.FLOAT {
  float: left !important;
  margin-right: 1% !important;
}

.iCH {
  display: block;
  position: relative !important;
  width: 31%;
  margin: 6% 22px 3% auto !important; 
  text-align: center; 
  padding: 3%;
  border: 1px solid rgba(0, 6, 22, 0.5); 
  background-image: linear-gradient(44deg, rgba(0, 6, 22, .1) 0%, #fff 33%);
  -moz-box-shadow: 5px 5px 8px rgba(0, 6, 22, 0.15); 
  -webkit-box-shadow: 5px 5px 8px rgba(0, 6, 22, 0.15);
  box-shadow: 5px 5px 8px rgba(0, 6, 22, 0.15);
}

.UE {
  font-size: 3.5em; 
  line-height: 1em; 
  letter-spacing: 0em;
  padding-bottom: 11px;
}

.ut {
  letter-spacing: 0.1em;
  font-weight: normal !important;
}


@media (max-width: 701px) {
.FLOAT {
  float: none !important;
  clear: both !important;
  margin-right: 0px !important;
  }
}

@media screen and (max-width: 701px){
.iCH  {
  width: 88% !important;
  margin: 33px auto 33px auto !important;
  padding: 9% 3% !important;
  right: 0px !important;
  left: 0px !important;
}
}

@media (max-width: 500px) {
.UE { 
  font-size: 2.5em;
  letter-spacing: 0.05em;
}
}

@media (max-width: 500px) {
.ut { 
  font-size: 0.85em;
  letter-spacing: 0.05em;
}
}
/*###############################_TiMiNG_#########################################*/

.timing {animation-delay: 1.5s !important;}
.timing1 {animation-delay: 3.5s !important;}
.timing2 {animation-delay: 4s !important;}
.timing3 {animation-delay: 5s !important;}

/*################################################################################*/

/*################################################################################*/
.faq {
  display: box;
  letter-spacing: 0.005em !important; 
  color: #fa5e22 !important;
  font-size: 7em !important;
  line-height: 1.1em !important;
text-shadow: 0px -2px 1px #000616, 0px 1px 1px rgba(255,255,255, 0.25) !important;
animation: turner 5s infinite linear;
}

@keyframes turner{
    from{  transform: rotateY(0deg)}
    to  {  transform: rotateY(360deg)}
}

.faq2 {
  display: block;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.125em !important; 
  width: 222px; 
  color: #FFFFFF;
  margin: 9% auto !important;
  text-align: justify;
  }


@media (max-width: 769px) {
.faq {
	font-size: 5em !important;
	line-height: 1.5 !important;
  font-weight: normal !important;
  }
}

/*
@media (max-width: 769px) {
.faq2 {
	font-size: 1em !important;
  }
}*/

/*################################################################################*/

.iCON {display: inline !important;}

.iCON-BiG {
  display: inline-block !important;
  padding: 24px 12px !important;
  border: 1px solid #FFFFFF;
  background-color: #000000 !important;
  border-radius: 3px;
  width: 77px !important;
  margin: 3% !important;
}

.iCON-BiG img {max-width: 44px !important;}

@media (max-width: 769px) {
.iCON-BiG {
-webkit-transform: scale(0.75)!important;
-moz-transform: scale(0.75)!important;
-ms-transform: scale(0.75)!important;
-o-transform: scale(0.75)!important;
transform: scale(0.75)!important;
  }
}
/*################################################################################*/

details {
  display: inline-block;
  color: #FFFFFF;
  padding: 3%;
  max-width: 500px;
  height: auto !important;
}

summary {
  font-size: 0.9em;
  letter-spacing: 0.01em;
  min-width: 100%;
}

summary:focus {
  outline: none !important;
}

summary {
   list-style: none !important; /* Triangle not shown */
}

/* Style für Webkit-Browser */
summary::-webkit-details-marker {
  display: none; /* Triangle not shown */
}

summary::before {
  padding-right: .25rem;
  content: '+ '; /* Instead of Triangle closed */
  font-size: 1.25em !important;
}

details[open] summary::before {
  padding-right: .5rem;
  content: '- '; /* Instead of Triangle open */
  font-size: 1.25em !important;
}

details div {
  display: block;
  margin: 6% auto 0px auto;
  padding: 3%;
  text-align: justify;
  font-size: 0.9em;
  content: '- '; /* Instead of Triangle open */
transition-duration: 1.5s !important;
  min-height: 161px !important;
}

@media (max-width: 700px) {
.PA {
	margin-bottom: 22px !important;
  }
}

#KONTAKT h3,  #QR h3, #BUE h3, #SiTEMAP h3 {
  color: #FFFFFF !important;
}

@media (max-width: 700px) {
#KONTAKT,  #QR, #BUE, #SiTEMAP {
	padding: 1.5% !important;
  }
}

/*################################################################################*/
#sp-bottom {
  color: #FFFFFF !important;
}
/*################################################################################*/

/*################################################################################*/
/*#mod-custom116 {
  padding: 0px !important;
  background-image: url("/images/pics/WALL3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed !important;
  background-position: 100% 100%;
  background-color: #171717 !important;
  margin-bottom: -9px !important;
}

@media screen and (max-width: 700px){
#mod-custom116 {
  padding: 33px 0px 66px 0px !important;
}
}*/
/*################################################################################*/

/*###################################################################*/
a.maximenuck img {display: inline !important; margin-right: 11px !important; max-width: 18px !important;}
/*###################################################################*/
/*###################################################################*/
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}
/*###################################################################*/

/*############################_TOP-SCROLLER_&_ViEWPORT!_#####################################*/
a.scrolly {
box-sizing: content-box;
position: fixed;
right: 11px;
text-align: center;
bottom: 11px !important;
transition: all 0.05s linear 0s;
  
width: 12px!important;
height: 29px !important;
  
z-index: 10000000000000;
top: inherit;
padding: 0px 9px;
border: 2px solid #FFFFFF;

background-color: #000616;
border-radius: 100px;
cursor: pointer;
text-decoration: none !important;
scroll-behavior: smooth !important;
transition: color 1.5s ease-in-out,background-color 1.5s ease-in-out,border-color 1.5s ease-in-out,box-shadow 1.5s ease-in-out;
}

.scrolly a img {
  display: inline;
  max-width: 11px !important;
  opacity: 1 !important;
}

.scrolly:hover, 
.scrolly:active, 
.scrolly:focus {
  background: #007ce2 !important;
  border: 2px solid #007ce2 !important;
transition: color .5s ease-in-out,background-color .5s ease-in-out,border-color .5s ease-in-out,box-shadow .5s ease-in-out;
}

#START, #FOCUS, #I, #I2, #I3, #I4, #WEB {
animation-delay: 5s !important !important;
    -webkit-animation: fadein 3.5s !important; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3.5s !important; /* Firefox < 16 */
    -ms-animation: fadein 3.5s !important; /* Internet Explorer */
    -o-animation: fadein 3.5s !important; /* Opera < 12.1 */
    animation: fadein 3.5s !important;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/*####################################################################*/

/*############################_SCROLLBAR_###############################*/
 /* width */
::-webkit-scrollbar {
  max-width: 6px!important;
  max-height: 6px!important;
}

/* Track */
::-webkit-scrollbar-track-piece {
  box-shadow: inset 0 0 5px grey;
  border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #007ce2!important;
  max-height: 6px!important;
  border-radius: 6px;
} 

::-webkit-scrollbar-thumb:vertical {
  max-height: 6px!important;
  background: #007ce2!important;
}

.scroller {
  overflow-y: scroll;
  scrollbar-color:  #007ce2 #000616!important;
}

/* Thin Scrollbar */
:root{
  scrollbar-color:  #007ce2 #000616!important;
  scrollbar-width: thin !important;
  border-radius: 6px!important;
  border-right: 1px groove #007ce2!important;
}

/*####################################################################*/
.UKRAiNE {
  display: block;
  margin: 0px auto 6px auto !important;
  background-image: url("/images/pics/HG-UKRAiNE.svg")!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background-attachment: scroll!important;
  background-position: 100% 100%!important;
  object-fit: cover !important;
  width: 77% !important;
  height: 100% !important;

-webkit-transform: scale(0.75)!important;
-moz-transform: scale(0.75)!important;
-ms-transform: scale(0.75)!important;
-o-transform: scale(0.75)!important;
transform: scale(0.75)!important;

-moz-box-shadow: 0px 0px 44px rgba(0,6,22, 0.75) !important; 
-webkit-box-shadow: 0px 0px 44px rgba(0,6,22, 0.75) !important; 
box-shadow: 0px 0px 44px rgba(0,6,22, 0.75) !important;
}

.UKRAiNE img {
  display: block !important; 
  margin: 0px auto !important; 
  width: auto!important; 
  max-width: 100%; 
  padding: 0px !important; 
  position: relative;
}

@media screen and (max-width: 700px){
.UKRAiNE {
-webkit-transform: scale(0.95)!important;
-moz-transform: scale(0.95)!important;
-ms-transform: scale(0.95)!important;
-o-transform: scale(0.95)!important;
transform: scale(0.95)!important;
}
}

/*####################################################################*/
#mod-custom142 {
background-color: #161616 !important;
padding: 6% 0px !important;
border-top: 1px dotted rgba(255,255,255, 0.5);
}

.HAHOHE {
display: block;
margin: 0px auto !important;
padding: 1px;
position: relative;
background-color: #161616 !important;
-moz-box-shadow: 0px 0px 111px rgba(90, 154, 251, 0.5) !important;
-webkit-box-shadow: 0px 0px 111px rgba(90, 154, 251, 0.5) !important;
box-shadow: 0px 0px 111px rgba(90, 154, 251, 0.5) !important;
/*z-index: 500 !important;*/
width: 800px;
max-width: 100% !important;
}

.HAHOHE img {
border-top: 5px solid rgba(22,22,22, 0.75) !important;
border-right: 5px solid rgba(22,22,22, 0.75) !important;
border-left: 5px solid rgba(22,22,22, 0.75) !important;
border-bottom: 5px solid rgba(22,22,22, 0.75) !important;
}
/*####################################################################*/
.SAMOCCA {
  display: block;
  margin:6% auto;
  padding: 33px !important;
  width: 333px;
  max-width: 100%;
  background-color: rgba(0,0,0, 0.125) !important;
  position: relative;
  font-size: 12px !important;
  line-height: 1.125em !important;
  border: 1px solid #000616 !important;
  letter-spacing: 0.05em;
  color: #FFFFFF !important;
  

/*background-image: url("/images/pics/COFFEE.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 50%;*/
}

.SAMOCCA img {
  -moz-box-shadow: 0px 0px 66px rgba(0,0,0, 0.25) !important;
  -webkit-box-shadow: 0px 0px 66px rgba(0,0,0, 0.25) !important;
  box-shadow: 0px 0px 66px rgba(0,0,0, 0.25) !important;
}

/*
@media screen and (max-width: 500px){
.SAMOCCA {
 padding: 9% !important;
}
}*/

.SHiNE {
background: linear-gradient(45deg, #fffab4, rgba(255,255,255, 0.5), rgba(255,255,255, 0.5), #fffab4);
background-size: auto;
background-size: 400% 400%;
  -webkit-animation: gradient1 6s ease infinite;
  -moz-animation: gradient1 6s ease infinite;
  -o-animation: gradient1 6s ease infinite;
  animation: gradient1 6s ease infinite;
}

@keyframes gradient1 {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
/*####################################################################*/
.BiG {
-webkit-transform: scale(1)!important;
-moz-transform: scale(1)!important;
-ms-transform: scale(1)!important;
-o-transform: scale(1)!important;
transform: scale(1)!important;
transition: all 1.5s ease;
 max-width: 303px!important;
}

.BiG:hover {
-webkit-transform: scale(1.125)!important;
-moz-transform: scale(1.125)!important;
-ms-transform: scale(1.125)!important;
-o-transform: scale(1.125)!important;
transform: scale(1.125)!important;
transition: all 0.25s ease !important;
 max-width: 303px!important;
}
/*####################################################################*/
@media (max-width: 481px) {
#sp-fqa,
#sp-bottom  {
padding: 6% 3% 6% 3% !important;
  }
}
/*####################################################################*/
#redim-cookiehint {
  padding: 33px !important;
  width: 88% !important;
}

@media (max-width: 555px) {
#redim-cookiehint-modal {
  padding: 0px !important;
}
}

a#cookiehintsubmitno {
	background: rgba(0, 6, 22, 1) !important;
}

#redim-cookiehint .cookiebuttons a.btn {
  float: left !important;
  width: 48% !important;
  margin-right: 2% !important;
}

a#cookiehintsubmit:hover,
a#cookiehintsubmitno:hover {
	background: rgba(0, 6, 22, 0.5) !important;
}
/*####################################################################*/
/*####################################################################*/
.case {
  display: block;
  position: fixed !important;
  top: 0px !important;
  line-height: 1.125em;
  padding: 11px 1.5%;
  width: 100% !important;
  height: auto;
  background: #161616;
  border-top: 2px solid #007ce2 !important;
  border-bottom: 2px solid #007ce2 !important;
  margin: 1px auto 0px auto !important;
-moz-box-shadow: 3px 3px 11px rgba(0,6,22, 0.35) !important;
-webkit-box-shadow: 3px 3px 11px rgba(0,6,22, 0.35) !important;
box-shadow: 3px 3px 11px rgba(0,6,22, 0.35) !important;
  background: #000616 !important;
z-index: 5 !important;
}

 .writing {
  font-weight: 500;
  text-align: center;
  font-size: 1em;
  /*font-family: Hack, sans-serif;*/
  /*text-transform: uppercase;*/
  background: linear-gradient(90deg, #161616, #007ce2, #161616);
  letter-spacing: 1px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
  background-size: 80%;
  animation: shine 9s linear infinite;
  position: relative;
  padding: 0px !important;
  margin: 0px auto !important;
}

@keyframes shine {
0% {
    background-position-x: -300%;
  }
100% {
    background-position-x: 300%;
  }
}

@media screen and (max-width: 700px){
.writing {
  font-size: 9px;
  letter-spacing: 0.05em !important;
  line-height: 1.125em !important;
  padding: 3% !important;
}
}
/*####################################################################*/
#mod-custom147 {
  background-color: #161616 !important;
  padding-bottom: 6% !important;
}

#mod-custom147 a {
padding: 0px 0px 6% 0px !important;
-moz-box-shadow: 0px 0px 151px rgba(255,255,255, 0.25);
-webkit-box-shadow: 0px 0px 151px rgba(255,255,255, 0.25);
box-shadow: 0px 0px 151px rgba(255,255,255, 0.25);
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
transition: all 1.5s ease;
border: 5px solid #161616;
}

#mod-custom147 a:hover {
-moz-box-shadow: 0px 0px 151px rgba(255,255,255, 0.75);
-webkit-box-shadow: 0px 0px 151px rgba(255,255,255, 0.75);
box-shadow: 0px 0px 151px rgba(255,255,255, 0.75);
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
transition: all 1.5s ease;
border: 5px solid #FFFFFF;
}
/*####################################################################*/
#sp-footer,
#sp-bottom {
  background-color: #171717 !important;
}

#mod-custom134 {
  border-top: 1px dotted rgba(255,255,255, 0.75) !important;
  background-color: #171717 !important;
  padding: 6% 9% !important;
}
/*####################################################################*/
#sp-footer a:hover, #sp-bottom a:hover {
	color: rgba(255,255,255, 0.75) !important;
}
/*####################################################################*/
#redim-cookiehint-modal {
  background-color: rgba(0,6,22, 0.9) !important;
  padding: 6% !important;
  overflow: hidden !important;
  z-index: 500000000000000000000000000000000000000 !important;
}

#redim-cookiehint {
  font-size:10px !important;
  width: 353px !important;
  max-width: 98% !important;
  background-color: #FFFFFF !important;
  color: #000616 !important;
-moz-box-shadow: 3px 3px 88px rgba(255, 255, 255, 0.75) !important;
-webkit-box-shadow: 3px 3px 88px rgba(255, 255, 255, 0.75) !important;
box-shadow: 3px 3px 88px rgba(255,255,255, 0.75) !important;
}

#redim-cookiehint .cookiehead {
  font-size: 2em !important;
  font-weight: bolder !important;
  letter-spacing: 0.005em !important;
  line-height: 1.125em !important;
  text-align: center !important;
  padding: 4px 2px 12px 2px;
}


a#cookiehintsubmit,
a#cookiehintsubmitno {
background: #000616 !important;
color: #FFFFFF;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
padding: 11px 22px !important;
-webkit-transition: all 1.75s ease !important;
-moz-transition: all 1.75s ease !important;
transition: all 1.75s ease !important;
text-align: center !important;
font-size: 12px !important;
border: 1px solid #000616 !important;
}

a#cookiehintsubmit:hover,
a#cookiehintsubmitno:hover {
background: #FFFFFF !important;
color: #000616 !important;
-webkit-transition: all 1s ease !important;
-moz-transition: all 1s ease !important;
transition: all 1s ease !important;
}

@media screen and (max-width: 700px) {
  #redim-cookiehint {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    min-width: 100% !important;
}
}

@media screen and (max-width: 700px) {
a#cookiehintsubmit,
a#cookiehintsubmitno {
  min-width: 100% !important;
  float: none !important;
  clear: both !important;
  margin: 0px auto 11px auto !important;
}
}
/*####################################################################*/
@media screen and (max-width: 700px) {
  .bottom-three {
   margin-bottom: 6% !important; 
}
}
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/