/* quicksand-300 - latin */
@font-face {
     font-family: 'Quicksand';
     font-style: normal;
     font-weight: 300;
     src: url('../fonts/quicksand-v30-latin-300.eot'); /* IE9 Compat Modes */
     src: local(''),
          url('../fonts/quicksand-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/quicksand-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/quicksand-v30-latin-300.woff') format('woff'), /* Modern Browsers */
          url('../fonts/quicksand-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/quicksand-v30-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
   }
/* quicksand-regular - latin */
@font-face {
     font-family: 'Quicksand';
     font-style: normal;
     font-weight: 400;
     src: url('../fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
     src: local(''),
          url('../fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
          url('../fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
   }
/* quicksand-500 - latin */
@font-face {
     font-family: 'Quicksand';
     font-style: normal;
     font-weight: 500;
     src: url('../fonts/quicksand-v30-latin-500.eot'); /* IE9 Compat Modes */
     src: local(''),
          url('../fonts/quicksand-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/quicksand-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/quicksand-v30-latin-500.woff') format('woff'), /* Modern Browsers */
          url('../fonts/quicksand-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/quicksand-v30-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
   }
/* quicksand-600 - latin */
@font-face {
     font-family: 'Quicksand';
     font-style: normal;
     font-weight: 600;
     src: url('../fonts/quicksand-v30-latin-600.eot'); /* IE9 Compat Modes */
     src: local(''),
          url('../fonts/quicksand-v30-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/quicksand-v30-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/quicksand-v30-latin-600.woff') format('woff'), /* Modern Browsers */
          url('../fonts/quicksand-v30-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/quicksand-v30-latin-600.svg#Quicksand') format('svg'); /* Legacy iOS */
   }
/* quicksand-700 - latin */
@font-face {
     font-family: 'Quicksand';
     font-style: normal;
     font-weight: 700;
     src: url('../fonts/quicksand-v30-latin-700.eot'); /* IE9 Compat Modes */
     src: local(''),
          url('../fonts/quicksand-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/quicksand-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/quicksand-v30-latin-700.woff') format('woff'), /* Modern Browsers */
          url('../fonts/quicksand-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/quicksand-v30-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
   }

/* bad-script-regular - latin */
@font-face {
     font-family: 'Bad Script';
     font-style: normal;
     font-weight: 400;
     src: url('../fonts/bad-script-v16-latin-regular.eot'); /* IE9 Compat Modes */
     src: local(''),
          url('../fonts/bad-script-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/bad-script-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/bad-script-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
          url('../fonts/bad-script-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/bad-script-v16-latin-regular.svg#BadScript') format('svg'); /* Legacy iOS */
   }
#head{
     margin-top:10%;
     margin-bottom:10%;
     animation: fadeIn 5s;
}

@keyframes fadeIn{
     0% {opacity: 0;}
     100% {opacity: 1;}
}

#sidebar{
     width: 20%;
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     z-index: 999;
     background: rgba(204,255,204, .4);
     transition: all 0.3s;
     float: left;
}
#menu {
     visibility: hidden;
}
@media only screen and (max-width: 768px){
#sidebar::after{
     width: 100%;
     height: 20%;
}}

#side-logo {
     width: 90%;
     margin-bottom: 40px;
     margin-top: 20px;
}

a{
     font-family:Quicksand;
     font-size: 30px;
     font-weight: 300;
     color: #000000;
     line-height: 100px;
     margin-left: 20px;
     text-decoration: none;
}
a:hover{
     font-weight:500;
     color: #000000;
     text-decoration: none;
}

a:active{
     font-weight: 400;
}
h1 {
     font-family: Bad Script;
     font-size: 80px;
     color: #000000;
     text-shadow: 2px 2px 5px #cb6843;
     line-height: 150px;
}

h2 {
     font-family: Quicksand;
     font-weight: 500;
     line-height: 70px;
     text-shadow: 2px 2px 5px #cb6843;
     
}

table {
     margin-bottom: 50px;
     margin-top: 50px;
}
h3 {
     font-family: Quicksand;
     font-size: 30px;
     font-weight: 400;
}

tr {
     border-bottom: 1px dotted #000000;
}
th {
     font-family: Quicksand;
     font-size: 25px;
     padding-right: 30px;
     font-weight: 400;
}
p, td {
     font-family: Quicksand;
     font-size: 20px;
     padding-right: 30px;
     font-weight: 400;
}
section {
     height:100vh;
     scroll-snap-align: center;
}
.container{
     margin-top: 20px;
     margin-bottom: 30px;
     animation-delay: 3s;
     animation: fadeIn 5s;
}
#mail, #tel, #wa {
     font-size: 20px;
     line-height: 20px;
     font-weight: 400;
}
#kontakt-txt {
     margin-left: 20px;
}
#wa-img, #tel-img, #mail-img {
     height: 25px;
     width: 25px;
     margin-right: 10px;
}
.card {
     border-radius: 10px;
     padding: 40px 40px 40px 40px;
}
iframe {
     width: 400px ; 
     height: 400px; 
}
.mapouter{
     position:relative;
     text-align:right;
     height:400px;
     width:400px;
}