/* Banki Leihhaus – individuelle Styles (aus WordPress übernommen, Reihenfolge wie im Original) */
/* 0) WordPress-Basis: Inhaltsbilder skalieren */
html :where(img[class*="wp-image-"]) {height: auto; max-width: 100%;}
/* 1) Custom CSS */

/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

#logoBanki
{
  	font-size: 60px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-family: poly;
  	margin-top:-30px;
  	margin-left:28px;
  	color: #fff;
}
#logoWarenhaus
{
  	font-size: 30px;
    letter-spacing: 4px;
    font-family: poly;
  	margin-top:-10px;
  	margin-left:30px;
  	margin-bottom:20px;
  	color: #fff;
}

@media all and (max-width: 930px)
{
img.auktion-icon
{
 	display: none !important; 
}
}

@media all and (max-width: 767px)
{
img.auktion-icon
{
 	display: block !important; 
}
}

.ff
{
  	height: 210px !important;
}

#BitteDieNummerEingeben
{
  	margin-top:15px;
}

#EingabeNummer
{
  	margin-top:10px;
    border: 0;
    text-align: center;
    font-size: 12px;
    color: #ff7d18;
    font-family: 'Open Sans', 'Helvetica Neue', Arial;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #aaa;
}

#StartFeld,#EndFeld
{
  	display:none;
}

#TextAusgabe
{
  	margin-bottom:10px;
}

@media all and (max-width: 766px)
{
  	#logoBanki
    {
        font-size: 35px;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-family: poly;
      	margin-top:-80px;
      	margin-left:15px;
    }
    #logoWarenhaus
    {
        font-size: 28px;
        letter-spacing: 4px;
        font-family: poly;
        margin-left:17px;
    }
}

@media all and (max-device-width: 900px)
{
  	#logoBanki
    {
        font-family: poly !important;
    }
    #logoWarenhaus
    {
        font-family: poly !important;
    }
}

/* 2) Body-Font */
body{ font-family:"Poly", arial, sans-serif;}
/* 3) Visual Composer */
.vc_custom_1407411457009{margin-bottom: 0px !important;}.vc_custom_1407423256122{padding-top: 35px !important;}
.wpb_animate_when_almost_visible { opacity: 1; }
/* 4) Theme-Anpassungen */



.pp1139, .pp15, .pp865, .pp531, .pp731, .pp501, .pp699, .pp18, .pp695, .pp636, .pp712, .pp17, .pp690,.pp271, .pp701, .pp16, .pp697, .pp273, .pp709,.pp662  {background-size: 100% auto;}
.pp15 #main-content-header, .pp865 #main-content-header, .pp531 #main-content-header, .pp731 #main-content-header, .pp501 #main-content-header, .pp699 #main-content-header, .pp18 #main-content-header, .pp695 #main-content-header, .pp636 #main-content-header, .pp712 #main-content-header, .pp17 #main-content-header, .pp690 #main-content-header,.pp271 #main-content-header, .pp701 #main-content-header, .pp16 #main-content-header, .pp697 #main-content-header, .pp273 #main-content-header, .pp909 #main-content-header, .pp709 #main-content-header,.pp662 #main-content-header  {padding:0px !important;}
body.page-id-15, body.page-id-865, body.page-id-531, body.page-id-731, body.page-id-501, body.page-id-699, body.page-id-18, body.page-id-695, body.page-id-636, body.page-id-712, body.page-id-17, body.page-id-690,body.page-id-271, body.page-id-701, body.page-id-16, body.page-id-697, body.page-id-273, body.page-id-709, body.page-id-662  {background:none !important;background-image:none !important;background-color:none !important;}
.pp15 .xxxs, .pp865 .xxxs, .pp531 .xxxs, .pp731 .xxxs, .pp501 .xxxs, .pp699 .xxxs, .pp1139 .xxxs, .pp18 .xxxs, .pp695 .xxxs, .pp636 .xxxs, .pp712 .xxxs, .pp17 .xxxs, .pp690 .xxxs,.pp271 .xxxs, .pp701 .xxxs, .pp16 .xxxs, .pp697 .xxxs, .pp273 .xxxs, .pp709 .xxxs,.pp662 .xxxs{display:none;}

#fix33 > div {
width:40%;
}

.page-id-273 .page-header-with-icon {
line-height:14px;
}


.page-id-709 .page-header-with-icon {
line-height:14px;
}
.full-width-main-content .wpb_row {
max-width: 1170px;
margin-left:auto;
margin-right:auto;
}

ol.timeline {
margin-top: 110px !important;
}
.page-id-17 .page-header-with-icon {
margin-bottom:3px !important;
}

.page-id-17 .page-header.page-header-with-icon small {
display:none !important;
}

.xxxh1  h1 {
margin-top:-50px !important;
padding:0px !important;
font-size: 29px;
}
#footer-main {
display:none !important;
}
#footer #footer-copyright .copyright {
color:#ffffff;
}
.big  {
background-image: url('../img/bgxx.png');
background-repeat: repeat;
padding-left: 10px;

}
.normal {
background-image: url('../img/bgxx.png');
background-repeat: repeat;
padding-left: 10px;

}

#main-content-header  .container {
max-width: inherit !important;
}
.title {
background-image: url('../img/bgxx.png');
background-repeat: repeat;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
line-height: 65px  !important;
margin: 0 auto !important;
max-width: 650px !important;
}
.breadcrumb {
display:none !important;
}
body{
background-image:url(../img/back1.png)  !important;
background-repeat:repeat  !important;
}

#main-content{
border-bottom:5px solid #ff7d18;
border-top:5px solid #ff7d18;

margin: 0 auto;
background-color: white;
}

#footer {
background-color:#000000 !important;
}
#footer-copyright {
bottom:0px;
width:100%;
z-index:1111;
background-image:url(../img/back1.png) !important;
background-repeat:repeat;
background-color:transparent !important;
}
#header {
background-image:url(../img/back1.png) !important;
background-repeat:repeat;
}
.slides {
 background: url(../img/slide1wide.jpg) no-repeat; 
}

.container {
padding-right: 15px !important;
padding-left: 15px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.yxx {
position: relative;
margin-top: 30px;
}
.page-id-271 .page-header-with-icon h2 {
 margin-bottom:-60px;
}
.yxx2 {
position: absolute;
top: 36px;
left: 100px;
}
.vc_span6  .wpb_content_element  {
float:left;
}
.panel.panel-image .panel-icon {
top:-80px !important;
}
.panel.panel-big {
min-height: 395px;
}
.panel.panel-big .panel-icon {
top:-40px !important;
}
#wrapper  {
 background-position: center 91px;
 
}
#main-content-header .title {
font-size: 2.5vw !important;
}

@media (max-width: 1024px) {
	#main-content-header .title {
		font-size: 5vw !important;
	}
}

.panel-item {
margin-bottom:30px;
}

.pp531, .pp731 {
	background-image:url(../img/sliderbanki.jpg) !important;
	
}
.pp501, .pp699 {
	background-image:url(../img/slideunter.jpg) !important;
}
.pp18, .pp695 {
	background-image:url(../img/slidersofunktiertes.jpg) !important;
}
#wrapper {
	background: white;
}
.pp1139 {
	background-image:url(../img/slidersofunktiertes.jpg) !important;
}
.pp636,.pp712  {
	background-image:url(../img/s123.jpg) !important;
}

.pp17, .pp690 {
background-image:url(../img/sliderbanki.jpg) !important;
}

 .pp690 .page-header-with-icon {
margin-bottom:-11px;
}
.pp271,.pp701  {
background-image:url(../img/slideunter2.jpg) !important;
}
.pp16, .pp697  {
background-image:url(../img/slideunter1.jpg) !important;
}
.pp273, .pp709 {
background-image:url(../img/anfahrt.jpg) !important;
}

.pp15, .pp865 {
	background-image:url(../img/s11.jpg) !important;
}

.pp1139 {
	background-image:url(../img/slidersofunktiertes.jpg) !important;
}

.pp662 {
	background-image:url(../img/s11.jpg) !important;
}
 
.pp1152 {
	background-image:url(../img/s11.jpg) !important;
}



.navbar-right {
	float: left !important;
}
.navbar-header {
	display:none !important;
}

#main-content-header  {
 padding: 77px 0;
}
.copyright{
float:left;
}

.f1 {
color:#ffffff;
float:right;
margin: 5px 0 0 0;
}
.panel {
border:2px solid #000000 !important;
}
.page-header.page-header-with-icon small {
font-family: 'Open Sans', 'Helvetica Neue', Arial !important;
font-size: 14px !important;
line-height: 20px !important;
}
.xpfand .col-sm-4 {
width:100% !important;
}

.panel.panel-image .panel-body .panel-title {
margin: 40px 0;
}
p {
color:#000000 ;
}
h1, h2, h3, h4, h5, h6{
color:#000000 ;
}
.panel.panel-big .panel-body p {
color:#000000 !important;
}
.page-header.page-header-with-icon {
border-top:2px solid #000000 !important;
}
#main-content-header {
position:relative;
}
#main-content-header .container {
z-index: 111;
position: relative;
}
.xxxmap {
top:0px;
width:100%;
height:300px;
position:absolute;
margin:0px  !important;
padding:0px  !important;
left:0px;
z-index:0;
}
.xxxmap  .column_container {
margin:0px !important;
padding:0px !important;
}
.xxxmap .wpb_wrapper{
margin:0px !important;
padding:0px !important;
}
#main {
box-shadow: -1px 0px 0px 0px #ffffff, 1px 0px 1px 0px #ffffff;
}
#footer {
box-shadow: -1px 0px 0px 0px #ffffff, 1px 0px 1px 0px #ffffff;
}
#header {
box-shadow: -1px 0px 0px 0px #ffffff, 1px 0px 1px 0px #ffffff;
}
.dpSocialTimeline_divider {
display:none !important;
}

.page-id-17 .page-header-with-icon {
	margin-top:0px  !important;
}
.fa-gavel:before {
color: #ff7d18 !important;
}
.timeline .title {
	background-image:none !important;
}


.wp-image-387 {
width: 100%;
max-width: 940px;
margin: 0 auto;
text-align: center;
float:none !important;
}
.xxxvid2 .wpb_content_element {
	float:right !important;
}


#header .navbar-default .navbar-collapse {
	background-color:transparent !important;
}







#main-content-header {
	border-top: 5px solid #ff7d18;
}
#header .navbar-default {
	border-bottom: none  !important;
}
#header .navbar-default .navbar-nav > li > a span {
	height: 50px !important;
}

.xxxs {
	background-image:url(../img/showcase_shadow.png) !important;
	background-repeat:repeat-x;
	height: 21px;
	width:100%;
	position:absolute;
}

#wrapper  {
	background-position: center 173px !important;
}
#main-content {
	border-top:none !important;
}
.biglogo {
	outline: 0 !important;max-width: 100% !important;height: auto !important;
	margin-left: -18px;
	margin-top: -40px;
}

#main-content-header .title {
	visibility:hidden !important;
}


#fix36 {
	width:45% !important;
}
body.home .vid2 p a img{width:100%;height:auto;}

@media (max-width: 767px){
	
	.biglogo {
		display:none !important;
	}
	
	.navbar-header {
		display:block !important;
	}
	
	
	#wrapper {
		background-position: center 91px !important;
	}

.page-id-709 #main-content-header  {
 		padding: 141px 0 !important;
	}
#fix33 > div {
width:100%;
}
.fix34 {
float:none!important;
margin-bottom:10px !important;
}
	.panel.panel-big .panel-icon {
		top:-40px !important;
	}
	.panel.panel-big .panel-body .panel-title {
		margin-top:15px !important;
	}
		
	.ui-datepicker {
	 left:0px !important;	
	}	
	.panel-body {
		padding:0px !important;
		margin:0px !important;
	}
	.panel-body iframe  {
		border:none !important;
		overflow:hidden !important;
		height:670px !important;
		
	}
		.vc_responsive .wpb_row .vc_span12 {
			padding:0px !important;
		}
		.container {
			padding:10px !important;
			margin:0px !important;
		}
		#header .container {
			padding:0px !important;
			margin:0px !important;
			
		}
		.animate {
			width:inherit !important;
		}
		
	.navbar-toggle {
	display: block !important;
	}
	.navbar-brand img {
		width:100%  !important;
		
	}
	#header .navbar-default .navbar-nav > li > a {
		padding: 10px !important;
	}
	.menu-mainnew {
		
		margin: 0px !important;
	}
	
	#header .navbar-default .navbar-collapse {
		background-color:#000000 !important;
	}
	
	.wpb_row {
		margin:0px !important;
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.panel-big  {
		padding-top: 20px !important;
	}
	.page-id-17 .page-header-with-icon {
		margin-top: 40px !important;
	}
	.panels {
		margin-top: 10px !important;
	}
	@media (orientation:landscape) {
		.col-sm-8 {
			width:45% !important;
		}
	}
	@media (orientation:portrait) {
		.page-id-273 .page-header.page-header-with-icon {
			width:70% !important;
		}
		.col-sm-8 .page-id-273 .page-header.page-header-with-icon {
			width:100% !important;
		}

.page-id-709 .page-header.page-header-with-icon {
			width:70% !important;
		}
		.col-sm-8 .page-id-709 .page-header.page-header-with-icon {
			width:100% !important;
		}

	}
	.wp-image-387 {
		outline: 0  !important; 
		max-width: 100%  !important; 
		height: auto  !important;
	}
	
	#header .navbar-default .navbar-collapse {
			background-image:url(../img/back1.png) !important;
			background-repeat:repeat;
			background-color:transparent !important;
	}
	#menu-mainnew {
			background-color:transparent !important;
	}
	
	.carousel-image .item {
		background-position: center !important;
	}
	
	
	body.home .vid1 iframe { 
		width:100% !important;
	}
	body.home  .vid1 p {
		margin: 0 auto;
		width: 100%;
	}
	body.home  .vid2 iframe { 
		width:100% !important;
	}
	body.home  .vid2 p {
		margin: 0 auto;
		width: 100%;
	}
	
	
	.vid1 {
		float:left !important;
		width: 100% !important;
	}
	.vid1 iframe { 
		width:300px !important;
	}
	.vid1 p {
		margin: 0 auto;
		width: 300px;
	}
	.vid2 {
		float:left !important;
		width: 100% !important;
	}
	.vid2 iframe { 
		width:300px !important;
	}
	
	.vid2 p {
		margin: 0 auto;
		width: 300px;
	}
	
	
	#header{
		box-shadow:none !important;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	#footer{
		box-shadow:none !important;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	#main {
		box-shadow:none !important;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	#footer .row {
		margin-left:0px !important;
		margin-right:0px !important;
	}
	
	#footer .container {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	#main-content-header .row {
		margin-left:0px !important;
		margin-right:0px !important;
	}
	
	#main-content-header .container {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	.wpb_content_element .row {
		margin-left:0px !important;
		margin-right:0px !important;
	}
	
	.contact-page .row {
		margin-left:0px !important;
		margin-right:0px !important;
	}
	.page-id-273 .page-header.page-header-with-icon {
		width: 90% !important;
	}
	
	.page-id-273 .page-header.page-header-with-icon:last-child {
		
		margin-left:10px  !important;
	}
	.page-id-273  #main-content-header .title {
		display:none;
	}
	

	.page-id-709 .page-header.page-header-with-icon {
		width: 90% !important;
	}
	
	.page-id-709 .page-header.page-header-with-icon:last-child {
		
		margin-left:10px  !important;
	}
	.page-id-709  #main-content-header .title {
		display:none;
	}
	
	
	.xpfand .panel-body {
		overflow:hidden !important;
	}
	.page-id-271 .page-header-with-icon h2 {
		font-size:23px;
	}
	
	
	
	 #xxpfand {
	 	height:750px !important;
	 }
	 .ff {
	 	height:auto !important;
		float:left;
	 } 
	 
	 .wpb_single_image .wpb_wrapper {
	 	text-align:center;
	 }
}

@media (max-width: 595px){
#footer #footer-copyright .copyright, #footer #footer-copyright .f1 {
  float: left;
  width: 100%;
}
}
@media (max-width: 766px){
.navbar-collapse.navbar-header-collapse{min-height:375px;}
#menu-mainnew{width:100%;}
}
@media (min-width: 768px) and (max-width: 1024px) {
	#header .container {
		min-height:168px !important;
	}
	
	
	.fix34 {
float:none!important;
margin-bottom:10px !important;
}
	.carousel-image .item {
		background-position: center !important;
	}
	
	.col-sm-8 {
		width:50% !important;
	}
	
	
	#header .container {
			padding:0px !important;
			margin:0px !important;
	}
	
	#scroll-to-top {
		display:none !important;
	}
	
	#main-content .wpb_row {
		margin:0px !important;
	}
	
	#header .navbar-default {
		border: none  !important;
	}
	#main {
		box-shadow: none  !important;
	}
	
	#wrapper {
		background-position: center 91px !important;
	}
	
	@media (orientation:landscape) {
		.biglogo {
			margin-left: -28px !important;
		}
		
		#header .navbar-default {
					border: none  !important;
		}
		#header .navbar-default .navbar-nav > li > a {
			padding: 4px !important;
		}
		.navbar-brand img {
			width:100%  !important;
		}
		.navbar-header {
			width:35%  !important;
		}
		#wrapper {
			background-position: center 173px !important;
		}
		.pp15 #wrapper, .pp865 #wrapper {
			background-position: center 99px !important;
		}
		/*.pp15 #main-content-header {
		padding: 173px 0 !important;
		}
		#main-content-header {
		padding: 173px 0 !important;
		}*/
		

	}
	@media (orientation:portrait) {
		.vc_custom_1407421114428 .wpb_wrapper p {
			text-align: left;
			word-break: break-word;
			font-size: 13px;
		}
		.vc_custom_1407421114428 .wpb_wrapper h3 {
			text-align: left;
	
		}
		.vc_custom_1407421114428 .wpb_row {
			margin-top:30px !important;
		}
		
		.navbar-header {
			display:block !important;
		}
		
		.biglogo {
			display:none !important;
		}
		
		#xxpfand {
			height: 750px !important;
		}
		
		
		#menu-mainnew {
			background-color:#000000 !important;
		}
		.navbar-nav  {
			margin-top:0px !important;
		}
		
		.panels .panel-item:first-child .panel-big {
			margin-top:60px !important;
		}
		.panel-item {
			padding:5px !important;
		}
		
		#header .navbar-default .navbar-collapse {
			background-image:url(../img/back1.png) !important;
			background-repeat:repeat;
			background-color:transparent !important;
		}
		#menu-mainnew {
			background-color:transparent !important;
		}
		#main-content .wpb_row {
			margin-bottom:35px !important;
		}
		
	}
	
		
	.pp15 {
		/*background-image: none  !important;*/
	}

}


#header .container {
	max-width: 1200px !important;
}

#header .navbar-toggle {
margin-right:10px !important;
}

.panel-body iframe {
/*display:none;*/
}
.xpfand .panel-image {
	cursor: default !important;
}

.vc_box_border_grey {
border:3px solid #000000;
border-style: double;
}

.page-id-701 .vc_row-fluid .vc_span2:first-child {
	width: 8% !important;
}

.page-id-271 .vc_row-fluid .vc_span2:first-child {
	width: 8% !important;
}
.fancy_title {
display: none  !important;
}
#fancy_outer {
z-index:9000!important;
}

.ff {
	border: solid 1px #c4c4c4;
	background-color: whitesmoke;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	width: 99%;
	height: 110px;
	margin: 0 auto;
	padding:10px;
}
#main-content {
	padding-bottom: 20px;
	margin-bottom: 0px;
}
.vc_row-fluid:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
}






@media (min-width: 768px) {
    #header .navbar-default .navbar-collapse {
        background-color: transparent;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

#header .navbar-default .navbar-brand {
    padding: 0;
    float: none;
    display: table-cell;
    vertical-align: middle;
}

#header .navbar-default .navbar-toggle {
    margin: 27px 0 0;
    border-color: white;
    border-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#header .navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

#header .navbar-default .navbar-nav > .open > a {
    background-color: #494f5a;
    background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
    #header .navbar-default .navbar-nav > .open > a {
        background-color: transparent;
    }
}

#header .navbar-default .navbar-nav > .open .dropdown-menu {
    padding: 0;
}

#header .navbar-default .navbar-nav > .open .dropdown-menu > li > a {
    border-bottom: 1px solid;
    padding: 10px 15px 10px 25px;
    border-color: #3f444f;
    border-color: rgba(153, 153, 153, 0.1);
}

@media (min-width: 768px) {
    #header .navbar-default .navbar-nav > .open .dropdown-menu > li > a {
        color: white;
        border-bottom-color: white;
        border-bottom-color: rgba(255, 255, 255, 0.3);
        text-align: center;
        padding: 10px 20px;
        white-space: normal;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }
}
@media (max-width: 390px){
.navbar-brand img{
height:auto;
}
.navbar-brand {
padding-right:5px !important;
}
}
@media (max-width: 827px){
#xxpfand {
  height: 850px !important;
}
iframe .xxxs {
  position: unset !important;
  text-align: center;
}
}
@media (min-width: 1250px){
.pp1139 #main-content-header, .pp531 #main-content-header, .pp731 #main-content-header, .pp501 #main-content-header, .pp699 #main-content-header, .pp18 #main-content-header, .pp695 #main-content-header, .pp636 #main-content-header, .pp712 #main-content-header, .pp17 #main-content-header, .pp690 #main-content-header,.pp271 #main-content-header, .pp701 #main-content-header, .pp16 #main-content-header, .pp697 #main-content-header, .pp273 #main-content-header, .pp709 #main-content-header,.pp662 #main-content-header  {padding:0px !important;min-height:220px  !important;}
.pp15 #main-content-header, .pp865 #main-content-header{padding:0px !important;min-height:330px  !important;}
}
@media (min-width: 800px) and (max-width: 1249px)
{
.pp1139 #main-content-header, .pp531 #main-content-header, .pp731 #main-content-header, .pp501 #main-content-header, .pp699 #main-content-header, .pp18 #main-content-header, .pp695 #main-content-header, .pp636 #main-content-header, .pp712 #main-content-header, .pp17 #main-content-header, .pp690 #main-content-header,.pp271 #main-content-header, .pp701 #main-content-header, .pp16 #main-content-header, .pp697 #main-content-header, .pp273 #main-content-header, .pp709 #main-content-header,.pp662 #main-content-header  {padding:0px !important;min-height:180px  !important;}
.pp15 #main-content-header, .pp865 #main-content-header{padding:0px !important;min-height:250px  !important;}
}
@media (min-width: 600px) and (max-width: 799px)
{
.pp1139 #main-content-header, .pp531 #main-content-header, .pp731 #main-content-header, .pp501 #main-content-header, .pp699 #main-content-header, .pp18 #main-content-header, .pp695 #main-content-header, .pp636 #main-content-header, .pp712 #main-content-header, .pp17 #main-content-header, .pp690 #main-content-header,.pp271 #main-content-header, .pp701 #main-content-header, .pp16 #main-content-header, .pp697 #main-content-header, .pp273 #main-content-header, .pp709 #main-content-header,.pp662 #main-content-header  {padding:0px !important;min-height:140px  !important;}
.pp15 #main-content-header, .pp865 #main-content-header{padding:0px !important;min-height:170px !important;}
}
@media (max-width: 599px){
.pp1139, .pp531, .pp731, .pp501, .pp699, .pp18, .pp695, .pp636, .pp712, .pp17, .pp690,.pp271, .pp701, .pp16, .pp697, .pp273, .pp709,.pp662  {background-size: 300% 158px !important;}
.pp15, .pp865{background-size: 230% auto !important;}
.pp1139 #main-content-header, .pp531 #main-content-header, .pp731 #main-content-header, .pp501 #main-content-header, .pp699 #main-content-header, .pp18 #main-content-header, .pp695 #main-content-header, .pp636 #main-content-header, .pp712 #main-content-header, .pp17 #main-content-header, .pp690 #main-content-header,.pp271 #main-content-header, .pp701 #main-content-header, .pp16 #main-content-header, .pp697 #main-content-header, .pp273 #main-content-header, .pp709 #main-content-header,.pp662 #main-content-header  {padding:0px !important;min-height:160px !important;}
.pp15 #main-content-header, .pp865 #main-content-header{padding:0px !important;min-height:160px !important;}
 }

/* 5) Theme-Farben (Jednotka Optionen) */


    
    ::selection {
        background-color: #ff7d18;
        color: #fff;
    }

    ::-moz-selection {
        background-color: #ff7d18;
        color: #fff;
    }

    code {
        color: #ff7d18;
        background-color: rgba(255,125,24,0.1);
    }

    /*------------------------------------*\
    $LINKS
    \*------------------------------------*/
    a, a:active, a:link, a:visited, .logo-link {
        color: #ff7d18;
    }

    a:hover, a:focus, a.logo-link:hover, a.logo-link:active {
        color: #ff7d18;
        text-decoration: underline;
    }

    a.link-contrast {
        color: #ff7d18;
    }

    a.link-contrast:hover {
        color: #ff7d18;
    }

    /*------------------------------------*\
    $QUOTES
    \*------------------------------------*/
    body, .lead.lead-md, .lead.lead-sm, .lead.lead-xs, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, #main-content-header .title small, .quotes .quote .lead,
    .panel.pricing-table .panel-body .price, .text-boxes .text-box .toolbar .btn-link, .profile-boxes .profile-box .position,
    .accordion .accordion-toggle, .tabbable .nav-tabs > li > a {
        font-family: "Open Sans", "Helvetica Neue", Arial;
    }

    .lead, h1, h2, h3, h4, h5, h6, .panel.pricing-table .panel-body .price .currency, .carousel-blur .big, .carousel-blur .normal, .carousel-contrast .big,
    .carousel-contrast .carousel-blur .normal, .carousel-blur .carousel-contrast .normal, .carousel-contrast .carousel-image .normal,
    .carousel-image .carousel-contrast .normal, .carousel-contrast .normal, .carousel-image .big, .carousel-image .normal, ol.timeline li .time,
    ul.circle-stats li .percent, body.error-page, body.countdown-page {
        font-family: Roboto;
    }

    #wrapper {
        background-image: none;
    }

    #wrapper.homepage-wrapper {
        background-image: none;
    }

    body.boxed {
        background-image: none;
    }

    #header .navbar-default .navbar-brand {
        height: 90px;
    }

    .text-contrast {
        color: #ff7d18 !important; }

    .contrast-bg {
        background-color: #ff7d18 !important; }

    .contrast-border {
        border-color: #ff7d18 !important; }

    .label-contrast {
        background-color: #ff7d18 !important; }

    .badge-contrast {
        background-color: #ff7d18 !important; }

    .progress-bar-contrast {
        background: #ff7d18; }

    #scroll-to-top {
        color: #ff7d18;
    }

    /*------------------------------------*\
    $HEADER
    \*------------------------------------*/

    #header .navbar-default .navbar-toggle:hover, #header .navbar-default .navbar-toggle:focus {
        border-color: #ff7d18;
        background-color: #ff7d18;
    }

    #header .navbar-default .navbar-nav > .open .dropdown-menu > li > a {
        color: #FFFFFF;
    }

    #header .navbar-default .navbar-nav > li .dropdown-menu > .active > a {
        background-color: rgba(0, 0, 0, 0.1);
    }

    #header .navbar-default .navbar-nav > li.active > a,
    #header .navbar-default .navbar-nav > li.active > a:hover,
    #header .navbar-default .navbar-nav > li.active > a:focus {
        background-color: #ff7d18;
    }

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

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

    #header .navbar-default .navbar-nav > li.open > a,
    #header .navbar-default .navbar-nav > li.open > a:hover,
    #header .navbar-default .navbar-nav > li.open > a:focus,
    #header .navbar-default .navbar-nav > li.active > a,
    #header .navbar-default .navbar-nav > li.active > a:hover,
    #header .navbar-default .navbar-nav > li.active > a:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #FFFFFF;
    }

    #header .navbar-default .navbar-nav > .open .dropdown-menu > li > a:hover, #header .navbar-default .navbar-nav > .open .dropdown-menu > li > a:focus {
        background-color: rgba(0, 0, 0, 0.1);
    }

    /*------------------------------------*\
    $FOOTER
    \*------------------------------------*/

    #footer #footer-main [class^="fa-icon-"], #footer #footer-main [class*=" fa-icon-"] {
        color: #ff7d18;
    }

    p.dropcap-contrast span.first-letter {
        background-color: #ff7d18;
    }

    p.dropcap span.first-letter {
        color: #ff7d18;
    }

    blockquote {
        border-left-color: #ff7d18;
    }

    blockquote.pull-right {
        border-right-color: #ff7d18;
    }

    blockquote small {
        color: #ff7d18;
    }

    .page-header.page-header-with-icon > [class^="fa-icon-"], .page-header.page-header-with-icon > [class*=" fa-icon-"], .page-header.page-header-with-icon > [class^="fa-"], .page-header.page-header-with-icon > [class*=" fa-icon-"] {
        color: #ff7d18;
    }

    /*------------------------------------*\
    $QUOTES
    \*------------------------------------*/
    .no-touch .quotes .quote:hover .author-wrapper .author {
        border-top-color: #ff7d18;
    }

    .no-touch .quotes .quote:hover .author-wrapper .author:before {
        border-top-color: #ff7d18;
    }

    /*------------------------------------*\
    $PRICING TABLES
    \*------------------------------------*/
    .panel.pricing-table .panel-body .price {
        color: #ff7d18;
    }

    .panel.pricing-table.pricing-table-solid.panel-contrast .panel-heading {
        background-color: #ff7d18;
    }

    /*------------------------------------*\
    $PANELS
    \*------------------------------------*/
    .panel.panel-image .panel-icon .icon {
        background-color: #ff7d18;
    }

    .panel.panel-big .panel-icon .icon {
        color: #ff7d18;
    }

    .panel.panel-circle-big-contrast .panel-icon .icon {
        background-color: #ff7d18;
    }

    .panel.panel-circle-contrast .panel-icon .icon {
        background-color: #ff7d18;
    }

    .panel.panel-circle-contrast.panel-contrast .panel-icon [class^="fa-icon-"], .panel.panel-circle-contrast.panel-contrast > [class*=" fa-icon-"] {
        background-color: #ff7d18;
    }

    .panel-contrast {
        border-color: #ff7d18;
    }

    .panel-contrast > .panel-heading {
        background-color: #ff7d18;
        border-color: #ff7d18;
    }

    .panel-contrast > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #ff7d18;
    }

    .panel-contrast > .panel-footer {
        background-color: #ff7d18;
        border-color: #ff7d18;
    }

    .panel-contrast > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ff7d18;
    }

    /*------------------------------------*\
    $BOXES
    \*------------------------------------*/
    .text-boxes .text-box .toolbar .btn-link [class^="fa-icon-"], .text-boxes .text-box .toolbar .btn-link > [class*=" fa-icon-"] {
        color: #ff7d18;
    }

    .portfolio-boxes .portfolio-box a:hover .title {
        color: #ff7d18;
    }

    .author-box .title {
        color: #ff7d18;
    }

    /*------------------------------------*\
    $CAROUSELS
    \*------------------------------------*/
    .carousel-indicators .active {
        background-color: #ff7d18;
    }

    .carousel-indicators .active:hover {
        background-color: #ff7d18;
    }

    .carousel-contrast .flex-control-paging a:hover, .carousel-contrast .flex-control-paging a.flex-active {
        background-color: #ff7d18;
    }

    .carousel-image .flex-control-paging a:hover, .carousel-image .flex-control-paging a.flex-active {
        background-color: #ff7d18;
    }

    /*------------------------------------*\
    $TIMELINE
    \*------------------------------------*/
    ol.timeline li:hover .image {
        border-color: #ff7d18;
    }

    ol.timeline li:hover .time {
        color: #ff7d18;
    }

    ol.timeline li:nth-child(odd):hover .image:before {
        border-left-color: #ff7d18;
    }

    ol.timeline li.nth-child-odd:hover .image:before {
        border-left-color: #ff7d18;
    }

    ol.timeline li:nth-child(even):hover .image:before {
        border-right-color: #ff7d18;
    }

    ol.timeline li.nth-child-even:hover .image:before {
        border-right-color: #ff7d18;
    }

    /*------------------------------------*\
    $COMMENTS
    \*------------------------------------*/
    .media .content.staff {
        border-color: #ff7d18;
    }

    .media .content.staff:before {
        border-right-color: #ff7d18;
    }

    /*------------------------------------*\
    $BUTTONS
    \*------------------------------------*/
    p.form-submit {
        background-color: #ff7d18;
    }

    .button-wrapper {
        background-color: #ff7d18;
        border-color: #ff7d18;
    }

    .countdown-page .button-wrapper .btn:hover, .countdown-page .button-wrapper .btn:focus {
        color: #fff;
    }

    .btn {
        background-color: rgba(0, 0, 0, 0);
        color: #fff;
    }

    .button-wrapper .btn:hover, .button-wrapper .btn:focus {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .button-wrapper.btn-bordered .btn:hover, .button-wrapper.btn-bordered .btn:focus {
        background-color: rgba(0, 0, 0, 0);
    }

    .btn.btn-bordered {
        border-color: #ff7d18;
        color: #ff7d18;
        background-color: transparent;
    }

    .btn.btn-bordered:hover, .btn.btn-bordered:focus {
        background-color: rgba(255,125,24,0.1);
    }

    /*------------------------------------*\
    $ACCORDIONS
    \*------------------------------------*/
    .accordion .accordion-toggle {
        background-color: #ff7d18;
    }

    .accordion.accordion-bordered .accordion-toggle {
        color: #ff7d18;
    }

    .accordion.accordion-bordered .accordion-toggle.collapsed:hover {
        color: #ff7d18;
    }

    /*------------------------------------*\
    $TABS
    \*------------------------------------*/
    .tabbable .nav-tabs > li > a:hover {
        color: #ff7d18;
    }

    .tabbable .nav-tabs > li.active > a, .tabbable .nav-tabs > li.active > a:hover, .tabbable .nav-tabs > li.active > a:focus {
        border-top: 4px solid #ff7d18;
    }

    .tabbable.tabs-below .nav-tabs > li.active > a, .tabbable.tabs-below .nav-tabs > li.active > a:hover, .tabbable.tabs-below .nav-tabs > li.active > a:focus {
        border-bottom: 4px solid #ff7d18;
    }

    .tabbable.tabs-left .nav-tabs > li.active > a, .tabbable.tabs-left .nav-tabs > li.active > a:hover, .tabbable.tabs-left .nav-tabs > li.active > a:focus {
        border-left: 4px solid #ff7d18;
    }

    .tabbable.tabs-right .nav-tabs > li.active > a, .tabbable.tabs-right .nav-tabs > li.active > a:hover, .tabbable.tabs-right .nav-tabs > li.active > a:focus {
        border-right: 4px solid #ff7d18;
    }

    /*------------------------------------*\
    $PAGINATION
    \*------------------------------------*/
    .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
    .pagination > .active > span,
    .pagination > .active > span:hover,
    .pagination > .active > span:focus {
        border-color: #ff7d18;
    }

    /*------------------------------------*\
    $NAVS
    \*------------------------------------*/
    .list-group .list-group-item [class^="fa-icon-"], .list-group .list-group-item [class*=" fa-icon-"] {
        color: #ff7d18;
    }

    .list-group .list-group-item.active, .list-group .list-group-item.active:hover, .list-group .list-group-item.active:focus {
        background-color: #ff7d18;
        border-color: #ff7d18;
    }

    .nav-pills > li.active > a {
        background-color: #ff7d18;
    }

    .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        background-color: #ff7d18;
    }

    /*------------------------------------*\
    $ERROR PAGE
    \*------------------------------------*/
    body.error-page .code [class^="fa-icon-"], body.error-page .code [class*=" fa-icon-"] {
        color: #ff7d18;
    }

    /*------------------------------------*\
    $COUNTDOWN PAGE
    \*------------------------------------*/
    body.countdown-page .countdown .countdown-item {
        background-color: #ff7d18;
    }

    @media (max-width: 767px) {
    #header .navbar-default .navbar-nav .open .dropdown-menu > .active > a, #header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, #header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #ff7d18;
    } }

    @media (min-width: 768px) {
        #header .navbar-default .navbar-nav > li .dropdown-menu {
            margin-top: 15px;
            background-color: #ff7d18;
        }

        #header .navbar-default .navbar-nav > li > a:hover span, #header .navbar-default .navbar-nav > li > a:focus span {
            border-bottom-color: #ff7d18;
        }

        #header .navbar-default .navbar-nav > li.open > a span, #header .navbar-default .navbar-nav > li.open > a:hover span, #header .navbar-default .navbar-nav > li.open > a:focus span, #header .navbar-default .navbar-nav > li.active > a span, #header .navbar-default .navbar-nav > li.active > a:hover span, #header .navbar-default .navbar-nav > li.active > a:focus span {
            border-bottom-color: #ff7d18;
        }
    }