/* raleway-regular - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/raleway-googlefont/raleway-v27-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/raleway-googlefont/raleway-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/raleway-googlefont/raleway-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('   ../fonts/raleway-googlefont/raleway-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/raleway-googlefont/raleway-v27-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/raleway-googlefont/raleway-v27-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/raleway-googlefont/raleway-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/raleway-googlefont/raleway-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-500.woff') format('woff'), /* Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/raleway-googlefont/raleway-v27-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/raleway-googlefont/raleway-v27-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/raleway-googlefont/raleway-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/raleway-googlefont/raleway-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-600.woff') format('woff'), /* Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/raleway-googlefont/raleway-v27-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/raleway-googlefont/raleway-v27-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/raleway-googlefont/raleway-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/raleway-googlefont/raleway-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/raleway-googlefont/raleway-v27-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/raleway-googlefont/raleway-v27-latin-800.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/raleway-googlefont/raleway-v27-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/raleway-googlefont/raleway-v27-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-800.woff') format('woff'), /* Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/raleway-googlefont/raleway-v27-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/raleway-googlefont/raleway-v27-latin-900.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/raleway-googlefont/raleway-v27-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/raleway-googlefont/raleway-v27-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-900.woff') format('woff'), /* Modern Browsers */
	url('../fonts/raleway-googlefont/raleway-v27-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/raleway-googlefont/raleway-v27-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}
html, body {
	width: 100%;
	font-weight: 400;
	font-size: 1em;
	font-family: 'Raleway', Arial, sans-serif;
	line-height: 1.25em;
	background-color: #DDD;
	/* background-image: url(../img/bg.jpg); */
	background-attachment: fixed;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left bottom 55px;
	height: 100%;
	min-height: 100%;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	font-family: 'Raleway', Arial, sans-serif;
	color: #000000;
	font-weight: 500;/* text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.9); */
	margin-bottom:15px;
}
.infobanner {
	background: rgba(110, 0, 0, 0.75) none repeat scroll 0 0;
    color: #fff;
    line-height: 1.4em;
    padding: 10px;
    position: absolute;
    right: -353px;
    text-align: center;
    top: 44px;
    transform: rotate(27deg);
    width: 1000px;
    z-index: 99;
}
.infobanner a {
	color:#FFF;
}
.infobanner a:hover, .infobanner a:focus {
	color:#FFF;
}

@media only screen and (min-width: 40.063em) {
h2, .h2 {
	font-size: 1.7rem;
}
}
h3, h4, .h3, .h4 {
	color: #333;
}
a {
	color: #333333;
}
a:hover, a:focus {
	color: #6e0000;
}
p {
	margin:1.25rem 0;
}
img {
	float: left;
}
small {
	font-size: 0.7em;
	line-height: 100%;
}
.row .row, .row {
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
	padding: 30px 0;
}
.row.content_container {
	padding:0;
	margin-bottom: 50px;
}
.row_fullwidth {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}
.comment_container {
	position: relative;
	top: 20px;
	margin-bottom: 20px;
	max-width: 1280px;
}
.comment_container .large-12 {
	padding: 15px 1px;
	background: #EEE;
	margin: auto 1%;
}
.content_container {
	margin-top: 0px;
	background: #EEE;
}
.content_container .large-12 {
	padding: 9px;
	background: #EEE;
	margin: auto 0;
	width: 100%;
}
.content_container .large-12 .large-12 {
	background: none;
	margin: 0;
	width: 100%;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}
.content_container ul li {
	margin-left: 0.9375rem;
}
.scrollup {
	width: 40px;
	height: 40px;
	opacity: 0.7;
	position: fixed;
	bottom: 65px;
	right: 10px;
	display: none;
	text-indent: -9999px;
	background: url('../img/top.png') no-repeat;
	cursor: pointer;
	z-index: 9999997001;
}
.slider_container {
	height: 410px;
}
.slider_container_top {
	height: 90px;
}
.slider_infobox {
	position: fixed;
	top: 261px; /*right:-761px;*/
	right: 0;
	z-index: 9999;
	cursor: pointer;
}
.slider_infobox_hiddenStart {
	right: -762px;
}
#infobox_02 {
	display: none;
}
.close_menu {
	position: absolute;
	left: 0px;
	bottom: 4px; /*color:#FFF; font-size:15px; background:#aeaeae;*/
	height: 19px;
	width: auto;
	cursor: pointer;
}
#header_container {
	position: relative;
	z-index: 999999;
	background: #FFF;
}
#img_header {
	position: fixed;
	margin-left: 330px;
	z-index: 99999;
}
#img_header_logo {
	position: fixed;
}
#fake_header_bg {
	position: fixed;
	background: #FFF;
	height: 170px;
	width: 100%;
	float: left;
	z-index: 99;
}
.slider_container_top {
	position: fixed;
	z-index: 100;
}
/* navi burger */
.sidebar {
	margin-top: 0;
	position: fixed;
	left: 0;
	top: 0;
	transition: all 0.5s linear 0s;
	z-index: 999;
}
.sidebar-right {
	left:auto;
	right:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
.logo {
	background: #FFF none repeat scroll 0 0;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25);
	display: block;
	/* height: 112px; */
	height: 0px;
	overflow: hidden;
	margin-bottom: 5px;
	position: relative;
	transition: all 0.4s ease-out 0s;
	width: 250px;
	z-index: 200;
}
.logo .langchooser {
	bottom: 10px;
	font-size: 0.9em;
	position: absolute;
	right: 10px;
}
.logo .burger {
	background-image: url("../img/burger_icon.png");
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: right;
	height: 25px;
	margin: 105px 15px 0 0;
	opacity: 0;
	transition: opacity 0.7s ease-out 0s;
	width: 0;
}
.top {
	background-image: url('../img/scroll_up.jpg');
	background-repeat: no-repeat;
	display: block;
	filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
	height: 70px;
	opacity: 0;
	position: fixed;
	right: -50px;
	transition: all 0.7s ease-out 0s;
	width: 70px;
}
ul.mainmenu {
	position: absolute;
	width: 250px;
	z-index: 100;
}
nav ul, nav ol {
	list-style: outside none none;
}
ul {
	margin: 0;
	padding: 0;
}
ul.mainmenu > li {
	background: #eee none repeat scroll 0 0;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
	margin-bottom: 5px;
	opacity: 1;
	transition: all 0.7s ease-out 0s;
}
ul.mainmenu li.is_active > a, ul.mainmenu li a:hover {
	background: #6e0000 none repeat scroll 0 0;
	color: #fff;
}
ul.mainmenu li > a {
	color: #000000;
	display: block;
	font-size: 1em;
	font-weight: 400;
	overflow: hidden;
	padding: 5px 25px;
	position: relative;
	text-transform: uppercase;
	transition: background 0.5s ease 0s;
	z-index: 100;
}
ul li ul {
	display: none;
	font-size: 0.8em;
	margin-left: 0;
}
ul li ul li a {
	padding-left: 30px !important;
}
.active {
	background: #6e0000 !important;
	color: #FFF !important;
}
li.active {
	background: none !important;
}
.logo a.langheinrich {
	background-image: url("../img/Langheinrich-Logo.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	float: left;
	height: 150px;
	margin: 25px 0 0 25px;
	width: 150px;
	transition: all 0.4s ease-out 0s;
	background-color: #FFF;
}
.scrolldown .logo a.langheinrich {
	margin: 15px 0 0 25px;
}
.scrolldown ul.mainmenu > li {
	margin-top: -50px;
	opacity: 0;
}
.scrolldown .logo {
	height: 150px;
	background-color: #FFF;
}
.scrolldown .logo .burger {
	opacity: 1;
	width: 25px;
	margin-left: 0;
}
.top {
	width: 51px;
	height: 50px;
	display: block;
	background-image: url('../img/scroll_up.jpg');
	background-repeat: no-repeat;
	opacity: 0;
	position: fixed;
	bottom: -150px;
	right: -150px;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-ms-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
.scrolldown .top {
	bottom: 50px;
	right: 50px;
	opacity: 1;
}
/*caption -slider*/
.orbit {
	top: 0px;
	position: relative;
}
.orbit .orbit-slide-number, .orbit .orbit-timer, .orbit .orbit-bullets-container {
	display: none;
}
.orbit-bullets li.active {
	background: none;
	border-radius: 0;
	background-image: url(../img/slider_top_active.png);
	background-repeat: no-repeat;
}
.orbit-bullets li {
	background: none;
	border-radius: 0;
	height: 10px;
	width: 38px;
	margin-right: 10px;
	background-image: url(../img/slider_top_unactive.png);
	background-repeat: no-repeat;
}
.orbit-bullets {
	text-align: right;
	width: 90%;
	top: 0;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
	background-color: rgba(255, 255, 255, 0.8);
	bottom: 8%;
	right: 0;
	color: #A4ABA2; /* rgb(164, 171, 162)*/
	padding: 0.825rem 0.875rem;
	position: absolute;
	width: auto;
	font-size: 2.1em;
	text-align: right;
}
/*Themenwelten*/
#themenwelten {
	top: 10px;
	position: relative;
	margin: 0px auto 100px;
}
/*startseite*/
.logo_starttext {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.logo_starttext img {
	max-width: 130px;
}
/*footer*/
#footer {
	font-size: 0.84em;
	position: fixed;
	bottom: 0px;
	float: left;
	background: #EEE;
	padding: 7px 0;
	z-index: 1001;
	border-top: 1px solid #ccc;
}
#footer .vertical_line:before {
	content: '|';
	padding: 0 7px;
}
#footer_left {
  float: left;
  padding-left:0px;
}
#footer_right {
  float: right;
  text-align: right;
  padding-right:0px;
}
@media only all and (max-width: 1350px) {
  #footer_left {
    padding-left:15px;
  }

  #footer_right {
    padding-right:15px;
  }
}
/*kontakt*/
input#submit {
	float: right;
	cursor: pointer;
	width: 100%;
	color: rgba(0, 0, 0, 0.75);
	padding: 2%;
	text-align: center;
	margin-top: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
	transition: all 0.3s ease 0s;
	font-size: 1em;
	height: 44px;
}
input#submit:hover {
	background: #6e0000;
	color: #FFF;
}
textarea {
	height: 100px;
}
#google-map {
	height: 322px;
	border: solid 1px #CCC;
}
p a {
	color: #6e0000;
}
.list_inside {
	list-style-position: inside;
}
ul {margin-bottom:20px;}

.row.start{
	margin-bottom:30px;
}
.large-12 img {
	width:100%;
}
/* #Media Queries
================================================== */
/*   */
@media only all and (max-width: 1400px) {
/* .comment_container, #kontakt {margin-top:200px;/}*/
/* #kontakt {margin-bottom:200px;}*/
}

/* Inhaltsbereich verschieben wegen der Navigation */
@media only all and (max-width: 1350px) {
.row .row, .row {
	margin-left: 0;
	margin-right: auto;
}
.row .row.start, .row.start {
	margin-left: auto;
	margin-right: 0;
}
.infobanner {
    right: 0;
	width:100%;
	padding:12px;
    transform: rotate(0deg);
	position:relative;
	top: 0px;
}
}


/* Switchen der Navigation */
@media only all and (max-width: 1130px) {
.row .row, .row {
	margin-right: auto;
}
.content_container {
	margin-top: 100px;
}
.sidebar {
	width: 100%;
}
.scrolldown .logo, .logo {
	width: 100%;
	height: 95px;
	padding: 7px 0;
}
.logo a.langheinrich, .scrolldown .logo a.langheinrich {
	margin: 5px 20px;
	transition: all .3s ease;
	background-size: 70% auto;
}
.scrolldown .logo .burger, .logo .burger {
	height: 30px;
	width: 30px;
	margin: 18px 15px;
	opacity: 1;
}
ul.mainmenu {
	width: 100%;
}
ul.mainmenu > li {
	margin-top: -50px;
	opacity: 0;
	pointer-events: none;
}
.is_open ul.mainmenu > li {
	margin-top: 0px;
	opacity: 1;
	pointer-events: auto;
}
ul.mainmenu li > a {
	padding: 10px 15px;
	font-size: 1em;
}
ul.mainmenu li ul li a {
	max-width: 100%;
}
.scrollup {
	top: 16px;
	bottom: auto;
	right: 60px;
	z-index: 9999999;
}
.comment_container, #kontakt {
	margin-top: 80px;
}
.infobanner {
    right: 0;
	width:100%;
	padding:12px;
    transform: rotate(0deg);
	position:relative;
	top: 68px;
}
}

@media only all and (max-width: 768px) {
html, body {
	background-image: none;
}
header {
	margin-top: 50px;
}
#footer {
	position: relative;
}
.logo_starttext {
	margin-top: 15px;
}
#themenwelten {
	margin-top: 50px;
}
header, #team {
	margin-top: 100px !important;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
	font-size: 1em;
	position: relative;
	float: left;
	background: none;
	color: #333;
	text-align: left;
}
#footer .vertical_line:before {
	content: '\A';
	white-space: pre;
	padding: 0;
}
.grid figure figcaption {
	padding: 1.5em;
}
.comment_container {
	top: 0px;
	margin-bottom: 20px;
}
}

@media only all and (max-width: 700px) {
.grid figure {
	display: inline-block;
	float: none;
	margin: 10px auto;
	width: 100%;
}
.comment_container .large-12, .content_container .large-12 {
	width: 94%;
	margin: auto 3%;
	background: #eee;
}
}

.columns.large-12 {
	padding:30px;
}
.columns.large-12 .large-12{
	padding:15px;
}

#footer .columns.large-12 {
	padding:0;
}
#footer .row {
	padding:0;
}

@media only all and (max-width: 40em) { /* foundation elements 100% */
#google-map {
	margin-top: 20px;
}
.columns {
	margin-top: 10px;
}
.content_container {
	margin-bottom: 50px;
}
}

.gallery img {
	border: 1px solid #6e0000;
}
.gallery div {
	padding: 0.9375rem;
}

.text-center img {
	float:none;
}
.logoContainerSubpages {
	background:#FFF !important;
	margin-bottom:30px !important;
}
.logoContainerSubpages img {
	max-width:500px;
	width:100%;
	padding:10px;
	margin:20px auto 30px auto;
}
.floatLeft {
	float:left !important;
}
.smaller-logo {
	max-width:130px;
}
.marginTop20 {
	margin-top:20px;
}
.marginTop30 {
	margin-top:30px !important;
}
.whiteBgBox {
	background: #FFF !important;
	margin-bottom: 2rem !important;
	display: block;
}
@media (min-width: 642px) {
	display:flex !important;
	.whiteBgBox .large-2 img {
		margin:auto !important;
		max-height: 110px !important;
	}
}

.whiteBgBox .large-2 {
	display:flex !important;
	align-self: center !important;
}
.whiteBgBox .large-2 img {
	max-height: 140px !important;
	width: auto !important;
	margin:0 auto 20px auto !important;
}
.downloadButton {
	text-align: center;
	font-size:1.7rem;
	width:100%;
}