/*.container { width: 1170px; max-width: none !important;}*/

body {
 /*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2rem;
   font-weight: 200;
   background: url('../img/hintergrund_neu.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

strong {
	font-weight: 400;
}
.textrot {
  font-size: larger;
  font-weight: 600;
  color:#34549D;
}
.liste {
  list-style: none;
  padding: 0;
  margin: 0;
}

.liste li {
  padding-left: 1em; 
  text-indent: -.7em;
	font-weight: 400;
	padding-bottom: 0.25em;
}

.liste li::before {
  content: "* ";
	font-weight: 700;
  color: red; /* or whatever color you prefer */
}


a {
	color: #8696C8;
}
a:hover {
	color: #008B55;
}
.transition {
	transition: .35s all;
}

.blur:hover {
	-webkit-filter: blur(2px);
	filter: blur(2px);

}
hr.devider {
	width:50%;
	border-style: dotted;
	border-color: #555;
}
footer a {
	color: #fff;
}
h1, h2, h3, h4, h5, h6, .text-heading {
 color: #555;
}

h1 {
  font-size: 2rem;
}

h2 {
	font-size: 1.5rem;
}
h2.subtitle {
	color: #333;
}
.tagline-upper {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  color: #00612D;
}
.tagline-upper span {
  font-size: 2rem;
  color: #AA7A43;
}
.tagline-lower {
  font-size: 1.5rem;
  line-height: 1;
  color: #00612D;
}

.text-expanded {
  letter-spacing: 2px;
}
.text-hover {
	font-weight: 600;
	color: #46AA44;
	font-size: 1.2rem;
}

.text-300 {
	font-weight: 300;
}
.text-400 {
	font-weight: 400;
}
.text-600 {
	font-weight: 600;
}
.text-700 {
	font-weight: 700;
}

.text-shadow {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.text-shadow-light {
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
}
.text-lg {
  font-size: 1.4rem;
}

.border-image {
	border: 5px solid #fff;
}

.bg-faded {
  background-color: rgba(255, 255, 255, 0.75);
}
.bg-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#106db3+0,21215a+100 */
background: rgb(16,109,179); /* Old browsers */
background: -moz-linear-gradient(left, rgba(16,109,179,1) 0%, rgba(33,33,90,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(16,109,179,1) 0%,rgba(33,33,90,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(16,109,179,1) 0%,rgba(33,33,90,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#106db3', endColorstr='#21215a',GradientType=1 ); /* IE6-9 */

}
.bg-white {
	background-color: rgba(255,255,255,0.5) !important;
}
.bg-gray {
	background-color: rgba(100,100,100,0.5);
}
.bg-color {
	 background: #FFAB00;
}
.bg-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-image {
	background-image: url(../img/bg-image.jpg);
	background-attachment: fixed;	
}
hr.divider {
  border-color: #292b2c;
  max-width: 250px;
}
/***Paddings***/
.pt-6 {
	padding-top: 4.5rem !important;
}
.pt-7 {
	padding-top: 6rem !important;
}
/*** Header ***/
header {
		position: relative;
	}
#carousel .intro-body {
	position: absolute;
	top: 15vw;
	height: 50%;
	background-position: bottom right;
	background-repeat: no-repeat;
	right: 0;
	left: 0;
	}
#carousel-unterseiten .intro-body {
	position: absolute;
	margin-bottom: 0;
	line-height: 1.5;
	top: 25vw;
	height: 50%;
	background-position: bottom right;
	background-repeat: no-repeat;
	right: 0;
	left: 0;
	}
#carousel-unterseiten .intro-body h2 {
		margin-bottom: 0;
		line-height: 1.5;
	}
.border-intro-body {
	border-top: 5px solid #55B255;
	border-bottom: 5px solid #55B255;
}
.intro-body h2 .text-small {
	font-size: 2vw;
}
.intro-body h2 .text-medium {
	font-size: 4vw;
}
.intro-body h1 .text-large {
	font-size: 6vw;
}
@media (min-width: 992px /*lg*/) {
	#carousel .intro-body {
		position: absolute;
		height: 50%;
		background-position: bottom right;
		background-repeat: no-repeat;
		left: 5rem;
	}
	#carousel-unterseiten .intro-body {
		position: absolute;
		top: 13vw;
		height: 30%;
		background-position: bottom right;
		background-repeat: no-repeat;
		right: 0;
		left: 0;
	}

	.intro-body h2 .text-small {
	font-size: 2vw;
	}
	.intro-body h2 .text-medium {
		font-size: 2vw;
	}
	.text-large {
		font-size: 3vw;
	}
}

/** Colors **/
.color-01 {
	color: #004D9C;
}
.color-02 {
	color: #E7000E;
}
.color-03 {
	color: cadetblue;
}
.color-04 {
	color: #FFAB00;
}
/** Links **/

#intro a:hover {
	color: #0056b3;
	text-decoration: none;
}
/** Media Object **/
.media-object {
	max-height: 100%;
	height: 15vh;
}

/** Buttons **/

.btn.btn-layout {
	font-size: 1.5rem;
	border: 1px solid #fff;
	color: #fff;
	background-color: transparent;
}

.btn.btn-layout:hover {
	font-size: 1.5rem;
	border: 1px solid #fff;
	color: #fff;
	background-color: #D6DA00;
}
.btn.btn-info {
	background-color: #106DB3;
	color: #fff;
	border: 1px solid #fff;
}
.btn.btn-info:hover {
	background-color: #282B81;
	color: #fff;
	border: 1px solid #fff;
}
.btn.btn-color {
	border-radius: 0px;
	background-color: #AA7A43;
	color: #fff;
}
.btn.btn-color:hover {
	border-radius: 0px;
	background-color: rgba(170,122,67,0.75);
	color: #fff;
}
.btn-shadow {
	box-shadow: 1px 1px 0px #333;
}

/** Accordion **/
#accordion h5 a {
	color: #E6007C;
}
#accordion h5 a:hover {
	color: rgba(230,0,124,0.80);
}
.card {
	border-radius: 0px;
	margin-bottom: 5px;
}
.card-header {
	border-radius: 0px !important;
}

[data-toggle="collapse"]>i:before {   
  font-family: fontawesome;
  font-size: 24px;
  content: "\f068";
  color: #000;
}

[data-toggle="collapse"].collapsed>i:before {
  font-family: fontawesome;
	font-size: 24px;
  content: "\f067";
  color: #000;
}

/** Footer **/
.footer {
	background-color: rgba(255,255,255,0.5);
}
footer p {
	font-size: 0.9rem;
}

/** Fancybox
.fancybox img {
	border: 1px solid #55B255;
} **/

/*Skew Action Box*/
.action_box {
	 position: relative;
   width: 100%;
   *padding: 40px 20px 10px 10px;
   font-size: 20px;
   background: #FFAB00;
	 z-index: 1;
	 bottom: 80px;
	 border-radius: 5px;
	 color: #fff;
}
.action_box h3 {
	color: #fff;
}
#intro {
  margin-top: -50px;
}
/*.action_box:before {
	content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #004D9C;
    transform-origin: bottom right;
    -ms-transform: skew(0deg, 2deg);
    -webkit-transform: skew(0deg, 2deg);
    transform: skew(0deg, 2deg);
	border-radius: 5px;
}*/



/*.watermark_01:before,
.watermark_02:before,
.watermark_03:before {
	content: '';
	background-position: bottom left;
	background-repeat: no-repeat;
	z-index: -1;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

.watermark_01:before {
	background-image: url(../img/watermark_01.png);
}
.watermark_02:before {
	background-image: url(../img/watermark_02.png);
}
.watermark_03:before {
	background-image: url(../img/watermark_03.png);
}*/

.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
a.referenz {
    font-size: 24px;
    font-weight: 600;
    color: #E20B17;
}
.panel-title>a {
    color: inherit;
}
.collapse {
    display: none;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}
.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd;
}
.panel-body {
    padding: 15px;
}
.refslides {
  list-style: none;
}
#carousel.acccarousel .carousel-item {
  height: auto!important;
}
.more-less {
        color: #f00!important;
        font-size: 24px!important;
        
    }
#mainNav, .dropdown-header, a.dropdown-item {
  font-weight: 600;
  text-transform: uppercase;
}
.watermark_02 {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.watermark_01 p, .watermark_02 p, .watermark_03 p {
  font-weight: 500;
  font-size: 1rem;
}
.watermark_01 h4, .watermark_02 h4, .watermark_03 h4 {
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
}
.btn .btn-nav {
    padding: .5rem 1rem;
    font-weight: 300;
    background-color: #aaaaaa !important;
    color: #fff;
    line-height: 1;
}
.btn:hover .btn-nav:hover {
  color: #d42d24;
  text-decoration: none;
}
#carousel {
  margin-top: 105px;
}
#carousel.panel-carousel {
  margin-top: 5px;
  max-height: 450px;
}
#carousel.acccarousel {
  margin-top: 5px;
}
a:hover{
  color: #d42d24;
  text-decoration: none;
}
.carousel-control-next, .carousel-control-prev {
  opacity: 1 !important;
}
#carousel .carousel-caption {
  right: 0;
  top:0;
  background-color: rgba(255, 255, 255, .7);
  padding:10px;
}
#carousel .carousel-caption {
    top: 15vw;
    right: 0;
    left: inherit;
    max-width: 35vw;
}
.carousel-caption {
    position: absolute;
    right: 0;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.panel-body .col-md-6 {
  max-height: 450px;
}
.portfolio-modal .modal-dialog {
  max-width: none;
  height: 100%;
  margin: 0;
  
}

.portfolio-modal .modal-content {
    min-height: 100%;
    padding: 100px 0;
    text-align: center;
    border: none;
    border-radius: 0;
    background-clip: border-box;
    background: url(../img/kontakt_form_bg.png);
    background-repeat:no-repeat;
    background-size: cover;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 90%;
    margin: 0 auto;
}
  .portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px; }
  .portfolio-modal .modal-content img {
    margin-bottom: 30px; }
  .portfolio-modal .modal-content button {
    cursor: pointer; }

.portfolio-modal .close-modal {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 75px;
  height: 75px;
  cursor: pointer;
  background-color: transparent; }
  .portfolio-modal .close-modal:hover {
    opacity: 0.3; }
  .portfolio-modal .close-modal .lr {
    /* Safari and Chrome */
    z-index: 1051;
    width: 1px;
    height: 45px;
    margin-left: 35px;
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #222222; }
    .portfolio-modal .close-modal .lr .rl {
      /* Safari and Chrome */
      z-index: 1052;
      width: 1px;
      height: 45px;
      /* IE 9 */
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      background-color: #222222; }

.portfolio-modal .modal-backdrop {
  display: none;
  opacity: 0; }