.bg-royalblue {background-color: #C9252C;}
.text-royalblue {color: #C9252C;}
.text-black {color: #000000;}
body {line-height: 24px;}

a {color: #C9252C;}
a:hover {color: #C9252C; text-decoration:underline;}

h2.title {font-size: 30px; line-height: 36px; margin-top:0; margin-bottom:15px;}
h3.copy-border-top {font-size: 1.05rem; margin-top:0; margin-bottom:0px; font-weight:500;}
h3.copy-no-border-top {font-size: 1.05rem; margin-top:0; margin-bottom:0px; font-weight:500;}

.copyHeader {background-color:#ffffff; border-top-left-radius:10px; border-top-right-radius:10px;}
.copyHeader .left {padding: 15px 30px 0px 30px;}
.copyHeader .left img {width:120px;}
.copyHeader .middle {padding: 50px 0px 0px 80px;}
.copyHeader .right {padding: 50px 30px 0px 60px;}

#fifiheader {background-size: auto 150%;}

#intro {padding:60px 0;}

.copy-border-top {border-top:1px dotted #C9252C; padding-top:15px;}
.text-bold {font-weight:500;}

a.slide-content {display:block;}

.slider6 .slide-text {
  bottom: 0;
  top: auto !important;
  -ms-transform: translate(-50%, 0) !important;
  transform: translate(-50%, 0) !important;
  -webkit-transform: translate(-50%, 0) !important;
  -moz-transform: translate(-50%, 0) !important; }

.slider6 .slider-control span {
  width: 53px;
  height: 53px;
  line-height: 53px;
  border-radius: 50%; }

.slider6 .headline {
  line-height: 42px;
  font-size: 36px;
  font-weight:500;
  }

.slider6 .btn-sm {
  border: 1px solid #ffffff; }

.slider6 .slide-content {
  padding: 40px;
  position: relative;
  opacity: 0.9; }

.slider6 .price-tag {
  position: absolute;
  right: -65px;
  top: -65px;
  width: 130px;
  height: 130px;
  padding-top: 37px;
  border-radius: 50%; }
  .slider6 .price-tag span {
    font-weight: 300;
    font-size: 36px;
    line-height: 36px; }

@media (max-width: 767px) {
  .slider6 .slider-control span {
    width: 34px;
    height: 34px;
    line-height: 34px; }
  
}

@media (max-width: 590px) {
  .slider6 .price-tag {
    right: 0;
    top: -80px;
    left: 0;
    margin: auto;
    padding-top: 20px;
    width: 100px;
    height: 100px; }
    .slider6 .price-tag span {
      font-size: 30px; }
    .slider6 .price-tag label {
      font-size: 12px; } }

@media (max-width: 428px) {
  .slider6 .slider-control span {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 12px !important; }
  .slider6 .slide-content {
    padding: 30px 20px; }
  .slider6 .slide-image {
    left: -90%; }
  .slider6 h2 {
    font-size: 22px;
    line-height: 30px; }
  .slider6 .btn-sm {
    padding-left: 25px;
    padding-right: 25px; } }

@media (max-width: 320px) {
  .slider6 .slide-content {
    padding: 30px 15px; }
  .slider6 h2 {
    font-size: 20px; }
  .slider6 .btn-sm {
    padding-left: 20px;
    padding-right: 20px; }
  .slider6 .slide-image {
    height: 390px; } }

.footer1 .f1-topbar {
  border-bottom: 1px dashed rgba(120, 130, 140, 0.13); }
  .footer1 .f1-topbar .navbar {
    padding: 0px; }
    .footer1 .f1-topbar .navbar .navbar-nav .nav-item .nav-link {
      color: #8d97ad;
      display: block;
      padding: 15px 13px; }
    .footer1 .f1-topbar .navbar .navbar-nav .nav-item:hover .nav-link, .footer1 .f1-topbar .navbar .navbar-nav .nav-item.active .nav-link {
      color: #316ce8; }

.footer1 .f1-middle {
  padding: 40px  0; }

.footer1 .f1-bottom-bar {
  padding: 20px 0;
  border-top: 1px solid rgba(120, 130, 140, 0.13); }

.kontaktDaten {font-size:18px; line-height:26px;}
.list-block li {padding:4px 0;}

#aktuelles {padding:20px 20px 5px 20px; border-radius:10px; background-color:#C9252C; color:white; margin-bottom:20px;}
	
#portfolio .card {transition: background-color 0.5s ease;}
#portfolio .card:hover {background-color:#C9252C; color:#ffffff;}
#portfolio .card:hover h4.text-royalblue, #portfolio .card:hover p.text-black, #portfolio .card:hover a {color:#ffffff;}

#logoRow img {width:100%; border-radius:10px; margin-bottom:30px; transition: all .2s ease-in-out;}
#logoRow img:hover {transform: scale(1.1);}

/* ========================================================================================================= */
/* ================================= RESPONSIVENESS ======================================================== */
/* ========================================================================================================= */

/* iPhone 5/SE */
@media (max-width: 374px) {
	
}

/* ========================================================================================================= */
/* ========================================================================================================= */

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) { /*767px*/

	.hideMobile {display:none;}
	.mobileOnly {display:block;}
	
	h1 {font-size: 25px; line-height: 32px;}
	h2 {font-size: 22px; line-height: 26px;}
	h4 {font-size: 18px; line-height: 22px;}
	
	.copyHeader {background-color:#ffffff; border-top-left-radius:0px; border-top-right-radius:0px;}
	.copyHeader .left {padding: 10px 30px 20px 30px; text-align:center;}
	.copyHeader .left img {width:120px;}
	.copyHeader .middle {padding: 10px 30px 10px 30px; border-top:1px dotted #C9252C;}
	.copyHeader .middle span {display:none;}
	.copyHeader .right {padding: 10px 30px 10px 30px; border-top:1px dotted #C9252C; border-bottom:1px dotted #C9252C;}
	.copyHeader .m-r-30 {margin-right:15px;}
	.kontaktDaten {font-size:17px; line-height:23px;}
	.display-5 {font-size: 2.2rem;}
	
	#fifiheader {background-size: cover;}
	
	#intro {padding:30px 0;}
	#leistungen .card-body {padding:0; background-color:transparent!important; margin-top:15px;}
	#leistungen.card.card-shadow {box-shadow:none;}
	.footer1 {margin-bottom:0;}
	.footer1 .links a:first-child {padding-left:0!important;}
	
	.spacer {padding: 30px 0;}
	.logo.m-t-20 {margin-top:5px;}
	h2.title {margin: 0px 0 15px;}
	.btn-circle.btn-lg {width: 50px; height: 50px; padding: 13px 15px;}
	
	.slider6 .slide-content {padding: 20px; min-height:195px;}
	.slider6 .slide-text {position:relative; padding-left: 0px; padding-right: 0px;}
	.slider6 .container {max-width:100%;margin:0;padding:0;}
	.slider6 .carousel-control-next, .slider6 .carousel-control-prev {align-items: flex-end; opacity:1;}
	.slider6 .carousel-control-next span, .slider6 .carousel-control-prev span {background-color:transparent!important; color:#ffffff!important; font-size:16px!important; margin-bottom:10px;}
	
	#portfolio .card {background-color:transparent!important; margin-bottom:0; box-shadow:none; border-top: 1px dotted #C9252C;}
	#portfolio .card:hover h4.text-royalblue, #portfolio .card:hover p.text-black, #portfolio .card:hover a {color:#000000!important;}
	#portfolio .text-center p, #portfolio .text-center h2 {text-align:left!important;}
	
	#marken .text-center p, #marken .text-center h2 {text-align:left!important;}
	
	#logoRow .col-sm-6 {width:50%;}
	
}
	
/* ========================================================================================================= */
/* ========================================================================================================= */

/* Small devices (tablets, 768px and up) Tablets Hochformat */
@media (min-width: 768px) and (max-width: 991px) {
	
	.hideMobile {display:none;}
	.mobileOnly {display:block;}
	
	.container {max-width:100%;}
	.copyHeader {background-color:#ffffff; border-top-left-radius:0px; border-top-right-radius:0px;}
	.copyHeader .left {padding: 15px 30px 0px 30px;}
	.copyHeader .left img {width:120px;}
	.copyHeader .middle {padding: 50px 30px 0px 60px;}
	.copyHeader .middle span {display:none;}
	.copyHeader .right {padding: 50px 20px 0px 20px;}
	.copyHeader .m-r-30 {margin-right:15px;}
	.kontaktDaten {font-size:17px; line-height:24px;}
	.display-5 {font-size: 2.2rem;}
	
	#intro {padding:40px 0;}
	body, .subtitle {line-height: 23px;}
	.footer1 .d-flex {display: flex !important;}
	
	h1 {font-size: 26px; line-height: 32px;}
	.spacer {padding: 40px 0;}
	.logo.m-t-20 {margin-top:5px;}
	h2.title {margin: 0px 0 15px;}
	.btn-circle.btn-lg {width: 50px; height: 50px; padding: 13px 15px;}
	.slider6 h2 {font-size: 24px; line-height: 30px;}
	.slider6 .slide-content {padding: 20px;}
	.slider6 .slide-text {position:relative; padding-left: 0px; padding-right: 0px;}
	.slider6 .container {max-width:100%;margin:0;padding:0;}
	
	#fifiheader {background-size: cover;}
	
	
}

/* ========================================================================================================= */

/* Medium devices (desktops, 992px and up) Tablet Querformat und Nicht Full-HD-Monitore */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.spacer {padding: 40px 0;}
	.logo.m-t-20 {margin-top:5px;}
	h2.title {margin: 0px 0 15px;}
	.btn-circle.btn-lg {width: 50px; height: 50px; padding: 13px 15px;}
	.col-lg-1 {display:none!important;}
	
	h1 {font-size: 26px; line-height: 32px;}
	
	.copyHeader .left {padding: 15px 30px 0px 30px;}
	.copyHeader .left img {width:120px;}
	.copyHeader .middle {padding: 50px 0px 0px 30px;}
	.copyHeader .right {padding: 50px 30px 0px 30px;}
	.copyHeader .m-r-30 {margin-right:15px;}
	
	.kontaktDaten {font-size:18px; line-height:26px;}
	
	#fifiheader {background-size: cover;}
	
}

/* ========================================================================================================= */

@media (min-width: 1200px) and (max-width: 1540px) {
	
	
	
}

/* ========================================================================================================= */

/* Large devices (large desktops, 1680px and up) */
@media (min-width: 1650px) {
}