* {
    margin: 0;
    padding: 0 }
body { 
    font: 300 13px/19px Manrope, Arial;
    letter-spacing: .04em;
    color: #eee;
    background: #1c1b22;
    position: relative;
    z-index: 0}
body#index:before,
 body#legal_notice:before {
	content: '';
	position: fixed;
	width: 140%;
	height: 140%;
	bottom: -17%;
	left: -17%;
	z-index: -1;
	background: url('/view/img/gigalister.svg') no-repeat 40% 80%;
	background-size: 80%;
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	opacity: .111;
    filter: brightness(.888) grayscale(.8); /*brightness(.888) sepia(1) hue-rotate(317deg) saturate(.222)*/ }

body#index:before {
    -webkit-animation-name: fade;
    -webkit-animation-delay: 3s;
    -webkit-animation-duration: .388s;
    animation-name: fade;
    animation-delay: 3s;
    animation-duration: .388s}
    body#index.second::before { 
        background: none }
/** 4er */
@-webkit-keyframes fade { 
    0% { opacity: .111 }  
    12.5% { opacity: .333 }
    25% { opacity: .111 }
    37.5% { opacity: .444 }
    50% { opacity: .111 }
    62.5% { opacity: .555 }   
    75% { opacity: .111 }
    87.5% { opacity: .666 }   
    100% { opacity: .111 }  }
@keyframes fade {
    0% { opacity: .111 }  
    12.5% { opacity: .333 }
    25% { opacity: .111 }
    37.5% { opacity: .444 }
    50% { opacity: .111 }
    62.5% { opacity: .555 }   
    75% { opacity: .111 }
    87.5% { opacity: .666 }   
    100% { opacity: .111 }  }

p { margin: 12px 0 }
a { 
    text-decoration: none; 
    color: #24b9d7; /*#bb3222*/
    transition: all .2s ease}
a:hover, a strong:hover {
    color: #eee }
a strong, .strong {            
    color: #16b8d6; /*#bb3222*/
    opacity: .777;
    font-size: 16px;
    font-weight: 800;
    transition: all .2s ease}
ul {
    list-style: none }
h1, h2 {
    font-size: 22px;    
    text-align: left;
    line-height: 26px;
    padding-bottom: 19px}
    #index h1, #index h2 {  
        text-align: center }
    #index.second h2 {  
        padding: 2px 0 0;
        font-size: 16px; 
        color: #c4c4c4;
        text-transform: uppercase;
        transition: all .3s ease }
#index .query_description h3 {
	padding: 5px 0 2px;
	font-size: 14px;
	color: #24b9d7;}
    #index.second h3 { display: none }
.hidden { display: none!important }
.clear { 
    clear: both;
    padding-bottom: 15px }
.container { 
    max-width: 1100px; 
    width: 50vW;
    margin: 0 auto}
    #index.second footer .container {
        max-width: 1700px;
        width: 60vW;	
    }
.separator {
	width: 33.333%;
	margin: 0 33.333%;
	height: 2px;
	border: none;
	background-image: linear-gradient( to right, transparent, rgb(36, 185, 215, .3), transparent);}

    #index .container {
        padding: 0;
        text-align: center}
    #legal_notice .container,
     #legal_notice h1 { 
        max-width: 480px;
        overflow-wrap: break-word}
    #legal_notice h1 {
        width: 50vw;
        margin: 0 auto;
        padding-top: 19px;
        text-align: center;
        opacity: .3}
    #legal_notice .container > ul {
        margin: 25px 0;
        display: flex}
    #legal_notice .container > ul > li {
        width: 50% }
    #legal_notice .container > ul li ul li:first-child {
        width: 100%;
        text-align: left}
    #legal_notice .container > ul li ul li p {
        margin: 0;
        padding: 0}
    #legal_notice .container > ul li:first-child {
        display: block;
        width: 46%;
        text-align: right;
        padding-right: 4%}

.responsive { 
    width: 100%; 
    display: block}

#privacy_policy .logo, 
 #revocation .logo, 
  #shipping_terms .logo, 
   #conditions .logo {
	margin: 12px 44%;
	padding: 19px;
	border-radius: 100%;
	border: 1px solid rgba(13,176,204,.666); /*.. .444*/
	width: 115px;
	height: 115px}
#index .logo { 
    margin-top: 15px;
    padding: calc(100vH - 1150px) 14% 0; 
    transition: all .3s ease; }
    #index.second .logo { padding: 5vH 45% 0 }
#legal_notice .logo { 
    padding: 2% 12% 5%;
    opacity: .777}

.logo img { 
    margin: auto;
    opacity: .888; /*.777*/
    /*filter: brightness(.533) sepia(1) hue-rotate(317deg) saturate(7)*/}

#index .container_video {
	position: absolute;
	top: 0;
    left: 0;
	z-index: -1}
#index .container_video video {
    max-height: 700px;
    width: 100vW;
    object-fit: fill;
    filter: contrast(3) brightness(.3) opacity(.2) grayscale()}
#index .container_video video.more-transparency {
    opacity: .2}

#privacy_policy .logo img,
 #revocation .logo img,
  #shipping_terms .logo img,
   #conditions .logo img {
	/*filter: brightness(.733) sepia(1) hue-rotate(137deg) saturate(7);*/   
    padding: 11px 0 0 1px;
    width: 90%;
    opacity: .777}

.logo_text {
	letter-spacing: .6px;
	transform-origin: 0;
	font-weight: 500;
	opacity: .888;
	transform: scale(1.333,1);
	display: inline-block;
	width: 8.333em;
	text-align: left !important;}
.copyr_text {
	display: inline-block;
	font-size: 15px;
	color: #59585d;
	padding-right: 3px;}
#search_form {
	margin: 27px auto auto;
	width: 87%}
#select_query, 
 #search_query {
    min-height: 24px;
	font: 400 16px/17px Manrope, Arial;
	padding: 9px 7px;
	color: #eee;
	border: 1px solid rgb(14, 159, 184); /*rgba(221,53,32,.811)*/
	border-radius: 2px;
	background: rgb(14, 159, 184); /*rgba(221,53,32,.811)*/ }
#select_query:focus,              
 #search_query:focus {
    outline: 2px solid #0db0cc; /*#bb3222*/                 
    color: #eee }
#select_query { 
    width: 20%;
    border-radius: 28px 8px/28px 18px; 
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-indent: 13px}
#search_query { 
    width: 74%;
    border-radius: 28px 8px/28px 18px; 
    border-top-left-radius: 0;
    border-bottom-left-radius: 0}

.tabs { 
    height: 25px;
    margin-bottom: 25px}
.tabs span {
	padding: 3px 13px;
	margin-left: 3px;
	background: #16b8d6;
	color: #222;
	cursor: pointer;
	float: right;
	opacity: .777;
	transition: all .1s ease;
	border-radius: 20px 5px/20px 8px;
	min-width: 25px;
	text-align: center}
.table-format span {
    display: inline-block;
    min-width: 10px;}
[class^="container js_tab"] {
    display: none;
    text-align: justify;
    padding-bottom: 10px}
.container.selected { display: block }
.container.tabs .selected { color: #fff }
.headline2 {
	font-size: 15px;
    padding-top: 25px}
.headline3 {
	font-size: 15px}
.third-party_note {
	margin-top: 1px;
	width: 81%;
	display: block;
	margin: auto}
.third-party_note span {
	margin: 0 auto;
	padding: 3px 0 15px;
	color: rgba(255,255,255,.722);
	font-size: 11.6px;
	font-weight: 400;
	transition: all .222s ease-in;
	display: inline-block }
.third-party_note span:hover {
    color: rgba(255,255,255,.822);
    font-size: 12px;
	font-weight: 500;
	transform: scale(1.03)}
.frame {
    border-top: 1px dashed rgba(255,255,255,.255);
    margin: 2em 0 0;
    padding: 1em 0}


footer { 
    overflow: hidden;
    padding: 35px 0 }
footer .container * { 
    text-align: center}
.footer_navigation {
	color: #59585d;}
h3.share-social_title,
 .footer_navigation h3 {
    color: #c4c4c4;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 4%;
    display: none }
#index.second .share-social_wrapper {
	display: none }
.share-social_items {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 5%;
	row-gap: .5em;
	padding: 1.5% 19% 3.5% 29%;}
.share-social_item.clickoutLink {
	padding-right: 33%;
    transform: rotate(9deg);
    font-size: 11px;
    color: transparent;
    opacity: .4}
.share-social_item_icon img {
    width: 50px;
    height: 50px;
    transform: perspective(90px) rotateY(-15deg) translateZ(38px);
    transition: all .2s ease}  
    .share-social_item_icon img:hover {
        transform: perspective(90px) rotateY(-15deg) translateZ(40px)} 

.share-social_item:first-child img {
    width: 70px;
    height: 70px;
    margin-top: -14px;
    padding-right: 10px;}
.share-social_item.share-social_item_fb.clickoutLink {
	text-indent: -26px;}
.footer_index {
	display: flex;
	padding: 0 10%;
	margin-bottom: 35px }
    #index.second .footer_index {
        padding: 0;
        flex-direction: column
    }
.footer_index a,
 #index .footer_descr p { color: #c4c4c4 }
.footer_index a {
    display: inline-block;
	border-bottom: 1px dotted #6e6e6e;
	padding-bottom: 3px;
	margin-bottom: 19px }
.footer_index a:hover { color: #24b9d7 /*#bb3222*/; border-color: #24b9d7 /*#bb3222*/ }
#index.second .fc_1 div ul:nth-child(2) { padding-right: 10px }
#index.second .fc_1 div ul:nth-child(3) { padding-left: 10px }
#index.second .footer_index img {
    width: 100% }
.footer_index h4 {
    color: #c4c4c4;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 35px 0 25px }
    .footer_index .fc_1 h4 {        
        padding: 35px 0 25px 33.33% }   
    #index.second .footer_index .fc_1 h4 { padding-left: 0; text-align: center }
.fc_1 {	width: 75% }    
    #index.second .fc_1 { width: 100% }
.fc_2 {	width: 25% }
    #index.second .fc_2 { width: 100% }
.fc_t {
	display: table;
	width: 100% }
.fc_t div {	display: table-row }
.fc_t div ul {
	list-style: none;
	text-align: left;
    display: table-cell }
.fc_1 div ul { width: 33.33% }
    #index.second .fc_1 div ul:first-child { width: 0; display: none }
.fc_t div ul li { text-align: left }
.footer_navigation {
	padding: 15px 0 }
.footer_descr p {
    padding-top: 3px }

#eDoc {
	background: #fff;
	overflow: hidden;
	position: relative;
}
#eDoc header,
 #eDoc main {
    background: #1c1b22;
    max-width: 100vW;
	width: 444px;
	margin: 0 auto}
#eDoc header {
    height: 95vH}
#eDoc main {
    height: 5vH}
#eDoc .container {
    max-width: calc(((100vW + 333px) / 2) - 100px);
	width: 333px;
	padding-top: 505px}
#eDoc h1 {   
	font-size: 62px;
	top: 18vH;
    left: calc(50vW - 143.6px);
    transform: rotate(367deg);
    
    margin: 0;
    padding: 0;
    font-weight: 800;
	word-spacing: 50px;
    line-height: normal;
    color: #0e9fb8;
    text-align: center;
	position: absolute;
    z-index: 0}
#eDoc.e404 h1 {
	font-size: 144px;
	top: 13vH;
    left: calc(50vW - 143.6px);
    transform: rotate(367deg);
    animation-name: e404;
    animation-duration: 1.5s}
@keyframes e404{
    from {
      opacity: 0;
      transform: rotate(0deg);
    }
    to {
      opacity: 1;
      transform: rotate(367deg);
    }
}
#eDoc.e500 h1 {
	font-size: 333px;
	top: 0;
	left: calc(50% - 131.5px);
    transform: rotate(457deg);
    animation-name: e500;
    animation-duration: 1.5s}
@keyframes e500 {
    from {
      opacity: 0;
      transform: rotate(0deg);
    }
    to {
      opacity: 1;
      transform: rotate(457deg);
    }
}
#eDoc p {
    margin: auto;
    text-align: center;
    font-size: 16px}
#eDoc .imprint {
    font-size: 9px;
    font-weight: 700; 
    line-height: 20px;
}


/* Mobile */
/* Mobile detect fehlt noch ! */
    @media (max-width: 2069px) {
        .fc_1 {	width: 66.66% }
        .fc_2 {	width: 33.33% }
    }
    @media (max-width: 1769px) {
        .footer_index .fc_1 h4 { padding-left: 0 } 
        .fc_1 {	width: 50% }
        .fc_2 {	width: 50% }
        .fc_1 div ul:first-child {	display: none } 
        .fc_1 div ul { width: 50% }  
        .share-social_item_icon img {
            height: 50px;
            width: 50px}
        .share-social_item:first-child img {
            width: 65px;
            height: 65px}
    }
    @media (max-width: 1269px) {
        .footer_index {
            display: block }
        .fc_1,
         .fc_2 { width: auto }
        .fc_1 div ul,
         .fc_2 div ul {
        width: auto;
        display: block }
        .footer_index a {
            min-width: 66.666%;
            text-align: left }
        .share-social_items {
            padding: 1.5% 10% 5.5% 24%}
    }
@media (max-width: 991px) {
    .container {  
        width: 75vW}
}
@media (max-width: 768px) { 
    .container {  
        width: 77vW }
    .share-social_items {
        padding: 1.5% 2% 5.5% 18%}
    #privacy_policy .logo, 
     #revocation .logo, 
      #shipping_terms .logo, 
       #conditions .logo {
        margin: 12px auto } 
}
@media (max-width: 479px) {	
    #index.second .logo {
	   padding: 5vH 14% 0 }
    .container {  
        width: 100vW }
    h1, h2 {
	    padding: 0 12.5% 19px }
    p { padding: 0 12.5% }
    #search_query {
        width: 100%;
        padding: 11px 0;
        border-radius: 2.2px;
        text-indent: 0}
    #select_query {
        width: 100%;
        margin-bottom: 10px;
        outline: 1.9px solid rgb(19, 145, 168); /*rgba(221,53,32,.811)*/
        border-radius: .5px }
    p.third-party_note {
        padding: 15px 0;
        margin: 0 auto;
        width: 87%;
        text-align: justify }
    p.third-party_note span {
        color: #ccc;
        font-size: 12px;
        font-weight: 500}
        
    footer .footer_index h4 { color: #eee }  
    .tabs span:first-child {
        margin-right: 12.5% }
    footer .container * {
	   display: block;
	   color: transparent }
    .footer_descr p {
        color: #eee }     
    .footer_navigation a {
        font-size: 14.5px;
        padding: 6px 0 }
    .footer_navigation a:nth-child(2) {    
        margin-top: 35px }
    .footer_navigation a:nth-child(7) {    
        margin-bottom: 25px }
    .footer_navigation a span {
        padding: 6px;
        border: .5px solid rgb(19, 145, 168); /*rgba(221,53,32,.811)*/
        color: #24b9d7; /*#bb3222*/
        max-width: 200px;
        margin: 0 auto }
    .share-social_items {    
        grid-template-columns: 1fr 1fr;
        column-gap: 5%;
        row-gap: 3em;
        padding: 1.5% 10% 7.5% 11.5%}
    .share-social_item.clickoutLink {
        padding-right: 0}
    .share-social_item_icon img {
        display: inline}
    #privacy_policy a span, 
     #revocation a span, 
      #shipping_terms a span, 
       #conditions a span {
        border-color:  #24b9d7;
        color: #24b9d7;
    }
    #privacy_policy .logo, 
     #revocation .logo, 
      #shipping_terms .logo, 
       #conditions .logo {
           margin: 20px auto } 

}
@media (max-width: 380px) {	
    .tabs span {
        min-width: 0}
}