body {font-family: "Roboto", roboto;}
h3 {font-size: 22px;}
a {color: #34a836; text-decoration:none;}
a:hover {color: #41d543; text-decoration:none;}
a:active {color: #41d543; text-decoration:none;}
.section {padding-top: 60px; padding-bottom: 60px;}

img {
  width: 100%;
  height: 100%;
}

.vcenter {
  vertical-align: middle;
  height: 675px;
  display: table-cell;
}

.head-banner-start {
	height: 675px;
  background-size: cover;
  background-position: top left;
	}

.text-head-banner {
	height: 550px;
  background-size: cover;
  background-position: top left;
	}

.projekt-banner {
	height: 350px;
  background-size: cover;
  background-position: center;
	}

.zitat {text-align: center; padding:35px; font-size: 24px;}
.zitat img {max-width:100px; height: auto; margin: 15px;}

.kein-rand > [class*="col-"]
{
  padding-right: 0;
  padding-left: 0;
}

.m60{margin-top: 60px; margin-bottom: 60px;}
.p60{padding-top: 60px; padding-bottom: 60px;}
.p120{padding-top: 120px; padding-bottom: 120px;}
.nopadding {padding: 0;}

#faehigkeiten {margin-top: -60px; margin-bottom: 30px; padding-top: 80px;}
#faehigkeiten thead {background-color: #C9E7AB;}
#faehigkeiten h3 {margin: 0;}
#faehigkeiten h1 {text-transform: uppercase;}
#faehigkeiten tr:nth-child(even){background-color: #eef7e5;}
#faehigkeiten td {padding: 5px 15px; border: 1px solid #cacaca;}
#hobbys {background-color: #c9e7ab;}
#hobbys img {object-fit: cover;}
#main-text {margin-top: 60px; margin-bottom: 60px;}

#projekte {margin-top: 60px; /*margin-bottom: 60px;*/ background-color: #000; color: #fff;}
#projekte h2 {padding-bottom: 20px; text-transform: uppercase;}

#header-banner {background-color: #34a836; color: #000;}
#header-banner .container {max-width: unset;}
#navi-about {z-index: 10; top:0; background-color: #111111; position: sticky;}
#navi {background-color: #111111;}
#teaser-navi {
background-color: #34A836;
}

#projekte .banner{text-align: center; display: block; padding: 140px 0; }
#projekte .banner h2{font-size: 42px; color: #000; text-shadow: 1px 1px 10px #999;}
#footer {
	background-color: #000; color: #fff;
}

#footer p{ text-align: center; margin:5px 0; font-size: 14px;}
#footer ul {position:relative; margin: 10px auto; max-width:350px;}
#footer li {float:left; padding: 5px 20px; list-style: none;}
.navbar {
	padding-top: 0;
  padding-bottom: 0;
}

.nav-link {
	color: #fff; 
	font-size: 22px;
  font-weight: 400;
	padding-right: .8rem;
 	padding-left: .8rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
  }

.nav-link:hover { color: #34A836; }
.nav-link.active { color: #34A836; }

/***************************************************** Fonts ***************************/

/* roboto-100 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}