@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    box-sizing:border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body, html	{
	background-color:#FBFBFB;
    
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('../font/PTN57F-webfont.eot');
    src: url('../font/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTN57F-webfont.woff') format('woff'),
         url('../font/PTN57F-webfont.ttf') format('truetype'),
         url('../font/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('../font/PTN77F-webfont.eot');
    src: url('../font/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTN77F-webfont.woff') format('woff'),
         url('../font/PTN77F-webfont.ttf') format('truetype'),
         url('../font/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('../font/PTS55F-webfont.eot');
    src: url('../font/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTS55F-webfont.woff') format('woff'),
         url('../font/PTS55F-webfont.ttf') format('truetype'),
         url('../font/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBold';
    src: url('../font/PTS75F-webfont.eot');
    src: url('../font/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTS75F-webfont.woff') format('woff'),
         url('../font/PTS75F-webfont.ttf') format('truetype'),
         url('../font/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

br { margin-bottom: 7px; display: block;}

nav br {margin-bottom: 3px;}
#bildlauf-hg br {margin-bottom: 0px;}

/*grün: 94C01F*/
/*blau: 26B7CC*/
h1 {
	font-family: 'PTSansNarrowBold',Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 29px;
	color: #575755;
    margin-bottom: 5px;
}

@media screen and (max-width: 520px) {h1 {font-size: 24px;}}

h2 {
	font-family: 'PTSansNarrowBold',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color: #575755;
	margin: 0 0 15px 0;
    line-height: 1.6;
}

h2 br {margin-bottom: 0px;}

h3, address, form {
	font-family: 'PTSansNarrowRegular',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color: #575755;
	font-style: normal;
    line-height: 1.6;
}

address {
    line-height: 1.4;
}

@-moz-document url-prefix() {
    address {
        line-height: 1;
    }
}

.zahl {
	font-family: 'PTSansNarrowRegular',Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	color: #26B7CC;
}

a {
	-webkit-transition: all 0.1s linear; 
	-moz-transition: all 0.1s linear; 
	-o-transition: all 0.1s linear; 
	-ms-transition: all 0.1s linear; 
	transition: all 0.1s linear;
	
	color: #575755;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

strong {
	font-family: 'PTSansNarrowBold',Arial, Helvetica, sans-serif;
}

#loaderMask {
	text-align: center;
	padding-top: 20%;
	z-index: 9999;
}
#loaderMask span {
	font-family: 'PTSansNarrowRegular',Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:150px;
	color: #26B7CC;
}


/*
#block {
	margin: 0px auto;
	width: 1300px;
	height: 550px;
}
*/

#shadow-top {
	position: fixed;
	width: 100%;
	height: 10px;
	z-index: 999;
	background-image: url(../image/schatten-top.png);
	background-repeat: repeat-x;
}

#shadow-top.second-menu {
	position: absolute;
}

/*menu block*/
#header-block-hg {
	width: 100%;
	height: 175px;

	background-image: url(../image/hg.jpg);
	background-position: top center;
}

@media screen and (max-width: 1190px) {#header-block-hg {height: 240px;}}

.verlauf-top-logo {
    width: 60%;
    height: 180px;
    margin-bottom: -180px;
    
    background-image: linear-gradient(to right, rgba(255,255,255,0.80), rgba(255,255,255,0));
    /*background-image: linear-gradient(to right, rgba(0,0,0,0.80), rgba(255,255,255,0));*/
}

@media screen and (max-width: 1190px) {.verlauf-top-logo {height: 240px; margin-bottom: -240px;}}

#header-block {
	margin: 0px auto;
	max-width: 1300px;
	width: 100%;
}

#header-block-padding {
    width: 100%;
    float: left;
    padding: 0 6%;
}

@media screen and (max-width: 1340px) { #header-block { width: 98%; margin-left: 2%;}}

/* #logo -> css-ie file, ie 7 */
/*
header.logo-hg {
	width: 140px;
	height: 213px;
	position: absolute;
	top: 0px;
	
	background-image: url(../image/logo-hg.png);
	background-repeat: no-repeat;
	
	z-index: 2;
	margin: -30px 0 0 15px;
}

@media screen and (max-width: 890px) {
	header.logo-hg {
		width: 101px;
		height: 134px;
		background-image: url(../image/logo-hg-res.png);
		margin-left: -50px;
		margin-top: 0px;
		left: 50%;
	}
}
*/

/*normal zustand 20px -> bündig mit menü*/
#header-block .logo img {
	position: absolute;
	margin: 30px 0 0 0;
	z-index: 3;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

@media screen and (min-width: 1190px) {
	#header-block .logo img.mobil { display: none;}
}
@media screen and (max-width: 1190px) {
	#header-block .logo img { 
        /*
        left: 50%; 
        margin: 15px 0 0 -32px
        */
        
        position: absolute;
        left: 50%;
        margin-left: -90px;
        width: 180px;
    }
	#header-block .logo img.desktop { display: none;}
	#header-block .logo img.mobil { display: block;}
}

.logo img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/* #menu -> css-ie file, ie 9,8,7 */
nav {
	position: absolute;
	
	font-family: 'PTSansBold',Arial, Helvetica, sans-serif;
	font-size: 29px;
	font-weight: normal;
	
	width: 90%;
    max-width: 1142px;
	height: 150px;
	float: left;
    
	/*background-image: url(../image/hg-menu.jpg);*/
}

@media screen and (max-width: 1190px) {nav {margin: 85px 0 0 0;}}
@media screen and (max-width: 570px) {nav { font-size: 20px;}}

/* #menu a,menu a:hover,menu a.fix -> css-ie file, ie 10 */
nav a{
	color: #575755;
	text-decoration: none;
    /*text-shadow: 0 -1px 1px #000, 0px 1px 1px #fff;*/
}

nav a:hover {
	color: #A5A5A5;
    /*text-shadow: 0 -1px 1px #CCC, 0 1px 2px #ccc;*/
}

nav a.fix {
	color: #A5A5A5;
    /*text-shadow: 0 -1px 1px #CCC, 0 1px 2px #ccc;*/
}

nav #menu-left, #menu-arbeiten, #menu-service, #menu-kontakt {
	padding: 25px 0 0 0;
	height: 130px;
	float: left;
	
	/*
	background-image: url(../image/trennstrich.png);
	background-position: left top;
	background-repeat: no-repeat;
	*/
}

nav img.trennstriche {
	float: left;
	margin: -70px 0 0 -25px;
	height: 150px;
}
@media screen and (max-width: 1190px) {nav img.trennstriche { display: none;}}



nav #menu-left {}

nav #menu-right {
    float: right;
}

@media screen and (max-width: 1190px) { nav #menu-right {float: none;}}

nav #menu-arbeiten {
	/*width: 215px;*/
}
nav #menu-service {
	/*width: 355px;*/
}
nav #menu-kontakt {
	/*width: 170px;*/
}

nav #menu-arbeiten a, nav #menu-service a {
    padding-right: 60px
}



@media screen and (max-width: 1190px) {


    nav #menu-arbeiten a, nav #menu-service a {
        padding-right: 0;
    }

	nav #menu-left, #menu-arbeiten, #menu-service, #menu-kontakt {
		padding: 13px 0 0 0;
		margin: 0;
		background-image: none;
	}
	nav #menu-arbeiten {padding-left: 5%; width: 28.3%;}
	nav #menu-service { text-align: center; width: 33.3%;}
	nav #menu-kontakt { text-align: right; width: 28.3%; padding-right: 5%;}
}

@media screen and (max-width: 570px) { nav #menu-left, nav #menu-arbeiten, nav #menu-service, nav #menu-kontakt { padding: 20px 0 0 0;}}

nav .menu-submenu {
	font-family: 'PTSansNarrowBold',Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	
	color: #A5A5A5;
	/*vor page-up 5px*/
	margin-top: 5px;
	line-height: 1.3;
	float: left;
}

@media screen and (max-width: 1190px) {
	nav .menu-submenu {
		display: none; 
		line-height: 22px;
		float: left;
		margin: 0 0 0 0;
		white-space: nowrap;
		text-align: left;
	}
	nav .menu-submenu.res-aktiv, nav .menu-submenu.res-aktiv-02 {display: block;}
	nav #menu-service .menu-submenu.res-aktiv { margin: 0 0 0 -70%; width: 33.3%;}
	nav #menu-service .menu-submenu.res-aktiv-02 {padding: 0 0 0 30%; width: 66.7%}
	nav #menu-kontakt .menu-submenu.res-aktiv { margin: 0 0 0 -243.5%;}
}

@media screen and (max-width: 570px) { 

    nav #menu-service .menu-submenu.res-aktiv { margin: 0 0 0 -84%;}
    nav #menu-kontakt .menu-submenu.res-aktiv { margin: 0 0 0 -217.5%;}
}

/* #menu-submenu a,menu-submenu a:hover,menu-submenu a.fix -> css-ie file, ie 10 */
nav .menu-submenu a {
	color: #575755;
	text-shadow: none;
}

nav .menu-submenu a:hover {
	color: #A5A5A5;
	text-shadow: none;
}

nav .menu-submenu a.fix {
	color: #A5A5A5;
	text-shadow: none;
}

/* SCROLL MENU */
.headroom {display: none;}
.headroom--pinned {
    display: block;
}
.headroom--unpinned, .headroom--top {
    display: block;
	margin-top: -180px;
}

header#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	font-family: 'PTSansRegular',Arial, Helvetica, sans-serif;
	font-size: 29px;
	font-weight: normal;
    	
	background-color: #FFF;
	background-image: url(../image/hg-menu-scroll.jpg);
	background-position: center top;
	
	filter: alpha(opacity=95);
	-khtml-opacity: 0.95;
	-moz-opacity: 0.95;
	opacity: 0.95;
	
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.ha-header-content {
	max-width: 1300px;
    width: 100%; 
    height: 175px;
	margin: 0 auto;    
}

@media screen and (max-width: 1340px) { .ha-header-content { width: 98%; margin-left: 2%;}}

.ha-header-content-index { height: 135px;}

.ha-header-content .header-padding {
    padding-left: 6%;
    width: 100%;
}

.ha-header-content img {
	position: absolute;
	margin: 30px 0 0 0;
	z-index: 20;
}



.ha-header-content .trennstriche {display: none;}

@media screen and (max-width: 1190px) {.ha-header-content img {display: none;}}

header#header nav {
	position: absolute;
	margin: 0 0 0 0;
}

/*tel nr*/
header#header nav .menu-submenu {
	color: #575755;
}

/*grün: 94C01F*/
/*blau: 26B7CC*/
/*blau neu: 8cd0da*/
header#header nav a:hover, header#header nav .menu-submenu a:hover {
	color: #B3B3B3;
	text-shadow: none;
}

header#header nav a.fix, header#header nav .menu-submenu a.fix {
	color: #B3B3B3;
	text-shadow: none;
}

header#header nav a {
	/*text-shadow: 0 -1px 1px #000, 0px 1px 2px #fff;*/
}

header#header nav a:hover, header#header nav a.fix {
	/*text-shadow: 0 -1px 1px #4C4C4C, 0px 1px 2px #fff;*/
}

.ha-header-small {}

.ha-header-hide {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	
	visibility: hidden;
}
/*SCROLL MENU END*/

#content-block-hg-shadow {
	width: 100%;
	height: 20px;
	background-image: url(../image/hg-2-shadow.png);
	margin-top: -20px;
}



#content-block-hg-shadow #block-pfeile-100 {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 1340px) { #content-block-hg-shadow #block-pfeile-100 { width: 98%; margin-left: 2%;}}

#content-block-hg-shadow #block-pfeile-100-2 {
	width: 100%;
    padding: 0 6%;
    float: left;
}

#content-block-hg-shadow #block-pfeile {
	max-width: 1140px;
	width: 90%;
    float: left;
    position: absolute;
}



#content-block-hg-shadow #pfeil-00, #content-block-hg-shadow .pfeil-01, #content-block-hg-shadow .pfeil-02, #content-block-hg-shadow .pfeil-03 {
	margin: 5px 0 0 0;
	height: 15px;
	float: left;
}

#content-block-hg-shadow .pfeil-01 img, #content-block-hg-shadow .pfeil-02 img, #content-block-hg-shadow .pfeil-03 img {	margin: 0 0 0 -3px;}

@media screen and (min-width: 891px) { 
	#content-block-hg-shadow #pfeil-00 {}
	/*#content-block-hg-shadow #pfeil-fluid-block { margin-left: 42.4%;}*/
	#content-block-hg-shadow #pfeil-fluid-block { float: right;}
}
#content-block-hg-shadow .pfeil-01 {width: 217px;}
#content-block-hg-shadow .pfeil-02 {width: 360px;}
#content-block-hg-shadow .pfeil-03 {width: 153px;}
	
@media screen and (max-width: 1190px) {
    
    #content-block-hg-shadow #pfeil-fluid-block { float: none;}

	#content-block-hg-shadow .pfeil-01 {width: 28.3%; padding: 0 0 0 5%;}
	#content-block-hg-shadow .pfeil-01 img {margin-left: -15px;}
	#content-block-hg-shadow .pfeil-02 {width: 33.3%; text-align: center;}
	#content-block-hg-shadow .pfeil-02 img {margin-left: -30px;}
	#content-block-hg-shadow .pfeil-03 {width: 28.3%; padding-right: 5%; text-align: right;}
	#content-block-hg-shadow .pfeil-03 img {margin-right: 20px;}
}

#content-block-hg-shadow .second {display: none;}
@media screen and (max-width: 570px) {
	#content-block-hg-shadow .second {display: block;}
	#content-block-hg-shadow .first {display: none;}
    #content-block-hg-shadow .pfeil-01, #content-block-hg-shadow .pfeil-03 {padding: 0;}
    
    #content-block-hg-shadow .pfeil-02 img {margin-left: -25px;}
    #content-block-hg-shadow .pfeil-03 img {margin-right: 10px;}
}

#content-block-hg {
	width: 100%;
	height: 820px;
	/*background-image: url(../image/hg-2.jpg);
	background-repeat:repeat-x;
	background-position: top center;
	background-color:#F6F6F6;*/
    
    background: linear-gradient(to bottom, #fff, #FBFBFB);
}

#content-block {
	margin: 0 auto;
	width: 100%;
	max-width: 1300px;
}

@media screen and (max-width: 1340px) { #content-block { width: 96%; margin: 0 2%;}}


.no-margin {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}



#bildlauf-hg {
	/*background-image: url(../image/hg-content.jpg);*/
	background-size: 100%;
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

#bildlauf {
	width: 100%;
	/*width: 1300px;*/
	/*height: 317px;*/
	float: left;
	margin-top: 0;
	/*background-image: url(../image/hg-bildlauf.jpg);*/
	background-size: 100%;
    background: #fff;
	background-repeat: no-repeat;
}

#bildlauf.none-pic, #bildlauf.none-pic-mobil {height: 300px; margin-top: 60px;}
#bildlauf.none-pic-mobil {display: none; margin-top: 10px;}

@media screen and (max-width: 570px) {
	#bildlauf.with-pic {display: none;}
	#bildlauf.none-pic-mobil {display: block;}
}

section#content {
	width: 100%;
	/*max-width: 940px;*/
	/*min-height: 300px;*/
	float: left;
	background-image: url(../image/hg-content.jpg);
	background-size: 100%;
	padding: 30px 6% 120px 6%; /*30px 20px 0 20px*/
    margin-top: -4px;
}

@media screen and (max-width: 1190px) { section#content {padding: 30px 4% 120px 4%;}}
@media screen and (max-width: 570px) {	section#content-none-pic {margin-top: -280px;}}



article.content-100, header.content-100 {
	width: 100%;
	/*max-width: 940px;*/
	float: left;
}

article.content-100-index {
	width: 100%;
	/*max-width: 940px;*/
	float: left;
}

article.content-100-index h3 {
	margin: 0 0 20px 0;
}

article.content-100-index .button {
	margin: 0 0 0 0;
}

/*
article.content-100-grau, header.content-100-grau {
	width: 940px;
	margin: 0 0 30px -20px;
	padding: 30px 20px 30px 20px;
	float: left;
	background-color: #F6F6F6;
	
	background-image: url(../image/hg-content-grau.png);
}
*/

/*icon index*/
article #content-index-service-block {
	width: 100%;
	/*max-width: 940px;*/
	float: left;
	margin-bottom: 5px;
    margin-top: 30px;
}

article .content-index-service {
	/*width:235px;*/
	width: 25%;
	height: 300px;
	float: left;
}

@media screen and (max-width: 1090px) {
	article #content-index-service-block {margin: 30px 0 50px 0;}
	article .content-index-service { width: 50%; padding-left: 10%;}
}
@media screen and (max-width: 790px) {	article .content-index-service { width: 50%; padding-left: 5%;}}

@media screen and (max-width: 580px) { article .content-index-service { 
    width: 235px;
    margin: 0 auto; 
    float: none;
    padding-left: 0;
}}

article .content-index-service a.link, article .content-index-service a.text {
	margin: 150px 0 0 0;
	position: absolute;
	z-index: 2;
	width: 235px;
	
	text-decoration: none;
	text-align: center;
	font-family: 'PTSansNarrowBold',Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#575755;
}

article .content-index-service a.text {
	color: #575755;
	font-family: 'PTSansNarrowRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 180px 0 0 15px;
	width: 205px;
    line-height: 1.6;
}

article .content-index-service img {
	position: absolute;
	z-index: 1;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

article .content-index-service img.top:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

/*icon index end*/
/*index webdesign*/
.index-webdesign-referenz-spalten { width: 32.9%; float: left; height: 280px;}

section#index-webdesign-referenz {
	/*width: 265px;*/ /* 28.7% */ /*alt 310*/
	max-width: 300px;
    width: 100%;
	height: auto;
	margin: 0  0 /*65px*/ 70px 0;
}

section#index-webdesign-referenz img {
	border-style: solid;
    border-width: 5px;
	border-color: #F6F6F6;
    
    width: 100%;
}

section#index-webdesign-referenz.center {
	margin: 0 auto;
}
section#index-webdesign-referenz.right {
	margin-right: 0px;
	float: right;
}

@media screen and (max-width: 1100px) {
	.index-webdesign-referenz-spalten { width: 50%;}
	section#index-webdesign-referenz.center { margin:0;}
	section#index-webdesign-referenz.right { float: left;}
}
@media screen and (max-width: 740px) {.index-webdesign-referenz-spalten { width: 100%;}}

section#index-webdesign-referenz h3 {
	float: left;
	padding: 0 5px 0 5px;
}
/*index webdesign end*/

article.content-left {
	/*width: 620px;*/
	width: 62.6%;
	padding: 0 4% 0 0;
	float: left;
	margin-bottom: 90px;
}

@media screen and (min-width: 941px) {
    article.content-left.once {
        margin-bottom: 0;
    }
}


article.content-right {
	/*width: 260px;*/
	width: 33.3%;
	float: right;
    margin-bottom: 90px;
}

@media screen and (max-width: 940px) {article.content-left, article.content-right {width: 100%;}}

article.content-right h1 {
	color: #26B7CC;
}

/* #content-right ul -> css-ie file, ie 7 */
/* #content-right ul -> css-ie file, darf von ie 7 nicht verwendet werden */

/* #content-right li -> css-ie file, ie 7 */
article.content-right li {
	margin-bottom: 10px;
	margin-left: 30px;
}

article.content-100-icon {
	/*width: 940px;*/
	width: 100%;
	float: left;
    margin-top: 90px;
}

article.content-100-icon h3 {
	float: left;
	/*width: 780px;*/
	width: 82%;
    margin-bottom: 20px;
}

article .content-icon {
	/*width: 160px;*/
	width: 18%;
	float: left;
	clear: left;
	margin-bottom: 10px;
}

article .content-icon img { max-width: 140px; width: 90%; margin-top: 7px;}

section#arbeiten {
	margin-top: -335px;
}

section#arbeiten h2 {
	margin: 0 0 30px 0;
}

/*WEBDESIGN REF*/
section.content-webdesign-referenz {
	/*max-width: 465px;*/
	/*width: 48%;*/
	width: 47%;
	/*padding: 0 1% 0 0;*/
	/*height: 425px;*/
	float: left;
	/*background-color: #F6F6F6;*/
	margin-bottom: 60px;
}

@media screen and (min-width: 701px) {
    section.content-webdesign-referenz.once {
        margin-bottom: 0;
    }
}


section.content-webdesign-referenz:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 700px) {section.content-webdesign-referenz { width: 100%; padding:0; max-width: none;}}



section.content-webdesign-referenz.left {
	margin-right: 6%;
}

section.content-webdesign-referenz img {
	/*margin: 5px 0 2px 5px;*/
	width: 100%;
    
    border-style: solid;
    border-width: 5px;
	border-color: #F6F6F6;
}

@media screen and (max-width: 700px) {section.content-webdesign-referenz img { width: 100%;}}

section.content-webdesign-referenz h3 {
	/*background-color: #EDEDED;*/
	/*height: 110px;*/
	margin: 68% 0 0 0;
	/*padding: 10px 2% 0 3%;*/
	padding: 10px 2% 0 0;
	/*width: 97%;*/
	width: 100%;
	
	font-family: 'PTSansNarrowRegular',Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
}

@media screen and (max-width: 700px) {section.content-webdesign-referenz h3 { width: 95%; margin-top: 66.5%;}}

section.content-webdesign-referenz strong {
	width: 90px;
	float: left;
	clear: left;
	height: 30px;
    margin-left: -90px;
}

section.content-webdesign-referenz .text {
    float: left;
    width: 100%;
    padding-left: 90px;
}

/*GRAFIK*/
/* #content-print-illustration-referenz-block,content-print-illustration-referenz-block.clear -> css-ie file, ie 7 */
section.content-print-illustration-referenz-block {
	margin-bottom: 10px;
	float: left;
	/*width: 465px;*/
	width: 49%;
	background-color: #F6F6F6;
}

section.content-print-illustration-referenz-block img { width: 100%;}

section.content-print-illustration-referenz-block.clear {clear: left;}

section.content-print-illustration-referenz-block.left {margin-right: 2%;}

section.content-print-illustration-referenz-block.right {float: right;}

section.content-print-illustration-referenz-block.w100 {/*width: 940px;*/ width: 100%;}

section.content-print-illustration-referenz-block.logo, section.content-print-illustration-referenz-block.logo02 {/*width: 306px;*/ width: 32%;}

section.content-print-illustration-referenz-block.logo img, section.content-print-illustration-referenz-block.logo02 img  {	margin-bottom: 100px;}

section.content-print-illustration-referenz-block.logo a {height: 90px;	background-color: #fff;}
@media screen and (max-width: 690px) {section.content-print-illustration-referenz-block.logo a {height: 60px;}}

section.content-print-illustration-referenz-block.logo02 a {height: 190px; background-color: #fff;}
@media screen and (max-width: 690px) {section.content-print-illustration-referenz-block.logo02 a { height: 140px;}}
	
@media screen and (max-width: 350px) {section.content-print-illustration-referenz-block { width: 100%;}}
@media screen and (max-width: 350px) {
	section.content-print-illustration-referenz-block.logo, section.content-print-illustration-referenz-block.logo02 {/*width: 306px;*/ width: 100%;}
	section.content-print-illustration-referenz-block.logo a {height: auto;}
	section.content-print-illustration-referenz-block.logo02 a {height: auto;}
	section.content-print-illustration-referenz-block.logo img, 
	section.content-print-illustration-referenz-block.logo02 img  {margin-bottom: 0; width: 100%; margin-top: 10px !important;}
}


/*WEITERE SEITEN*/
article.content-kontakt {
	/*width: 470px;*/
	width: 50%;
	float: left;
}

@media screen and (max-width: 630px) {article.content-kontakt { width:100%; margin-bottom: 40px;}}

article.content-kontakt strong {
	width: 40px;
	float: left;
}

article.form { float: right;}

section.portrait {
	width: 80%;
	float: left;
	margin: 30px 0 0 0;
}
section.portrait img {width: 100%;}
@media screen and (max-width: 630px) {section.portrait { max-width: 410px; width: 100%;}}


/* wenn in footer etwas geändert, hier hg grau anpassen - höhe */
.footer-background-100 {
    position: relative;
    width: 100%;
    background: #F7F7F7;
    height: 390px;
    float: left;
    margin-top: -390px;
    z-index: -1;
}

@-moz-document url-prefix() {
    .footer-background-100 {
        height: 385px;
        margin-top: -385px;
    }
}


footer {
	font-family: 'PTSansNarrowBold',Arial, Helvetica, sans-serif;
    font-size: 18px;
	font-weight: normal;
	width: 100%;
	max-width: 1300px;
	color: #B2B2B2;
	float: left;
    background: #F7F7F7;
    padding-bottom: 70px;
    /*line-height: 1;*/
    
    background-image: url(../image/hg-footer.png);
    background-size: 100%;    
}

footer a {
    text-decoration: none;
    color: #B2B2B2;
}

footer hr {
    float: left;
    position: absolute;
    margin-top: -13px;
    
    border: 0;
	border-top: solid 3px;
}

hr.gruen {border-top-color: #94C01E; width: 160px; margin-left: 40px;}
hr.blau {border-top-color: #26B7CD; width: 150px; margin-left: 50px;}
hr.grau {border-top-color: #575755; width: 165px; margin-left: 35px;}


.footer-linehight, .footer-linehight-logo {
    width: 100%;
    float: left;
    margin-top: 20px;
    display: block;
    
    line-height: 1.4;
}
@-moz-document url-prefix() {
    .footer-linehight, .footer-linehight-logo {
        line-height: 1;
    }
}


.footer-linehight-logo {
    max-width: 220px;
    margin-top: 15px;
}


.footer-spalten {
    margin-top: 60px;
    padding: 0 6%;
    
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.footer-spalte {
    width: auto;
    flex-grow: 1;
    /*width: 25%;*/
}

@media screen and (max-width: 1160px) {
    .footer-spalte { 
        width: 33.3%;    
    }
    
    .footer-spalte:nth-child(4){padding-top: 60px;}
}

@media screen and (max-width: 880px) {
    .footer-spalte { 
        width: 50%;
    }
    
    .footer-spalte:nth-child(1){order: unset; padding-bottom: 60px;}    
    .footer-spalte:nth-child(4){ padding-top: 0;}  
    .footer-spalte:nth-child(even){ padding-left: 8%;}  
}

@media screen and (max-width: 515px) {
        
    .footer-spalte { 
        width: 100%;
        padding-left: 0 !important;
        padding-bottom: 60px;
    }
    
    .footer-spalte:nth-child(1){order: 4; padding-bottom: 0}
}

.footer-spalte .tab {
    width: 40px;
    float: left;
}

.footer-end {
    background: url(../image/footer-end.png) bottom left no-repeat;
    width: 100%;
    height: 20px;
    float: left;
    background-size: 100%;
}

.fe-datum {
    float: left;
    width: 100%;
    margin: 30px 0 40px 0;
    font-family: 'PTSansNarrowBold',Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: normal;
    color: #C5C5C5;
}

.button {
	background-color: #F7F7F7;
	/*26B7CC*/
	display: inline-block;
	color: #B2B2B2;
	font-family: 'PTSansBold',Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px 8px 35px;
	text-decoration: none;
	margin: 10px 0 0 0;
	text-transform: uppercase;
	-webkit-box-shadow: 3px 3px 5px 1px #CDCDCD;
	box-shadow: 3px 3px 5px 1px #CDCDCD;
	float: left;
	border-radius: 3px;
    border: 0;
}

.button.form {
    padding-left: 15px;
}

.button:hover {
	background-color: #94C01F;
	color:#fff;
}

.button:active {
	position:relative;
	top:1px;
}

.button img {
	position: absolute;
	margin: -2px 0 0 -25px;
}

/*lightbox*/
/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  /*font-size: 12px;*/
  color: #999999;
  
	font-family: 'PTSansNarrowRegular',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	padding-top: 6px;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*HOVER WEBDESIGN*/
.view {
	/*max-width: 455px;*/
	width: 100%;
	/*height: 301px;*/
	height: auto;
	/*margin: 1% 0 0 1%;*/
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	font-family: 'PTSansNarrowBold',Arial, Helvetica, sans-serif;
	font-size: 18px;
}

@media screen and (max-width: 700px) { .view { max-width: none; width: 98%}}

.view .mask, .view .content {
	/*max-width: 455px;*/
	width: 100%;
	/*height: 301px;*/
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0
}

@media screen and (max-width: 700px) { .view .mask, .view .content { max-width: none;}}

/*index*/
.view-index, .view-index .mask, .view-index .content {
	/*width: 270px;*/ /*alt 270 alt alt 310*/
	max-width: 300px;
    width: 100%;
	height: auto;
}

/*index end*/

.view img {
	display: block;
	position: relative;
}
.view h2 {
	font-family: 'PTSansNarrowBold',Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	position: relative;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 20px 0 0 0
}
.view p {	
	position: relative;
	color: #fff;
	padding: 10px 20px 20px;
	text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
   /*padding: 7px 14px;*/
   padding: 11px 14px 7px 14px;
    background: #575755;
    color: #fff;
    text-transform: uppercase;
	-webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
/*2*/
.view-second img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}

.view-second .mask {
   background-color: rgba(38,183,205,0.8);
   /*width: 455px;*/
    padding: 60px;
    /*height: 301px;*/
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.view-second h2 {
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: translate(0px, -100px);
   -moz-transform: translate(0px, -100px);
   -o-transform: translate(0px, -100px);
   -ms-transform: translate(0px, -100px);
   transform: translate(0px, -100px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second p {
   -webkit-transform: translate(-500px, 0px);
   -moz-transform: translate(-500px, 0px);
   -o-transform: translate(-500px, 0px);
   -ms-transform: translate(-500px, 0px);
   transform: translate(-500px, 0px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second a.info {
   -webkit-transform: translate(0px, 300px);
   -moz-transform: translate(0px, 300px);
   -o-transform: translate(0px, 300px);
   -ms-transform: translate(0px, 300px);
   transform: translate(0px, 300px);
   -webkit-transition: all 0.2s 0.1s ease-in-out;
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transition: all 0.2s 0.1s ease-in-out;
   -ms-transition: all 0.2s 0.1s ease-in-out;
   transition: all 0.2s 0.1s ease-in-out;
}

@media screen and (max-width: 700px) {
	.view-second a.info {
	   -webkit-transform: translate(0px, 300px);
	   -moz-transform: translate(0px, 300px);
	   -o-transform: translate(0px, 300px);
	   -ms-transform: translate(0px, 300px);
	   transform: translate(0px, 300px);
	}
}

.view-second:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-second:hover h2 {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-second:hover p {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-second:hover a.info {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

/*HOVER LOGO PRINT ILLUSTRATION*/
.da-thumbs {
	list-style: none;
	padding: 0;
	margin: 5px 5px 0 5px;
}

.da-thumbs li {
	float: left;
	margin-bottom: 5px;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}

/* .da-thumbs li a div -> css-ie file, ie 8 */
.da-thumbs li a div {
	position: absolute;
	background: #26B7CC;
	background: rgba(38,183,205,0.8);
	width: 100%;
	height: 100%;
}

.da-thumbs li a div span {
	display: block;
	padding: 0;
	margin: 20px 0 0 20px;
	color: rgba(255,255,255,0.9);
	/*
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
	*/
	
	font-family: 'PTSansNarrowBold',Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
}

/* FORM CSS*/
input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], textarea, select {
	font-family: 'PTSansNarrowRegular',Arial, Helvetica, sans-serif;
	background-color: #fff;
	border: 1px solid #DADADA;
	/* Textfarbe inaktiv */
	color: #575755;
	font-weight: normal;
	font-size: 18px;
	padding: 5px;
	width: 90%;
	-webkit-box-shadow: 2px 2px 4px 1px #E0E0E0;
	box-shadow: 2px 2px 4px 1px #E0E0E0;
	border-radius: 3px;
}

.form-abstand {
    width: 100%;
    float: left;
    padding-top: 12px;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, textarea:hover, select:hover {
	background-color:#fff; 
	border: 1px solid #26B7CD;
	color:#26B7CD;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
	background-color:#fff; 
	border: 1px solid #26B7CD;
	/* Textfarbe aktiv */
	color:#575755; 
}

input.send {
	border: 0 solid #ccc;
	background-color: #26B7CD;
	/*
	width: 90px;
	height: 30px;
	*/
	padding: 10px 7px;
	color: #FFF;
	margin-bottom: 20px;
	-webkit-box-shadow: 2px 2px 4px 1px #E0E0E0;
	box-shadow: 2px 2px 4px 1px #E0E0E0;
	border-radius: 3px;
	font-size: 13px;
	text-transform: uppercase;
}

input.send:active {
	position:relative;
	top:1px;
}

select {
	border: 1px solid #90cfff;
}

select:hover{border: 1px solid #0090ff;}
{border: 1px solid #0090ff;}

#false_input {
	border: 1px solid #F00;
}

.notice {
	font-family:'PTSansNarrowRegular',Arial, Helvetica, sans-serif; 
	border:1px solid gold;
	background:lightyellow;
	padding:10px 10px 10px 10px;
	margin:5px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#DEAE00;
	line-height:120%;
	width: 87%;
	vertical-align: center;
	text-shadow:0px 1px rgba(255,255,255,0.5);
	position:relative;
	top:0;
	left:0;
	clear:both;
}

.notice.warning{}/*default*/
.notice.error{border:1px solid red;background:pink;color:red;}
.notice.success{border:1px solid #060;background:#94C01F;color: #060;}
.notice .icon{color:inherit;margin-right:10px;margin-bottom:-5px;*margin-top:-5px;}
.notice a.icon.close,
.notice a.icon.close:active,
.notice a.icon.close:visited{font-size:12px;position:absolute;top:5px;right:-5px;left:auto;color:inherit;}

.verweis {
    height: 1px;
    padding: 0;
    visibility: hidden;
}


/*SLIDE IMG*/
#slides {
  position: relative;
  z-index: 1;
}

.shadow-top-left, .shadow-top-right {
    margin-top: -300px;
    position: relative;
    z-index: 2;
}


.shadow-top-left {
    float: left;
}

.shadow-top-right {
    float: right;
}

/*fe*/
/*
.slidesjs-container, .slidesjs-control, .slidesjs-slide { max-height: 320px !important; height: 100% !important;}
.slidesjs-container {}
.slidesjs-control {}
.slidesjs-slide { position: relative !important;}
*/
/*.slidesjs-container { max-height: 330px !important; height: 100% !important;}*/
.slidesjs-container { max-height: 425px !important; height: 100% !important;}

@media screen and (max-width: 940px) {.slidesjs-container { max-height: 300px !important;}}
@media screen and (max-width: 840px) {.slidesjs-container { max-height: 290px !important;}}
@media screen and (max-width: 740px) {.slidesjs-container { max-height: 270px !important;}}
@media screen and (max-width: 640px) {.slidesjs-container { max-height: 250px !important;}}


#slides .content {
	/*margin: 0px 370px 0px 20px;*/
	/*margin: -5px 0 0 0;*/
	margin: -5px 0 0 0;
	padding: 0 0 10px 0;
	/*position: relative;*/
	clear: both;
	width: 100%;
	/*max-width: 1300px;*/
	height: 83px;
	/*margin-top: 24.7%;*/
	/*margin-top:242px;*/
	/*background-color: #F6F6F6;*/
	text-align: right;
		
	/*background-image: url(../image/hg-bildlauf-text.jpg);*/
    background: #FBFBFB;
	background-size: 100%;
}

#slides h3 {
	color: #C5C5C5;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.1);*/
	margin: 0;
	padding: 17px 20px 0px 0;
	
	font-family: 'PTSansNarrowRegular',Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
}

#slides p {
	font-family:'PTSansNarrowRegular',Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #C5C5C5;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.1);*/
	font-size: 18px;
	/*position: relative;*/
	margin: 0;
	padding: 0px 20px 0 0;
}

#slides img {
	/*position: absolute;*/
	/*top: 30px;*/
	width: 100%;
	max-width: 1300px;
}

@media screen and (max-width: 1040px) { #slides img { margin-left: 2.5%; width: 95%;}}
/*fe end*/

#slides .slidesjs-navigation {
  margin-top:5px;
}

a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
  background-image: url(../img/btns-next-prev.png);
  background-repeat: no-repeat;
  display:block;
  width:12px;
  height:18px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  margin-right:5px;
}

a.slidesjs-next {
  margin-right:10px;
  background-position: -12px 0;
}

a:hover.slidesjs-next {
  background-position: -12px -18px;
}

a.slidesjs-previous {
  background-position: 0 0;
}

a:hover.slidesjs-previous {
  background-position: 0 -18px;
}

a.slidesjs-play {
  width:15px;
  background-position: -25px 0;
}

a:hover.slidesjs-play {
  background-position: -25px -18px;
}

a.slidesjs-stop {
  width:18px;
  background-position: -41px 0;
}

a:hover.slidesjs-stop {
  background-position: -41px -18px;
}

.slidesjs-pagination {
  margin: 10px 20px 0 0;
  float: right;
  list-style: none;
}

.slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url(../img/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px
}

#slides a:link,
#slides a:visited {
  color: #333
}

#slides a:hover,
#slides a:active {
  color: #9e2020
}

.navbar {
  overflow: hidden
}