a
{
    text-decoration: none;
    color: #545857;  
}





.neutral8pt
{
    font-family:varela-round;
    font-size:10pt;

}

.artikelheader
{
    font-family:varela-round;
    font-size:11pt;
    color:black;
    font-weight:normal;

}


.ellipse
{
    position:relative;
    line-height:22px;
    width:50px;
    height:20px;
    border:1px solid black; 
    border-radius:50%;
    text-align:center;
    outline: 4px solid white;
    flex-direction: row;
    flex-shrink: 0; margin:4px;    
    font-family:Varela-Round; 
    background-color:white;
    color:black
}
.xtree
{
    font-family:varela-round;
    font-size:9pt;
    font-weight:normal;
    min-height:400px;
    overflow: scoll;
    line-height:24px;
    border:2px lightgray solid;
    width:calc(100% -8px);
}


.xradio
{
    height:16px;
    margin-left:16px;

}

.xtree_nav
{
    height:18px;
    width:18px;
    margin-top:-1px;
    vertical-align:middle;
    border:0px solid black;
}

.xtree_krit
{
    margin-left:20px;
    font-size:8pt;
    color:black;
    height:auto; 
    width:400px;
    line-height:12px; margin-top:-4px;
}




.std_button
{
    background-color:#52ae32;
    color:#ffffff;
    padding:4px;
    cursor:pointer;
    font-family: "Cervino-MediumNeue";
    text-align:center;    
    font-size:16pt;
    font-weight:300
}

.std_button a
{   
    color:#ffffff;
}

.std
{
    font-family: "Cervino-MediumNeue";
    background-color:#52ae32;
    color:#ffffff;
    font-size:16pt;
    font-weight:300
}




.new_slider_item
{
    position:relative;
    width:298px; 
    height:300px; 
    border:1px solid lightgray;
    border-radius: 4px;
    flex: none;
    z-index:92;
    text-align:center;
    overflow:hidden;
}



.rahmen
{     
  border-top:solid 1px #808080;
  border-left:solid 1px #808080;
  border-right:solid 1px #808080;
  border-bottom:solid 1px #808080;
  padding:5px;    
  margin-top:-1px;
  z-index:1;
}



.graytext
{
  width:736px;
  color:#808080;
  font-family:Varela-Round;
  font-size:11pt;
  font-weight:normal;    
  line-height:150%;
  text-decoration:none;
}


.graytext_input
{  
  color:#808080;
  font-family:Varela-Round;
  font-size:11pt;
  font-weight:normal;
}


#slider_container
{
    position:absolute;
    right: 0px;
    width:100%;
    display: flex;
    flex-direction: row;
    height:324px; 
    border: 0px solid lightgray;
    justify-content: flex-end;
    column-gap: 20px;
    background-color:transparent;
    overflow:hidden;
    z-index:90;
    margin: 0 auto;
}


.sliderx
{
	float:right;
	width:100%;
	height:245px;
	background:#E8E4E4;
	border:0px solid #7894A6;
}
.sliderx img
{
	float:right;
	width:100%;
	height:245px;
	background:#E8E4E4;
}


#chevrons
{
    margin-top:100px;
    width:88px; 
}


.fullsize
{
    display:initial;

}

.smallicon
{
    height:16px; 
    vertical-align:middle; 
    margin-right:4px;
}


#menu_toggle
{
    position:relative;
    top:1px;
    width:28px;
    left:0px; 
    border:0px solid black;
    z-index:250;
    background-color:white;
}


#menu_toggle:hover
{
  cursor:pointer;
}


#ul_menu
{      
    list-style-type: none;
    font-family:Cervino-BoldNeue;
    font-size:22pt;
    color: #545857;
    width:180px;
      
}

#ul_menu_mobile
{      
    list-style-type: none;
    font-size:12pt;
    margin-left:1px;
    border:0px solid black;
    width:100%
    margin-left:0px;
    padding-left:8px;
    margin-top:-8px;
    vertical-align:top;
    background-color:white;
    
}


#ul_menu li
{      
    height:32px;
    width:180px;    
    line-height:32px;
    margin-bottom:18px;
}

#ul_menu li:hover
{      
    background-color: rgba(82,181,72,0.1);
}



#ul_menu_mobile li
{      
    height:32px;
    width:100%;    
    line-height:32px;
    margin-bottom:12px;
    
    
}

#ul_menu_mobile li:hover
{      
    background-color: rgba(82,181,72,0.1);
}





#xlangsel
{
    position:absolute;
    top:40px;
    right:12px;
    z-index:200;
    width:100px;
    background-color:white;
    height:120px;
    border:1px solid lightgray;
    display:none; 
    border: 1px solid lightgray; box-shadow: 4px 4px 8px #888888;
}

#login
{
    position:absolute;
    top:20px;
    right:8px;
    z-index:200;
    font-family:Cervino-BoldNeue;
    font-size:12pt;
    color: #545857;
    linne-height:28px; 
}

#img_login
{
    height:28px;
}


#langsel
{
    position:absolute;
    top:20px;
    right:108px;
    z-index:200;
}





#img_langsel
{
    height:24px;
}


#langsel:hover
{
    cursor:pointer;
}


#ul_langsel
{      
    position:relative;   
    list-style-type: none;
    font-family:Cervino-BoldNeue;
    font-size:12pt;
    color: #545857;  
}

#ul_langsel li
{      
    height:24px;        
    line-height:24px;
    margin-bottom:8px;
}

#ul_langsel li:hover
{      
    background-color: rgba(82,181,72,0.1);
}

#ul_langsel_img
{      
    height:24px; 
    vertical-align:bottom;
}


#zz
{
    font-family: Cervino-BoldNeue;
    font-size:22pt;
    text-align:center;
}


.xxx 
{
  font-size: 34pt;
}


#canvas
{
  width:100%; 
  position:relative;
  top:-1px;
  height:auto;
  min-height:100vh;
  background-image:  url("../../elements/default/background.png");
  background-position: 1px 60px;
  background-repeat: no-repeat;
}







#header
{
    position: -webkit-sticky;
    position: sticky;
    left:0px;
    top:0px;    
    width:100%; 
    height:40px; 
    border-top: 1px solid white;
    background-color:white;
    z-index:200;
}


#menu
{           
    display: inline-block;
    top:40x; 
    left:0px; 
    vertical-align:top;
    width:260px;
    min-height:400px;    
    border:0px black solid;
}

#menu_mobile
{
    display:none;
}

#content
{
    
    display: inline-block;
    left:0px;     
    vertical-align: top;
    width:calc(100% - 280px);    
    min-height:1200px;    
    border-top:1px solid lightgray;
    color: #545857;
    font-family: Cervino-MediumNeue;
    font-size:14pt; 
    
    
    
}


#footer
{  
  border: 0px solid blue;
  position:relative;
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left:auto; 
  margin-right: auto;
  width:1440px; 
  font-family: Cervino-BoldNeue;
  color: #545857;   
  margin-bottom:20px;
  margin-top:20px;
}


// <div id="canvas" style="position:relative; display:flex; margin-left: auto; margin-right: auto ; width:1440px; ; top:30px; border: 10px solid lightgray">';




#footerx
{  
  position:relative;
  display:flex;
  flex-direction: row;
  align-content: center;    
  left:0px; 
  bottom:0px; 
  height:100%;
  width:100%; 
  min-height:40px;
  border:10px green solid;
  justify-content: center;
  align-items: center;
  font-family: Cervino-BoldNeue;
  color: #545857;   
  margin-bottom:20px;
  margin-top:20px;
}





#footer_mobile
{
    display:none;
}


#footer_col
{     
    display:inline-block; 
    min-width:180px;
    height:200px;    
    font-family: Cervino-MediumNeue;
    font-size:14pt;
    margin-top:20px;
    width:30%;
}



#menu_toggle
{
    display:none;
}







#banner_wrapper
{
    width:calc(100%-40px);
    aspect-ratio: 4 / 1;
    position:relative;  
    display:flex;
    flex-direction: row;
    justify-content: right;
    right:32px;
    border:0px solid blue;
}

 #scroll_up:hover
{
    cursor:pointer;
}
  
  
  
#top_inf
{    
    font-size:9pt;
    background-color:rgb(19,40,147);
    color:white;        
    font-family:sans-serif; 
    position:absolute;
    z-index:100;
    top:0px; 
    margin-top: -1px; 
    height:20px;
    vertical-align:top; 
    text-align:center; 
    width:calc(100% - 0px); 
    line-height:20px;
    cursor:pointer;
}


 #xmenu
    {
        width:180px;   
    }
 
 
.cmarker_leini
{
    height:32px;
}
.cmarker_leini:hover
{
    height:48px;
    cursor:pointer;
}

.label_leini
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom: 46%; 
    left:  36%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
}
 


 
 
.cmarker_uk
{
    height:32px;
} 
.cmarker_uk:hover
{
    height:48px;
    cursor:pointer;
}

.label_uk
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom:75%; 
    left: 29%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
} 
 
 
 
 
 
.cmarker_bologna
{
    height:32px;
} 
.cmarker_bologna:hover
{
    height:48px;
    cursor:pointer;
}
.label_bologna
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom:44%; 
    left: 44%;
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
}

 
 
 
.cmarker_roma
{
    height:32px;
} 
.cmarker_roma:hover
{
    height:48px;
    cursor:pointer;    
} 

.label_roma
{
    
    height:260px;
    width:320px;
    font-size:12pt;    
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom:32%; 
    left: 44%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
} 
 
.cmarker_milano
{
    height:32px;
} 
.cmarker_milano:hover
{
    height:48px;
    cursor:pointer;
} 
 
.label_milano
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom:48%; 
    left: 42%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
} 
 
 
 
 
.cmarker_bari
{
    height:32px;
} 
.cmarker_bari:hover
{
    height:48px;
    cursor:pointer;
}
.label_bari
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom:28%; 
    left: 55%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
}





 
 
.cmarker_barcelona
{
    height:32px;
} 
 
.cmarker_barcelona:hover
{
    height:48px;
    cursor:pointer;
} 
.label_barcelona
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom:36%; 
    left: 26%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
} 
 


 
.cmarker_miranda
{
    height:32px;
} 
 
.cmarker_miranda:hover
{
    height:48px;
    cursor:pointer;
}
.label_miranda
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom:42%; 
    left: 18%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
} 





 
.cmarker_madrid
{
    height:32px;
} 
 
.cmarker_madrid:hover
{
    height:48px;
    cursor:pointer;
} 
.label_madrid
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom:35%; 
    left: 17%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
} 
 
 
 
 
 
.cmarker_valencia
{
    height:32px;
} 
 
.cmarker_valencia:hover
{
    height:48px;
    cursor:pointer;
}
.label_valencia
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom: 30%; 
    left:  21%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
}


 
 
.cmarker_malaga
{
    height:32px;
} 
 
.cmarker_malaga:hover
{
    height:48px;
    cursor:pointer;
} 
.label_malaga
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom:24%; 
    left: 13%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
} 
 
 
 
 
 
.cmarker_ahlen
{
    height:32px;
} 
 
.cmarker_ahlen:hover
{
    height:48px;
    cursor:pointer;
}
.label_ahlen
{
    height:260px;
    width:320px;
    font-size:12pt;
    color:black;
    border:0px solid black;
    background-color:#D7F6CD;
    opacity:0.9;
    border-radius: 12px;
    bottom:68%; 
    left: 42%; 
    box-shadow: 4px 4px 8px #888888;
    display:none;
    z-index:100;
} 
 
 





 


@media only screen and (max-width: 1024px)  
{
    
    #menu_mobile
    {
        position:fixed;
        top:4px;
        left:1px;
        border: 1px solid lightgray;
        width:160px;        
        margin-top:40px;
        background-color:white;
        z-index:120;
        display:none;
        font-family: Cervino-BoldNeue;
        box-shadow: 4px 4px 8px #888888;
    }   
    
    #menu
    {
     display: none;   
    }
    #menu_toggle
    {
        display: inline-block; 
        text-align:center;
        width:28px;
        
        top:-1px; 
    }
    
    #img_menu_toggle
    {
        height:24px;
    }
    
    
    #xmenu
    {
        display: none;   
    }
    
    
    #content
    {
        
        font-family: Cervino-MediumNeue;
        color: #545857;
        width:98%;    
    }
    
    .fullsize
    {
        display:none !important;
    }
    
    #footer
    { 
        height:0px;
        display:none;
    }
    
    #footer_mobile
    {       
      font-family: Cervino-MediumNeue;
      color: #545857;      
      position:relative;
      top:0px;
      left:32px; 
      bottom:0px; 
      width:calc(100% - 32px); 
      min-height:40px;         
      justify-content: center;
      align-items: center;
      display: inline-block;
      min-height:200px;
      font-size:14pt;
      display: inline-block;
    }
    
    #footer_col
    { 
      border:0px solid lightgray;
      display: inline-block;
    }
    
    #banner_wrapper
    {    
        margin-left:20px;
    }
    
    #img_scroll_up
    {      
        height:86px;        
        
    }
    
    #top_inf
    {
        left:24px;
        width:calc(100% - 24px);
    }
    
    #cmarker
    {
        height:26px;
        margin-top:-6px;
    }
    
    
    .label_ahlen
    {    
      bottom:70%; 
      left: 46%; 
      
    }
    .label_leini
    {
        bottom: 50%; 
        left:  26%;
    }
ÿ  
        
    .label_bologna
    {
        bottom:48%; 
        left:18%        
    }
    
        
    .label_roma
    {
        bottom:40%; 
        left: 14%;        
    }
    
     .label_bari
    {
        bottom:34%; 
        left: 27%;
    }
    
     .label_uk
    {
        bottom:85%; 
        left: 22%;
    }
    
    .label_barcelona
    {
        bottom:38%; 
        left: 28%;
    }
    
    .label_madrid
    {
        bottom:37%; 
        left: 19%;
    }
    
    .label_miranda
    { 
        bottom:44%; 
        left: 20%;
    }
    
    .label_valencia
    {
        bottom: 32%; 
        left:  23%;
        
    }
    .label_malaga
     {
        bottom:24%; 
        left: 16%;
     }
     
    
    
    
}


@media only screen and (max-width: 800px)
{
  .label_roma
    {
        bottom:44%;
       
    }
    .label_bari
    {
        bottom:38%;
    }
    
    .label_bologna
    {
        bottom:52%; 
                
    }
    
     .label_milano
    {
        bottom:56%;
        left:30%; 
                
    }
    
    .label_ahlen
    {
        bottom:76%; 
        left: 30%;        
    }
     
    

}




@media only screen and (max-width: 1024px) and (min-resolution:150dpi)  and (orientation: portrait)
{
    
    .label_roma
    {            
      font-size:16pt;
      height:auto;
    }
    
     .label_bari
    {
       font-size:16pt;
       height:auto;
    }
    
    .label_milano
    {
       font-size:16pt;
       height:auto;
    }
    
    .label_leini
    {
       font-size:16pt;
       height:auto;
    }
    
    .label_bologna
    {
       font-size:16pt;
       height:auto;
    }
    
    .label_barcelona
    {
       font-size:16pt;
       height:auto;
    }
    
    
    .label_madrid
    {
       font-size:16pt;
       height:auto;
    }
    
    .label_valencia
    {
       font-size:16pt;
       height:auto;
    }
    
    .label_malaga
    {
       font-size:16pt;
       height:auto;
    }
    
    .label_miranda
    {
       font-size:16pt;
       height:auto;
    }
    
    
    
    .label_uk
    {            
      font-size:16pt;
      height:auto;
    }
    
    .label_ahlen
    {            
      font-size:16pt;
      height:auto;
    }
    
    
    .smallicon
    {
        height:28px; 
        vertical-align:middle; 
        margin-right:4px;
    }
    
    #content
    {
       font-family: Cervino-BoldNeue; 
       font-size:18pt;
    }
    #top_inf
    {    
        font-size:18pt;        
        height:40px;
        line-height:40px;
        text-align:left;
        left:80px; 
        padding-left:4px;
        width:calc(100% - 84px);
    }
    
    #header
    {
        height:80px;
        background-color:white;
    }
    
     #menu_mobile
    {
        position:fixed;
        top:4px;
        left:1px;
        border: 1px solid lightgray;
        width:320px;        
        margin-top:80px;
        background-color:white;
        z-index:120;
        display:none;
        font-family: Cervino-BoldNeue;
        box-shadow: 8px 8px 16px #888888;
    }   
    
    
    #zz
{
    font-family: Cervino-RegularNeue;
    font-size:28pt;
    text-align:center;
    font-weight:bold;
}
    
    
    #ul_menu_mobile
    {      
     
        font-size:22pt;        
        width:100%
        margin-left:0px;
        padding-left:8px;
        margin-top:-8px;
        vertical-align:top;
        background-color:white;
        
    }
    
    #ul_menu_mobile li
    {      
        height:64px;
        width:100%;    
        line-height:64px;
        margin-bottom:24px;
    }
    
    
    #langsel
    {
        top:40px;
    }
    
      
    #img_langsel
    {
        height:48px;
    }  
    
    #menu_toggle
    {
        width:80px;
        height:80px;
        background-color:white;
        text-align:center;
    }
    
    #img_menu_toggle
    {
        height:64px;
    }
    
    #xlangsel
    {
        position:absolute;
        top:40px;
        right:12px;
        z-index:200;
        width:300px;
        background-color:white;
        height:260px;
        border:1px solid lightgray;
        display:none; 
        border: 1px solid lightgray; box-shadow: 8px 8px 16px #888888;
    }
    #ul_langsel
    {   
        font-size:24pt;
    }

    #ul_langsel li
    {      
        height:48px;        
        line-height:48px;
        margin-bottom:32px;
    }

    

    #ul_langsel_img
    {      
        height:48px; 
        vertical-align:bottom;
    }
    
    #img_scroll_up
    {      
        height:140px;       
        width:100px;
    }

    #footer_mobile
    {       
        font-family: Cervino-MediumNeue;
        font-size:24pt;        
        color: #545857;      
        position:relative;
        top:0px;
        left:32px; 
        bottom:0px;
        width:calc(100% - 32px); 
        min-height:40px;         
        justify-content: center;
        align-items: center;
        display: inline-block;
        min-height:200px;
    }
    
     #footer_col
    {
        font-size: 24pt !important;
    }
    
    #dialog
    {
        width:800px;
        height:auto  !important;        
        font-size:22pt;
        font-family: Cervino-MediumNeue;
        
    
    }
    
    .new_slider_item
    {
        position:relative;
        width:298px;
        
        font-size:18pt;
        padding:8px; 
    }
    
    #slider_container
    {
        height:330px;
    }
   
    
}



@font-face 
{
  font-family: "Cervino-RegularNeue";
  src: url("fonts/Cervino-RegularNeue.woff2") format("woff2");
}



@font-face 
{
  font-family: "Cervino-MediumNeue";
  src: url("fonts/Cervino-MediumNeue.woff2") format("woff2");
}





@font-face 
{
  font-family: "Cervino-BoldNeue";
  src: url("fonts/Cervino-BoldNeue.woff2") format("woff2");
}

@font-face 
{
  font-family: "Varela-Round";
  src: url("fonts/VarelaRound-Regular.ttf") format("truetype");
}