/* bild top für impressum, datenschutz, kontakt */
/* #1e1b39=dunkelblau; #c8191b=rot; #395e6f=blau; #F6F9FF=hellgrau*/

.bildtop_21, .breadcrumbs-01{
width:100%;height:340px;background-image: url("../images/top-schauraum3.jpg");	
background-color:#ffffff; background-position: left center;
background-repeat: no-repeat;  background-size: cover; }
@media (max-width: 470px){
.bildtop_21,.breadcrumbs-01{width:100%;height:260px !important;background-position: center center;}
}
 
@media (max-width: 1024px){
.bildtop_21xxx{height:320px;}
 }
 
.bildtop_21 h3{text-transform:uppercase;}
.bildtop_21 .div1{margin:0px !important;padding:10px !important;background:#fff;float:left;}
.bildtop_21 .div-akt{color:#c8191b; text-transform:uppercase;font-weight:600;font-size:15px;}
.bildtop_21 .div-link{color:#395e6f; text-transform:uppercase;font-weight:600;font-size:15px;}
.bildtop_21 .div-link a{color:#395e6f;}
.bildtop_21 .div-link a:hover{color:#c8191b;}
.bildtop_21 .div-link .ion{font-size:20px;padding-right:5px;}

/* logo */


.logo-top{position:fixed;right:30px;top:20px;z-index:99999;}
.nav-logo-200{min-width:500px;max-width:600px;}

@media (max-width: 1280px){
.logo-top{right:10px;top:20px;}
.logo-top img{width:180px;height:auto;}
}
@media (max-width: 1200px){
.logo-top{right:10px;top:10px;}
.logo-top img{width:170px;height:auto;}
}


.rd-navbar-fullwidth .rd-navbar-search .rd-search {
width: 250px !important; }
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown {
width: 250px !important; }
  .rd-navbar-fullwidth .rd-navbar-dropdown {  width: 250px;  }
.rd-navbar-fixed .rd-navbar-nav-wrap,.rd-navbar-sidebar .rd-navbar-sidebar-inner {  width:270px;  }
  
  
  
@media (max-width: 991px){
.logo-top{right:20px;top:5px;}
.logo-top img{width:150px;height:auto;}
.rd-navbar-nav-wrapxxx{margin-top:-50px !important;}
.rd-navbar-nav-wrap .rd-navbar-nav {margin-top:-90px !important;}
.nav-logo-200{min-width:0px;max-width:0px;height:0 !important;}
}
/*#### startseite slideshow swiper####*/
.swiper-container {max-height: 500px; min-height: 310px;  margin: 0 auto;  position: relative;  overflow: hidden;  z-index: 1;}


@media (max-width: 767px){
	.swiper-container {max-height: 300px; min-height: 210px;}
}
@media (min-width: 10px) {  .swiper-slide:before {    content: none;  }}

.swiper-slide h1, .swiper-slide .heading-1, .swiper-slide h2, .swiper-slide .heading-2, .swiper-slide h3, .swiper-slide .heading-3, .swiper-slide h4, .swiper-slide .heading-4, .swiper-slide h5, .swiper-slide .heading-5, .swiper-slide h6, .swiper-slide .heading-6 {
  color: #fff;}
.swiper-wrapper h2{padding-top:20px !important;}

/*oberste reihe */
.top1{background: #395e6f;padding-top: 25px;  padding-bottom: 15px;color:#fff;text-align:left;font-size:17px;font-weight:500;}
.top1 a{color:#fff;font-size:14px;font-weight:600;}
.top1 a:hover{color:#c8191b !important;}
.top1 .div1 div{float:left;padding-right:20px;}
.pagexxx {  position: relative;  overflow: hidden;}
/*fenster*/
.fenster120{width:120px !important;float:left  !important;margin:0 20px 10px 0  !important;}
.fenster200{width:200px;float:left;margin:0 20px 10px 0;}



.fenster ul {  list-style-type: none;  margin: 0;  padding: 20px 0 20px 0;  overflow: hidden;  background-color: #FAFAFA;}  /*#F2F3F6;*/
.fenster li {  float: left;padding-right:20px;}
.fensterxxx li a{   display: block;}

.fenster .partner{margin-bottom:2px;}
.fenster .partner img{padding:5px !important;background:#fff  !important; }
.fenster .partner img{border:2px solid #c8191b  !important;}
.fenster .partner img:hover{border:2px solid #1E333D  !important;}


ul.ft {
  list-style-type: square; margin: 10px;
  padding: 10px;
}

.trlinie1{position:relative;width:100%;height:1px;background:#536974;}
.trlinie2{position:relative;width:30%;height:3px;background:#c8191b;top:-2px;left:0;}


/*navi*/
.rd-navbar-fullwidth .rd-navbar-aside-right {max-width:1200px;margin-left:auto; margin-right:auto;
  display: flex;  align-items: left;  justify-content: left;
  }
 /* navigation gross */
.rd-navbar-nav{margin-top:-30px !important;margin-bottom:-10px !important;}
.logog{padding-right:500px;}
 
/* navigation */
.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-fullwidth .rd-navbar-nav > li > a {
 font-size: 16px; margin-left:auto; margin-right:auto; 
}
.rd-navbar-static .rd-navbar-nav > li + li {  margin-left: 30px !important;}
.rd-navbar-fullwidth .rd-navbar-nav > li + li {  margin-left: 30px !important;}


.rd-navbar-static .rd-navbar-nav > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
  color: #c8191b; 
}
.rd-navbar-static .rd-navbar-dropdown > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover {
  color: #c8191b; 
  background: transparent;
}
.rd-navbar-nav{padding-top:30px;padding-bottom:8px;}


.rd-navbar-default-with-top-panel.rd-navbar-static, .rd-navbar-default-with-top-panel.rd-navbar-fullwidth {
  padding-left: 0px;
  padding-right: 0px;
}

.rd-navbar-dropdown li{line-height:30px !important;}

/*mobile top */
.rd-navbar-fixed .rd-navbar-panel {
  display: flex;  align-items: center;  position: fixed;  left: 0;  top: 0;  right: 0;
  padding: 0.5px;  height: 70px;  color: #000;  z-index: 999;  }
  .rd-navbar-fixed .rd-navbar-brand img {
  max-height: 60px;   width: auto;  padding-left:20px;}

/*fotogalerie*/
.thumbnail-classic {
  
  border:3px solid #ccc;
}
@media (min-width: 300px) {
  
  
  .desktop .thumbnail-classic .caption {
    transition: .4s all ease;
    opacity: 0;
  }
  .desktop .thumbnail-classic .caption-title,
  .desktop .thumbnail-classic .caption-text {
    transition: 300ms 50ms ease-in-out;
    transform: scale3d(0.7, 0.7, 0);
  }
  .desktop .thumbnail-classic:hover figure {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  .desktop .thumbnail-classic:hover .caption {
    opacity: 1;
  }
  .desktop .thumbnail-classic:hover .caption:before, .desktop .thumbnail-classic:hover .caption:after {
    opacity: 1;
    transform: scale(1);
  }
  .desktop .thumbnail-classic:hover .caption-title,
  .desktop .thumbnail-classic:hover .caption-text {
    transform: scale3d(1, 1, 1);
  }
}

/* main */
h3{padding-bottom:20px;}
p{font-size:16px;font-weight:400;color: #1E1B39 !important;}
strong,b{font-weight:600 !important;}
main{background-color:#ffffff !important;}
main a {  color: #395e6f !important;  text-decoration: none;  transition: all 250ms ease-in;}
main a:hover, a:focus {  color: #c8191b !important;  text-decoration: none;  outline: none;}
main a[href*='callto'], a[href*='mailto'] {  white-space: nowrap;}
h4{font-size:20px !important;}

.button-sw{display: inline-block;  position: relative;background:#fff;padding: 14px 38px !important;  font-size: 16px;  line-height: 20px; font-weight:500;}
.button-sw .fa{font-size:20px !important;}
.button-sw,.button-sw a{color:#395e6f !important;}
.button-sw:hover,.button-sw a:hover,.button-sw a:focus,.button-sw a:active,.button-sw a:visited {color:#c8191b !important;}

.button{background:#395e6f;padding: 8px 20px !important;}
.button .fa{font-size:20px !important;}
.button,.button a{color:#fff !important;}
.button:hover,.button a:hover,.button a:focus,.button a:active,.button a:visited {color:#fff !important;}





@media (max-width: 400px) {
	.mainx{background-size: 100% auto;background-position: center 75%; }
}

@font-face {  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");
  font-weight: normal;  font-style: normal;}
.mdi {  display: inline-block;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  transform: translate(0, 0);}
.mdi:before {  font-family: "Material Design Icons";}
.mdi-phone:before {  content: "\f4e1";}
.mdi-phone-incoming:before {  content: "\f4e6";}
.mdi-clock:before {  content: "\f246";}
.mdi-map-marker:before {  content: "\f440";}
.mdi-format-list-bulleted:before {  content: "\f36e";}
.mdi-calendar-text:before {  content: "\f1eb";}
.mdi-comment-outline:before {  content: "\f278";}
.mdi-contact-mail:before {  content: "\f284";}
.mdi-email-outline:before {  content: "\f2e5";}
.mdi-link-variant:before {  content: "\f42b";}
.mdi-cellphone-iphone:before {  content: "\f216";}

/* fussbereich */

footer {font-weight:400 !important;}
footer .icon-lg {font-size:25px !important;}
footer .blau{background-color:#304F5E; color:#ffffff;}
footer .blau h3, footer .blau .icon-gray-12{color:#ffffff;}
footer .blau h3{font-family: "Roboto", Helvetica, Arial, sans-serif; }
footer .blau h2{color:#ffffff;font-size:18px;}
footer .blau h2{font-family: "Rajdhani", Helvetica, Arial, sans-serif; }
footer .blau a{color:#ffffff;}
footer .blau a:hover{color:#9C9D9F;}


footer .partner img{padding:5px !important;background:#fff  !important; }
footer .partner img{border:2px solid #c8191b  !important;}
footer .partner img:hover{border:2px solid #1E333D  !important;}





footer .kataloge li{line-height:2.3;}
footer .kataloge li a{color:#ccc !important;font-size:14px !important;font-weight:600;}
footer .kataloge li a:hover{color:#c8191b !important;}
footer .kataloge .fa{font-weight:700;font-size:17px;}
footer .kataloge .fa:hover{color:#c8191b !important;}
footer .kataloge span{color:#ccc;font-size:15px;margin-right:5px;}

footer .kontakt{color:#ccc;font-size:15px;font-weight:400;}
footer .kontakt h4{color:#fff;font-size:16px !important;font-weight:600;}
footer .kontakt .icon{float:left;margin-top:5px;margin-right:10px;font-size:18px;}
footer .kontakt .con{float:left;}
footer .kontakt .single{clear:both;margin-top:20px;}
footer .kontakt  a{color:#ccc !important;font-size:15px !important;font-weight:400;}
footer .kontakt a:hover{color:#c8191b !important;}
footer .kontakt .fa{font-weight:700;font-size:20px;}


#kontakt{font-size:16px !important;}
#kontakt h4{color:#395e6f;font-size:18px !important;font-weight:600;}
#kontakt .icon{float:left;margin-top:5px;margin-right:10px;font-size:18px;}
#kontakt .con{float:left;}
#kontakt .single{clear:both;margin-top:20px;}
#kontakt  a{color:#395e6f !important;font-size:16px !important;font-weight:400;}
#kontakt a:hover{color:#c8191b !important;}
#kontakt .fa{color:#395e6f;font-weight:700;font-size:22px;width:22px;}



footer .cell-sm-6, footer .col-md-3{margin-bottom:30px;}

footer .ueb{margin-top:0;margin-bottom:10px;
width:100%;height:32px;background-image: url("../images/border-footer.png");	
background-position: left bottom; background-repeat: no-repeat;}
footer .ueb h2{margin:0 !important;padding:0 !important;}


footer .border1{position: absolute;border-bottom:1px solid #536974;padding-bottom:13px;width:95%;height:1px;}
footer .border2{position: absolute;border-bottom:3px solid #c8191b;padding-bottom:12px;width:25%;height:1px;}

.section-smxxx{padding-bottom:40px;padding-top:40px;}

.breadcrumbs-custom li {color:#395e6f !important;}
.breadcrumbs-custom li .active {  color: #c8191b !important;}


.impr{color:#ffffff !important;border-bottom:1px dotted #ffffff;}
.impr:hover{color:#949599  !important;}

/* impressum */

.impressum .mdi{font-size:20px;}
.impressum a{color:#001822;}
.impressum a:hover{color:#949599;}
.impressum h5{font-family:"Rajdhani", serif; font-size:22px;font-weight:600;}


.table-custom th,.table-custom td {  color: #fff;  background: transparent;}
.table-custom-light th { color:#000;font-size:14px;}
/* background: #9AC61D !important;*/
.table-custom th {padding: 11px 8px;  font-weight: 500 !important;line-height:20px;}
.table-customxxx th {padding: 15px 18px;  font-weight: 500 !important;line-height:20px;}
@media (min-width: 768px) {  .table-customxxx th {    padding: 15px 18px;  }}
.table-custom td {  padding: 11px 10px 11px 10px;}
.table-customxxx td {  padding: 11px 18px 12px;}
.forminp {  padding: 12px 5px 12px 5px;  font-size: 15px;  font-weight: 500;  line-height: 22px;
color: #001822;  background-color: #ffffff;  border: 1px solid #949599;  border-radius: 0;}
.wein_detail{text-decoration:underline;}
.form-input { 
  color: #001822;  background-color: #ffffff;  border: 1px solid #949599;}
.form-label {  color: #949599;}
.pd-container{  
display: block;  position: relative;   padding-left: 35px;  margin-bottom: 12px; cursor: pointer;
-webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;
font-weight:300;
  }

.pd-container input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.pd-checkmark {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  background-color: #ffffff;border: 1px solid #949599;}

.pd-container:hover input ~ .pd-checkmark {  background-color: #ffffff;}
.pd-container input:checked ~ .pd-checkmark {  background-color: #c8191b;}
.pd-checkmark:after {  content: "";  position: absolute;  display: none;}
.pd-container input:checked ~ .pd-checkmark:after {  display: block;}
.pd-container .pd-checkmark:after {  left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}

.responsive_map {height: 0;overflow: hidden;padding-bottom: 56%;position: relative;}
.responsive_map iframe {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}

.kat_box{}
.kat_box .imgbox{width:100%;height:auto;overflow:hidden;  }
.kat_box .imgbox:hover{}
.kat_box .imgbox img{width:100%;
-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(1); /*Mozilla scale version*/
-o-transform:scale(1); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
}
.kat_box .imgbox:hover img{
-webkit-transform:scale(1.2); /* 1.3  Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.pdol-alpha{list-style-type: lower-alpha; padding-left:20px;}
.pdul-none{list-style-type: none; padding-left:20px;}
.rotw{color: #E4001E;}
.weissw{color:#9AC61D;}
.weisswb{border: 5px solid #9AC61D  !important;}
.rotwb{border: 5px solid #E4001E !important;}
.rotwhg{ background: #E4001E !important;}
.weisswhg{ background:#9AC61D  !important;}
.bord-dott{border-bottom:1px dotted #fff;}
.tdb{font-weight:500;}

.quote-footer cite {
  color: #aaaaaa;
  font-size:16px;
  text-transform: none;
  font-weight: 500;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
h2,.heading-2 {  font-size: 40px;  line-height: 0.6;}
@media (min-width: 768px) {
  h2,  .heading-2 {    line-height: 0.93333;    font-size: 60px;  }
}
/*
.quote-default .quote-body svg {
    
  fill: #c8191b;
}
*/

.quote-default .quote-body:before {
  position: absolute;
  top: calc(100% - 15px);
  left: 80px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 19px;
  border-color: transparent transparent transparent #ebebeb;
}

.quote-default .quote-body:after {
  left: 81px;
  position: absolute;
  top: calc(100% - 17px);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 20px;
  border-color: transparent transparent transparent #fff;
}

.inset-left-10 {  padding-left: 10px;}
.inset-left-10 {  padding-left: 0px;}
.inset-left-12 {  padding-left: 12px;}
h5  {  margin-bottom:20px;text-transform: uppercase;font-size:23px;}
h5  {  text-transform: none;}
.list-desc{margin-bottom:20px;}
.circle-list {
  text-align: left;
}
.circle-list {padding-top:20px;}
.circle-list > li {
  position: relative;
padding-left: 20px;
 line-height: 21px;
 
  /*font: 300 17px/24px "Roboto", Helvetica, Arial, sans-serif;*/
 /* color: #151515;*/
}

.circle-list > li:before {
  position: absolute;
  top: -1px;
  left: 0;
  content: "\f10c";
  font: 400 13px/21px "FontAwesome";
  color:#c8191b;
}

.circle-list > li a, .circle-list > li a:active, .circle-list > li a:focus {
  color: inherit;
}

.circle-list > li a:hover {
  color: #001822;
}

.circle-list > li + li {
  margin-top: 10px;
}

.circle-list .w500{font-weight:700;}
.circle-list .ul2{padding-left:0; padding-top:10px;}
.circle-list .ul2 > li{position: relative;padding-left: 20px; line-height: 150%;}
.circle-list .ul2 > li:before {
  position: absolute;
  top: -1px;
  left: 0;
  content: "\f061";
  font: 400 13px/21px "FontAwesome";
  color:#c8191b;
}



.box-minimal-icon1 {
  font-size: 25px;
  line-height: 25px;
  color: #343434;
}

.quote-default-title {
  font-size: 19px;
  font-weight: 300 !important;
 letter-spacing: 0.02em;
 font-style: italic;
  color: #363d41;
}

.quote-default .quote-body {
  position: relative;
  border-top: 0px solid #ebebeb;
  border-bottom: 0px solid #ebebeb;
}

.quote-default .quote-body:before {

  border-color: transparent transparent transparent #fff;
}
@media (max-width: 750px) {
html .range-50xxx {
	margin-left:40px;
}
}

.bereiche .icon1{float:left;height:50px;width:60px;}
.bereiche .icon1 .ion, .bereiche .icon1 .fa{font-size:50px;}
.bereiche .h51{float:left;}
.bereiche .h51 h5{line-height:120%;}
.bereiche  ul{padding-left:60px;padding-top:20px;}

.section-sm-tr{padding-bottom:0px;padding-top:0px;}
.section-sm-tr .txt{padding:20px;background:#E8EBF0;font-weight:500;font-size:19px;}

.section-sm-tr1{padding-bottom:0px;padding-top:0px;}
.section-sm-tr1 .txt{padding:20px;font-weight:500;font-size:19px;
border: 2px solid #c8191b;
  border-radius: 12px;
  
  }


.site-map-link:hover {  color: #c8191b;}