/* ------------------------------------------------------------------------------------ 
    __    _____  ______  __  ________
   / /   /   \ \/ / __ \/ / / /_  __/
  / /   / /| |\  / / / / / / / / /   
 / /___/ ___ |/ / /_/ / /_/ / / /    
/_____/_/  |_/_/\____/\____/ /_/     
                                     
/* ------------------------------------------------------------------------------------ */

.main 
{
    width: auto;
    margin: 0px 15px 0px;
}

body
{
  line-height:20px;
}

/* ------------------------------------------------------------------------------------ 
      __________  __    ____  ____  _____
     / ____/ __ \/ /   / __ \/ __ \/ ___/
    / /   / / / / /   / / / / /_/ /\__ \ 
   / /___/ /_/ / /___/ /_/ / _, _/___/ / 
   \____/\____/_____/\____/_/ |_|/____/  
   
/* ------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------ 
    ____  ___   _____ _______________
   / __ )/   | / ___//  _/ ____/ ___/
  / __  / /| | \__ \ / // /    \__ \ 
 / /_/ / ___ |___/ // // /___ ___/ / 
/_____/_/  |_/____/___/\____//____/  
   
/* ------------------------------------------------------------------------------------ */

.spacing_60 { height:4.8vw;}

#h1_introtext
{
    font-size: 3.5vw;
    line-height: 3.5vw;
    padding: 24vw 0px 0.5vw 0px;    
}

h1
{
    font-size: 9vw;
    line-height: 7.5vw;
    padding: 24vw 0px 14vw 0px;
}
	
h2
{
    font-size:3.5vw;
    line-height:3vw;
    padding:50px 0px 0px 0px;
}

h3
{
    font-size: 3vw;
    line-height: 2.5vw;
    padding: 4.5vw 0px 2.0vw 0px;
}

.h3_subtext	
{

    font-size: 1.8vw;
    line-height: 1.8vw;
    padding: 0px 0px 24px 0px;
}

.h3_box
{
    font-size: 3vw;
    line-height: 3.0vw;
    padding: 4.5vw 0px 2.0vw 0px;
}

h4
{
    font-size: 3vw;
    line-height: 3vw;
    padding: 4.8vw 0px 1vw 0px;
}

h5
{
    font-size: 3vw;
    line-height: 2.5vw;
    padding: 4vw 0px 1.4vw 0px;
}

/* ------------------------------------------------------------------------------------ 
    __  ___________    ____ 
   / / / / ____/   |  / __ \
  / /_/ / __/ / /| | / / / /
 / __  / /___/ ___ |/ /_/ / 
/_/ /_/_____/_/  |_/_____/  
   
/* ------------------------------------------------------------------------------------ */

#head_background
{
    background-position: center 90px;
}
#mobile_button
{
    position: fixed;
    width:40px;
    height:36px;
    color:var(--color_1);
    border-style: solid;
    border-radius: 5px;
    border-width: 3px;
    z-index:5;
    top:15px;
    left:15px;
    cursor: pointer;
    padding-top:4px;
}

#mobile_button > div
{
    background-color:var(--color_1);
    color:var(--color_1);

    width:76%;
    height:4px;
    margin:5px 12% 0px 12%;
    overflow: hidden;
}

#main_logo
{
    width: 210px !important;
    margin-right:15px;
	top: 30px;
    opacity: 0 !important;
}
#main_logo2
{
    width: 210px !important;
    margin-right:15px;
	top: 30px;
    opacity: 1 !important;
}


#menu_bar
{
    padding-top:90px !important;
    margin:0px !important;
    background-color:var(--color_3) !important;
    height:0px !important;
}
#menu_bar > ul
{
    left:-100% !important;
    transition: left 300ms !important;
    width:100% !important;
    position: absolute !important;
    margin:0px 0px 0px 0px !important;
    background-color:#ffffff !important;
}

#menu_bar.active > ul
{
    left:0px !important;
}

#menu_bar ul > li
{
    display:block !important;
    border: none !important;
    font-size:20px !important;
    line-height:40px !important;
    margin:0px 0px 0px 0px !important;
    width:100% !important;
    text-align: center !important;
    padding:0px 0px !important;
    background-color:var(--color_2) !important; /* menu_bar Button Hintergrundfarbe inaktiv */
    color:white !important;
    margin-bottom:1px !important;
}

#menu_bar ul > li:hover
{
    background-color:var(--color_1) !important; /* menu_bar Button Hintergrundfarbe bei Hover */
}

#menu_bar ul > li > a
{
    display:block !important;
    height:100% !important;
    color:#ffffff !important; /* menu_bar Button Textfarbe */
    opacity:0.4 !important; /* menu_bar Button Deckkraft inaktiv */
    padding:0px !important;
    border:0px !important;
}

#menu_bar ul > li:hover > a
{
    text-decoration: none !important;
    color:#ffffff !important;
    opacity:1 !important; /* menu_bar Button Deckkraft bei Hover */
}
#menu_bar ul > li.menu_bar_button_active
{
    background-color:var(--color_1) !important; /* menu_bar Button Hintergrundfarbe bei aktiv */
}
#menu_bar ul > li.menu_bar_button_active > a
{
    color:#ffffff !important;
    opacity:1 !important; /* menu_bar Button Deckkraft aktiv */
}


/* ------------------------------------------------------------------------------------ 
   __________  _   _______________   ________
  / ____/ __ \/ | / /_  __/ ____/ | / /_  __/
 / /   / / / /  |/ / / / / __/ /  |/ / / /   
/ /___/ /_/ / /|  / / / / /___/ /|  / / /    
\____/\____/_/ |_/ /_/ /_____/_/ |_/ /_/     
   
/* ------------------------------------------------------------------------------------ */

.button_box_3col_text
{
    font-size: 2.5vw;
    line-height: 2.5vw;
    padding: 0px 0px 2vw 0px;
}

/* ------------------------------------------------------------------------------------ 
    __________  ____  ________________ 
   / ____/ __ \/ __ \/_  __/ ____/ __ \
  / /_  / / / / / / / / / / __/ / /_/ /
 / __/ / /_/ / /_/ / / / / /___/ _, _/ 
/_/    \____/\____/ /_/ /_____/_/ |_|  

/* ------------------------------------------------------------------------------------ */


.footer_block
{
  float:none;
  position: relative;
  width:100%;
  margin-bottom:25px;
}

#footer_links 
{
    position: relative;
}

#by_box
{
    position: relative;
    top:0px;
}

/* ------------------------------------------------------------------------------------ 
    ____  __    __  _____________   _______
   / __ \/ /   / / / / ____/  _/ | / / ___/
  / /_/ / /   / / / / / __ / //  |/ /\__ \ 
 / ____/ /___/ /_/ / /_/ // // /|  /___/ / 
/_/   /_____/\____/\____/___/_/ |_//____/  
                                                                         
/* ------------------------------------------------------------------------------------ */

.lightbox_image_title
{
	font-size:18px;
	line-height:21px;
	padding: 16px 0px 4px 0px;	
}