/**
COLOR RGB: 34, 159, 96
COLOR HEX: #229F60

background-color: rgba(34, 159, 96, 0.8);
**/

body#bp-body {
  background-image: URL("../images/bg_code.jpg");
  background-position: center center;
  background-size: cover;
    background-repeat: no-repeat;
  background-attachment: fixed;
}
.cn-breite {
  width: 640px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  min-height: 100VH;
  background-color: rgba(0,0,0,0.6);
  box-sizing: border-box;
  position: relative;
}



header.header {
  position: fixed;
  z-index: 99;
  height: 80px;
  padding-top: 15px;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0.5);
  width: 640px;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  transition: all 0.3s ease-in-out;
}
header.header.bp-small {
  height: 80px;
  background-color: rgba(0,0,0,0.8);
}

header.header .logo {
    width: 135px;
    z-index: 1001;
	float: left;
	transition: all 0.3s ease-in-out;
}
header.header.bp-small .logo {
    width: 135px;
}


header.header .logo a,
header.header .logo a:hover,
header.header .logo a:focus {
    display: block;
	line-height: 0;
	text-decoration: none;	
}


header.header .social-links {
  float: right;
}
header.header .social-links nav {
  margin-top: 12px;
  transition: all 0.3s ease-in-out;
}
header.header .social-links nav ul > li {
	display: inline-block;
	margin-left: 8px;
	transition: all 0.3s ease-in-out;
}
header.header .social-links nav ul > li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 30px;
  transition: all 0.3s ease-in-out;
}

header.header.bp-small .social-links nav {
  margin-top: 12px;
}
header.header.bp-small .social-links nav ul > li {
	margin-left: 8px;
}
header.header.bp-small .social-links nav ul > li a {
  font-size: 30px;
}
header.header.bp-small .social-links nav ul > li a:hover {
	color: #5eff3c;
}


@media (min-width: 576px) {
	
	header.header {
	  height: 125px;
	}
	header.header.bp-small {
	  height: 80px;
	}

	header.header .logo {
		width: 240px;
	}
	header.header.bp-small .logo {
		width: 145px;
	}	
	
	header.header .social-links nav {
	  margin-top: 20px;
	  transition: all 0.3s ease-in-out;
	}
	header.header .social-links nav ul > li {
		margin-left: 15px;
		transition: all 0.3s ease-in-out;
	}
	header.header .social-links nav ul > li a {
	  font-size: 50px;
	  transition: all 0.3s ease-in-out;
	}

	header.header.bp-small .social-links nav {
	  margin-top: 15px;
	}
	header.header.bp-small .social-links nav ul > li {
		margin-left: 10px;
	}
	header.header.bp-small .social-links nav ul > li a {
	  font-size: 35px;
	}
}





main.content {
	padding-top: 80px;
  
	box-sizing: border-box;
    padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 576px) {
	main.content {
	  padding-top: 125px;
	}
}




footer.footer {
  background-color: rgba(0,0,0,0.9);
  margin-top: 100px;
  padding-top: 25px;
  padding-bottom: 15px;
}
footer.footer a,
footer.footer a:hover,
footer.footer a:focus{	

}
footer.footer .mail {
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 25px;
}

footer.footer .rechtliches {
  margin-top: 25px;
  border-top: 1px solid #666;
  padding-top: 15px;
}
footer.footer .rechtliches ul.menue-rechtlich > li {
  display: inline-block;
  margin: 0 5px;
  font-size: 13px;
}

@media (min-width: 576px) {

}








/** 357 Web **/
#cpnb a#cpnb-decline-btn {
    display: none !important;
}
@media (max-width: 1023px) {
	.cpnb-m-cookies-floatButton.cpnb-m-cookies-floatButtonPosition_bottom_left {
	  display: none;
	}
}