/* CORONA KINO CORONA KINO CORONA KINO CORONA KINO */
@font-face {
    font-family: 'SangBleuOGSans-Light-WebS';
    src: url('/fonts/SangBleuOGSans-Light-WebS.woff2') format('woff2'),
         url('/fonts/SangBleuOGSans-Light-WebS.woff') format('woff')}
@font-face {
  font-family: 'SangBleuOGSans-Regular-WebS';
  src: url('/fonts/SangBleuOGSans-Regular-WebS.woff2') format('woff2'),
			url('/fonts/SangBleuOGSans-Regular-WebS.woff') format('woff')}

.home-iagn, .x-navbar-wrap {display:none !important;}
.corona-video-php.x-container.width {width: 100vw;}

.x-container.max {max-width: unset;}

.page-template-template_corona * {
  font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
    line-height: 1;
	letter-spacing: 0.022em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

.site {
  max-width: none;
  text-align: center;}

.corona-bkgr {
  background-image: url(https://dertank.ch/wp-content/uploads/2020/06/BACKGROUNDS-CK_B2.svg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100% auto;}
  font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
  letter-spacing: 0.022em;
  font-weight:400;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

  
p {margin:0;}

.pc::before {
    content: url("http://dertank.ch/wp-content/uploads/2020/05/link-icon.png") !important; }
	
.x-container.max {max-width: unset;}
.x-container.width {width: 100%;}	

.page-template-template_corona  header {
 height: 110px !important;}


#cc-box {
  z-index:99999;}

.c-corona {
	padding: 5px;
    top: 15px;
    left: 50%;
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9999;}

.c-life {
    width: 100vh;
    margin-left: -100vh;
    left:30px;
    top:0;
    text-align: center;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: right top;
    transform: rotate(-90deg);
    transform-origin: right top;}

.c-nature {
    width: 100vh;
    right: 30px;
    top: 100vh;
    text-align: center;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: top right;
    transform: rotate(90deg);
    transform-origin: top right;}

.c-before-box {
    position: fixed;
    top: 170px;
    right: -45px;}
       
.c-before {
	left: 30px;
	bottom:30px;}

.c-iku {
	bottom:30px;
	right:30px;
	text-align:right;}	

.c-corona, .c-life, .c-nature, .c-before, .c-iku  {
	position:fixed;
	z-index:99999 !important;} 

.c-corona, .c-life, .c-nature {
    font-size: 4.5vw;}

.c-before, .c-iku  {
	font-size: 3.1vw;} 

.c-corona a, .c-life a, .c-nature a, .c-before a, .c-iku a  {
    text-decoration: none;}

.c-corona a:hover, .c-life a:hover, .c-nature a:hover, .c-before a:hover, .c-iku a:hover {
    text-decoration: none;
    border-bottom: 2px solid #ffffff;
    margin-bottom: -23px !important;
    display: inline-block;}
    
.homebubble, .displaybubble, .homebubble a:link, .homebubble a:visited, .displaybubble a:link, .displaybubble a:visited {
    cursor: pointer;
    color: transparent !important;
    background-position: center;
    background-size: cover;
    display: inline-block;
    text-align: center;
    border: 6px solid #ffffff !important;}  
    
 .homebubble, .homebubble h1, .homebubble h4, .homebubble:active, .homebubble:active h1, .homebubble:active h4, .displaybubble, .displaybubble h1, .displaybubble h4, .displaybubble:active, .displaybubble:active h1, .displaybubble:active h4, .homebubble .internlink {
    color: transparent !important;}      
    
.homebubble:hover, .homebubble:hover h1, .homebubble:hover h4, .homebubble:focus, .homebubble:focus h1, .homebubble:focus h4, .displaybubble:hover, .displaybubble:hover h1, .displaybubble:hover h4, .displaybubble:focus, .displaybubble:focus h1, .displaybubble:focus h4, .homebubble:hover .internlink {
    background-image: none !important;
    color: #ffffff !important;
    -webkit-user-select: none;
    -webkit-touch-callout: none;}    
    
.homebubble:hover:before {
  display:none;
  opacity:0;}

#b1-corona {
    float:right;
    width: 25vw;
    margin-top: 50px;
    padding: 10% 6%;
    -webkit-border-radius: 80% 110% 90% 110%;
    border-radius: 80% 110% 90% 110%;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 30s ease-in-out infinite alternate;}

#b2-corona {
    float:right;
    width: 36vw;
    min-height: 510px;
    margin-right: -15px;
    margin-top: 20px;
    padding: 22% 6%;
    -webkit-border-radius: 100% 100% 85% 105%;
    border-radius: 100% 100% 85% 105%;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 30s ease-in-out infinite alternate;}

#b3-corona {
    float:left;
    margin-left: 150px;
    margin-top: -130px;
    width: 43vw;
    padding: 4% 6%;
    -webkit-border-radius: 110% 100% 95% 100%;
    border-radius: 110% 100% 95% 100%;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 30s ease-in-out infinite alternate;}

#c-bubble1, #c-bubble2, #c-bubble3 {
    font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
    margin: 0 auto;}

#c-bubble1 h1, #c-bubble2 h1, #c-bubble3 h1 {
    font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
    font-size: 4.5vw !important;
    line-height: 1.1 !important;
    margin: 15px 0 !important;}

#c-bubble1 h4, #c-bubble2 h4, #c-bubble3 h4 {
    font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
    letter-spacing: 0.09em !important;
    margin: 0 0 20px 0;}

#c-bubble1 p, #c-bubble2 p, #c-bubble3 p {
    font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
    font-size: 3.1vw !important;
    text-transform: uppercase;
    padding: 15px 0;}

#c-bubble1 {
    width: 70%;
    padding: 10% 6%;
    height:74vh;
    margin-top: 50px;
    -webkit-border-radius: 56% 44% 55% 45% / 50% 57% 43% 50%;
    border-radius: 56% 44% 55% 45% / 50% 57% 43% 50%;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 58s ease-in-out infinite alternate;}

#c-bubble2 {
    width: 80%;
    padding: 10% 6%;
    height:76vh;
    margin-top: 50px;
    -webkit-border-radius: 58% 42% 51% 49% / 50% 48% 52% 50% ;
    border-radius: 58% 42% 51% 49% / 50% 48% 52% 50% ;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 56s ease-in-out infinite alternate;}

#c-bubble3 {
    width: 75%;
    padding: 10% 6%;
    height:75vh;
    margin-top: 50px;
    -webkit-border-radius: 43% 57% 37% 63% / 54% 62% 38% 46%;
    border-radius: 43% 57% 37% 63% / 54% 62% 38% 46%;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 54s ease-in-out infinite alternate;}

#c-bubble1::before, #c-bubble2::before, #c-bubble3::before {
    content: url("/wp-content/uploads/2020/03/play-video.png"); 
    position: absolute;
    top: 35%;
    left: 45%;
    -webit-transform: scale(0.7);
    transform: scale(0.7);}

#c-bubble2-pc::before {
    content: url("/wp-content/uploads/2020/05/link-icon.png"); 
    position: absolute;
    top: 35%;
    left: 45%;
    -webit-transform: scale(0.7);
    transform: scale(0.7);}

.corona-legende {
    font-family: 'SangBleuOGSans-Light-WebS', sans-serif !important;
    font-size:14px;
    line-height: 1.45;
	letter-spacing: 0.08em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;} 


@media (max-width: 600px) and (orientation:portrait) {    
.c-corona, .c-life, .c-nature {font-size:25px;}
.c-before, .c-iku, .c-info {font-size:18px;}
.c-nature {right:10px;}
.c-life {left:10px;}
.c-iku {bottom: 20px;right: 10px;}
.c-before {left: 10px !important;bottom: 20px !important;}
.c-corona {top: 32px;left: 8px;-moz-transform: none;transform: none;}
#c-bubble1::before, #c-bubble2::before, #c-bubble3::before {
left: 25%;transform: scale(0.5);}
}