article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block}
audio,canvas,video {display: inline-block; *display: inline; *zoom: 1}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display:none}
html {font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0;text-align:center}

a:focus{outline:thin dotted}
a:active,a:hover{outline:0}

.gigantic{font-size:3.2em}
.huge, h1{font-size:2.0em}
.large, h2{font-size:1.55em}
.bigger, h3{font-size:1.2em}
.big, h4{font-size:1.1em}
h5{font-size:1em}
h6{font-size:1em}
.small, small{font-size:0.62em;line-height:0.83em}

abbr[title] {border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote {margin:1em 40px}
dfn{font-style:italic}
hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0}
mark{background:#ff0;color:#000}
p,pre {margin:0;padding:0.35em 0 0.75em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}

pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}

q{quotes:none}

q:before,q:after {
content: '';
content: none;
}

sub,sup {
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

dl,menu,ol,ul {
margin: 1em 0;
}

dd {
margin: 0 0 0 40px;
}

menu,ol,ul {
padding: 0 0 0 40px;
}

nav ul,nav ol {
list-style: none;
list-style-image: none;
}

img{border: 0;-ms-interpolation-mode: bicubic}

svg:not(:root){overflow: hidden}

figure{margin:0}

form{margin:0}

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}

button,input,select,textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}

button,input{line-height:normal}

button,select{text-transform:none}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible;
}

button[disabled],html input[disabled]{cursor:default}

input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
padding:0;
*height: 13px;
*width: 13px;
}

input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
vertical-align: top;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

.hidden,.invisible{display:none !important;visibility:hidden}

.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

.clearfix:before, .clearfix:after, .row:before, .row:after{content:"";display:table}
.clearfix:after, .row:after{clear:both}
.clearfix{*zoom:1}

/**
 * 
 * naia - #bf6200
 * 
 */


@charset "utf-8";

html{
	font-size:16px;
}
body, .ie6 img{width:100%}
body{
	background:#fefef9;
	color:#565d67;
}
h1, h2, h3, .gigantic, .huge, .large{
	color:#545955;
	text-transform:uppercase;
}
h1,h2,h3,h4,h5,h6{
	transition-duration:450ms;
	transition-property:all;
	transition-timing-function:ease-in-out;
	padding:2em 0 0.35em 0;
	margin:0;
}
h1{
	color:#bf6200;
}

img, object, embed, video {
	max-width:100%;
}

.wrapper, header nav, .ce_text{}
.ce_text{
	width:96%;
	margin:0 auto;
	padding:1% 2% 1% 2%;
	text-align:left;
}
#header .inside{max-width:1200px}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/* -- start bootstrap ------------------------------------- */

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row{
margin-right:-15px;
margin-left:-15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}

.col-xs-pull-12{right:100%;}
.col-xs-pull-11{right:91.66666667%;}
.col-xs-pull-10{right:83.33333333%;}
.col-xs-pull-9{right:75%;}
.col-xs-pull-8{right:66.66666667%;}
.col-xs-pull-7{right:58.33333333%;}
.col-xs-pull-6{right:50%;}
.col-xs-pull-5{right:41.66666667%;}
.col-xs-pull-4{right:33.33333333%;}
.col-xs-pull-3{right:25%;}
.col-xs-pull-2{right:16.66666667%;}
.col-xs-pull-1{right:8.33333333%;}
.col-xs-pull-0{right:auto;}

.col-xs-push-12{left:100%;}
.col-xs-push-11{left:91.66666667%;}
.col-xs-push-10{left:83.33333333%;}
.col-xs-push-9{left:75%;}
.col-xs-push-8{left:66.66666667%;}
.col-xs-push-7{left:58.33333333%;}
.col-xs-push-6{left:50%;}
.col-xs-push-5{left:41.66666667%;}
.col-xs-push-4{left:33.33333333%;}
.col-xs-push-3{left:25%;}
.col-xs-push-2{left:16.66666667%;}
.col-xs-push-1{left:8.33333333%;}
.col-xs-push-0{left:auto;}

.col-xs-offset-12{margin-left:100%;}
.col-xs-offset-11{margin-left:91.66666667%;}
.col-xs-offset-10{margin-left:83.33333333%;}
.col-xs-offset-9{margin-left:75%;}
.col-xs-offset-8{margin-left:66.66666667%;}
.col-xs-offset-7{margin-left:58.33333333%;}
.col-xs-offset-6{margin-left:50%;}
.col-xs-offset-5{margin-left:41.66666667%;}
.col-xs-offset-4{margin-left:33.33333333%;}
.col-xs-offset-3{margin-left:25%;}
.col-xs-offset-2{margin-left:16.66666667%;}
.col-xs-offset-1{margin-left:8.33333333%;}
.col-xs-offset-0{margin-left:0;}

@media (min-width:768px){
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left;}
	.col-sm-12{width:100%;}
	.col-sm-11{width:91.66666667%;}
	.col-sm-10{width:83.33333333%;}
	.col-sm-9{width:75%;}
	.col-sm-8{width:66.66666667%;}
	.col-sm-7{width:58.33333333%;}
	.col-sm-6{width:50%;}
	.col-sm-5{width:41.66666667%;}
	.col-sm-4{width:33.33333333%;}
	.col-sm-3{width:25%;}
	.col-sm-2{width:16.66666667%;}
	.col-sm-1{width:8.33333333%;}

	.col-sm-pull-12{right:100%;}
	.col-sm-pull-11{right:91.66666667%;}
	.col-sm-pull-10{right:83.33333333%;}
	.col-sm-pull-9{right:75%;}
	.col-sm-pull-8{right:66.66666667%;}
	.col-sm-pull-7{right:58.33333333%;}
	.col-sm-pull-6{right:50%;}
	.col-sm-pull-5{right:41.66666667%;}
	.col-sm-pull-4{right:33.33333333%;}
	.col-sm-pull-3{right:25%;}
	.col-sm-pull-2{right:16.66666667%;}
	.col-sm-pull-1{right:8.33333333%;}
	.col-sm-pull-0{right:auto;}

	.col-sm-push-12{left:100%;}
	.col-sm-push-11{left:91.66666667%;}
	.col-sm-push-10{left:83.33333333%;}
	.col-sm-push-9{left:75%;}
	.col-sm-push-8{left:66.66666667%;}
	.col-sm-push-7{left:58.33333333%;}
	.col-sm-push-6{left:50%;}
	.col-sm-push-5{left:41.66666667%;}
	.col-sm-push-4{left:33.33333333%;}
	.col-sm-push-3{left:25%;}
	.col-sm-push-2{left:16.66666667%;}
	.col-sm-push-1{left:8.33333333%;}
	.col-sm-push-0{left:auto;}

	.col-sm-offset-12{margin-left:100%;}
	.col-sm-offset-11{margin-left:91.66666667%;}
	.col-sm-offset-10{margin-left:83.33333333%;}
	.col-sm-offset-9{margin-left:75%;}
	.col-sm-offset-8{margin-left:66.66666667%;}
	.col-sm-offset-7{margin-left:58.33333333%;}
	.col-sm-offset-6{margin-left:50%;}
	.col-sm-offset-5{margin-left:41.66666667%;}
	.col-sm-offset-4{margin-left:33.33333333%;}
	.col-sm-offset-3{margin-left:25%;}
	.col-sm-offset-2{margin-left:16.66666667%;}
	.col-sm-offset-1{margin-left:8.33333333%;}
	.col-sm-offset-0{margin-left:0;}
}
@media (min-width:992px){
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left;}
	.col-md-12{width:100%;}
	.col-md-11{width:91.66666667%;}
	.col-md-10{width:83.33333333%;}
	.col-md-9{width:75%;}
	.col-md-8{width:66.66666667%;}
	.col-md-7{width:58.33333333%;}
	.col-md-6{width:50%;}
	.col-md-5{width:41.66666667%;}
	.col-md-4{width:33.33333333%;}
	.col-md-3{width:25%;}
	.col-md-2{width:16.66666667%;}
	.col-md-1{width:8.33333333%;}

	.col-md-pull-12{right:100%;}
	.col-md-pull-11{right:91.66666667%;}
	.col-md-pull-10{right:83.33333333%;}
	.col-md-pull-9{right:75%;}
	.col-md-pull-8{right:66.66666667%;}
	.col-md-pull-7{right:58.33333333%;}
	.col-md-pull-6{right:50%;}
	.col-md-pull-5{right:41.66666667%;}
	.col-md-pull-4{right:33.33333333%;}
	.col-md-pull-3{right:25%;}
	.col-md-pull-2{right:16.66666667%;}
	.col-md-pull-1{right:8.33333333%;}
	.col-md-pull-0{right:auto;}

	.col-md-push-12{left:100%;}
	.col-md-push-11{left:91.66666667%;}
	.col-md-push-10{left:83.33333333%;}
	.col-md-push-9{left:75%;}
	.col-md-push-8{left:66.66666667%;}
	.col-md-push-7{left:58.33333333%;}
	.col-md-push-6{left:50%;}
	.col-md-push-5{left:41.66666667%;}
	.col-md-push-4{left:33.33333333%;}
	.col-md-push-3{left:25%;}
	.col-md-push-2{left:16.66666667%;}
	.col-md-push-1{left:8.33333333%;}
	.col-md-push-0{left:auto;}

	.col-md-offset-12{margin-left:100%;}
	.col-md-offset-11{margin-left:91.66666667%;}
	.col-md-offset-10{margin-left:83.33333333%;}
	.col-md-offset-9{margin-left:75%;}
	.col-md-offset-8{margin-left:66.66666667%;}
	.col-md-offset-7{margin-left:58.33333333%;}
	.col-md-offset-6{margin-left:50%;}
	.col-md-offset-5{margin-left:41.66666667%;}
	.col-md-offset-4{margin-left:33.33333333%;}
	.col-md-offset-3{margin-left:25%;}
	.col-md-offset-2{margin-left:16.66666667%;}
	.col-md-offset-1{margin-left:8.33333333%;}
	.col-md-offset-0{margin-left:0;}
}
@media (min-width:1200px){
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left;}
	.col-lg-12{width:100%;}
	.col-lg-11{width:91.66666667%;}
	.col-lg-10{width:83.33333333%;}
	.col-lg-9{width:75%;}
	.col-lg-8{width:66.66666667%;}
	.col-lg-7{width:58.33333333%;}
	.col-lg-6{width:50%;}
	.col-lg-5{width:41.66666667%;}
	.col-lg-4{width:33.33333333%;}
	.col-lg-3{width:25%;}
	.col-lg-2{width:16.66666667%;}
	.col-lg-1{width:8.33333333%;}

	.col-lg-pull-12{right:100%;}
	.col-lg-pull-11{right:91.66666667%;}
	.col-lg-pull-10{right:83.33333333%;}
	.col-lg-pull-9{right:75%;}
	.col-lg-pull-8{right:66.66666667%;}
	.col-lg-pull-7{right:58.33333333%;}
	.col-lg-pull-6{right:50%;}
	.col-lg-pull-5{right:41.66666667%;}
	.col-lg-pull-4{right:33.33333333%;}
	.col-lg-pull-3{right:25%;}
	.col-lg-pull-2{right:16.66666667%;}
	.col-lg-pull-1{right:8.33333333%;}
	.col-lg-pull-0{right:auto;}

	.col-lg-push-12{left:100%;}
	.col-lg-push-11{left:91.66666667%;}
	.col-lg-push-10{left:83.33333333%;}
	.col-lg-push-9{left:75%;}
	.col-lg-push-8{left:66.66666667%;}
	.col-lg-push-7{left:58.33333333%;}
	.col-lg-push-6{left:50%;}
	.col-lg-push-5{left:41.66666667%;}
	.col-lg-push-4{left:33.33333333%;}
	.col-lg-push-3{left:25%;}
	.col-lg-push-2{left:16.66666667%;}
	.col-lg-push-1{left:8.33333333%;}
	.col-lg-push-0{left:auto;}

	.col-lg-offset-12{margin-left:100%;}
	.col-lg-offset-11{margin-left:91.66666667%;}
	.col-lg-offset-10{margin-left:83.33333333%;}
	.col-lg-offset-9{margin-left:75%;}
	.col-lg-offset-8{margin-left:66.66666667%;}
	.col-lg-offset-7{margin-left:58.33333333%;}
	.col-lg-offset-6{margin-left:50%;}
	.col-lg-offset-5{margin-left:41.66666667%;}
	.col-lg-offset-4{margin-left:33.33333333%;}
	.col-lg-offset-3{margin-left:25%;}
	.col-lg-offset-2{margin-left:16.66666667%;}
	.col-lg-offset-1{margin-left:8.33333333%;}
	.col-lg-offset-0{margin-left:0;}
}

/* -- end bootstrap --------------------------------------- */


a{
	color:#008cff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	transition-duration:450ms;
	transition-property:all;
	transition-timing-function:ease-in-out;
}
a, .pointer{
	cursor:pointer;
}


.Kontakt:before, .agb:before, .kontaktHell:before, .Impressum:before, .Sitemap:before, .HTML5:before,
.fon:before, .fax:before, .mobile:before, .email:before, .internet:before,
.suche:before{
	margin:0 0.5em 0.1em 0;
	padding:0;
	padding-left:25px;
	content:" ";
	height:19px;
	position:relative;
	left:4px;
	top:0;
	width:25px;
}
.Impressum:before{background:url("../../files/images/sprite.png") no-repeat scroll 5px 1px transparent}
.Kontakt:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -161px transparent}
.Sitemap:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -327px transparent}
.HTML5:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -640px transparent}
.fon:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -220px transparent}
.fax:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -250px transparent}
.mobile:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -359px transparent}
.email:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -161px transparent}
.internet:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -640px transparent}
.suche:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -91px transparent}
.kontaktHell:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -1004px transparent}
.agb:before{background:url("../../files/images/sprite.png") no-repeat scroll 0px -965px transparent}

.address{
	list-style:none;
	text-align:left;
	margin-left:0;
	padding-left:0;
}

#header{
	position:absolute;
	top:0;
	z-index:92;
	width:100%;
	text-align:center;
	background:#bf6200;
	box-sizing:content-box;
}
#header #MenueOpen .level_1{
	margin:0 auto 0 auto;
	float:right;
	font-variant:small-caps;
	position:fixed;
	overflow:hidden;
	transition-duration:450ms;
	transition-property:width, margin, height, background;
	transition-timing-function:ease;
	z-index:98;
	font-size:1.5em;
	height:100%;
	right:0;
}
.menueclose .level_1{width:0; background:none}
.menueopen .level_1{background:#fff; width:100%}
.menueopen ul{
	margin:0;
	text-align:left;
}
.menueopen ul.level_1{
	height:80%;
	padding:20% 0 0 0;
}

#header ul.level_1 li, #header .level_1 li a{
	color:#222222;
	text-decoration:none;
	position:relative;
}
#header ul.level_1 li span{
	padding:5px 0 5px 0;
	margin:8px 10px 8px 10px;
	position:relative;
	display:block;
}
#header ul.level_2 li span{margin:0;}
#header ul.level_1 li a{
	padding:13px 20px 13px 20px;
	position:relative;
	display:block;
}
.menueopen ul.level_2{padding:0;}
#header .menueopen ul.level_2 li a{
	padding-left:30px;
}
#header .menueopen ul.level_2 li span{
	padding-left:20px;
	margin-left:10px;
	margin-right:10px;
}
#header ul.level_1 li a:hover{
	background:#bf6200;
	color:#fff;
}
#header ul.level_1 li.active span{
	border-bottom:3px solid #222222;
}
#flme {
    position:absolute;
    right:0;
    z-index:99;
	background-color:rgba(255, 255, 250, 0.91);
}

.flaechen{
	padding:26px 0 26px 0;
	float:right;
}
.flaeche{
	height:3px;
	width:22px;
	margin:0 26px 4px 26px;
	background:#222222;
	padding:0;
	transition-duration:450ms;
	transition-property:width, margin;
	transition-timing-function:ease;
}
.flaeche{
	border-radius:2px;
}
#flache1, #flache2, #flache3{
	position:relative;
	width:26px;
	height:4px;
	transition-duration:250ms;
	transition-property:left, top, transform;
	transition-timing-function:ease;
}
#flache1{top:9px;left:0}
#flache2{top:11px;left:0}
#flache3{top:13px;left:0}
#flme:hover #flache1{
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	transform:rotate(-90deg);
	top:18px;
}
#flme:hover #flache3{
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);
	top:4px;
}
.overlay{
	position:fixed;
	width:100%;
	height:100%;
	background:#fff;
	top:0;
	left:0;
	z-index:96;
	text-align:center;
}

#logodiv{
	margin:-23px 0 0 0;
    text-align:left;
	padding-bottom:0;
	padding-top:20px;
}
#awoLogo{
	position:absolute;
	left:0;
    width:80px;
    z-index:90;
	background:rgba(255,255,255,1);
/*	padding:0 5px 5px 5px;
	border-radius:15px;*/
	transition-duration:550ms;
	transition-property:width;
	transition-timing-function:ease;
}
#awoLogo div{
	border:#fff 10px solid;
	border-radius:1px;
	padding:3px 3px 0 3px;
}

footer{
	display:block;
	float:none;
	width:100%;
	color:#fff;
	background:#565d67;
	margin-top:0;
}
.fixedFooter{
	position:fixed;
	bottom:0;
	width:100%;
}
.normalFooter{
	position:relative;
	top:0;
}
footer ul{
	margin:1em auto 0 auto;
	padding:0;
	list-style:none;
	display:inline-block;
}
footer ul li{
	float:left;
	padding:0.5em;
}
footer ul li a{
	color:#fff;
}
footer p.center img {
	max-height:100px;
}
footer p.center{
	border-bottom:1px dashed rgba(255, 255, 255, 0.15);
	padding:1em 0;
}

footer .social > a > div{
	float:left;
	margin:0 10px;
	width:60px;
	height:59px;
	text-decoration:none;
}
footer .social > a:hover > div{
	transition-duration:300ms;
	transition-property:transform;
	transition-timing-function:ease-in-out;
	transform:scale(1.05);
}
footer .social{
	float:none;
	height:60px;
	width:160px;
	margin:0 auto;
}
footer .social > a.mail > div{background:url("../../files/images/social-media.png") no-repeat scroll -2px -1px transparent}
footer .social > a.facebook > div{background:url("../../files/images/social-media.png") no-repeat scroll -69px -1px transparent}

.more {
	color:#df252b;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	float:right;
}
.more:after{
	border-right-color:#df252b;
	border-right-style:solid;
	border-right-width:2px;
	border-top-color:#df252b;
	border-top-style:solid;
	border-top-width:2px;
	content:"";
	display:inline-block;
	margin-left:5px;
	margin-bottom:1px;
	position:relative;
	transform:rotate(45deg);
	height:6px;
	width:6px;
}

.float_right{
	float:right;
	padding-left:10px;
}
.float_left{
	float:left;
	padding-right:10px;
}
.center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:none;
}

.mod_article.first {
    margin-top:100px;
}
.smallHeader .mod_article.first{
	margin-top:70px;
}
#indes.first{
	margin-top:0;
}

.ce_gallery{
	text-align:center;
}
.ce_gallery ul{
	list-style:none;
	margin:1em auto 1em auto;
	padding:0;
}
.ce_gallery ul li{
	display:inline-block;
}
.ce_gallery ul img{
	max-height:250px;
}




/* --- img List ------------------------------------------- */

.imgList .ce_image .caption{
	display:block;
	position:absolute;
	top:0;
	left:0;
	padding:0;
	color:#eee;
	height:100%;
	width:0;
	transition:opacity 0.15s ease-in-out 0.2s;
	opacity:0;
	overflow:hidden;
	z-index:39;
}
.cec0 .caption{background:#bf6200}
.cec1 .caption{background:#6b5c52}
.cec2 .caption{background:#7f0000}
.cec3 .caption{background:#297132}
.cec4 .caption{background:#3564bc}
.imgList .ce_image:hover .caption{
	height:100%;
	width:100%;
	opacity:0.97;
	padding:0;
}

.imgList .ce_image .caption span{
	font-size:1.2em;
	padding:2em 1em 0 1em;
	overflow:hidden;
	width:0;
}
.imgList .ce_image .caption h3, .imgList .ce_image .caption p{padding:0.35em 0 0.15em 0;}
.imgList .ce_image .caption h2{padding:1em 0 0.25em 0;}
.imgList .ce_image .caption h2, .imgList .ce_image .caption h3{color:#eaeade;}
.imgList .ce_image .caption p{color:#fff;padding-top:3em;}
.imgList .ce_image .caption img{opacity:0.6;margin-top:2em;}

.ce_image a img{
	transform:translateZ(0);
	transition-duration:0.2s;
	transition-property:transform, width, height;
	transition-timing-function:ease-out;
}
.ce_image a:hover img{transform:scale(1.05)}

.imgList .accordion .ce_image {
	position:relative;
	background:#fff;
}
.imgList .accordion .ce_image .sku{
	display:none;
}

.ibrr, .iili, .ibil, .iiri, .ibir, .ibll, .ibir, .iiii{
	border:1px solid #ddd;
	border-radius:5px;
	margin:10px auto 10px auto;
	overflow:hidden;
	width:278px;
	height:278px;
	float:none;
}
.imgList .accordion .ce_image{
	text-align:center;
}
.imgList .accordion .ce_image .productDesc {
	text-align:left;
}
.imgList .accordion .ce_image .teaser{
	height:1em;
	margin-left:10px;
	overflow:hidden;
	text-align:left;
}
.imgList .accordion .ce_image .submit_container input:hover, .imgList .accordion .ce_image .product:hover{
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.product_list{
	margin:0 auto 4em auto;
}

@media only screen and (min-width:662px) {
	.ibrr, .iili, .ibil, .iiri, .ibir, .ibll, .ibir, .iiii{
		margin:10px;
		float:left
	}
	.ibrr, .ibil, .ibir, .ibll, .ibir{
		width:578px;
		height:578px;
		font-size:1.5em;
	}
	.product_list{width:600px}
}
@media only screen and (min-width:1017px) {
	.product_list{width:900px}
	.ibrr, .iiri, .iili, .ibll{
		width:578px;
		height:578px;
		font-size:1.5em;
	}
	.ibrr, .iiri{float:right}
	.iili, .ibll{float:left}
	.ibil, .ibir{
		width:278px;
		height:278px;
	}
}
@media only screen and (min-width:1356px) {
	.product_list{width:1200px}
	.iiri, .iili{
		width:278px;
		height:278px;
		float:left;
	}
	.ibir, .ibil{
		width:578px;
		height:578px;
		font-size:1.5em;
	}
	.ibir{float:right}
	.ibil{float:left}
}


.imgOverlay{
	background:rgba(255,255,255,0.95);
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:0;
	z-index:80;
	transition-duration:200ms;
	transition-property:margin, height;
	transition-timing-function:ease-in-out;
}
.imgOverlay img{
	cursor:pointer;
	opacity:0.2;
	transition-duration:800ms;
	transition-property:opacity;
	transition-timing-function:ease-in-out;
}
.imgOverlay.imgOverlayOpen{height:100%;}
.imgOverlay.imgOverlayOpen img{opacity:1}
.imgOverlayImage{
	background:#fff;
	padding:0;
}





/* --- Startseite ----------------------------------------- */

#startslider {
	overflow:hidden;
	position:relative;
	width:100%;
}
#startslider .accordion{
	overflow:hidden;
}
#startslider .ce_text {
    margin:0;
    padding:0;
    width:100%;
	background:#565d67;
}

#startslider .ce_text figure{
	position:absolute;
	top:0;
	width:100%
}
#startslider .ce_text figure img{
	width:100%;
	max-width:none;
}

.startlogo{
	transition-duration:550ms;
	transition-property:top, opacity;
	transition-timing-function:ease;
	position:absolute;
	z-index:56;
	top:40px;
	width:100%;
	text-align:center;
}
.startlogo img{
	transition-delay:1550ms;
	transition-duration:1550ms;
	transition-property:height, width, opacity;
	transition-timing-function:ease;
	height:40px;
}
.startlogo h2{
	color:#fff;
	padding-top:5%;
	text-shadow:1px 1px 10px rgba(0,0,0,0.2);
	text-transform:none;
}
#startslider div.startlogo > img{
	transition-delay:2s;
	transition-duration:3s;
	transition-property:opacity;
	transition-timing-function:ease;
}
#startslider h2{
	transition-delay:1550ms;
	transition-duration:450ms;
	transition-property:padding, opacity;
	transition-timing-function:ease-out;
}
#startslider div{
	transition-duration:650ms;
	transition-property:top, opacity, margin;
	transition-timing-function:ease-in;
}	
#startslider div.slout > figure > img{
	opacity:0;
	margin-left:-50px;
}
#startslider div > figure > img{
	transition-duration:850ms;
	transition-property:transform, opacity, margin;
	transition-timing-function:ease;
	transform:scale(1.05);
}
#startslider div.slout h2{
	padding-right:10%;
	opacity:0;
}
#startslider div.slin h2{
	padding-left:0;
	opacity:1;
}
#startslider div.slout div.startlogo > img{
	opacity:0;
}
#startslider div.slin div.startlogo > img{
	opacity:0.8;
}
#startslider div.slin > figure > img{
	transform:scale(1.0);
}
#startslider div > figure > img{
/*	transition-duration:10s;
	transition-property:transform, opacity;
	transition-timing-function:ease;
	transform:scale(1.0);
*/}

#werwirsind{
	background:#bf6200;
	color:#fff;
	text-align:left;
	padding-bottom:50px;
	box-sizing:content-box;
}
#werwirsind h2, #werwirsind a{
	color:#fff;
}
#werwirsind h2{
	text-transform:uppercase;
}
#werwirsind a:after{
	border-right-color:#fff;
	border-top-color:#fff;
}
#werwirsind a.more{
	border:1px solid #fff;
	padding:10px;
	border-radius:5px;
}

#waswirtun, .yellow{
	background:#fee673;
}
.yellow{
	box-sizing:content-box;
}
#waswirtun{
	padding-bottom:50px;
	box-sizing:content-box;
}
#waswirtun figure{
	padding:50px 0 0 20px;
}
#unserProjekte{
	background:url("../../files/images/nord-afrika-background.jpg") no-repeat center #fff;
	background-size:cover;
	background-attachment:fixed;
}
#unserProjekte ul.up01, #mitmachenBlock ul.up01{
	list-style:none;
	padding:0 0 7% 0;
	margin:3% auto 0 auto;
}
#unserProjekte ul.up01 li, #mitmachenBlock ul.up01 li{
	border:2px solid #fff;
	border-radius:4px;
	-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.15);
	-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.15);
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
	margin:0 2% 1em 2%;
}
#unserProjekte ul.up01 li:hover, #mitmachenBlock ul.up01 li:hover{
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.45);
	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.45);
	box-shadow:0px 0px 20px rgba(0,0,0,0.45);
	cursor:pointer;
}
#unserProjekte ul.up01 li:hover a{
	text-decoration:none;
	color:#545955;
}
.uptogo{
	background:url("../../files/images/togo-in-afrikakarte.png") no-repeat center #fff;
	background-size:cover;
}
.upgambia{
	background:url("../../files/images/gambia-in-afrikakarte.png") no-repeat center #fff;
	background-size:cover;
}
.up01 h3{
	padding-top:15%;
	font-size:1.8em;
}

#mitmachenBlock, .red{
	background:#7f0000;
}
#mitmachenBlock{
	margin-bottom:-10%;
}
#mitmachenBlock ul.up01 li:hover a, #mitmachenBlock ul.up01 li a, #mitmachenBlock h2, #mitmachenBlock p{
	text-decoration:none;
	color:#eee;
}
#mitmachenBlock ul.up01 li{background:rgba(255,255,255,0.9)}
#mitmachenBlock ul.up01 li:hover{background:rgba(255,255,255,1)}
#mitmachenBlock h3{
	margin:0 auto 2em auto;
	padding-top:0;
}
#mitmachenBlock img.mimaheader{
	width:66%;
}





/* --- Sponsoren ------------------------------------------ */

#sponsoren .row{
	padding-top:2em;
	padding-bottom:1em;
}

.row.center.platz{
	margin-top:10em;
	margin-bottom:10em;
}





/* -------------------------------------------------------- */

@media only screen and (min-width:481px) {
	html{font-size:17px}
	.ce_text{
		width:92%;
		margin:0 auto;
		padding:1% 4% 5% 4%;
		clear:none;
		float:none;
	}
	#awoLogo{
	    width:140px;
	}
	.mod_article.first {
		margin-top:140px;
	}
	.smallHeader .mod_article.first{
		margin-top:70px;
	}
	.startlogo{
		top:80px;
	}
	.startlogo img {
		height:80px;
	}
	
	footer .social{
		border:none;
		float:left;
	}
}


@media only screen and (min-width:769px) {
	html{font-size:18px}

	.gigantic{font-size:4em}
	.huge, h1{font-size:2.4em}
	.large, h2{font-size:1.8em}
	.bigger, h3{font-size:1.25em}
	.big, h4{font-size:1.1em}
	h5{font-size:1em}
	h6{font-size:1em}
	.small, small{font-size:0.62em;line-height:0.83em}

	.ce_text{
		width:90%;
		padding:1% 5% 5% 5%;
		margin:0 auto;
		clear:none;
		float:none;
	}
	#header{
		height:70px;
	}
	#header #MenueOpen .level_1{
		font-size:1.25em;
	}

	footer ul{
		border:none;
	}

	#unserProjekte ul.up01, #mitmachenBlock ul.up01{
		margin:1.7% auto;
	}
	#unserProjekte ul.up01 li, #mitmachenBlock ul.up01 li{
		float:left;
		width:43%;
		margin:0 3% 1% 3%;
	}
	#unserProjekte .up01 h3{
		padding-top:50%;
		font-size:1.8em;
		color:#000100;
	}
	#unserProjekte .up01 p{
		margin-top:0.1em;
	}
	#mitmachenBlock .up01 h3{
		color:#000100;
	}
	#awoLogo{
	    width:160px;
	}
	.mod_article.first {
		margin-top:160px;
	}
	.smallHeader .mod_article.first{
		margin-top:70px;
	}
	.startlogo{
		top:120px;
	}
	.startlogo img {
		height:150px;
	}
}


@media only screen and (min-width:861px) {
	#header{
		padding:0 0 15px 0;
	}
	#header #MenueOpen .level_1{
		padding:0;
		position:relative;
		top:0;
		width:auto;
		overflow:visible;
		font-size:1.05em;
	}
	#header #MenueOpen .level_1 li{float:left}
	#header #MenueOpen .level_1 li ul.level_2 li{
		float:none;
		text-align:left;
	}
	#header #MenueOpen .level_1 li ul.level_2{
		display:none;
		opacity:0;
		transition-duration:450ms;
		transition-property:opacity;
		transition-timing-function:ease;
		padding:10px 0 10px 0;
		margin:0;
		position:absolute;
	}
	#header #MenueOpen .level_1 li:hover ul.level_2{
		display:block;
		background:#565d67;
		opacity:1;
	}

	#header .level_1 li.active{padding:24px 0 10px 0;}
	#header .level_1 li{padding-top:22px}
	#header .level_1 .level_2 li{padding-top:0}
	.flaechen{
		width:0;
		overflow:hidden;
	}
	#header .level_1 .level_2 li a, #header .level_1 .level_2 li span{
		color:#fff;
		padding-left:20px;
		padding-right:20px;
	}
	.startlogo{
		top:160px;
	}
	.startlogo img {
		height:200px;
	}
	.mod_article.first {
		margin-top:160px;
	}
	.smallHeader .mod_article.first{
		margin-top:85px;
	}
}

@media only screen and (min-width:960px) {
	#awoLogo{
		left:auto;
		width:180px;
	}
	.mod_article.first {
		margin-top:180px;
	}
	.smallHeader .mod_article.first{
		margin-top:85px;
	}

	.startlogo{
		top:200px;
	}
	.startlogo img {
		height:220px;
	}
}