@font-face {
    font-family: AlegreyaSans;
    src: url(/fonts/alegreyasanssc-regular.ttf);
}

@font-face {
    font-family: AlegreyaSans;
    src: url(/fonts/alegreyasanssc-bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: AlegreyaSans;
    src: url(/fonts/alegreyasanssc-italic.ttf);
    font-style: italic;
}

@font-face {
    font-family: AlegreyaSans;
    src: url(/fonts/alegreyasanssc-bolditalic.ttf);
    font-weight: bold;
    font-style: italic;
}


@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  src: url('/fonts/fontawesome.ttf');
}

	
html { min-height: 100%; margin:0px; padding:0px; position: relative; scroll-behavior: smooth; }

body {COLOR: white; font-family: AlegreyaSans, Verdana, Arial, Helvetica; font-size: 18px;  height: 100%; margin:0; padding: 120px 0px 0px 0px;  box-sizing: border-box;  background-color: black;  }

#cookiepanel {

position: fixed;
bottom: 0px;
width: 100%;
height: 100px;
font-size: 15px;
color: white;
background: #000020;
z-index: 100;
transition: 1s;
font-size: 14px;
padding: 20px 0px;
box-sizing: border-box;
z-index: 110;
overflow: hidden;
text-align: center;
line-height: 1.5;

}


#cookiepanel a {

color: white;
text-decoration: none;
border-bottom: 1px dotted white;

}




#content {
  position: relative;
  width: calc(100% - 60px);
 max-width: 1500px;
  margin: 0px auto;
  padding: 0px 0px 80px 0px;
  min-height: 100vh;
  box-sizing: border-box;
  
}

#header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100px;
text-align: left;
z-index: 100;
background: #03023a;
background: linear-gradient(to right, #03023a, #01002b);
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;


}

#headerinner {
position: relative;
width: 1000px;
margin: 0px auto;
height: 180px;
  
}


#logo {

display: inline-block;
    vertical-align: middle;
height: 80px;
margin: 10px 20px;
border-right: 1px solid white;
box-sizing: border-box;

}

#logo img {

margin: 0px 30px 0px 0px;
height: 100%;

}


#meinlogo {

position: absolute;
top: 0px;
left: -100px;
width: 210px;
height: 245px;
z-index: 101;

}



#lang {

position: absolute;
right: 0px;
top: 10px;
width: 400px;
height: 30px;
color: white;
font-size: 16px;
text-align: right;

}


#phones  {

display: inline-block;
vertical-align: middle;
margin: 10px;
color: white;
font-size: 17px;
text-align: left;
text-transform: uppercase;
padding: 0px 50px 0px 0px;
border-right: 1px solid white;
box-sizing: border-box;

}

#phones a  {

    text-decoration: none;
    display: block;

}



#phones span.worktime {
    display: block;
    font-size: 13px;
    text-transform: none;

}

#phones select {

    width: 150px;
    height: 30px;
    font-size: 15px;

}





#social  {

    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    color: white;
    font-size: 17px;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 50px 0px 0px;
    box-sizing: border-box;

}


#social img  {

    display: block;
    margin: 5px;

}





#buttons {

    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    text-align: left;


}





#search {

display: block;
position: absolute;
top: 90px;
right: 0px;

}

#searchlist {

display: none;
visibility: hidden;
position: absolute;
width: 300px;
top: 50px;
right: 10px;
text-align: left;
padding: 10px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
background: white;
box-sizing: border-box;
max-height: 300px;
overflow-y: scroll;
font-size: 10px;
color: #808080;
z-index: 10;

}

#searchlist a.name {

font-size: 13px;
color: #ffb7a7;
text-decoration: none;
border-bottom: 1px dotted #ffb7a7;

}

#searchlist span.price {

font-size: 14px;
font-weight: bold;

}

#banner {

    width: calc(100% - 60px);
    max-width: 1500px;
    min-height: 500px;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto 40px auto;

}

#bannerinner {

    position: relative;
    aspect-ratio: 2;
    max-width: 100%;
    max-height: 100%;
    margin: 0px auto;
    text-align: center;

}

a.mark {

    display: inline-block;
    margin: 0px 5px;
    background: black;
    width: 20px;
    height: 20px;
    border: 2px solid white;
    border-radius: 11px;

}

a.marka {

    background: white;

}



#menu {

display: block;
width: 100%;
margin: 40px 0px 0px 0px;
color: white;
text-transform: uppercase;
text-align: center;

}

#menu ul
{

display: block;
list-style: none;
margin: 10px 0px;
text-align: center;
background: black;
width: 100%;


}


#menu li {

position: relative;
display: inline-block;
margin: 10px;

}






#footer {

position: absolute;
bottom: 0px;
width: 100%;
height: 50px;
color: white;
font-size: 12px;
text-transform: uppercase;
text-align: center;

}



#up {

position: fixed;
bottom: 10px;
right: 10px;
width: 64px;
height: 65px;

}


#changepasswordform {

width: 900px;
margin: 10px;
max-height: 0px;
overflow: hidden;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;

}


div.menutable {

    text-align: center;

}

div.menupoint {
 
position: relative;
display: inline-block;
width: 200px;
max-width: 80%;
margin: 10px;
padding: 0px;
border: 2px solid white;
border-radius: 15px;
text-align: left;
box-sizing: border-box;
background: white;
overflow: hidden;


}

div.menupointimage {

position: relative;    
display: block;
margin: 0px 0px 10px 0px;
    
}

a.ordertitle {

    font-size: 25px;
    color: white;
    text-decoration: none;

}


div.menupoint a.title {

    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    text-shadow: 1px 1px 3px black;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    text-decoration: none;

}

div.menupoint div.menupointline {

    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 5px;
    color: black;
    text-transform: uppercase;
    line-height: 1;
    font-size: 10px;

}

div.menupoint div.menupointline::after {

    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background: linear-gradient(to top, rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));

}



div.logocontainer {position: absolute; width: 100px; height: 100px; top:10px; left: 10px; }

div.new {text-align: center; margin: 0px 2px 2px 0px; padding: 3px 0px; height: 20px; width: 100px; color: white; font-weight: bold; font-size: 13px; background: #00800080; box-sizing: border-box; border-radius: 7px; backdrop-filter: blur(5px); }
div.action {text-align: center; margin: 0px 2px 2px 0px; padding: 3px 0px; height: 20px; width: 100px; color: white; font-weight: bold; font-size: 13px; background: #0000ff80; box-sizing: border-box; border-radius: 7px; backdrop-filter: blur(5px);}
div.best {text-align: center; margin: 0px 2px 2px 0px; padding: 3px 0px; height: 20px; width: 100px; color: white;  font-weight: bold; font-size: 13px; background: #ff00ff80; box-sizing: border-box; border-radius: 7px; backdrop-filter: blur(5px);}


div.menupointbuy {

display: block;
margin: 5px;
width: calc(100% - 10px);
font-size: 30px;
text-align: left;
color: black;
    position: relative;

}

div.menupointbuy a.addto {

position: absolute;
    height: 70%;
    right: 0px;
    bottom: 5px;

}

div.menupointbuy a.addto img {
    height: 100%;
}


div.menupointbuy2 {

    color: white;
    margin: 20px 0px;
    width: calc(100% - 10px);
    min-width: 300px;
    font-size: 30px;
    text-align: left;
    position: relative;

}

div.menupointbuy2 a.addto2 {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100px;
    color: white;
    background-color: #ffbb00;
    font-size: 15px;
    font-weight: normal;
    padding: 5px 20px;
    margin: 5px;
    border-radius: 20px;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url("/images/basket-white.svg");
    background-position: 80% 50%;
    background-repeat: no-repeat;
    background-size: auto 50%;
}



div.halfpage {

    max-width: 45%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px;

}

div.halfpage img {

    max-width: 100%;

}

#basket {
position: fixed;
top: 10px;
right: 20px;
width: 80px;
    height: 60px;
z-index: 101;
    background-image: url("/images/basket.svg");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

#basket span {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
color: white;
    font-size: 14px;
    white-space: nowrap;
}

#booking {

    display: block;
    float: right;


}

div.galery1 {

display: inline-block;
vertical-align: top;
width: 400px;
margin: 20px;
text-align: left;
    
}    

div.galery1 img {

float: left;
margin: 0px 20px 0px 0px;
/*border: 1px solid #ffb7a7;*/
    
}    


div.galery2 {

display: inline-block;
vertical-align: top;
height: 300px;
margin: 10px;
text-align: center;
border: 5px solid white;
    
}    

div.galery2 img {

margin: 0px;
    
}    



a {COLOR: #ccccff; text-decoration: underline;}
a:hover {COLOR: #ccccff;  text-decoration: none;}

a.article {color: #9280d2; font-size: 25px; }

a.big {

font-weight: bold;
color: #33266d;
text-decoration: underline;
text-transform: uppercase;
font-size: 13px;

}

a.big:hover {  text-decoration: none;}

p.galery { text-align: center; font-weight: bold;   font-size: 11px; margin: 2px 2px 2px 2px; }
p.galery2 { text-align: center; font-weight: normal;   font-size: 9px; margin: 2px 2px 2px 2px; }


p { text-align: justify;  font-size: 18px; margin: 1px 1px 1px 1px; line-height: 1.3;}


p.j { text-align: justify;  font-size: 18px; margin: 10px 5px 10px 5px; line-height: 1.3;}
p.l {COLOR: #ccccff; text-align: left;  font-size: 19px; font-weight: bold; margin: 10px 5px 20px 5px; line-height: 1.3; }
p.c {COLOR: #ccccff; text-align: center;  font-size: 18px; font-weight: bold; margin: 10px 5px 10px 5px; line-height: 1.3; }
p.r {COLOR: #ccccff; text-align: right;  font-size: 18px; font-style: italic; margin: 10px 5px 10px 5px; line-height: 1.3;}

p.lc { text-align: justify;  font-size: 11px; font-weight: bold; margin: 10px 5px 20px 5px; line-height: 1.3; }

p.lb {COLOR: #ccccff; text-align: left;  font-size: 16px; font-weight: bold; margin: 5px 0px; line-height: 1; }
p.ln {COLOR: black; text-align: left;  font-size: 14px; font-weight: bold; margin: 5px 0px; line-height: 1; }
p.lc {COLOR: black; text-align: center;  font-size: 14px; font-weight: bold; margin: 10px 0px 0px 0px; line-height: 1; }

table.ln {COLOR: #ffae43; font-size: 14px; font-weight: bold; margin: 10px 0px;}
table.ln tr.big {COLOR: black; font-size: 18px; font-weight: bold; }
td.black {COLOR: black; }
td.blue {COLOR: blue; }
td.red {COLOR: red; }

a.pages {COLOR: #ccccff;  font-size: 10px; text-decoration: underline; font-weight: normal;}
a.pages:hover {COLOR: #ccccff;  font-size: 10px; text-decoration: none; font-weight: normal;}


ul {margin: 20px 0px 20px 25px; padding: 0px 0px 0px 2px; list-style-type: disc; }
li { COLOR: black; text-align: justify;  font-weight: normal; font-size: 18px; margin: 0px 0px 0px 15px; line-height: 1.5;}

ul p { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5;}
ul span { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5;}


li p { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5;}
li span { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5;}


div.pages { text-align: right;  font-size: 10px; margin: 2px 2px 8px 2px; font-weight: bold;}

p.small {COLOR: #c8ad61; text-align: center;  font-size: 10px; font-weight: normal; margin: 1px 1px 1px 1px; line-height: 1; }


img.section { /*border-style: solid; border-width: 1px; border-color: #c2e3ea;*/ border: none; }

img.rounded {
    border-radius: 10px;
    border: 1px solid white;
}


img.galery {

border-style: solid;
border-width: 1px;
border-color: #037f54;

}


HR {
   color:            white;
   background-color: white;
   height:           1px;
   border-width:     0px;
   padding:          0px;
   margin:           0px;
   width:            100%;
}



h1 {

color: #ccccff;
font-size: 36px;
text-align: center;
margin: 20px 0px;
font-weight: normal;
text-transform: uppercase;

}

    
    
h2 {

color: #FFAE43;
font-size: 28px;
margin: 30px 0px;
font-weight: normal;
text-align: left;

}


h3 {
	COLOR: white;
	font-size: 25px; 
	font-weight: normal;
   	margin: -130px 0px 30px 0px;
	text-align: left;
    overflow: hidden;
    position: relative;
    padding-top: 160px;
    z-index: -1;

	}

h3::after {
    content: '';
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: 10px;
    margin-left: 1rem;
}



h4 {COLOR: #1a5292; background-color: none; text-align: left;  font-weight: bold; font-size: 12px; margin: 10px 20px 5px 0px; padding: 5px;}

TEXTAREA {
   color:            white;
   background-color: #01012C;
   width:            700px;
   height:           100px;
   font-size:        15px;
   font-weight:      normal;
   padding:          5px;
   box-sizing:       border-box;
   margin: 5px;
   border: 1px solid white;
   border-radius: 5px;
   }

	
INPUT , SELECT {
    color:            white;
   background-color: #01012C;
   width:            250px;
   height:           40px;
   font-size:        15px;
   font-weight:      normal;
   box-sizing:       border-box;
   padding:          5px 20px;
   margin: 5px;
   border: 1px solid white;
   border-radius: 20px;

    
}

INPUT.order {

    width: 100%;
    max-width: 700px;

}

INPUT.box {
    color:            white;
    background-color: #01012C;
   width:            25px;
   height:           25px;
   margin: 5px 5px 5px 15px;
   vertical-align: middle;
   box-sizing:       border-box;

   }

INPUT.small {
   font-size:        16px;
    color:            white;
    background-color: #01012C;
   width:            40px;
   height:           30px;
   margin: 5px;
   vertical-align: middle;
   border: 1px solid white;
   border-radius: 5px;
   text-align: center;
    padding: 0px;
   }

   

INPUT.button {
   color:            white;
   background: transparent;
   width:            250px;
   height:           auto;
   font-size:        15px;
   font-weight:      normal;
   box-sizing:       border-box;
   padding:          5px;
   margin: 5px;
   border-radius: 20px;
   border: 1px solid white;
   cursor: pointer;
   text-align: center;
   }

INPUT.button2 {
    color:            white;
    background-color: black;
    width:            40px;
    height:           40px;
    font-size:        15px;
    font-weight:      normal;
    box-sizing:       border-box;
    padding:          5px;
    margin: 5px;
    border-radius: 20px;
    border: 1px solid white;
    cursor: pointer;
    text-align: center;
}

a.button {

    display: inline-block;
    color:            #ffffff;
    background: #01012C;
    font-size:        15px;
    font-weight:      normal;
    padding:          5px 20px ;
    margin: 5px;
    border-radius: 20px;
    border: 1px solid #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;

}

a.inverted {

    background: #FFAE43;

}

span.button {

    display: inline-block;
    color:            black;
    background-color: white;
    font-size:        15px;
    font-weight:      normal;
    padding:          5px 20px ;
    margin: 5px;
    border-radius: 20px;
    border: 1px solid white;
    text-align: center;
    text-decoration: none;


}


 
div.lentamainbox {display: inline-block; overflow: hidden; margin: 0px 2px 0px 2px; padding: 0px; width: 250px; height: 230px; position:relative;  }
div.lentabluebox {width: 245px; height: 280px; background-color: #ffffff; padding: 2px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5); -moz-opacity: 0.05; -khtml-opacity: 0.05; opacity: 0.05;  position:absolute; top:0px; left:0px; z-index: 1; }
div.lentaimagebox {overflow: hidden; width: 240px; height: 180px; text-align: center; position:relative; top:2px; left:2px; z-index: 2;}
div.lentatext {margin: 5px auto 0px auto; color: black; text-align: center; padding: 5px 15px 5px 15px; font-size: 12px; line-height: 1; }