html {
    overflow-y: scroll;
    height: 100%;
}

*,
body,
div,
header,
nav,
main,
section,
article,
aside,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
code,
ul,
li,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea {
    margin: 0;
    padding: 0; 
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: inherit;
}

hr{
    color: $brand-primary;
}
p{
	margin-bottom: 2em;
}
br{
	line-height: 100%;
}

*:focus,
button:focus,
input:focus {
    outline: none;
}

a:active {
    background-color: transparent;
}

a img {
    border: none;
}

::-moz-focus-inner {
    border: 0;
}

//Linie unter Image wegbekomen
img{
   vertical-align: middle; 
   // width: 100%;
}

object, svg {
  width: 100%;
  height: auto;
}

clear{
    clear: both;
}
/* lato-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/lato-v24-latin-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/lato-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/lato-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/lato-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/lato-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/lato-v24-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/lato-v24-latin-700.eot'); /* IE9 Compat Modes */
	src: url('../fonts/lato-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/lato-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/lato-v24-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/lato-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/lato-v24-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
  }
  .drei{
	padding: 40px 0;
  }
  @media screen and (min-device-width : 769px) {  
		.drei{
			text-align: right;
			font-weight: 100;
			padding-bottom: 11px;
		}
  }
p.drei{
	margin-bottom: 0;
}
.rechts, .links{
	padding: 0 10px;
}

.impressum{
	font-size: 14px;
	text-align: center;
}

	.impressum li{
		padding: 1em 0 1em 1em;
	}
	.impressum li a:hover{
		text-decoration: underline;
	}
@charset "utf-8";
/* CSS Document */

		body{
			font-family:  "Lato", "sans-serif";
			color: #5F504B;
			text-align: center;
			font-size: 32px;
			line-height: 39px;
		}

		header div{
			text-align: center;
		}
		header img{
			max-width: 80%;
			padding: 30px 0;
		}
		.inside{
			margin: 0 auto;
			max-width: 1140px;
			padding: 0 10px;
		}
		h1{
		 color: #5F504B;
		  font-size: 46px;
		  letter-spacing: 0;
		  line-height: 55px;
		  margin: 46px 0;
		}

		img{
			width: 100%;
			height: auto;
			
		}
		/* ul.oben{
			font-size: 20px;
			letter-spacing: 0;
			line-height: 33px;
	  list-style: none;
		  padding:0;

	  }
	 .oben li { 
			margin-bottom: 1em;
			display: grid;
			align-items: flex-start;
			grid-template-columns: 7% 1fr;
	  } */
/* .oben li img{
  
  width: 50px;
  margin-right: 28px;
  padding-top: 2px;
} */


		.grid-container-drei img{
			height: 21vh;
			margin: 0 auto;
			margin-top: 60px;
		}
	main, footer{
		padding: 0 1%;
	}

@media screen and (min-device-width : 769px) {  
	main, footer{
		padding: 0 0;
	}
	rechts{		
		margin-left: 20px;
	}


		.grid-container{
		  display: grid;
		  grid-template-columns: 47% 50%; 
			grid-gap: 30px;
			
			align-items: end;
 
		}
		.grid-container-drei {
		  display: flex;
			flex-wrap: wrap;	 
		}


	.impressum{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;	
	align-items: center;
	}
	.oben li img {
    width: 27px;
    margin-right: 28px;
    padding-top: 2px;
}
	header img{
			max-width: 440px;
			padding: 33px 0 42px 0;
		}
}
.impressum ul{
	display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
}
footer{
			background-color:#53504B;
			margin-top: 58px;
			color: #fff;
			width: 100%;
			text-align: left;
			font-size: 20px;
			font-weight: 100;

		}
footer li.icon{
	display: grid;
	grid-template-columns: 100px 1fr; 
	grid-gap: 25px;
	font-size: 20px;
	font-weight: 100;
	line-height: 123%;
	padding-bottom: 50px;
}
@media screen and (min-device-width : 769px) {  
	footer li.icon{
		display: grid;
		grid-template-columns: 36px 1fr; 
		grid-gap: 25px;
		font-size: 20px;
		font-weight: 100;
		line-height: 123%;
		padding-bottom: 24px;
		align-items: center;
	}
	footer li img{
		height: 26px;
	}
}
footer li img{
	height: 50px;
}
footer .kontakt{
	padding: 40PX 0;
	background: url(../items/bgfooter.png);
	background-position: 100% 35px;
	background-repeat: no-repeat;
}
		footer a{
			color: #fff;
		}

.impressum p{
	margin: 1em 0;	
	font-size: 18px;
}
.outside{
	background-color: #fff;
	color: #5F504B;
}
.outside a{
	background-color: #fff;
	color: #5F504B;
	font-size: 24px;
}
@media screen and (min-device-width : 769px) {  
	.outside a{
		font-size: 18px;
	}
}
body#impressum{
	font-size: 18px;
	line-height: 26px;
	text-align: left;
}