@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


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


@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/Figtree-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'JosefinSans';
    src: url('../fonts/JosefinSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'JosefinSans';
    src: url('../fonts/JosefinSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'JosefinSans';
    src: url('../fonts/JosefinSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'JosefinSans';
    src: url('../fonts/JosefinSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'JosefinSans';
    src: url('../fonts/JosefinSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'JosefinSans';
    src: url('../fonts/JosefinSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'JosefinSans';
    src: url('../fonts/JosefinSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'JosefinSans';
    src: url('../fonts/JosefinSans-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'JosefinSans';
    src: url('../fonts/JosefinSans-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'TitilliumWeb';
    src: url('../fonts/TitilliumWeb-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumWeb';
    src: url('../fonts/TitilliumWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumWeb';
    src: url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumWeb';
    src: url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumWeb';
    src: url('../fonts/TitilliumWeb-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumWeb';
    src: url('../fonts/TitilliumWeb-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}




@font-face {
    font-family: 'Foundation';
    src: url('../fonts/Foundation-Regular.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Foundation';
    src: url('../fonts/Foundation-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Foundation';
    src: url('../fonts/Foundation-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Foundation';
    src: url('../fonts/Foundation-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Foundation';
    src: url('../fonts/Foundation-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Foundation';
    src: url('../fonts/Foundation-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'Beginner';
    src: url('../fonts/Beginner-Regular.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Beginner';
    src: url('../fonts/Beginner-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Beginner';
    src: url('../fonts/Beginner-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Beginner';
    src: url('../fonts/Beginner-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Beginner';
    src: url('../fonts/Beginner-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Beginner';
    src: url('../fonts/Beginner-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Thin.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}




html {
    
	scroll-behavior: smooth;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
    
    }

 
body {
    
    
    webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-optical-sizing: auto;
    
     
    font-weight:400;
    scroll-behavior:smooth;padding:0px;margin:0px;width:100%;vertical-align:top}

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}
    
table, td {padding:0}

h1, h2, h3, h4, h5 {display:inline;margin:0;padding:0;font-size:inherit;font-weight:inherit}
.htab {width:1244px}

.h100 {height:100%}
.w100 {width:100%}

.starttop {width:1172px;background-repeat:no-repeat;vertical-align:top;text-align:left}
.rand {width:36px}
.hmenue, .hmenuea, .tmenue, .tmenuea, .login {color:#000000;font-weight:bold;text-decoration:none;font-size:15px;display:block;width:fit-content;border-bottom:2px solid transparent;padding-bottom:2px}
.tmenue:hover, .hmenue:hover, .login:hover {font-weight:bold;font-style:italic}
.login {font-size:14px;margin-left:auto;cursor:pointer}

.newsline {font-size:12px;padding-top:25px;padding-left:200px}
.newsout {font-size:12px;padding-left:10px}
.promobild, .listbild, .newsbild {width:200px;height:auto;float:left;margin:0;margin-bottom:10px}
.newsbild {width:300px}

.promobild:hover, .newsbild:hover, .searchpic:hover {
    transition:transform 0.3s, filter 4s;transform:scale(1.1, 1.1);box-shadow:3px 3px 3px rgba(0,0,0,0.5);filter:grayscale(100%)
    }
    
.listbild:hover, .leftbild:hover {transition:filter 4s;filter: grayscale(100%)}

.leftbild {width:580px;height:auto;float:left;margin-right:10px;margin-bottom:10px}
.artbild, .artbild2 {width:190px;height:auto;float:left;margin-right:20px}
.artbild2 {width:450px;margin-bottom:20px}
.artbild3 {width:100%}

.infolink, .artlink, .kauflink, .kauflinkoff {padding:5px;border:1px solid #000000;text-decoration:none;font-size:12px;font-weight:bold;color:#000000;display:block;width:fit-content;background-color:#ffffff;cursor:pointer}
.infolink:hover, .artlink:hover, .kauflink:hover {
    
    padding:5px;
    border:1px solid #000000;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    background-color:#ffffff;
    font-style:italic;
    
    transition: transform 0.3s; transform: scale(1.1, 1.1); box-shadow:3px 3px 3px rgba(0,0,0,0.5)
    }
    
.kauflink, .kauflinkoff {width:54px;text-align:center}

.kauflink, .kauflink:hover {background-color:#000000;color:#ffffff}
.kauflinkoff {cursor:default;background-color:#c0c0c0;color:#ffffff;border:1px solid #c0c0c0}

.artlink:hover, .abc3:hover, .abc8:hover {transition:transform 0.3s;transform:scale(1.1,1.1)}
.hmenue:hover {transition: transform 0.3s; transform: scale(1.05, 1.05)}

.buttong:hover, .wgs:hover {transition:transform 0.3s;transform: scale(1.1, 1.1);box-shadow:3px 3px 3px rgba(0,0,0,0.5)}

.grayteam {width:0px;height:100%;filter: grayscale(100%);background-image:url('../img/teampic-2.jpg')}
.colteam {background-image:url('../img/teampic-2.jpg')}

.artlink, .artlink:hover {border:1px solid #B89B5B;background-color:transparent;color:#B89B5B}

.fixhead {position:sticky;top:0;z-index:10;padding-top:10px}

.teampic {background-size:cover;width:147px;height:180px}
.teaminf {background-color:#B89B5B;width:146px;height:180px;vertical-align:bottom;padding:4px;text-align:left}
.inftab {margin-bottom:auto;font-size:11px;text-align:left;color:#ffffff;font-weight:bold}
.bhead, .bhead2, .bheadv {background-size:cover;width:95px;height:95px;border:0px solid red;vertical-align:bottom;overflow:hidden}
.bhead2 {max-width:140px;max-height:140px;width:140px;height:140px}
.bheadv, .bheadv:hover {xwidth:72px;xheight:72px;xfilter:grayscale(100%)}
.bhead:hover, .bhead2:hover, .bheadv:hover {display:block}

.btext, .btext:hover, .btextv, .btextv:hover {width:100%;height:100%;color:#ffffff;font-size:9px;font-weight:bold;text-shadow:1px 1px 3px #000000;margin-top:auto}
.btextv, .btextv:hover {font-size:5px}

.rtop {background-color:#D0BD93;min-width:103px;max-width:103px;width:103px;height:36px}

.bhref, .bhref:hover, .bhrefv, .bhrefv:hover {cursor:pointer;width:100%;height:100%;vertical-align:bottom;text-decoration:none}

.bhead:hover, .bhead2:hover, .bheadv:hover {box-shadow: 4px 4px 6px rgba(0,0,0,0.6)}

.bheadv:hover {display:block;transition:transform 0.6s,filter 4s;transform:scale(2, 2) translate(0, 25%) rotate(1turn);filter:grayscale(100%)}

.bhead:hover, .bhead2:hover {transition:transform 0.6s,filter 4s;transform:scale(1.3, 1.3);filter:grayscale(100%)}

.bhref, .bhrefv {display:none}

.bhref, .bhrefv, .bestin, .bestrin {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: slidein;
  -webkit-animation-name: slidein;
  animation-name: slidein
  }

.bestrin {
  -moz-animation-name: rightin;
  -webkit-animation-name: rightin;
  animation-name: rightin
  }

body {
  -moz-animation-duration: 1.3s;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  animation-name: topin2
  }

.grayit {

  opacity:1;
  -moz-animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: grayin;
  -webkit-animation-name: grayin;
  animation-name: grayin
  }

.artbild3 {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: sizein;
  -webkit-animation-name: sizein;
  animation-name: sizein
  }


.searchpic {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: sizein130;
  -webkit-animation-name: sizein130;
  animation-name: sizein130
  }


.bleftin {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: sizelin;
  -webkit-animation-name: sizelin;
  animation-name: sizelin
  }

.topin, .top100 {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: topin2;
  -webkit-animation-name: topin2;
  animation-name: topin2
  }
  
.top100 {
  
  -moz-animation-name: topin;
  -webkit-animation-name: topin;
  animation-name: topin
  }

.lin {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: slidein;
  -webkit-animation-name: slidein;
  animation-name: slidein
  }

.rin {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: rightin;
  -webkit-animation-name: rightin;
  animation-name: rightin
  }

@-moz-keyframes slidein {
  from {margin-left:100%;opacity:0.0}
  to {margin-left:0%;opacity:1}
  }

@-webkit-keyframes slidein {
  from {margin-left:100%;opacity:0.0}
  to {margin-left:0%;opacity:1}
  }

@keyframes slidein {
  from {margin-left:100%;opacity:0.0}
  to {margin-left:0%;opacity:1}
  }

@-moz-keyframes rightin {
  from {margin-left:-100%;opacity:0.0}
  to {margin-left:0%;opacity:1}}

@-webkit-keyframes rightin {
  from {margin-left:-100%;opacity:0.0}
  to {margin-left:0%;opacity:1}}

@keyframes rightin2 {
  from {margin-left:-10%;opacity:0.0}
  to {margin-left:0%;opacity:1}}

@-moz-keyframes rightin {
  from {margin-left:-100%;opacity:0.0}
  to {margin-left:0%;opacity:1}}

@-webkit-keyframes rightin2 {
  from {margin-left:-10%;opacity:0.0}
  to {margin-left:0%;opacity:1}}

@keyframes rightin2 {
  from {margin-left:-10%;opacity:0.0}
  to {margin-left:0%;opacity:1}}

@-moz-keyframes topin {
  from {margin-top:-100%;opacity:0.0}
  to {margin-top:0%;opacity:1}}

@-webkit-keyframes topin {
  from {margin-top:-100%;opacity:0.0}
  to {margin-top:0%;opacity:1}}

@keyframes topin {
  from {margin-top:-100%;opacity:0.0}
  to {margin-top:0%;opacity:1}}

@-moz-keyframes topin2 {
  from {margin-top:-15%;opacity:0.0}
  to {margin-top:0%;opacity:1}}

@-webkit-keyframes topin2 {
  from {margin-top:-15%;opacity:0.0}
  to {margin-top:0%;opacity:1}}

@keyframes topin2 {
  from {margin-top:-15%;opacity:0.0}
  to {margin-top:0%;opacity:1}}

@-moz-keyframes blendin {
  from {margin-left:0%;opacity:0.0}
  to {margin-left:0%;opacity:1}
  }

@-webkit-keyframes blendin {
  from {margin-left:0%;opacity:0.0}
  to {margin-left:0%;opacity:1}
  }

@keyframes blendin {
  from {margin-left:0%;opacity:0.0}
  to {margin-left:0%;opacity:1}
  }

@-moz-keyframes grayin {
  from {filter:grayscale(100%);width:0%}
  to {filter:grayscale(0);width:100%}
  }

@-webkit-keyframes grayin {
  from {filter:grayscale(100%);width:0%}
  to {filter:grayscale(0);width:100%}
  }

@keyframes grayin {
  from {filter:grayscale(100%);width:0%}
  to {filter:grayscale(0);width:100%}
  }

@-moz-keyframes sizein {
  from {width:0%}
  to {width:100%}
  }

@-webkit-keyframes sizein {
  from {width:0%}
  to {width:100%}
  }

@keyframes sizein {
  from {width:0%}
  to {width:100%}
  }

@-moz-keyframes sizein130 {
  from {width:0%}
  to {width:130px}
  }

@-webkit-keyframes sizein130 {
  from {width:0%}
  to {width:130px}
  }

@keyframes sizein130 {
  from {width:0%}
  to {width:130px}
  }

@-moz-keyframes sizelin {
  from {height:0}
  to {height:200px}
  }

@-webkit-keyframes sizelin {
  from {height:0}
  to {height:200px}
  }

@keyframes sizelin {
  from {height:0}
  to {height:200px}
  }

@-moz-keyframes wkin {
  from {background-image:url('../img/wk_red.png');transform:scale(2, 2)}
  to {background-image:url('../img/wk_black.png');transform:scale(1, 1)}
  }

@-webkit-keyframes wkin {
  from {background-image:url('../img/wk_red.png');transform:scale(2, 2)}
  to {background-image:url('../img/wk_black.png');transform:scale(1, 1)}
  }

@keyframes wkin {
  from {background-image:url('../img/wk_red.png');transform:scale(2, 2)}
  to {background-image:url('../img/wk_black.png');transform:scale(1, 1)}
  }

@-moz-keyframes noin {
  from {background-image:url('../img/notice-red.png');transform:scale(1.4, 1.4)}
  to {background-image:url('../img/notice.png');transform:scale(1, 1)}
  }

@-webkit-keyframes noin {
  from {background-image:url('../img/notice-red.png');transform:scale(1.4, 1.4)}
  to {background-image:url('../img/notice.png');transform:scale(1, 1)}
  }

@keyframes noin {
  from {background-image:url('../img/notice-red.png');transform:scale(1.4, 1.4)}
  to {background-image:url('../img/notice.png');transform:scale(1, 1)}
  }


.wk_in, .notice_in {

  opacity:1;
  -moz-animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: wkin;
  -webkit-animation-name: wkin;
  animation-name: wkin
  }

.notice_in {
    
  -moz-animation-name: noin;
  -webkit-animation-name: noin;
  animation-name: noin
  }
  
  
.rmen, .mmen, .lmen, .lmen2 {padding:8px;padding-top:8px;padding-bottom:8px}
.mmen, .lmen, .lmen2 {border-right:0px solid #ffffff}
.lmen, .lmen2 {border-left:0px solid #ffffff}
.lmen2 {padding-right:0}

.round25 {

    border-bottom-left-radius: 25px;  
	border-bottom-right-radius: 25px; 
    border-top-left-radius: 25px;
	border-top-right-radius: 25px; 
	-webkit-border-bottom-left-radius: 25px;  
	-webkit-border-bottom-right-radius: 25px;  
	-webkit-border-top-left-radius: 25px;  
	-webkit-border-top-right-radius: 25px;  
	-moz-border-radius-bottomleft: 25px;  
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-topleft: 25px;  
	-moz-border-radius-topright: 25px;

}

.kontxt1 {padding:10px}
.kontd, .kontd1 {padding: 10px;padding-left:40px;color:#ffffff;font-size:24px}
.kontd1, .kontd2 {border-bottom: 1px solid #ffffff}
.kontd2 {padding:5px;padding-right:15px;width:100%;vertical-align:middle}
.kontd1 {width:10px}
.koninp {width:100%;height:30px;font-size:20px;border:0;background-color:transparent;color:#ffffff;outline:0}

.kontab {border:1px solid #ffffff;
    

    border-bottom-left-radius: 15px;  
	border-bottom-right-radius: 15px; 
    border-top-left-radius: 15px;
	border-top-right-radius: 15px; 
	-webkit-border-bottom-left-radius: 15px;  
	-webkit-border-bottom-right-radius: 15px;  
	-webkit-border-top-left-radius: 15px;  
	-webkit-border-top-right-radius: 15px;  
	-moz-border-radius-bottomleft: 15px;  
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 15px;  
	-moz-border-radius-topright: 15px;
}

.kontext {color:#ffffff;width:600px;height:250px;border:0;background-color:transparent;font-size:20px;outline:0}

.buttong {border:0px solid #c0c0c0;
    padding:5px;padding-left:35px;padding-right:35px;
    text-decoration:none;
    font-weight:bold;
    font-size:15px;
    margin-top:auto;
    letter-spacing:1px;
    display:block;width:fit-content;
    
    border-bottom-left-radius: 25px;  
	border-bottom-right-radius: 25px; 
    border-top-left-radius: 25px;
	border-top-right-radius: 25px; 
	-webkit-border-bottom-left-radius: 25px;  
	-webkit-border-bottom-right-radius: 25px;  
	-webkit-border-top-left-radius: 25px;  
	-webkit-border-top-right-radius: 25px;  
	-moz-border-radius-bottomleft: 25px;  
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-topleft: 25px;  
	-moz-border-radius-topright: 25px;
}


.overtab {width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000000;opacity:0.7;z-index:1;display:none;
  -moz-animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; 
  -moz-animation-name: opac7;
  -webkit-animation-name: opac7;
  animation-name: opac7; }
  
.alerttab {width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
.alertwin {text-align:center;vertical-align:middle}
.mainback {z-index:2;height:100%;padding:0;padding-top:0;padding-right:0}

@-moz-keyframes opac7 {from {opacity:0} to {opacity:0.7}}
@-webkit-keyframes opac7 {from {opacity:0} to {opacity:0.7}}
@keyframes opac7 {from {opacity:0} to {opacity:0.7}}

.pliner {padding:0;padding-bottom:2px;vertical-align:bottom}
.plineb {width:576px;vertical-align:top;padding-left:10px;height:10px}

.abc8 {padding-left:4px;padding-right:4px}
.abc7 {padding-left:4px;padding-right:4px}

.abc1:hover, .alist1:hover, .alist0:hover, .alist3:hover, .bkart:hover, .merkart:hover, .pagea:hover, .promobild:hover, .lablink:hover, .lablink2:hover, .newsbild:hover, .searchbutt:hover, .searchpic:hover {
    border-bottom-left-radius: 5px;  
	border-bottom-right-radius: 5px; 
    border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
    }
    
.alist {font-size:15px;font-weight:700;width:100%}
.alist2 {color:inherit;text-decoration:none;width:100%;display:block}
.alist0:hover, .alist1:hover, .alist3:hover, .bkart:hover, .merkart:hover, .pagea:hover, .lablink:hover, .lablink2:hover {transition:transform 0.3s;transform:scale(1.05,1.05);box-shadow:3px 3px 3px rgba(0,0,0,0.5)}

.alist0, .alist1, .alist3, .alist02, .alist12, .alist32, .alist40, .alist43, .alist4, .alist5 {border:1px solid transparent;padding:5px;width:25%}

.bkart, .merkart {padding:0;font-size:10px;font-weight:bold;border:1px solid transparent}
.bkimg {margin:0;width:130px;height:130px}
.merkimg {margin:0;width:126px;height:126px;background-size:cover}

.bkimg:hover, .merkimg:hover {
    
    z-index:10;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
    }

.scrleft, .mscrleft {width:15px;min-width:15px;border-right:8px solid transparent;background-image:url("../img/imgleft.png");background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer}
.scrright, .mscrright {width:15px;min-width:15px;border-left:8px solid transparent;background-image:url("../img/imgright.png");background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer}
.scrleft:hover, .mscrleft:hover {background-image:url("../img/imglefto.png")}
.scrright:hover, .mscrright:hover {background-image:url("../img/imgrighto.png")}
.mscrleft, .mscrright {border-right:4px solid transparent;border-left:4px solid transparent}

.bkscroll, .merkscroll {overflow-y:hidden;width:530px;padding-bottom:10px}
.merkscroll {width:1120px}
.bkscrlist {position:relative;left:0px;top:0px}

.pagec, .pagec2 {font-family:"arial narrow";font-size:35px;font-weight:bold;text-align:left;border-bottom:3px solid transparent;padding-left:4px;padding-right:4px}
.pagea {color:inherit;text-decoration:none;font-size:inherit;border:1px solid transparent;display:block}

body::-webkit-scrollbar, .bkscroll::-webkit-scrollbar, .merkscroll::-webkit-scrollbar   {
	width: 13px;
	height: 13px;
    cursor: move;
}

body::-webkit-scrollbar-corner {
    
    border:0;
    border-radius:0;
    background-image:none;
    background-color:transparent;
    cursor: move;
    }

.bestand, .gestr, .prere, .angebot {vertical-align:middle;padding-left:5px;padding-right:5px;cursor:default}
.gestr {border:2px solid red}
.prere {border:2px solid blue}
.angebot {border:3px solid green}

/*
.bestand:hover {transition:transform 0.3s;transform:scale(1.05,1.05);box-shadow:3px 3px 3px rgba(0,0,0,0.5)}
*/
.best1 {font-size:12px;font-weight:bold;margin:auto}
.bstdim {height:10px;width:10px}
.xbestin {display:block}

.bstred {background-color:red}
.bstorange {background-color:#F99121}
.bstgreen {background-color:green}
.bstyello {background-color:#F921D3}
.bstblue {background-color:blue}

.bstred2 {color:red}
.bstorange2 {color:#F99121}
.bstgreen2 {color:green}
.bstyello2 {color:#F921D3}
.bstblue2 {color:blue}

.lablink, .lablink2 {font-size:13px;text-decoration:none;border:1px solid transparent;padding:2px;padding-left:4px;padding-right:4px;display:block;width:fit-content}
.lablink {font-style:italic}
.lablink:hover {}

.menubutt, .menubutta, .menubutt2, .menubutt2a, .catbutt, .catbutta, .catbutt2, .catbutt2a, .catbutt3, .catbutt3a, .catbutt4, .catbutt4a, .wkbutt, .logbutt {

    margin-bottom:2px;
    display:block;
    width:140px;
    text-decoration:none;
    border:1px solid #000000;
    color:#000000;
    background-color:#ffffff;
    padding:1px;
    vertical-align:middle;
    text-align:center;
    font-weight:bold;
    font-size:13px
    }

.catbutt, .catbutta {width:160px}
.catbutt2, .catbutt2a {width:230px}
.catbutt3, .catbutt3a {width:290px}
.catbutt4, .catbutt4a {width:189px}
.menubutt2, .menubutt2a {width:161px}
.paybutt {opacity:0.8;border:1px solid #000000;margin-bottom:2px;display:block;width:145px;height:21px;vertical-align:middle;text-align:center;overflow:hidden}
.payinn {border:0;margin:0;position:relative;left:-2px;top:-2px;height:25px;width:150px}

.menubutt, .catbutt, .wkbutt, .logbutt, .paybutt {cursor:pointer}

.menubutt:hover, .menubutta, .catbutt:hover, .catbutt2:hover, .catbutta, .catbutt2a, .wkbutt:hover {color:#ffffff;background-color:#000000}
.menuline {border-right:2px solid transparent}

.more {
    height:35px;
    background-image:url("../img/imgdown.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer;
    vertical-align:middle;
    text-align:center;
    font-size:13px;
    font-weight:bold
    }

.more:hover {background-image:url("../img/imgdowno.png");}
    
.morel {height:5px}

.wgs, .wgsa, .wgse {font-size:28px;text-align:center;vertical-align:middle;cursor:pointer;font-weight:900}
.wga {text-decoration:none;font-size:inherit;color:inherit;text-align:center;width:100%;display:block}
.searchpic {width:130px;height:auto}

#searchtxt {width:100%}
#searchhelp {visibility:hidden;font-size:13px;font-weight:bold;text-align:center}
#searchhelp:hover {visibility:visible}

.searchbutt {width:20px;height:20px;background-image:url('../img/search.png');background-size:cover;cursor:pointer}
.searchbutt:hover {background-image:url('../img/searcho.png');transition:transform 0.3s;transform: scale(1.5, 1.5)}

.strklist {font-size:13px;font-weight:bold;width:100%}
.strkhead {text-align:center;padding:2px}
.strktit, .strktit1 {padding:2px;padding-right:10px;width:50%}
.strktit1 {width:10px}
.strktrk {padding:2px;font-weight:normal}

.blue {color:blue}

#wkimg {background-image:url('../img/wk_black.png');background-size:cover;cursor:pointer}
#wkimg:hover {background-image:url('../img/wk_red.png');transition:transform 0.3s;transform: scale(1.2, 1.2)}
#wkout, #merkout {padding-left:8px;padding-bottom:7px;text-align:center;vertical-align:middle;font-size:13px;font-weight:bold;color:#ffffff}
#merkout {padding-left:4px}

#merkimg {background-image:url('../img/notice.png');background-size:cover;cursor:pointer}
#merkimg:hover {background-image:url('../img/notice-red.png');transition:transform 0.3s;transform: scale(1.2, 1.2)}

.wktable {width:100%;z-index:-1;margin-bottom:12px;background-color:#808080}
.wkpic {width:30px;height:30px}
.wkpic:hover {display:block;transition:transform 0.6s;transform:scale(4, 4);box-shadow:3px 3px 3px rgba(0,0,0,0.5);
    border-bottom-left-radius: 2px;  
	border-bottom-right-radius: 2px; 
    border-top-left-radius: 2px;
	border-top-right-radius: 2px; 
	-webkit-border-bottom-left-radius: 2px;  
	-webkit-border-bottom-right-radius: 2px;  
	-webkit-border-top-left-radius: 2px;  
	-webkit-border-top-right-radius: 2px;  
	-moz-border-radius-bottomleft: 2px;  
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-topleft: 2px;  
	-moz-border-radius-topright: 2px;
    }
    
.wkcell, .wkcell2, .wkcell3 {padding-left:5px;vertical-align:middle;font-size:14px;font-weight:bold}
.wkcell2 {text-align:center}
.wkcell3 {text-align:right;padding-right:15px}
.wkkill {width:26px;height:26px;background-image:url('../img/trashg.png');background-size:cover;cursor:pointer}
.wkkill:hover {background-image:url('../img/trasho.png');transition:transform 0.3s;transform: scale(1.2, 1.2)}
.wksel {border:0;outline:0;width:40px;font-size:14px;font-weight:bold;background-color:transparent;text-align:center}
.closewin, .delwin {width:20px;height:20px;background-image:url('../img/close.png');background-size:cover;cursor:pointer}
.delwin {background-image:url('../img/trash.png')}
.closewin:hover, .delwin:hover {background-image:url('../img/closeo.png');transition:transform 0.3s;transform:scale(1.4, 1.4)}
.delwin:hover {background-image:url('../img/trasho.png')}

.merkhead {text-align:left;font-size:14px;font-weight:bold;padding:2px}

.alarmoff, .alarmon, .merkdel {cursor:pointer;width:20px;height:20px;background-image:url('../img/alarm-grey.png');background-size:18px 18px;background-position:center;background-repeat:no-repeat}
.alarmon {background-image:url('../img/alarm-on.png')}
.merkdel {background-image:url('../img/merkdel-grey.png')}
.merkdel:hover {background-image:url('../img/merkdel.png')}

.german, .english {width:18px;height:18px;background-image:url('../img/ger.png');background-size:cover;cursor:pointer}
.english {background-image:url('../img/eng.png')}
.german:hover, .english:hover, .login:hover, .showpass:hover, .edituser:hover, .editit:hover, .killuser:hover, .sound:hover, .stopsong:hover, .playall:hover {transition:transform 0.3s;transform:scale(1.4, 1.4)}

.showpass {width:20px;height:20px;margin-left:2px;background-image:url('../img/viewsw.png');background-size:cover;cursor:pointer}
.showpass:hover {background-image:url('../img/viewso.png')}

.editit {width:20px;height:20px;margin-left:2px;background-image:url('../img/editw.png');background-size:cover;cursor:pointer}
.editit:hover {background-image:url('../img/edito.png')}

.edituser {width:18px;height:18px;background-image:url('../img/settings.png');background-size:cover;cursor:pointer}
.edituser:hover {background-image:url('../img/settingso.png')}

.infow {margin:auto;width:16px;height:16px;background-image:url('../img/infog.png');background-size:cover;cursor:pointer}
.infow:hover {background-image:url('../img/infoo.png')}

.infowe {margin:auto;width:20px;height:20px;background-image:url('../img/info.png');background-size:cover;cursor:pointer}
.infowe:hover {background-image:url('../img/infoo.png')}

.logme {font-size:14px;font-weight:bold;padding-right:10px}
.logmein {font-size:14px;font-weight:bold;width:300px;border:0;outline:0}
.regtext {font-size:14px;font-weight:bold;text-align:center;padding:10px;padding-top:10px}
.loghead {font-weight:bold;font-size:20px;text-align:center;width:100%}
.regback {text-align:center;padding:20px}
.logbutt:hover, .paybutt:hover {transition:transform 0.3s;transform:scale(1.1, 1.1)}
.paybutt:hover {opacity:1}
 
.hon, .hoff  {height:5px;width:15px}
.von, .voff {height:15px;width:5px}
.vxx {width:10px}
.hon, .von, .lon {background-color:#000000}
.son {height:45px;width:20px}
.lon, .loff {height:5px;width:5px}

.killuser {color:yellow;text-decoration:underline;cursor:pointer;display:inline-block}

.endwk {text-decoration:none}
.endwk:hover {text-decoration:underline;color:blue}

.sound {margin:auto;background-image:url('../img/sound.png');width:20px;height:20px;background-size:cover;cursor:pointer}
.sound:hover {background-image:url('../img/soundo.png')}
.stopsong {margin:auto;background-image:url('../img/pause.png');width:20px;height:20px;background-size:cover;cursor:pointer}
.stopsong:hover {background-image:url('../img/pause.png')}
.playall {margin:auto;background-image:url('../img/execute.png');width:20px;height:20px;background-size:cover;cursor:pointer}
.playall:hover {background-image:url('../img/executeo.png')}

.wgnr, .wgnrlp {
    padding:5px;
    min-width:50px;
    height:50px;
    font-size:inherit;
    font-weight:inherit;
    color:inherit;
    display:inline-block;
    margin-right:5px;
    text-align:center;
    border-bottom-left-radius: 35px;  
	border-bottom-right-radius: 35px; 
    border-top-left-radius: 35px;
	border-top-right-radius: 35px; 
	-webkit-border-bottom-left-radius: 35px;  
	-webkit-border-bottom-right-radius: 35px;  
	-webkit-border-top-left-radius: 35px;  
	-webkit-border-top-right-radius: 35px;  
	-moz-border-radius-bottomleft: 35px;  
	-moz-border-radius-bottomright: 35px;
	-moz-border-radius-topleft: 35px;  
	-moz-border-radius-topright: 35px;
}

.dshad {
  -webkit-filter: drop-shadow(1px 1px 4px #404040);
  filter: drop-shadow(1px 1px 4px #404040);
}