/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}



/*      V O L L K O R N      *//*      V O L L K O R N      *//*      V O L L K O R N      */

/* vollkorn-regular - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/vollkorn-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Vollkorn Regular'), local('Vollkorn-Regular'),
       url('../fonts/vollkorn-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v8-latin-regular.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/vollkorn-v8-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Vollkorn Italic'), local('Vollkorn-Italic'),
       url('../fonts/vollkorn-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v8-latin-italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-600 - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/vollkorn-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Vollkorn SemiBold'), local('Vollkorn-SemiBold'),
       url('../fonts/vollkorn-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v8-latin-600.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-600italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/vollkorn-v8-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Vollkorn SemiBold Italic'), local('Vollkorn-SemiBoldItalic'),
       url('../fonts/vollkorn-v8-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v8-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v8-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v8-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v8-latin-600italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-700 - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/vollkorn-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Vollkorn Bold'), local('Vollkorn-Bold'),
       url('../fonts/vollkorn-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v8-latin-700.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-700italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/vollkorn-v8-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Vollkorn Bold Italic'), local('Vollkorn-BoldItalic'),
       url('../fonts/vollkorn-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v8-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v8-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v8-latin-700italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-900 - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/vollkorn-v8-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Vollkorn Black'), local('Vollkorn-Black'),
       url('../fonts/vollkorn-v8-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v8-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v8-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v8-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v8-latin-900.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-900italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/vollkorn-v8-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Vollkorn Black Italic'), local('Vollkorn-BlackItalic'),
       url('../fonts/vollkorn-v8-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v8-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v8-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v8-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v8-latin-900italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}


/*      V O L L K O R N      *//*      V O L L K O R N      *//*      V O L L K O R N      */




.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #88263B;
}

.luckenbueser{
	height: 10px;
	width: 200px;
	text-align: center;
	float: left;
	background: transparent repeat-x;
}

.modal-content{
	color: white;
	text-align: left;
	background: #00121e url(../img/luckenbuesser.gif) repeat;
}

/* #### Generated By: http://www.cufonfonts.com #### */

.header-fluid{
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	background-color: #88263B;
}


	
	container-fluid {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
	}

/*   containerhead     */
 .containerhead{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
background-color: transparent;
}

@media (min-width:768px){	
		.containerhead{
	width:750px
	}		
	}
	
@media (min-width:992px){
	.containerhead{
	width:970px
	}	
	}
	
@media (min-width:1200px)
{
	.containerhead{
	width:1170px
	}
	}

/*    containerhead        */





 .container{
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto;
	background-color: #455863;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;
}




 .container-footer{
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto;
	background-color:#455863;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.input type, form action, form{
	color: black;
	line-height: 140%;
		-webkit-border-radius: 7px;
	border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.colours{
	text-decoration: none;	
	display: block;
	position: fixed;
	visibility: visible;
	z-index: 1000;
	white-space: nowrap;
	width: 0;
	height: 0;
/*	background: transparent url(../img/colors-hor-18-166.png) no-repeat;*/
	top: -100px;
	right: -100px;
}




@media (min-width:768px) {
.colours{
	text-decoration: none;	
	display: block;
	position: fixed;
	visibility: visible;
	z-index: 1000;
	white-space: nowrap;
	width: 298px;
	height: 36px;
	/*background: transparent url(../img/colors-hor.png) no-repeat;*/
	top: -1px;
	right: -1px;
}	
	
	
}


	
	
	.col-md-4{
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	-moz-border-radius: 7px;
	margin-bottom: 20px;
	background: #8c2239 repeat;
	margin-top: 10px;
	padding-top: 5px;
}
	
	.col-md-3{
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	-moz-border-radius: 5px;
	margin-bottom: 40px;
	background: #455863 repeat;
	margin-top: 10px;
	padding-top: 5px;
	height: auto;
	padding-bottom: 20px;
}

/* footer */
#footermenu ul li a.menu_current{ /* current page aussehen nur deklaration ändern also navfanta in xxx menu_current bleibt*/
 color: #88263B;

}
#footermenu a{
	color: black;
	text-align: center;
letter-spacing : 0.04em;
	background-color: transparent;

}
#footermenu {	
		background-color: transparent;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 4px;
	margin-top: 5px;
	text-align: center;
	color: black;
}
#footermenu li{
	list-style-type: none;
	margin: 0px;
	padding: 0px 2px;
	display: inline;
	background-color: transparent;
	text-align: center;
	color: black;
}
#footermenu ul{
	list-style-type: none;
	padding: 0px;
	display: inline;
	text-align: center;
	color: black;
	background-color: transparent;
}	
#footermenu a:link, #footermenu a:visited, #footermenu a:active  {
	padding: 1px 5px;
	text-decoration: none;
	display: inline;
	color: black;
	text-align: center;
	background-color: transparent;
	border-right: 1px solid #88263B;
} 
#footermenu a:hover {
	text-decoration: none;
	color: #88263B;
	text-align: center;

}

/*footer*/

      /*MENU Spalte */	
	
	

	
#menuboxspalte {
	background-color: #8c2239;
	margin-right: 0;
	margin-left: 0;
	float: left;
	margin-top: 50px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	-moz-border-radius: 7px;
	height: 100%;
	padding-bottom: 10px;
}
	
	
	
#menu-spalte {
	background-color: transparent;
	height: auto;
	text-align: left;
	color: white;
	margin-top: 5px;
	margin-left: 3px;
font-weight: 400;
	line-height: 145%;
	font-size: 17px;
}
#menu-spalte ul li a.menu_current{
	background-color: #996600;
	color: white;

}
	
#menu-spalte ul {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
	list-style-image: none;
	background-color: transparent;
	color: white;

}
#menu-spalte li {	
	padding: 0 0 0 0;
	background-color: transparent;
	color: white;

} 
#menu-spalte a:link, 
#menu-spalte a:visited,
#menu-spalte a:active
{
color: white;
text-decoration: none;
background-color: transparent;

}
#menu-spalte li a {
	display: block;
	color: white;
	border-bottom: 1px dotted white;
	background-color: transparent;
	margin-bottom: 10px;
	padding: 8px 7px;
}
#menu-spalte li ul a {
	padding: 2px 5px 4px 20px;
	/*wert 20 steuert 2 kind*/
	background-color: transparent;
	color: white;

}
#menu-spalte li a:hover,
#menu-spalte li a.menu-parent
#menu-spalte li a.menu-current {
	background-color: #8c2239;
	color: white;

	-webkit-border-radius: 5px;
	border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;	

}
/**********************/      /*MENU Spalte */

/*   ---------- hypo horn ------   */
.sorth:hover{
	opacity: 0.65;
}
/*   ---------- hypo horn ------   */


/*   ---------- btn ------   */

.btn{          /*   !!!!!!!!!!!  */
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;

	line-height: 140%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius:4px;
	text-decoration: none;
	  font-weight: 400;
	font-size: 16px;
}		
	.btn:hover{	       /*   !!!!!!!!!!!  */
	text-decoration:none
	}	
	.btn.active,.btn:active{          /*   !!!!!!!!!!!  */
	  font-weight: 400;
	text-decoration: none;
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
	}

.btn-dunkelblau{color: white;background-color:#337ab7;} 
.btn-dunkelblau:hover{background-color: white;
	color: #337ab7;
}	
.btn-gruen{
	color: white;
	background-color:#5cb85c;}	
.btn-gruen:hover{
	background-color: white;
	color: #5cb85c;
}
.btn-info{
	color: white;
	background-color:#5bc0de;}		
.btn-info:hover{
	background-color: white;
	color: #5bc0de;
}	
.btn-warning{
color: white;
background-color: orange;}	
 .btn-warning:hover{
	background-color: white;
	color: orange;
}

.btn-danger{
	color: white;
	background-color: #88263B;
	font-size: 15px;
}
 .btn-danger:hover{
	background-color: white;
	color: #88263B;

}

.btn-danger{
	z-index: 1500;
	margin-right: 12px;
	float: right;
	margin-top: 10px;
	font-size: 12px;
	line-height: 16px;
}


/*   ---------- btn ------   */


.coockiebox {
	text-align: center;
	background-color: transparent;
	height: auto;
	color: white;
	margin-right:auto;
	margin-left:auto;
	font-size: 11px;
    color: black;
}

/* !!!!!!!!!!!! img mach das bild sich anpasst !!!!!!!! */
img {
  max-width: 100%;
  /* just in case, to force correct aspect ratio */
  height: auto !important;
}
img { 
  -ms-interpolation-mode: bicubic;
	color: white;
}
.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}
.img-left {
    float: none;
    margin: 0 auto 0;
}

.img-full {
    min-width: 100%;
}
/* !!!!!!!!!!!! img mach das bild sich anpasst !!!!!!!! */



@media (min-width: 1620px) {

#icon_box{
	width: 40px;
	height: 100px;
	float: left;
	background-color: transparent;
	margin-left: 50px;
}
#janpetersen ul {
	list-style: none;
	text-decoration: none;
	background: transparent no-repeat;
}
#janpetersen li {
	display: inline;
	text-decoration: none;
	background: transparent no-repeat;
}
#janpetersen a {
background: transparent url(../img/01-jan-for-sale.png) no-repeat;
	width: 90px;
	height: 100px;
	z-index: 2000;
	float: right;
	text-decoration: none;
	/* mac firefox braucht es */
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	-moz-border-radius: 7px;	
	/* mac firefox braucht es */
		border-radius: 7px;
	float: left;
	border: 1px solid #009aa3;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
#janpetersen a:hover{
	background: transparent url(../img/01-jan-for-sale-hover.png) no-repeat;
	border-bottom-style: none;
	text-decoration: none;
}		
#janpetersen ul li a.menu_current{
	background: transparent url(../img/01-jan-for-sale-hover.png) no-repeat;
	text-decoration: none;
	}
/* ***mail************* */
#mail ul {
	list-style: none;
	background-color: transparent;
	text-decoration: none;
}
#mail li {
	display: inline;
	text-decoration: none;
	background-color: transparent;
}
#mail a {
background: transparent url(../img/mail.png) no-repeat;
	width: 55px;
	height: 55px;
	z-index: 2000;
	float: right;
	text-decoration: none;
	position: relative;
	top: -4px;
}
#mail a:hover{
	background: transparent url(../img/mail-hover.png) no-repeat;
	border-bottom-style: none;
	text-decoration: none;
}		
#mail ul li a.menu_current{
	background: transparent url(../img/mail-hover.png) no-repeat;
	text-decoration: none;	
}
/* ***handy************* */
#handy ul {
	list-style: none;
	background-color: transparent;
	text-decoration: none;
}
#handy li {
	display: inline;
	text-decoration: none;
	background-color: transparent;
}
#handy a {
background: transparent url(../img/handy.png) no-repeat;
	width: 55px;
	height: 55px;
	z-index: 2000;
	float: right;
	text-decoration: none;
	position: relative;
	top: -5px;
}
#handy a:hover{
	background: transparent url(../img/handy-hover.png) no-repeat;
	border-bottom-style: none;
	text-decoration: none;
}		
#handy ul li a.menu_current{
	background: transparent url(../img/handy-hover.png) no-repeat;
	text-decoration: none;
	
}
/* *** TELEFON************* */
#telefon ul {
	list-style: none;
	background-color: transparent;
	text-decoration: none;
}
#telefon li {
	display: inline;
	text-decoration: none;
	background-color: transparent;
}
#telefon a {
background: transparent url(../img/telefon.png) no-repeat;
	width: 55px;
	height: 55px;
	z-index: 2000;
	float: left;
	text-decoration: none;
}
#telefon a:hover{
	background: transparent url(../img/telefon-hover.png) no-repeat;
	border-bottom-style: none;
	text-decoration: none;
}		
#telefon ul li a.menu_current{
	background: transparent url(../img/telefon-hover.png) no-repeat;
	text-decoration: none;	
}
/* *** Newsletter************* */
#newsl ul {
	list-style: none;
	background-color: transparent;
	text-decoration: none;
}
#newsl li {
	display: inline;
	text-decoration: none;
	background-color: transparent;
}
#newsl a {
background: transparent url(../img/newsletter.png) no-repeat;
	width: 55px;
	height: 55px;
	z-index: 2000;
	float: right;
	text-decoration: none;
	position: relative;
	top: -5px;
}
#newsl a:hover{
	background: transparent url(../img/newsletter-hover.png) no-repeat;
	border-bottom-style: none;
	text-decoration: none;
}		
#newsl ul li a.menu_current{
	background: transparent url(../img/newsletter-hover.png) no-repeat;
	text-decoration: none;	
}
	
}

/* icon box*/

/*   ---- L O G O  -----   */
/*   ---- logo  320 -----   */
#logo{
	width: 129px;
	height:66px;
	float: left;
	background-color: transparent;
	z-index: 3000;
	text-decoration: none;
	position: relative;
	list-style-image: none;
	border-style: none;
	font-size: 0;
	line-height: 0;
}
#logo ul {
	list-style: none;
	background-color: transparent;
	text-decoration: none;
}
#logo li {
	display: inline;
	font-size: 0px;
	text-decoration: none;
}
#logo a {
background: white url(../img/logo320.png) no-repeat;
	width: 129px;
	height: 66px;
	float: left;
	background-color: transparent;
	z-index: 1000;	
	text-decoration: none;
	font: 0px;
	}
#logo a:hover{
	background: transparent url(../img/logo320-hov.png) no-repeat;
	font-size: 0px;
	border-bottom-style: none;
	text-decoration: none;
}		
#logo ul li a.menu_current{
	background: transparent url(../img/logo320-hov.png) no-repeat;
	font-size: 0px;
	text-decoration: none;	
}
/*   ------ 320 ende logo ----------   */


/*   ---- logo 768   ------------   */
@media (min-width: 768px) {

	#logo{
	width: 400px;
	height: 76;
	float: left;
	background-color: transparent;
	z-index: 3000;
	text-decoration: none;
	position: relative;
	list-style-image: none;
	border-style: none;
	font-size: 0;
	line-height: 0;
}
#logo ul {
	list-style: none;
	background-color: transparent;
	text-decoration: none
}
#logo li {
	display: inline;
	font-size: 0px;
	text-decoration: none
}
#logo a {
background: white url(../img/logo768.png) no-repeat;
	width: 400px;
	height:76px;
	float: left;
	background-color: transparent;
	z-index: 1000;	
	text-decoration: none;
	font: 0px
	}
#logo a:hover{
	background: transparent url(../img/logo768-hov.png) no-repeat;
	font-size: 0px;
	border-bottom-style: none;
	text-decoration: none;
}		
#logo ul li a.menu_current{
	background: transparent url(../img/logo768-hov.png) no-repeat;
	font-size: 0px;
	text-decoration: none;	
}
	
	} 
 /*   ---- logo 768   ende -----------   */
 
  /*   ---- logo 1920 -----------   */
@media (min-width: 1720px) {
	

	#logo{
	width: 600px;
	height: 111px;
	float: left;
	background-color: transparent;
z-index: 3000;
	text-decoration: none;
	position: relative;
	list-style-image: none;
	border-style: none;
	font-size: 0;
	line-height: 0;
}
#logo ul {
	list-style: none;
	background-color: transparent;
	text-decoration: none
}
#logo li {
	display: inline;
	font-size: 0px;
	text-decoration: none
}
#logo a {
background: white url(../img/logo1280.png) no-repeat;
	width: 600px;
	height: 111px;
	float: left;
	background-color: transparent;
	z-index: 1000;	
	text-decoration: none;
	font: 0px
	}
#logo a:hover{
	background: transparent url(../img/logo1280-hov.png) no-repeat;
	font-size: 0px;
	border-bottom-style: none;
	text-decoration: none;
}		
#logo ul li a.menu_current{
	background: transparent url(../img/logo1280-hov.png) no-repeat;
	font-size: 0px;
	text-decoration: none;	
}
	
	}
 
 /*   ---- logo 1280   ende -----------   */
 
 
 
 
@media (max-width: 320px) {

	#logo{
	width: 76px;
	height: 40px;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	background-color: transparent;
	z-index: 3000;
	text-decoration: none;
	position: relative;
	list-style-image: none;
	border-style: none;
	font-size: 0;
	line-height: 0;

}
#logo ul {
	list-style: none;
	background-color: transparent;
	text-decoration: none
}
#logo li {
	display: inline;
	font-size: 0px;
	text-decoration: none
}
#logo a {
background: white url(../img/logo240.png) no-repeat;
	width: 76px;
	height: 40px;
	margin-top: 5px;
	margin-left: 5px;
			float: left;
	background-color: transparent;
	z-index: 1000;	
	text-decoration: none;
	font: 0px
	}
#logo a:hover{
	background: transparent url(../img/logo240-hov.png) no-repeat;
	font-size: 0px;
	border-bottom-style: none;
	text-decoration: none;
}		
#logo ul li a.menu_current{
	background: transparent url(../img/logo240-hov.png) no-repeat;
	font-size: 0px;
	text-decoration: none;	
}
	
	}
 
 
 
 
 /*  von bootstrap unten  */
body {
  /*font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/  
font-family: "Vollkorn", 'Helvetica Neue', Helvetica, Arial, serif;
  	overflow-x: hidden;
  	font-size:16px;
	line-height: 140%;
	color: white;
	background-color: #455863;
}
p {
  font-size: 16px;
	line-height: 140%;
  font-weight: 400;
font-family: "Vollkorn", 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: black;
}




a:hover, a:focus, a:active, a.active {
  outline: none;
color: orange;
}

a:hover{
	color: orange;
	border-bottom: 1px solid orange;
}

p.small {
  font-size: 10px;
   font-weight: 300;
font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: black;
}







h1, h2, h3, h4, h5,   {
	font-weight: 800;
	text-align: left;
	font-family: Open Sans, sans-serif;
	text-transform: uppercase;
}

	
h1 {
	color: #8C2239;
	line-height: 140%;
	font-size: 32px;
	font-family: Open Sans, sans-serif;
}

h2 {
	color: #88263B;
	font-size: 22px;
	line-height: 150%;
	font-family: Open Sans, sans-serif;
	font-weight: 800;
}


h3 {/* für Content Gold*/
	color: #8C2239;
	line-height: 140%;
	font-size: 20px;
	margin-bottom: 10px;
}

h4{
color: #8C2239;
	line-height: 140%;
	font-size: 25px;
	font-family: Open Sans, sans-serif;
	font-weight: 700;
	
}

b, strong {
	color: orange;
	font-weight: bold;
	font-weight: 900;

}

li, ol, ul{
	border-style: none;
	decoration:none;
	text-decoration: none;
	color: black;
}

ul {	
list-style-type: circle;
color : black;
letter-spacing : 0.01em;
text-align : left;
list-style-position: outside;
	border-style: none;
	decoration:none;
	text-decoration: none;
	  font-size: 16px;
	line-height: 150%;
  font-weight: 400;
font-family: "Vollkorn", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


ol {
	list-style-type: decimal;
	color: black;
	border-style: none;
	decoration:none;
	text-decoration: none;
	  font-size: 16px;
	line-height: 150%;
  font-weight: 400;
font-family: "Vollkorn", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


/*h5*/



khjkh{
	padding: 2px 4px;
}

h5 {
	color: white;
	text-decoration: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 9px;
	height: 35px;
	font-size: 12px;
	line-height: 25px;
	font-weight: 400;
	margin: 30px 4px;
	background-color: #88263B;
	width: 33%;
}

h5 a:hover{
	color: white;
	text-decoration: none;
	background-color: #88263B;
	border-style: none;
	height: 35px;
	font-size: 14px;
	line-height: 25px;
	font-weight: 400;
}

h5 a{
	color: #88263B;
	text-decoration: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff1c4;
	padding: 4px 9px;
	height: 35px;
	width: auto;
	font-size: 12px;
	line-height: 25px;
	font-weight: 400;
	margin: 30px 4px;
}


hr.star-light,
hr.star-primary {
  padding: 0;
  border: none;
  border-top: solid 5px;
  text-align: center;
  max-width: 250px;
  margin: 25px auto 30px;
}
hr.star-light:after,
hr.star-primary:after {
  content: "\f005";
  font-family: FontAwesome;
  display: inline-block;
  position: relative;
  top: -0.8em;
  font-size: 2em;
  padding: 0 0.25em;
}
hr.star-light {
  border-color: white;
}
hr.star-light:after {
  background-color: #88263B;
  color: white;
}
hr.star-primary {
  border-color: #2C3E50;
}
hr.star-primary:after {
  background-color: white;
  color: #2C3E50;
}
.img-centered {
  margin: 0 auto;
}
header {
  text-align: center;
  background: black;
  color: white;
}
header .container {
  padding-top: 50px;
  padding-bottom: 25px;
}
header img {
  display: block;
  margin: 0 auto 20px;
}
header .intro-text .name {
display: block;
font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /*text-transform: uppercase;*/
  font-weight: 700;
  font-size: 2em;
}

header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
}

/*menu/burger weg ab 320*/
@media (max-width: 321px) {
}

@media (min-width: 768px) {
  header .container {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  
  header .intro-text .name {
    font-size: 3.50em;
  }
  header .intro-text .skills {
    font-size: 1.5em;
  }
}

.navbar-custom {
  background: transparent;
font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
}
.navbar-custom a:focus {
  outline: none;
}
.navbar-custom .navbar-brand {
  color: white;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: white;
}
.navbar-custom .navbar-nav {
  letter-spacing: 1px;
}
.navbar-custom .navbar-nav li a {
  color: white;
}
.navbar-custom .navbar-nav li a:hover {
  color: #009aa3;
  outline: none;
}
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active {
  color: white;
}
.navbar-custom .navbar-nav li.active a {
  color: white;
  background: #88263B;
}
.navbar-custom .navbar-nav li.active a:hover,
.navbar-custom .navbar-nav li.active a:focus,
.navbar-custom .navbar-nav li.active a:active {
  color: white;
  background: #88263B;
}
.navbar-custom .navbar-toggle {
  color: #88263B;
  text-transform: uppercase;
  font-size: 10px;
  border-color: white;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #88263B;
  color: white;
  border-color: #009aa3;
}

@media (min-width: 768px) { 

/* höhe header die verschwindet 25*/
  .navbar-custom {
    padding: 25px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-custom.affix {
    padding: 10px 0;
  }
  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em;
  }
}
section {
  /*alt wert 100 - wichtig ! hinfahren*/
}
section h2 {
  margin: 0;
  font-size: 3em;
}
section.success {
  background: #009aa3;
  color: white;
}
@media (max-width: 767px) {
  section {
    padding: 15px 0;
  }
  section.first {
    padding-top: 7px;
	padding-bottom: 7px;
}

}
#portfolio .portfolio-item {
  margin: 0 0 15px;
  right: 0;
	background-color: #00121e;
}
#portfolio .portfolio-item .portfolio-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
	background-color: #00121e;
}
#portfolio .portfolio-item .portfolio-link .caption {
  background: rgba(226,0,26,0.55);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
  opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: white;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
  margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
  margin: 0;
}
#portfolio * {
  z-index: 2;
	background-color: #00121e;
}
@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px;
  }
}
.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #009aa3;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}
footer {
  color: white;
}
footer h3 {
  margin-bottom: 30px;
}
footer .footer-above {
  padding-top: 50px;
	background: transparent;
}
footer .footer-col {
  margin-bottom: 50px;
}
footer .footer-below {
  padding: 25px 0;
  background-color: transparent;
}

 .btn-outline{/*schaltflächen*/
	color:#fff;
	font-size: 15px;
	border: 2px solid #fff;
	background: #88263B 0 0;
	transition: all .4s ease-in-out;
	margin-top: 15px
	}
	
 .btn-outline.active,
 .btn-outline:active,
 .btn-outline:focus,
 .btn-outline:hover{
	color: #88263B;
	background:#fff;/*ganze feld bei hover*/
	border:2px solid #fff
	}

.btn-primary {
  color: white;
  background-color: #2C3E50;
  border-color: #2C3E50;
  font-weight: 700;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: white;
  background-color: #1a242f;
  border-color: #161f29;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.btn-primary .badge {
  color: #2C3E50;
  background-color: white;
}

.btn-success {
  color: white;
  background-color: #88263B;
  border-color: #009aa3;
  font-weight: 700;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: white;
  background-color: #88263B;
  border-color: #11866f;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #009aa3;
  border-color: #009aa3;
}

.btn-success .badge {
  color: #009aa3;
  background-color: white;
}

.btn-social {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 45px;
}
.btn:focus,
.btn:active,
.btn.active {
  outline: none;
}
.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
  z-index: 1049;
}
.scroll-top .btn {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 28px;
}
.scroll-top .btn:focus {
  outline: none;
}
.portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 100px 0;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  margin: 0;
  font-size: 3em;
}
.portfolio-modal .modal-content img {
  margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
  margin: 30px 0;
}
.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: white;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {
}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #2C3E50;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #2C3E50;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
.portfolio-modal .modal-backdrop {
  opacity: 0;
  display: none;
}

.dd{
	color: black;
}