@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;
}






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



@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;
}


html {
	scroll-behavior: smooth;
}

body {scroll-behavior:smooth;padding:0px;margin:0px;font-family:Figtree;width:100%;background-color:#9BA4AC;vertical-align:top}
table, td {padding:0}

.tab {margin:auto;width:1210px;min-width:1210px;background-color:#ffffff;border:5px solid #ffffff;border-top:0;}

.top1,.top2 {font-size:26px;font-family:Figtree}
.top2 {color:#a0a0a0;text-align:right}
.top4 {vertical-align:top;padding-top:5px;padding-left:5px;text-align:right}
.top3 {padding-left:15px}
.top5 {margin-left:auto}

.x {width:100%}
.txt {padding:40px;padding-left:80px;padding-right:130px;font-family:Figtree;color:#928052}
.fix {position:sticky;top:0;background-color:#ffffff;}

.starttop {width:1172px;height:120px;background-image:url("../img/logo-top.jpg");vertical-align:top}
.rand {width:36px}
.menu, .menua, .menu2 {color:#000000;xfont-weight:bold;text-decoration:none;font-size:20px;display:block}
.menu:hover {color:#928052;xfont-weight:bold;xfont-style:italic;transition: transform 0.3s; transform: scale(1.1, 1.1)}
.menu2:hover {color:#928052;xfont-weight:bold;xfont-style:italic;transition: transform 0.3s; transform: scale(1.1, 1.1)}
.menua {color:#B89B5B}
.menu2 {color:#a0a0a0}
.menuh {text-decoration:none;color:#000000;display:block}
.menuh:hover {color:#928052 !important;transition: transform 0.3s; transform: scale(1.02, 1.02)}

.login {color:#ffffff;text-decoration:none;font-size:10px}
.login:hover {color:#ffffff;text-decoration:none;font-size:10px;font-style:italic}
.newsline {font-size:12px;padding-top:25px;padding-left:200px}
.newsout {font-size:12px;padding-left:10px}
.promobild {width:290px;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}

.infolink, .artlink {padding:5px;border:1px solid #000000;text-decoration:none;font-size:12px;font-weight:bold;color:#000000;display:block;width:fit-content}
.infolink:hover, .artlink: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)
    }
    
.artlink: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 {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}

.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, .bhead:hover {background-size:cover;width:140px;height:140px;border:0px solid red;vertical-align:bottom}
.btext, .btext:hover {width:100%;height:100%;color:#ffffff;font-size:9px;font-weight:bold;text-shadow:1px 1px 3px #000000;margin-top:auto}
.rtop {background-color:#D0BD93;min-width:103px;max-width:103px;width:103px;height:36px}

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

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

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

.bhref {display:none}

.bhref {

  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;
  }

.blend {
  -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: blendin;}

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

@-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 blendin {
  0% {margin-left:0%;opacity:0.0;filter:grayscale(1)}
  70% {margin-left:0%;opacity:1;filter:grayscale(1)}
  100% {margin-left:0%;opacity:1;filter:grayscale(0)}
  }

@-webkit-keyframes blendin {
  0% {margin-left:0%;opacity:0.0;filter:grayscale(1)}
  70% {margin-left:0%;opacity:1;filter:grayscale(1)}
  100% {margin-left:0%;opacity:1;filter:grayscale(0)}
  }

@keyframes blendin {
  0% {margin-left:0%;opacity:0.0;filter:grayscale(1)}
  70% {margin-left:0%;opacity:1;filter:grayscale(1)}
  100% {margin-left:0%;opacity:1;filter:grayscale(0)}
  }


.rmen, .mmen, .lmen {padding:8px;padding-top:8px;padding-bottom:8px}
.mmen, .lmen {border-right:5px solid #ffffff}
.lmen {border-left:5px solid #ffffff}

.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}

.kontab {border:1px solid #ffffff;
    

    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;
}
.kontext {color:#ffffff;width:600px;height:250px;border:0;background-color:#B89B5B;font-size:20px}

.buttong {border:0px solid #c0c0c0;
    padding:5px;padding-left:35px;padding-right:35px;
    color:#68A3D6;
    text-decoration:none;
    background-color:#ffffff;
    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;
}

.buttong {color:#B89B5B}
.buttong:hover, .buttonk:hover {background-color:#e6e6e6}

.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}}