/*===General===*/
	.noborder       {border: 0px;}
	.nopadding       {padding: 0 !important;}

	.bggrau         {background-color:#F6F6F6;}
	.bggrau2        {background-color:#EEEEEE;}
	.bgschwarz      {background-color:#000000;}
	.bgorange       {background-color:#DF4212;}
	.bgblau         {background-color:#A3D8E5;}
	.bgbild_projekte_oben      {background-image: url("../images/bild_oben_projekte-verlauf.jpg"); background-repeat: no-repeat; background-size:100%; height:500px;  width: 100%;}
	.bgbild_geschaeftsfuehrung_oben      {background-image: url("../images/bild_oben_haus4-verlauf.jpg"); background-repeat: no-repeat; background-size:100%; height:500px;  width: 100%;}
	.bgbild_insolvenzverwaltung_oben      {background-image: url("../images/bild_oben_haus3-verlauf.jpg"); background-repeat: no-repeat; background-size:100%; height:500px;  width: 100%;}
	.bgbild_sanierungsberatung_oben      {background-image: url("../images/bild_oben_haus2_verlauf.jpg"); background-repeat: no-repeat; background-size:100%; height:500px;  width: 100%;}
	.bgbild_kontakt_oben      {background-image: url("../images/bild_oben_kontakt-verlauf.jpg"); background-repeat: no-repeat; background-size:100%; height:500px;  width: 100%;}
	.bgbild_unternehmen_oben      {background-image: url("../images/bild_oben_unternehmen-verlauf.jpg"); background-repeat: no-repeat; background-size:100%; height:500px;  width: 100%;}
	.bgbild_team_oben      {background-image: url("../images/bild_oben_team-verlauf.jpg"); background-repeat: no-repeat; background-size:100%; height:500px;  width: 100%;}
	
	
	
	.bgbild_peter-juerges_oben {
		background-image: url(../images/bild_oben_hotel-pjuerges2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		background-position: right;
		width: 100%;
	}
	
	.bgbild_vladimir-saal_oben {
		background-image: url(../images/bild_oben_hotel-vsaal.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		background-position: right;
		width: 100%;
	}
	
	
	
	
	.bgbild_peter-juerges_mobile {
		background-image: url(../images/bild_mobile_hotel-pjuerges2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		background-position: right;
		width: 100%;
	}
	
	.bgbild_vladimir-saal_mobile {
		background-image: url(../images/bild_mobile_hotel-vsaal.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		background-position: right;
		width: 100%;
	}
	
	
	
	.bgbild_oben_home2 {
		background-image: url(../images/bild_oben_kaiserstuhl.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		background-position: right;
		width: 100%;
	}
	
	.bgbild_oben_home {
		background-image: url(../images/bild_oben_kaiserstuhl.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		background-position: right;
		width: 100%;
	}

	
	input, textarea, select {width: 340px;}
	input.half {width: 168px;}


	main {
		padding-top: 80px;
	}

	#sidebar {
		padding-top: 110px;
	}

	#sidebar section {
		padding: 20px 0 50px 0;
	}

	#sidebar section .btn {
		margin-bottom: 5px;
	}

	section#keywords .btn {
		margin-bottom: 5px;
	}

	.navbar-collapse.collapse {
		display: none;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}

	nav.navbar {
		padding: 0;
	}

	ul.navbar-nav  {
		display: block;
	}

	.navbar-nav > li {
		float: left;
	}

	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
	}

	.container, .fullwidth {
		margin-bottom: 0px;
	}

	.container.infobox {
		margin-bottom: 100px;
	}

	.btn-orange {
		color: #fff;
		background-color: #DF4212;
		border-color: #DF4212;
	}

	.btn-orange:hover {
		color: #fff;
		background-color: #000000;
		border-color: #000000;
	}

	.fullwidth .row {
		margin-right: 0px;
	}

	.fullwidth .col-md-6 {
		padding-right: 0px;
	}

	.fullwidth img, .infobox img {
		width: 100%;
	}

	.center {
		text-align: center;
		padding: 30px 0 15px 0;
	}


	/* Navbar scrolling */

	.navbar-fixed-top.scrolled {
		background-color: #fff !important;
		transition: background-color 200ms linear;
	}

	.navbar-fixed-top.scrolled .nav-link {
		color:#555;
	}

/*===============Large devices======================*/
@media (min-width: 1200px){
}	
/*===============Medium devices======================*/	
@media (min-width: 992px) {


	
	html {
	  position: relative;
	  min-height: 100%;
	}
	body{
		margin-bottom: 180px!important;
		background-color: #FFFFFF;	
	}

	.impressum{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 180px;
		background-color: #4780CF;
		overflow: hidden;
	}
	.navbar-collapse.collapse {
		display: none ;
	}
	/*.navbar-inverse .in .navbar-nav > li > ul, .navbar-inverse .collapsing .navbar-nav > li > ul  {*/
	/*	display: none !important;*/
	/*}*/
}
/*===============small devices ======================*/
@media (min-width: 768px){

	.navbar-inverse .navbar-nav>li>a {
		padding: 0px 9px 0 9px;
	}

		.impressum{
		position: absolute;
		left: 0;
		right: 0;
		background-color: #4780CF;
		overflow: hidden;
		padding:0 15px;
		padding-bottom: 18vh;

	}
}

/*===============Extra small devices ======================*/

@media (max-width: 767px){

	.navbar-collapse.collapse.in li {
		margin: 50px 30px;
	}
	ul.ul_lv2.mt-5 li, ul.ul_lv2 {
		margin-right: 0px !important;
	}
	.navbar-inverse .navbar-nav > li.active > ul {
		display: block ;
		position: unset !important;
	}
	.navbar-collapse.collapse.in li {
		float: none;
	}
	.navbar-inverse .navbar-nav > li > ul > li{
		display: block !important;
	}
	#logo {
		position: fixed;
		z-index: 2000;
	}

	.navbar-collapse.collapse.in,
	.navbar-collapse.collapsing{
		display: block!important;
		bottom: 0;
		left: 0;
		overflow-x: hidden;
		overflow-y: scroll;
		position: fixed;
		text-align: right;
		top: 0;
		z-index: 100;
	}

	.navbar-collapse.collapse.in ul,
	.navbar-collapse.collapsing ul{
		margin: 50px 30px;
	}
	.navbar-collapse.collapse.in,
	.navbar-collapse.collapsing{
		background-color: #999999;
	}
		.impressum{
		position: absolute;
		left: 0;
		right: 0;
		background-color: #4780CF;
		overflow: hidden;
	} 
	.fontbg{
		font-size:20px !important;
	} 
	.fontbg2{
		font-size:16px !important;
	}
}
/* Debug */
/*[class*="col-"] {
    border: 1px solid red;
}*/
/*===============Extra Extra small devices ======================*/

@media (max-width: 428px){ 
	.fontbg{
		font-size:14px !important;
	} 
	.fontbg2{
		font-size:10px !important;
	}
}

 /* Navbar / burger menu */

	.navbar-inverse{
		background-color: transparent !important;
		border-color: transparent !important;
	}
	
	.navbar.navbar-inverse > .container{
		width: 100%;
		padding: 0;
	}

	.collapse.navbar-collapse {
		border-bottom: 0px #BBBBBB solid;
		padding-bottom: 12px;
		margin: 0 8px;
	}

	ul.navbar-nav{
		float: right;
		/*padding-right: 10px;*/
	}

	ul.navbar-nav > li {
		position: inherit;
	}

	ul.navbar-nav > ul{
		position: relative;
	}

	.navbar-inverse .navbar-toggle .icon-bar {
		background-color: #444 !important;
	}

	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
		background-color: transparent;
	}

	.navbar-inverse .navbar-nav > li > ul {
		display: none;
	}


	.navbar-collapse.collapse.in, .navbar-collapse.collapsing{
		margin: 0;
		display: block;
		overflow: hidden;
	}

	.navbar-inverse .navbar-nav > li.active > ul {
		display: block;
		position: absolute;
		right: 27px;
		top: 60px;
	}

	.navbar-inverse .navbar-nav > li > ul > li{
		float: left;
		margin-left: 20px;
		display: inline;
	}

	/*
	.navbar-collapse.collapse.in,
	.navbar-collapse.collapsing,
	.navbar-collapse.collapse{
		border-color:transparent !important;
	}
*/
	.navbar-toggler {
		background-color: #cecece00;
		border: 1px solid ;
		border-color: rgb(255 255 255 / 0%) !important;
	}
	button.navbar-toggler:focus {
		outline: none;
	}
	.navbar-toggler{
		position: fixed !important;
		right: 30px;
		z-index:100;
	}

	.navbar-toggle:focus,
	.navbar-toggle:hover,
	.navbar-toggle{
		border-color: transparent !important;
		background-color: transparent !important;
	}

	.icon-bar{
		height: 3px !important;
	}

	.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
		opacity: 0;
	}
	.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
		-webkit-transform: translateY(3px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
		background-color: #000;
	}

	.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
		-webkit-transform: translateY(-3px) rotate(-45deg);
		transform: translateY(-6px) rotate(-45deg);
		background-color: #000;
	}
/* End Navbar / burger menu */

@media(min-width: 991px ){
	button.navbar-toggler {
		display: none;
	}
	.navbar-collapse.collapse{
		display: block ;
	}
}

@media (max-width: 1250px){
	.bgbild_home_oben {
		background-image: url(../images/bild_oben_home.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		height: 700px;
		/* min-height: 500px; */
		/* position: absolute; */
		background-position: right;
		background-size: cover;
		width: 100%;
		/* margin-right: 124px; */
	}
}

/*	Card inner Text */
	.position-helper {
		position: relative;
	}
	span.card-img-inner {
		position: absolute;
		z-index: 2;
		margin: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		text-align: center;
		font-size: 13pt;
	}

	span.card-img-inner:hover {
		color: #6eaeae;
		cursor: default;
	}

	.collapse.in {
		display: block;
	}
	.btn-petrol {
		color: #fff;
		background-color: #4780CF;
		border-color: #4780CF;
	}
	.btn-petrol a:hover {
		color: #9FB705;
	}
	.mobile-only{
		display: none;
	}

/* Media Querry Kompetenzen Top Image */
@media (min-width: 992px) and (max-width: 1200px){
	.bgbild_sanierungsberatung_oben,
	.bgbild_geschaeftsfuehrung_oben,
	.bgbild_insolvenzverwaltung_oben,
	.bgbild_kontakt_oben,
	.bgbild_projekte_oben,
	.bgbild_team_oben,
	.bgbild_peter-juerges_oben,
	.bgbild_unternehmen_oben
	{
		height: 400px;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.bgbild_sanierungsberatung_oben,
	.bgbild_geschaeftsfuehrung_oben,
	.bgbild_insolvenzverwaltung_oben,
	.bgbild_kontakt_oben,
	.bgbild_projekte_oben,
	.bgbild_team_oben,
	.bgbild_peter-juerges_oben,
	.bgbild_unternehmen_oben
	{
		height: 300px;
	}
}
@media (min-width: 576px) and (max-width: 767px){
	.bgbild_sanierungsberatung_oben,
	.bgbild_geschaeftsfuehrung_oben,
	.bgbild_insolvenzverwaltung_oben,
	.bgbild_kontakt_oben,
	.bgbild_projekte_oben,
	.bgbild_team_oben,
	.bgbild_peter-juerges_oben,
	.bgbild_unternehmen_oben
	{
		height: 200px;
	}
}
@media (max-width: 575px){
	.bgbild_sanierungsberatung_oben,
	.bgbild_geschaeftsfuehrung_oben,
	.bgbild_insolvenzverwaltung_oben,
	.bgbild_kontakt_oben,
	.bgbild_projekte_oben,
	.bgbild_team_oben,
	.bgbild_peter-juerges_oben,
	.bgbild_unternehmen_oben
	{
		height: 150px;
	}
	.mobile-d-none{
		display: none;
	}
	.mobile-only{
		display: block;
	}
}

@media (min-width: 576px) and (max-width: 1199px){
	.middle-d-none{
		display: none;
	}
	.middle-only{
		display: block;
	}
}

@media (min-width: 1200px) and (max-width: 5000px){
	.big-d-none{
		display: none;
	}
	.big-only{
		display: block;
	}
}