/* CSS Document */

html{
   -webkit-text-size-adjust: 100%; /*IOS Safari FONT_SIZE in Landscape Mode on Mobile*/
}


* {
    margin: 0;
    padding: 0;
}

.wrapper {
	max-width: 1000px;
    margin: 0 auto;
}

#kopfbereich {
/*	background-image: url("../bilder/hintergrund.jpg");
*/	background-size: cover;
	background-repeat: no-repeat;
/*    height: 100vh;
*/    text-align: center;
    color: black;
    
}

/*
#kopfbereich h1 {
    color: floralwhite;
    text-align: center;
    text-decoration: underline;
}
*/



.logo {    
/*    display: block;*/
    margin: 0 auto;
    padding: 10px;
}

nav{
    position: sticky;
    top: 20px;
}

nav ul {
/*		background-color: red;
*/		display: flex;
/*		justify-content: space-around;*/
		list-style-type: none;
		max-width: 1000px;
		margin: 2rem auto 2rem;
		padding: 1rem;
/*		text-align: center;*/
			}
	
nav a {
		background-color: lightslategrey;
		display: flex;
        justify-content: center;
        align-items: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.4rem;
/*		padding: 0.5rem;*/
/*		border: 1px solid black;
*/		border-top: none;
		border-bottom: none;
        height: 50px;
		
	}
	
nav a:hover {
		background-color: grey;
	}
	
nav li {
/*		border: 1px solid black;*/
		flex: 1;
		padding: 2px;
	}

.linktest ul{
    width: 170px;
/*    height: 170px;*/
    background: rgba(55,140,65,1.00);
    display: flex;
    list-style-type: none;
    
}
.linktest li{
    flex: 1;
}

.linktest li a{
    display: flex;
    justify-content: center;
    align-items: center;
    background: red;
    height: 500px;
    
}



/* ===================================
Fussbereich
=====================================*/
#fussbereich {
    border-top: 1px solid black;
}

address {
    text-align: center;    
    font-size: 85%;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 1.5;
    
    
}


/*=============== Grid Box ====*/


.site{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:2fr 1fr;
      grid-template-columns:2fr 1fr;
      grid-template-areas:"header header"
                      "title sidebar"
                      "main sidebar"
                      "footer footer";
  margin:20px; padding:10px; 
    border:solid 2px #000;  
}
.site > *{padding:30px; color:#fff; font-size:20px;}

.mastheader{
    background:#b46ae3;
    -ms-grid-row:1; 
    -ms-grid-column:1; 
    -ms-grid-column-span:2; 
    grid-area:header;}

.page-title{
    background:#51a7fa;
    -ms-grid-row:2;
    -ms-grid-column:1;
    grid-area:title;
    margin:0;
}
.main-content{
  background:#70bf40;
    -ms-grid-row:3;
    -ms-grid-column:1;
    grid-area:main;
  min-height:500px;
}
.sidebar{background:#f49018;
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
    grid-area:sidebar;
}

.footer{background:#0265c0;
    -ms-grid-row:4;
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    grid-area:footer;
}



.site:before{
    content:".site";
    position:absolute;
    left:20px; top:2px;
    font-weight:bold;
    font-family:arial;}

.fancyboxkai .bilder img{
    max-width: 150px;
    min-width: 30px;
}