html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],/* 1 */
[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,/* 1 */
menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}body {
  font-family: 'Fira Sans', sans-serif;
  color: #4f4f4f;
  background: #f0f0f0;
  -webkit-font-smoothing: antialiased;
}

.left {
    float: left;
}

.right {
    float: right;
}

.break {
    clear: both;
}

.clear {
	clear:left;
}

div#bigwrapper {
    max-width: 1600px;
    margin: 0 auto;
    box-shadow: 0 0 50px rgba(0,0,0,.05);
}

.wrapper, .TraminoVorlage.T651, #TraminoInhalt  {
	position:relative;
	max-width:1400px;
	margin:0 auto;
}

.wrapperbox, .TraminoVorlage.T711, .TraminoVorlage.T1979 {
    padding: 0 50px;
}

#content {
	padding: 0px;
	position:relative;
	clear:both;
}

/* NAVIGATION + HEADER */

a.logo {
    display: block;
    width: 160px;
    position:fixed;
    top:15px;
    margin-left:50px;
    z-index:100;
	box-shadow: 0 0 25px rgba(0,0,0,.25);
	background:#fff;

}

a.logo img {
    width:100%;
}

#nav ul, #nav li {
  padding: 0;
  margin:0;
}

@media only screen and (max-width: 790px ) {
	
	/* OFFCANVAS VOODOO */

	html, body {
		height: 100%;
		width:100%;
	}
	
	#nav {
		position: fixed;
		width: 260px;
		transform: translate3d(-260px,0,0);
		transition: transform .3s;
		top:80px;
		left:0;
		bottom:0;
		overflow:scroll;
		background: #4f4f4f;
		box-shadow: 0 0 25px rgba(0,0,0,.25);
	}

	#nav li { position:relative; }
	#nav li a {
		display: block;
		padding: 20px;
		background: #fff;
    	color: #4f4f4f;
    	text-transform: uppercase;
		text-decoration:none;
		position:relative;
		font-size: 14px;
	    font-weight: 400;
	}
	
	#nav li.nav_aktiv > a {
		color:#55ab27;
	}
	
	#nav li span.dd {
		position: absolute;
		right: 10px;
		width: 30px;
		height: 39px;
		top: 0px;
		text-align: center;
		border-left: 1px solid rgba(0, 0, 0, 0.05);
		padding: 10px 0 10px 10px;
	}
	
	#nav li span.dd:before {
		content:"\f107";
		font: 25px/35px 'FontAwesome';
		color: #4f4f4f;
	}
	
	#nav li.ddactive span.dd:before {
		content:"\f106";
	}
	
	#nav li ul {
		max-height:0;
		overflow: hidden;
		transition: all .3s;
		background:#4f4f4f;
	}
	
	#nav li.ddactive ul {
		max-height:1500px;
	}
	
	#nav li li {
		padding-left:0px;
		background:#4f4f4f;
	}
	
	#nav li li a {
	    font-size: 20px;
    	line-height: 20px;
    	font-weight: 300;
		color:#fff;
		background:#4f4f4f;
		text-transform: none;
	}
	
	#nav li li li a {
	    font-size: 14px;
	    font-weight: 400;
	    padding: 10px 10px 10px 30px;
	    border-bottom: 0px solid #000 !important;
	}
	
	#nav li:not(:first-child) a {
		border-top: 1px solid rgba(0,0,0,.05);
	}
	
	#content {
		background: #fff;
		transform: translate3d(0,0,0);
		transition: all .3s;
	}

	#body.isOpen {
	    overflow-x: hidden;
	    overflow-y: hidden;
	    overflow: hidden;
	    position: fixed;
	}
	
	#body.isOpen #nav {
		transform: translate3d(0,0,0);
		z-index:100;
	}

	#body.isOpen #content {
		transform: translate3d(260px,0,0);
		opacity:.25;
		z-index:10;
	}
	
	/* HEADER */
	
	.mobilheader {
		height: 80px;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		background: #FFFFFF;
		background: -moz-linear-gradient( #ffffff 0%, #f0f0f0 100%);
		background: -webkit-gradient(color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
		background: -webkit-linear-gradient( #ffffff 0%,#f0f0f0 100%);
		background: -o-linear-gradient( #ffffff 0%,#f0f0f0 100%);
		background: -ms-linear-gradient( #ffffff 0%,#f0f0f0 100%);
	    background: linear-gradient( #ffffff 0%,#f0f0f0 100%);
	}
	
	.mobilheader a#mobilestart {
    	width: 85px;
    	height: 60px;
    	display: block;
    	background-color: #fff;
		background-size: 300px;
		border: 10px solid #fff;
	}

	#button {
	  width: 40px;
	  height: 40px;
	  position: absolute;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	top:10px;
	right:10px;
		border:10px solid #fff;
		background:#fff;
	}

	#button span {
		display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #55ab27;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
	}
	
	
#button span:nth-child(1) {
  top: 5px;
}

#button span:nth-child(2),#button span:nth-child(3) {
  top: 17px;
}

#button span:nth-child(4) {
  top: 29px;
}

#button.active span:nth-child(1) {
  top: 17px;
  width: 0%;
  left: 50%;
}

#button.active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#button.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#button.active span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}



	#content {
		padding-top: 65px;
		border-top:15px solid #666;
		
	}

		
}

@media only screen and (min-width: 790px ) {


	#nav {
    	height: 65px;
    	position: fixed;
    	top: 0;
    	left: 0;
    	right: 0;
    	z-index: 100;
		background: #FFFFFF;
		box-shadow: 0 0 25px rgba(0,0,0,.25);
		background: -moz-linear-gradient( #ffffff 0%, #f0f0f0 100%);
		background: -webkit-gradient(color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
		background: -webkit-linear-gradient( #ffffff 0%,#f0f0f0 100%);
		background: -o-linear-gradient( #ffffff 0%,#f0f0f0 100%);
		background: -ms-linear-gradient( #ffffff 0%,#f0f0f0 100%);
	    background: linear-gradient( #ffffff 0%,#f0f0f0 100%);
	}
	
	#nav > .wrapper {
    	height: 65px;
    	z-index: 100;
    	
	}
	
	#nav .wrapper > div.ul {
    	padding-left: 230px;
	}
	
	#nav li {
		list-style-type: none;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position:relative;
	}

	
	#nav > div > .ul > ul > li {
		float: left;
	}
	
	#nav > div > .ul > ul > li > a {
		display: block;
	    text-decoration: none;
	    text-transform: uppercase;
	    padding: 25px 15px;
	    color: #666;
	    height: 15px;
	    font-size: 14px;
	    font-weight: 400;
		z-index: 101;
	}
	
	#nav > div > .ul > ul > li.nav_aktiv > a {
		color:#55ab27;
	}
	
	
	#nav > div > .ul > ul > li:hover > a {
		background:#4f4f4f;
		color:#fff;
	}
	
	#nav > div > .ul > ul > li > a {
		border-left: 1px solid rgba(0,0,0,.05);
	}
	
	
	#nav > div > .ul > ul > li > .ul > ul {
		position: absolute;
	    top: 65px;
	    left: 0;
	    z-index: 100;
	    padding: 30px 20px 20px;
	    min-width: 150px;
	    box-shadow: 4px 8px 8px rgba(0,0,0,.05);
	    display: none;
	    background: #4f4f4f;
		visibility: hidden; /* hides sub-menu */
		opacity: 0;
		z-index: -1;
		transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
		display:block;
	}
	
	#nav > div > .ul > ul > li:hover > .ul > ul { 
		display:block;
		visibility: visible; /* shows sub-menu */
		opacity: 1;
		z-index: 100;
		transition-delay: 0s, 0s, 0.3s;
	}
	
	#nav ul ul li a {
		display: block;
		text-decoration: none;
	    font-size: 20px;
    	line-height: 20px;
	    margin: 0 0 10px 0;
    	font-weight: 300;
		color:#fff;
		height:24px;
	}
	
	#nav ul ul ul {
		padding-bottom:15px;
	}
	
	#nav ul ul ul{
    	display: none;
	}
	
	#nav ul ul li li a {
	    font-size: 14px;
	    font-weight: 400;
	    padding: 5px;
	    height: 15px;
	}
	
	#nav ul ul li a:hover, #nav ul ul li.nav_aktiv a {
		color:#55ab27 !important;
	}
	
	#content {
		padding-top: 65px;
		background:#fff;
	}
	
	#nav > div > .ul > ul > li:hover > a:before {
    content: "";
    font: 24px/15px 'FontAwesome';
    position: absolute;
    left: 0;
    bottom: -20px;
    background: #4f4f4f;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 20px;
    border-radius: 100px;
    padding: 10px 0 10px 0;
    z-index: 123;
	opacity:1;
	}


	li.nav__aktuelles:hover > a:before {
		content:"\f185" !important;
	}

	li.nav__gruppen:hover > a:before {
		content:"\f0c0" !important;
	}

	li.nav__touren-kurse:hover > a:before {
		content:"\f1fe" !important;
	}

	li.nav__verein:hover > a:before {
		content:"\f087" !important;
	}

	li.nav__mitgliedschaft:hover > a:before {
		content:"\f09d" !important;
	}

	li.nav__wegebau:hover > a:before {
		content:"\f1bb" !important;
	}
	
	li.nav__staufner-haus:hover > a:before {
		content:"\f015" !important;
	}
	
}



a.cta {
    background: #56AB27 url(//tramino.s3.amazonaws.com/s/dav-ol/830228/dav-logo.png) no-repeat center left;
    padding: 15px 15px 15px 55px;
    color: #fff !important;
    min-height: 20px;
    display: inline-block;
    font-weight: 800;
    cursor: pointer;
	text-decoration:none;
	border: 3px solid #fff;
}

a.ctatiny {
    background: #56AB27;
    padding: 5px 10px 5px 10px;
    color: #fff !important;
    display: inline-block;
    font-weight: 800;
    cursor: pointer;
	text-decoration:none;
	border: 3px solid #fff;
}

a.cta:hover, a.ctatiny:hover {
	border: 3px solid #56AB27;
}

#TraminoInhaltSeite, .maxwidthsmall {
    padding: 50px;
}

.Headlines.top {
    background: #56ab27;
    padding: 10px 0;
}

#content h1 {
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    color: #fff;
    padding: 0 50px;
    margin: 0px 0 25px 0;
    text-align: center;
}

#content p.intro {
    font-size: 20px;
    font-weight: 500;
    padding:0;
    margin:25px 0 25px 0;
}

#content .TraminoTextile p.intro {
	margin:50px 0 15px 0;
}

#content a {
    color:#55ab27;
	font-weight:800;
}


#content .TraminoTextile h2, #content h2.anhangtop {
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    color:#55ab27;
    padding:0;
    margin:50px 0 25px 0;
	padding-top:50px;
	border-top:1px solid #ddd;
}

#content h2.anhangtop {
	margin-top:0;
	border:0;
}

#content .contentbox.line {
	border-top:1px solid #ddd;
}

#content .TraminoTextile .tablewrap {
    position: relative;
    width: 100%;
    overflow: scroll;
}

#content .TraminoTextile table {
    width: 100%;
}

#content .TraminoTextile th {
    background: #55ab27;
    color: #fff;
    padding: 5px 15px;
    text-align:left;
}

#content .TraminoTextile tr td {
    background: #d4eaca;
    padding: 5px 15px;
}

#content .TraminoTextile tr.bgcoloranhang td {
	background: #eaf5e4;
}



#content .TraminoTextile ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#content .TraminoTextile ol li {
  counter-increment: step-counter;
  margin-bottom: 10px;
  border-bottom:1px solid #ddd;
  position:relative;
  min-height:20px;
  padding:15px 15px 15px 60px;
  
}

#content .TraminoTextile ol li::before {
  content: counter(step-counter);
  font-size: 32px;
  background-color: #52a326;
  color: white;
  font-weight: bold;
  padding: 5px;
  border-radius: 5px;
  font-family: 'Sedgwick Ave', cursive;
  position:absolute;
  width:30px;
  text-align:center;
  left:5px;
  top:50%;
  margin-top:-23px;
}

#content .TraminoVorlage .wrapper .contentbox {
    padding: 0 50px 0;
}

#content .TraminoVorlage .contenthighlight {
	background: #ddd;
}


.bilditem {
    background:#fff;
    float:left;
    overflow:hidden;
    height:150px;
    max-width:350px;
    position:relative;
    margin:0 25px 25px 0;
	box-shadow: 0 0 25px rgba(0,0,0,.25);
}

.bilditem .File {
    position:absolute;
    top:0;
    left:0;
}

.bilditem .bildcontent {
    margin-left:100px;
    padding:20px
}


#footer {
    background: #464646 url(//tramino.s3.amazonaws.com/s/dav-ol/830915/footer-bg.png) no-repeat right top;
    padding: 50px 0;
	margin-top:50px;
    color: #ccc;
    background-size: contain;
}

#footer .left {
    padding-right:25px;
    margin-right:25px;
    font-size:16px;
}

#footer h3, .subinfo {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    padding:0;
    margin:0;
    color:#ccc;
}

.subinfo { color: #888; }

#footer .left a {
    text-decoration:underline;
    color:#ccc;
}


#copy {
    background: #202022;
    padding: 20px 0;
    color: #888;
    text-transform: uppercase;
    font-size: 14px;
}

#copy a {
    color:#888;
    text-decoration:none;
}

#copy a:hover {
    color:#fff;
    text-decoration:underline;
}



.teaser {
    position: relative;
	margin:-1%;
	padding:0 50px;
}

.teaserbox {
    float: left;
    height: 300px;
    width: 48%;
	margin:1%;
    position: relative;
	overflow:hidden;
	background:#ddd;
	cursor:pointer;
}

.teaserbox.all1.size1 {
    width: 100%;
}

.teaserbox.all3.size1, .teaserbox.all3.size2, .teaserbox.all5.size3, .teaserbox.all5.size4, .teaserbox.all7.size3, .teaserbox.all7.size4 {
    width: 31%;
}

.teaserbox.all3.size3, .teaserbox.all5.size5, .teaserbox.all7.size5 {
    width: 32%;
}


.teaserbox .bgbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 65px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color:#464646;
	-webkit-transition:0.5s all;
}

.teaserbox:hover .bgbox {
	opacity:.8;
}

.teaserbox .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
}

.teaserbox h2 {
    font-size: 24px;
    font-weight: 800;
    background: #55ab27;
    padding: 20px 0 20px;
    margin: 0;
    color: #fff;
	-webkit-transition:0.5s all;
}

.teaserbox:hover h2 {
	padding: 20px 0 30px;
}



.nav__132693, .nav__132693 a {background: #ad922e !important; color: #fff !important;}.mobile { display:none !important; }

@media only screen and (max-width: 790px ) {
	
	.nomobile { display:none !important; }
	.mobile { display:block !important; }
	
	#body a.logo { width:100px; }
	
	#body #footer .right, #body #copy .right { float:left; padding-top:20px; }	
	
	#body .teaser .teaserbox {
    	width: 98% !important;
		float:none !important;
	}
	
	#body .teaser, #body #TraminoInhaltSeite, #body .maxwidthsmall, #body #content .TraminoVorlage .wrapper .contentbox, #body .wrapperbox {
	    padding-left: 25px;
		padding-right: 25px;
	}
	
	#body a.logo {
	    margin-left:25px;
	}
	
	#body .bilditem {
	    width: 100%;
		margin: 0 0 25px 0;
		float:none;
	}

}

@media only screen and (max-width: 1100px ) and (min-width: 900px ) {

	#body #nav > div > .ul > ul > li > a {
		padding: 25px 15px;
	}
	
	#body .bilditem {
	    width: 31%;
		margin: 0 2% 25px 0;
	}

}
@media only screen and (max-width: 900px ) and (min-width: 790px ) {

	#body #nav > div > .ul > ul > li > a {
		padding: 25px 5px;
	}
	
	#body .bilditem {
	    width: 48%;
		margin: 0 2% 25px 0;
	}
}



@media only screen and (min-width: 790px ) {
	#content .TraminoTextile ol {
		-moz-column-count: 2;
		-moz-column-gap: 2.5em;
		-webkit-column-count: 2;
		-webkit-column-gap: 2.5em;
		column-count: 2;
		column-gap: 2.5em;
	}
	
	#TraminoInhaltSeite:before {
    content: "";
    width: 300px;
    height: 80px;
    background: transparent url(https://tramino.s3.amazonaws.com/s/dav-ol/832425/silhuette.png?) no-repeat;
    position: absolute;
    top: -38px;
    left: 50%;
    margin-left: -150px;
}
}

/* RETINA DISPLAY */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
}

/* Special Big Screen */
@media only screen and (min-width: 1100px ) {
		#body .bilditem {
	    width: 31%;
		margin: 0 2% 25px 0;
	}
}#motive2start { position: relative; width:100%; overflow:hidden; position:relative; background:#555; }
#motive2start img.motivimg { display: block; width: 100%; position:absolute; top:0px; left:0px; opacity:0; }

#motive2start .motivimgbox { opacity:0; position:absolute; width:100%; height:100%; top: 0px; left: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition-duration: 0; -moz-transition-duration: 0; -ms-transition-duration: 0; -o-transition-duration 0; transition-duration: 0; }
#motive2start .motivimgbox.fx_no { opacity:1; }
#motive2start .motivimgbox.fx { opacity:0; }

#motive2start .motivimgbox..fx { opacity:1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
#motive2start .motivimgbox.fx:first-child + .image ~ .image { z-index:-1; }


#motive2start .motivimgbox.anim { opacity:1;  -webkit-transition-property: opacity, -webkit-transform; -webkit-transition-duration: 3s, 6x; -moz-transition-property: opacity, -moz-transform; -moz-transition-duration: 3s, 6s; -ms-transition-property: opacity, -ms-transform; -ms-transition-duration: 3s, 6s; -o-transition-property: opacity, -o-transform; -o-transition-duration: 3s, 6s; transition-property: opacity, transform; transition-duration: 3s, 6s; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);  }
#motive2start .motivimgbox.nofx { opacity:1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

#motive2start #nav_rechts, #motive2start #nav_links, #nav_rechts2, #nav_links2 {
	width:100px;
	position:absolute;
	top:0px;
	bottom:0px;
}

#motive2start #nav_rechts, #motive2start #nav_links, #nav_rechts2, #nav_links2 { width:50px; }

#motivinfo, #motivinfo2 {
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:center;
}

#motivinfo p, #motivinfo2 p {
	display:inline-block;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	width:10px;
	height:10px;
	background:#fff;
	border:1px solid #666;
	margin:5px 5px 5px 0;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	cursor:pointer;
	padding:0;
}

#motivinfo p:hover, #motivinfo2 p:hover {
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#motivinfo p.active, #motivinfo2 p.active {
	border-color:#fff;
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

div#nav_rechts { right:0; }

div#nav_rechts:before {
     font: normal normal normal 24px/1 FontAwesome;
    content: "\f105";
    position: absolute;
    top: 50%;
    right: -5px;
    background: #56AB27;
    text-align: center;
    color: #fff;
    margin: -20px 0 0;
    width: 40px;
    height: 33px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-top: 7px;
    opacity: 1;
    border: 5px solid #fff;
}

div#nav_links:before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f104";
    position: absolute;
    top: 50%;
    left: -5px;
    background: #56AB27;
    text-align: center;
    color: #fff;
    margin: -20px 0 0;
    width: 40px;
    height: 33px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-top: 7px;
    opacity: 1;
    border: 5px solid #fff;
}


#motive2start #nav_swipe {
	position:absolute;
	left:100px;
	right:100px;
	top:0px;
	bottom:0px;
}


#motive2start #nav_rechts:hover, #motive2start #nav_links:hover, #nav_rechts2:hover, #nav_links2:hover {
	cursor:pointer;
}

#motive2start #nav_rechts:hover:before, #motive2start #nav_links:hover:before {
	border: 5px solid #56AB27;
}


#motive2Titel {
	color:#000;
	font-size:20px;
	font-weight:normal;
	position:absolute;
	top:0px;
	left:0px;
	width:54%;
	background: white;
	background: transparent url(//tramino.s3.amazonaws.com/s/haubers/113853/bg.png);
	background: rgba(255, 255, 255, 0.75);
}


#body #fancybox-close, #body #kartenlayer .closebutton {
	display: inline;
	top: -50px;
	right: 0px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background:#0066CE;
	text-align:center;
}

#body #fancybox-close:before, #body #kartenlayer .closebutton:before {
	font: normal normal normal 25px/1 FontAwesome;
	content: "\f00d";
	position: absolute;
	top: 8px;
	left: 10px;
	color: #fff;
}

div#copybox, .copyright {
    position: absolute;
    bottom: 40px;
    right: 10px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-shadow: 0 0 2px #000;
    opacity: .5;
}