/*====================================================================
	BODY
    ====================================================================*/	    
    body {
    background: #fff;
    line-height: 150%;
    hyphens: auto;
    margin:0;
    color:#232426;
    font-size: calc(21px + (27 - 21) * ((100vw - 320px) / (1600 - 320)));}
    
    
    html {scroll-behavior: smooth;}
    
    img { width: 100%; height: 100%;} 
    hr {background: #fff; border: none; color: #fff; height: 1px; width: 100%; margin-top: 15px;}
    .bkf-camp { margin-bottom: -13px; }
    /*====================================================================
	BUTTON NAVIGATION HAMBURG
    ====================================================================*/    
    IMG.displayed {display: block; margin: auto;}
        
    .openbtn {cursor:pointer;}
    .rechts {text-align: right;}
    .top10 {padding-top: 10px;}
    .top15 {padding-top: 15px;}
    .top20 {padding-top: 20px;}
    .bottom15 {padding-bottom: 15px;}

	/*====================================================================
	GRID 
	====================================================================*/
    .grid {width: 100%; max-width: 1400px; margin: 0 auto;

    /* Umbrechen, sobald die Box 300 Pixel Breite hat */
    display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
    .grid div {margin: 0.7em; padding: 0.5em;}
    
	/*====================================================================
	COLOR
	====================================================================*/	        
    .white {background: #ffffff;}
    .lightgrey {background: #D3D3D3;}
    .grey {background: #B3B3B3;}
    .darkgrey {background: #A9A9A9;}
    .dimgrey {background: #696969;}
    .softblack {background: #232426;} /* BG Skyline*/
    .yellow {background: #F2CA04;}
              
    .rahmen_white {border: 2px solid #ffffff;}
    .rahmen_lightgrey {border: 2px solid #D3D3D3;}
    .rahmen_grey {border: 2px solid #B3B3B3;}
    .rahmen_darkgrey {border: 2px solid #A9A9A9;}
    .rahmen_dimgrey {border: 2px solid #696969;}
    .rahmen_softblack {border: 2px solid #232426;}
    .rahmen_yellow {border: 2px solid #F2CA04;}	
    
    .check_yellow {color: #F2CA04;} 
    .check_white {color: #ffffff;}
    .check_green {color: #008000;}
    .check_softblack {color: #232426;}
    .check_darkred {color: #CD0000;}
    
    .hr-lightgrey {height:2px; border-width:0; color:#D3D3D3; background-color:#D3D3D3}
    .hr-grey {height:2px; border-width:0; color:#B3B3B3; background-color:#B3B3B3}
    .hr-darkgrey {height:2px; border-width:0; color:#A9A9A9; background-color:#A9A9A9}
    .hr-dimgrey {height:2px; border-width:0; color:#696969; background-color:#696969}
    .hr-softblack {height:2px; border-width:0; color:#232426; background-color:#232426}
    .hr-yellow {height:2px; border-width:0; color:#F2CA04; background-color:#F2CA04}

       
    /*====================================================================
	ELEMENT: ACCORDION
	====================================================================*/
	.last {padding-bottom: 30px;}
    .container	
	.content { margin: 10px 0px; }

	.accordion .title { cursor: pointer;}
	.accordion .content { margin-bottom: 50px;}
	
	/* ICONS für Accordions */
	.accordion .accordion-close h3 {background: url(../img/arrow-down.png) no-repeat right;}
	.accordion .accordion-open h3 {background: url(../img/arrow-up.png) no-repeat right;}
    
    
    /*====================================================================
	ELEMENT: SCROLL TO TOP
    ====================================================================*/	
	.scrollToTop{
	background: none repeat scroll 0 0 #f2ca04;
    border-radius: 3px;
    bottom: 15px;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.9em;
    padding: 12px 12px 12px 17px;
    position: fixed;
    right: 20px;

    text-align: center;
    transition: background-color 0.2s ease-in-out 0s;
    z-index: 9999;
	}

	.scrollToTop:hover{
	text-decoration:none;
	background: #f2ca04;
	color: #ffffff;
	}