/* Script von Venecia200 */

/* Colorpool
#6C8797 leichtes mittelgrau
#7E7E7E mittelgrau
#7C8C95 blauantrazit
#bc004b rosenrot
#30bfff hellblau
#54aed0 wolkenblau
#3086a7 mediteranblau
#950726 kirschrot
#d93458 Kuirsch Hell
#1f5c73 blaugrau
#2bd726 green
#292929 Dunkelgrau
#000e21 Kachelblau
#00122a Kachelblau etwas heller

 */
 
/* Farbelemttags */
#farbtaq_Hellblau  {color:#30bfff}
#farbtaq_Kirschrot_hell  {color:#d93458}
#farbtaq_Wolkenblau  {color:#54aed0}
#farbtaq_Rosenrot  {color:#bc004b}
#farbtaq_Schwarz  {color:#000000}

/* Ãœberschriftformatierung und farbe */
h1, h2, h3, h4, h5, h6 {
  color: #2FBEFC;
  font-size:160%;
  cursor: default;
}


/* Schriftformatierung und farbe */
html, body {
  font: 100% Verdana;
  color:Black;
  background-color: #3086a7;
  font-size:130%;
  padding:0.06em 0.06em 0.06em 0.06em;
  
  height: 100%;
  min-height: 100%;
  
  overflow-y: scroll; /* Add the ability to scroll */
  
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

body::-webkit-scrollbar {
    display: none;
}



/* Schriftarten einbindungen */
@font-face { font-family: 'Schreibswift'; src: url('../Fonts/Schreibswift.ttf')  format('truetype')}         

@font-face { font-family: 'Celtenmuster'; src: url('../Fonts/Celtenmuster.ttf')  format('truetype')}

@font-face { font-family: 'Gothliker'; src: url('../Fonts/Gothliker.ttf')  format('truetype')}

@font-face { font-family: 'Parisiene'; src: url('../Fonts/Parisiene.ttf')  format('truetype')}

@font-face { font-family: 'InconL'; src: url('../Fonts/Inconsolata-Light.ttf')  format('truetype')}

@font-face { font-family: 'InconM'; src: url('../Fonts/Inconsolata-Medium.ttf')  format('truetype')}

@font-face { font-family: 'Optimal'; src: url('../Fonts/Optimal.ttf')  format('truetype')}

@font-face { font-family: 'Controlf'; src: url('../Fonts/Controlf.ttf')  format('truetype')}

@font-face { font-family: 'Morgenage'; src: url('../Fonts/Morgenage.ttf')  format('truetype')}

@font-face { font-family: 'Traja'; src: url('../Fonts/Traja.ttf')  format('truetype')}

@font-face { font-family: 'Verdana'; src: url('../Fonts/Verdana.ttf')  format('truetype')}




/* Link Farben */
  a:link {
  color: snow;
  text-decoration:none;
  cursor: default;
}

a:visited {
  color: snow;
  text-decoration:none;
  cursor: default;
}

a:active {
  color: snow;
  text-decoration:none;
  cursor: default;
}

a:hover {
  color: white;
  text-decoration:none;
  cursor: default;
}

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

/* Shield Kachel */
#style_Shieldkachel {
 width: 90%;
 text-align: center;
 overflow : hidden;
 overflow-y: hidden; /* Hide vertical scrollbar */
 overflow-x: hidden; /* Hide horizontal scrollbar */
 scrollbar-width: none;
}

/* Shield Seite Verlassen Link */
#style_Verlassen {
 color: black;
 cursor: url("../Grafik/Mittelfinger_Pfeil.png"), auto;
}

#style_Verlassen:hover {
 color:#1ea981;
}


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

#style_counter {
 color: #2FBEFC;
 font-size: 100%;
 font-family: 'Optimal';
}

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

/* Tabellenfarben */
#th_dunkel {
 color: #bc004b;
 font-size: 90%;
 background-color: #212121;
 width: 30%;
 opacity: 0.9;
}

#th_dunkel:hover {
 opacity: 1.0;
 outline-width:1px;
 outline-style:double;
 outline-color:#26d7d5;
}

/* Tabellenfarben Mittel */
#th_mittel {
 color: #bc004b;
 font-size: 90%;
 background-color: #00122a;
 width: 30%;
 opacity: 0.8;
}

#th_mittel:hover {
 opacity: 0.9;
 outline-width:1px;
 outline-style:double;
 outline-color:#2FBEFC;
 background-color: #000e21;
}

/* Tabellenfarben Hell^^ */
#th_hell {
 color: #bc004b;
 font-size: 90%;
 background-color: #54aed0;
 width: 30%;
 opacity: 0.4;
}

#th_hell:hover {
 opacity: 0.8;
 outline-width:1px;
 outline-style:double;
 outline-color:#2FBEFC;
 background-image:url(./Banner/Tepichkachel2.jpg);
}

/* Tabellenfarben Kirsche */
#th_kirsche {
 color: #bc004b;
 font-size: 90%;
 background-color: #54aed0;
 width: 30%;
 opacity: 0.4;
}

#th_kirsche:hover {
 opacity: 0.8;
 outline-width:1px;
 outline-style:double;
 outline-color:#d93458;
 background-image:url(./Banner/Tepichkachel4.jpg);
}

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

/* Lichtkegel */
#style_Lichtkegel {
color: cyan;
font-size:140%;
font-weight:bold;
text-decoration:none;
text-shadow:#2FBEFC 1px 1px 6px;
}

#style_Lichtkegel:hover {
text-shadow:#2FBEFC 1px 4px 8px;
text-shadow: bolt;
}

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

/* Fussleiste */
#style_Fussleiste {
 font-size:120%;
 text-decoration:none;
 font-weight: 570;
 color: #30bfff;
 cursor: default;
}

/* Logobanner */
#style_Logobanner {
 border: 1px solid cyan;
 border-radius: 3px;
}

/* Navigationsleiste */
#style_Navigationsleiste {
 font-family: 'Optimal';
 color: white;
 font-size:120%;
 text-decoration:none;
 font-weight: 570;
 cursor: default;
 filter: drop-shadow(10px 10px 14px cyan);
}

/* Beamer */
#Beamer {
 font-family: 'Morgenage'; 
 color: white;
 font-size:120%;
 text-decoration:none;
 font-weight: 570;
}

#Beamer:hover {
 color: #d93458;
 background: rgb(48,134,167);
 background: linear-gradient(90deg, rgba(48,134,167,1) 0%, rgba(255,255,255,1) 49%, rgba(48,134,167,1) 100%);
 cursor: url("../Grafik/Beam_Pfeil.png"), auto;
}

/* Beamer2 */
#Beamer2 {
 font-family: 'Morgenage'; 
 color: white;
 font-size:120%;
 text-decoration:none;
 font-weight: 570;
}

#Beamer2:hover {
 color: #d93458;
}

/* Beamer3 */
#Beamer3 {
 font-family: 'Morgenage'; 
 color: white;
 font-size:120%;
 text-decoration:none;
 font-weight: 570;
}

#Beamer3:hover {
 color: black;
 cursor: url("../Grafik/Bunt_Pfeil.png"), auto;
}

/* Kachel Trenner */
hr {
 color: #2FBEFC;
 width: 99%;
 align-content: center;
 border: 6px solid #2FBEFC;
 border-radius: 3px;
 opacity: 1.0;
}

hr:hover {
 opacity: 0.95;
}

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

/* Blinker */
.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 6s; 
    animation-iteration-count: infinite;            
}

@keyframes animation_blink {
    0% { filter: opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }    
}

/* Blinker */
.blink2 {
    animation-name: animation_blink2;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite;            
}

@keyframes animation_blink2 {
    0% { opacity: 1; }
    50% { opacity: 0.0; }
    100% { opacity: 1; }    
}

/* Futur */
.futur {
    animation-name: animation_futur;
    animation-timing-function: ease-in;
    animation-duration: 7s; 
    animation-iteration-count: infinite;            
}

@keyframes animation_futur {
    0% { filter: saturate(1); }
    50% { filter: saturate(6); }
    100% { filter: saturate(1); }    
}

/* Matrix */
.matrix {
    animation-name: animation_matrix;
    animation-timing-function: ease-in;
    animation-duration: 8s; 
    animation-iteration-count: infinite;            
}

@keyframes animation_matrix {
    0% { filter: contrast(100%); }
    50% { filter: contrast(200%); }
    100% { filter: contrast(100%); }    
}

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

/* Walhallabanner */
#style_Walhallakachel {
 width: 70%;
 text-align: center;
 border: none;
 overflow : hidden;
 overflow-y: hidden; /* Hide vertical scrollbar */
 overflow-x: hidden; /* Hide horizontal scrollbar */
 scrollbar-width: none;
 
}

#style_Walhallakachel:hover {
	border: 1px #2ea3ba; 
   border-style: none solid none solid;
   border-radius: 10px;
}

#style_Walhallabanner {
 border: 1px #2ea3ba; 
 border-radius: 10px;
}

#style_Walhallabanner:hover {
 border: 1px white; 
 cursor: url("../Grafik/Bunt_Pfeil.png"), auto;
}

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

/* Artikelkachel */
#style_Artikelkachel {
 width: 70%;
 text-align: center;
 border: none;

 overflow : hidden;
 overflow-y: hidden; /* Hide vertical scrollbar */
 overflow-x: hidden; /* Hide horizontal scrollbar */
 scrollbar-width: none;
 
}

#style_Artikelkachel:hover {
	border: 1px #2ea3ba; 
   border-style: none solid solid solid;
   border-radius: 10px;
}


@keyframes animation_delta {
    0% { border: 1px #2b7c9b; }
    50% { border: 1px white; }
    100% { border: 1px #2b7c9b; }    
}


/* Artikelbanner */
#style_Artikelbanner {
 padding-top: 0;
 width: 100% !important;
 align-content: center;
 border-radius: 10px;
 
 height: 300px;
 object-fit: cover;
 object-position: top center;
 
 filter: brightness(0.9);
 -webkit-filter: brightness(0.9);
 
 filter: blur(2px);
 -webkit-filter: blur(2px); 
 
 filter: saturate(0.8);
 -webkit-filter: saturate(0.8);
    
}


#style_Artikelbanner:hover {
	 cursor: url("../Grafik/Ice2_Pfeil.png"), auto;
  	 filter: brightness(1.0);
    -webkit-filter: brightness(1.0);
    
    
    filter: blur(2px);
    -webkit-filter: blur(0px);
    
    filter: saturate(1.0);
    -webkit-filter: saturate(1.0);
}


/* Artikeltitel */
#style_Artikeltitel {
 font-family: 'Controlf';
 letter-spacing: .25em;
 font-size:165%;
 text-align: center;
 color: cyan;
 filter: drop-shadow(5px 5px 5px #2FBEFC);
 font-weight: 870;
 cursor: default;
}

/* Artikeltaq */
#style_Artikeltaq {
 font-family: 'Schreibswift';
 font-size:130%;
 color: whitesmoke;
 text-align: center;
 filter: drop-shadow(5px 5px 5px #1f5c73);
 cursor: default;
}

/* Artikeltext */
#style_Artikeltext {
 font-family: 'InconM';
 width: 98%;
 font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1920 - 320)));
 float: left;
 text-align: justify;
 padding: 10px;
 background-color:#3597bc;
 border-radius: 4px;
}

/* Artikel Extrabild */
#style_Artikelextrabild {
 width: 12%;
 border: 1px solid cyan;
 border-radius: 3px;
 opacity: 0.7;
}

#style_Artikelextrabild:hover {
 opacity: 1.0;
 cursor: url("../Grafik/Ice2_Pfeil.png"), auto;
}


/* Artikeldaten */
#style_Artikeldaten {
 color: #2FBEFC;
 font-size:70%;
 float: left;
 text-align: justify;
 padding: 10px;
 opacity: 0.7;
 cursor: default;
}

#style_Artikeldaten:hover {
 opacity: 1.0;
}

/* Artikelspoiler */
#style_Artikelspoiler {
 float: left;
 padding: 10px;
 color: #2FBEFC;
 opacity: 0.8;
 font-size:80%;
 cursor: default;
}

#style_Artikelspoiler:hover {
 color: #2FBEFC;
 opacity: 1.0;
}

#style_Artikelvorschaubanner {
	 width: 60%;
	 padding: 10px;
    animation-name: animation_Artikelvorschaubanner;
    animation-timing-function: ease-in;
    animation-duration: 8s; 
    animation-iteration-count: infinite;
}


@keyframes animation_Artikelvorschaubanner {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }    
}

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

/* Autorenbereich */
#style_Autorenbereich {
 float: inherit;
 padding: 10px;
 font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1920 - 320)));
 text-align: left;
 color: whitesmoke;
 background-color:#3597bc;
 width: 80%;
 border-radius: 10px;
}

/* Autorenbild */
#style_Autorenbild {
 width: 20%;
 float: right;
 padding-left: 10px;
 filter: drop-shadow(5px 5px 5px #1f5c73);
}

/* Linksanimation 1 */
.Soziallinks1 {
 color: whitesmoke;
 animation-name: animation_SL1;
 animation-timing-function: ease-in;
 animation-duration: 8s; 
 animation-iteration-count: infinite;  
}

@keyframes animation_SL1 {
    0% { background-color: #3597bc; }
    50% { background-color: black; }
    100% { background-color: #3597bc; }    
}

/* Linksanimation 2 */
.Soziallinks2 {
 color: whitesmoke;
 animation-name: animation_SL2;
 animation-timing-function: ease-in;
 animation-duration: 7s; 
 animation-iteration-count: infinite;  
}

@keyframes animation_SL2 {
    0% { background-color: #3597bc; }
    50% { background-color: black; }
    100% { background-color: #3597bc; }    
}

/* Linksanimation 3 */
.Soziallinks3 {
 color: whitesmoke;
 animation-name: animation_SL3;
 animation-timing-function: ease-in;
 animation-duration: 9s; 
 animation-iteration-count: infinite;  
}

@keyframes animation_SL3 {
    0% { background-color: #3597bc; }
    50% { background-color: black; }
    100% { background-color: #3597bc; }    
}

/* Linksanimation 4 */
.Soziallinks4 {
 color: whitesmoke;
 animation-name: animation_SL4;
 animation-timing-function: ease-in;
 animation-duration: 6s; 
 animation-iteration-count: infinite;  
}

@keyframes animation_SL4 {
    0% { background-color: #3597bc; }
    50% { background-color: black; }
    100% { background-color: #3597bc; }    
}

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

/* Lizenzbereich */
#style_Lizenzbereich {
 float: inherit;
 padding: 10px;
 font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1920 - 320)));
 text-align: left;
 color: whitesmoke;
 background-color:#3597bc;
 width: 80%;
 border-radius: 10px;
}

/* Lizenzbanner */
#style_Lizenzbanner {
 width: 99%;
 padding-left: 5px;
 cursor: url("../Grafik/Ice_Pfeil.png"), auto;
 filter: drop-shadow(5px 5px 5px #1f5c73);
}

#style_Lizenzbanner:hover {

 filter: brightness(1.4);
 -webkit-filter: brightness(1.4);
 
}

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

/* Kunstsektorbereich */

/* Kunstsektorbanner */
#style_Kunstsektorbanner {
 width: 99%;
 padding-left: 5px;
 cursor: url("../Grafik/Ice_Pfeil.png"), auto;
 filter: drop-shadow(5px 5px 5px #1f5c73);
}

#style_Kunstsektorbanner:hover {

 filter: brightness(1.1);
 -webkit-filter: contrast(130%);
 
}

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

/* Erstehungsbereich */
#style_Erstehungsbereich {
 float: inherit;
 padding: 10px;
 font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1920 - 320)));
 text-align: left;
 color: whitesmoke;
 background-color:#3597bc;
 width: 80%;
 border-radius: 10px;
}

/* Erstehungsbanner */
#style_Erstehungsbanner {
 width: 99%;
 padding-left: 5px;
 cursor: url("../Grafik/Ice_Pfeil.png"), auto;
 filter: drop-shadow(5px 5px 5px #1f5c73);
}

#style_Erstehungsbanner:hover {

 filter: brightness(0.1);
 -webkit-filter: brightness(0.1);
 
 filter: saturate(0.0);
 -webkit-filter: saturate(0.0);
 
}

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

/* Schrift Hover Lupe */
#style_Schrift_Hover_Lupe {
cursor: url("../Grafik/Ice2_Pfeil.png"), auto;
}

/* Lara */
#style_Lara {
 width: 35%;
 border: 1px solid cyan;
 border-radius: 3px;
 filter: invert(100%);;
}

/* Spacecursoronly */
#style_Spacecursor {
 cursor: url("../Grafik/Ice2_Pfeil.png"), auto;
}

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

/* Musikbanner */
#style_Musikbanner {
 width: 100%;
 border: 1px solid cyan;
 border-radius: 3px;
}

#style_Musikbanner:hover {
 cursor: url("../Grafik/Rabbit2_Pfeil.png"), auto;
}

/* Musikspieler */
#style_Musikspieler {
 width: 100%;
 border: 1px solid cyan;
 border-radius: 3px;
 background-color:white;
 filter: drop-shadow(5px 5px 5px cyan);
}


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

input[type=checkbox] {
  display: none;
}

.container img {
  margin: 0px;
  transition: transform 1.10s ease;
  cursor: zoom-in;
  background-image: linear-gradient(190deg, #f83600 0%, #fee140 100%);
}

input[type=checkbox]:checked ~ label > img {
  transform: scale(1.3);
  cursor: zoom-out;
}

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