/* Basic CSS */


.bottom-menunavi {list-style: none;}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
}

h1 {
    text-transform: uppercase;
    color: #57585a;
    font-size: 48px;
}

h2 {
    text-transform: uppercase;
    font-size: 48px;
}

h3 {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 1px;
}

h4 {
    font-size: 20px;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 400;
}

p {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-bottom: 12px;
    line-height: 24px;
}
.pressheader {
    height: 400px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative !important;
}

.pressheadlines {
  position: relative;
    background: rgba(255,255,255,0.75);
    padding: 20px;
    bottom: 0px;
    width: 100%;
}
.caravanlogo {    width: 200px;
    position: absolute;
    right: 0px;
    bottom: 0px;}
#c1938 {margin-top:30px;margin-bottom:30px;margin-left: 10px;}


/* PLATIN LANDINGPAGE */
#c2531 h3 {text-align: center;margin-bottom:35px;}
#c2532 .news-list-view h3 {display: none;}
.landing-page-teaser {margin-bottom:40px !important;}
.landing-page-teaser .backimage {left: 25px;transition: 0.7s ease-in-out;position: absolute;top: -100%;pointer-events: none;width: calc(100% - 50px);}
.lptitle {padding: 20px 20px 15px 20px;text-align: center;color: #000;font-weight: 600;background: #ddd;}
.news-list-item.Messen {margin-bottom:40px;}
.lpteaserbox {overflow: hidden;margin-bottom:40px;}
.lpteaserbox a {display: block;border:5px solid #ddd;}
.lpteaserbox:hover .backimage {top:5px;}
.lpteaserbox .modelrow-bar {
    height: 10px;
    width: calc(100% - 40px);
    display: block;
    position: absolute;
    z-index: 9;
    right: inherit;
    left: 20px;
    top: 0px;
}

.frankiapressheader {padding:10px;z-index: 99;background:rgba(255,255,255, 0.75);position: absolute;top:0px;width:100%;left:0px;}
.frankiapressheader .presslogo img {width:157px;height:auto;}
.frankiapressheader .pressslogan {text-align: right;}
.welcome-init {margin-bottom:15px;}

#c1937 > div > form > fieldset > div:nth-child(5),
#c1937 > div > form > fieldset > div:nth-child(7) {background:#fff;}

.powermail_fieldwrap_type_check .fulllabel {display: none;}
.powermail_fieldwrap_nachname,
.powermail_fieldwrap_nachname_01,
.powermail_fieldwrap_nachname_02,
.powermail_fieldwrap_nachname_03,
.powermail_fieldwrap_nachname_04,
.powermail_fieldwrap_nachname_05,
.powermail_fieldwrap_nachname_06,
.powermail_fieldwrap_funktion,
.powermail_fieldwrap_funktion_01,
.powermail_fieldwrap_funktion_02,
.powermail_fieldwrap_funktion_04,
.powermail_fieldwrap_funktion_05,
.powermail_fieldwrap_funktion_06,
.powermail_fieldwrap_vorname,
.powermail_fieldwrap_vorname_01,
.powermail_fieldwrap_vorname_02,
.powermail_fieldwrap_vorname_03,
.powermail_fieldwrap_vorname_04,
.powermail_fieldwrap_vorname_05,
.powermail_fieldwrap_vorname_06,
.powermail_fieldwrap_e_mailadresse
{float:left;width:calc(33.33333% - 20px);}

.powermail_fieldwrap_marker_01 {float:left;width:calc(33.33333% - 20px);}

.powermail_fieldwrap_anmeldungabsenden {margin-left: 10px;}

.powermail_fieldwrap_e_maildesansprechpartners, .powermail_fieldwrap_telefonnummerfuerruecksprache {float: left; width: calc(50% - 20px);}

#p94 .radio input[type="radio"], #p94 .radio-inline input[type="radio"], #p94 .checkbox input[type="checkbox"], #p94 .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
}

.press-section {padding:20px 0px;background:#efefef;position: relative;}
.press-section:after {content:"";width:100%;display: block;clear:both;}


 .powermail_fieldwrap_marker010101 {margin-left:0px !important}
 .powermail_fieldwrap_marker010101 .checkbox {width:100%;float:left;line-height: 20px;}
 .powermail_fieldwrap_marker010101 .checkbox input {background:#fff;}

 #c1937 .checkbox input {background:#fff;}
 #c1937 .checkbox input:checked {background:#57585a;}

#c1937 .form-horizontal .form-group {
    margin-left: 10px;
    margin-right: 10px;
}

#c1937 .checkbox label {width:calc(100% - 45px);}
#c1937 .form-group .checkbox {width:100%;}
.powermail_fieldwrap_marker010101 {margin-top:20px !important;margin-left:20px !important}

 .powermail_fieldwrap_emaildesansprechpartners,
 .powermail_fieldwrap_telefonnummerfuerruecksprache .powermail_fieldwrap_emaildesansprechpartners, .powermail_fieldwrap_telefonnummerfuerruecksprache {
    float: left;
    width: calc(50% - 20px);}
 .powermail_fieldwrap_emaildesansprechpartners {margin-left:10px !important}
.tx-powermail .col-sm-10 {
    width: 100%;
    padding: 0px;
}




@media (max-width: 750px) {
  #c2532 > div > div > div > div > div {height:auto !important}
  .inspector-description-position {left: 0 !important; top: 0 !important;}
  #c2532 .news-latestlist-home .outerwrap .overlay-wrap {left:0px !important}
  #c2532 .news-latestlist-home h4 {margin-top:20px;font-size:18px;text-align: center;}
  .powermail_fieldwrap_nachname01, .powermail_fieldwrap_funktion, .powermail_fieldwrap_vorname01, .powermail_fieldwrap_vorname02, .powermail_fieldwrap_name01, .powermail_fieldwrap_vorname0101, .powermail_fieldwrap_name0101, .powermail_fieldwrap_name, .powermail_fieldwrap_vorname010101, .powermail_fieldwrap_name010101, .powermail_fieldwrap_vorname01010101, .powermail_fieldwrap_nachname0101, .powermail_fieldwrap_funktion01, .powermail_fieldwrap_funktion02, .powermail_fieldwrap_funktion0101, .powermail_fieldwrap_funktion010101, .powermail_fieldwrap_funktion01010101 {
      float: none;
      width: 100%;
  }
  .powermail_fieldwrap_emaildesansprechpartners, .powermail_fieldwrap_telefonnummerfuerruecksprache .powermail_fieldwrap_emaildesansprechpartners, .powermail_fieldwrap_telefonnummerfuerruecksprache {
    float: none;
    width: 100%;
}
.powermail_fieldwrap_marker010101 {
    margin-top: 20px !important;
    margin-left: 0px !important;
}
.powermail_fieldwrap_emaildesansprechpartners {
    margin-left: 0px !important;
}
.welcome-init {margin-left:-20px;}
.pressheadlines .container {padding:0px;}
.press-section {background:#fff;}
#c1933 .container {padding:0px !important}

  #c1937 .form-horizontal .form-group {    margin-left: 0px;
      margin-right: 0px;}
.pressslogan {display: none;}
.col-xs-6.presslogo {margin:0px;text-align: center;}
.caravanlogo {
    width: 100px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.pressheader {
    height: 250px;
    background-position: 80% center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative !important;
}
.pressheadlines {
    position: relative;
    background: rgba(255,255,255,0.75);
    padding: 20px 0px;
    bottom: 0px;
    width: 100%;
}
#c1937 .powermail_fieldwrap_vorname {
    float: none;
    width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
#c1937 .powermail_fieldwrap_nachname {
    float: none;
    width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.powermail_fieldwrap_marker0101, .powermail_fieldwrap_marker, .powermail_fieldwrap_michvertrittfolgenderkollege, .powermail_fieldwrap_eskommteinfotografausunseremhaus, .powermail_fieldwrap_eskommteinfilmteamausunseremhausmitansprechpartner {
    margin-left: 0px !important;
}
#c1937 .checkbox label {
    width: calc(100% - 25px);
    line-height: 20px;
}
.powermail_fieldwrap_marker01 {
    float: none;
    width: 100%;
}
}


.section-default ul {
    padding-left: 20px;
}

.section-default ul li {
    font-size: 14px;
    margin-bottom: 8px;
}

#pagination-news {
    list-style: none;
    position: absolute;
    bottom: 0px;
    padding-left: 0px;
}

.pageination-item {
    font-size: 14px;
    margin-bottom: 8px;
    display: inline-block;
    padding: 10px;
    background: #333;
    color: #fff;
    margin: 3px;
}

.pageination-item:hover {
    background: #d11d1f;
    cursor: pointer;
}

.news-list-view {
    position: relative;
}

.center {
    text-align: center;
}

#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    height: auto;
    top: 50%;
    transform: translate(0, -50%);
}

#c1724,
#c1830,
#c1833,
#c2056, #c2061, #c2064 {
    padding-left: 80px;
}

.checklabelwin {
    position: relative;
    margin-left: 11px;
    top: 5px;
}

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

#p95 .cc_banner-wrapper {
    display: none !important
}

.container {
    padding: 0px;
}

.frame-well {
    background: none;
    width: 1180px;
    margin: 0 auto;
    border: none;
    box-shadow: none;
}

.section-centered .col-xs-8 img {
    max-width: 200px
}

body {
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    opacity: 0;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}

body.load {
    opacity: 1;
}

.pdf {
    position: relative;
    color: #57585a;
}

.pdf:before {
    content: "\f1c1";
    font-family: FontAwesome;
    margin-right: 7px;
}

.pdf:hover {
    color: #d11d1f;
    text-decoration: underline;
}

.image .pdf:before {
    display: none;
}

figure .caption {
    font-size: 12px;
}

.gallery-item.col-sm-3 figure .caption {
    font-size: 12px;
    padding: 10px 20px;
    word-break: keep-all;
}

p>.btn-default {
    color: #fff !important;
    text-decoration: none;
}

p a {
    color: #333;
    text-decoration: underline;
}

#c14 {
    margin-top: 50px;
}

#p1 #content>div.section.section-default>div>header {
    text-align: center;
}

.content-sidebar h1 {
    color: #57585a
}

#c297,
#c499,
#c1195 {
    margin-top: 70px;
    position: relative;
}

#c393 {
    margin-bottom: 30px;
}

#c253 {
    margin-bottom: 50px;
}

#c393 img {
    width: 60%;
    height: auto;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
}

#c271>div>div>div>div>div>h3, #c2528>div>div>div>div>div>h3, #c2538>div>div>div>div>div>h3{
    display: none;
}

#c7,
#c830,
#c1031 {
    display: block;
}

#c407,
#c1032,
#c831 {
    display: none;
}

.facebook {
    color: #3b5998 !important;
    font-size: 30px;
    float: left;
    line-height: 30px;
    margin-top: 10px;
    transition: all .3s;
}

.instagram {
    display: block;
    font-size: 30px;
    float: left;
    color: #000 !important;
    margin-left: 10px;
    line-height: 30px;
    margin-top: 10px;
    transition: all .3s;
}

.facebook:hover, .instagram:hover {
    color: #b11d1a !important;
}

.img-row:nth-child(2) {
    margin-top: 10px;
}

.col-xs-8 a,
.col-xs-4 a {
    color: #000;
    text-decoration: underline;
}

#p25 .languagemenu,
#p12 .languagemenu {
    display: none;
}

/* #################
 ÜBERARBEITUNG 2019
 ################# */

.carousel-fullscreen .item {
    height: 80vh;
}

.carousel .item .valign {
    width: 100%;
    position: relative;
    display: block;
    min-height: 20vh;
    height: auto;
}

.valign>.vcontainer {
    padding: 0px;
    display: block;
}

.carousel {
    height: auto !important;
    min-height: 100vh;
}

.carousel-inner {
    overflow: initial;
}

.backgroundimage {
    height: 80vh;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.vcontainer p {
    width: 70%;
    margin-bottom: 0px;
}

.redside {
    width: 90%;
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% - 25px);
    transform: translate(-50%, -50%);
    text-align: center;
    border: 1px solid #fff;
    padding: 15px 10px;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.redside:hover {
    background: #fff;
    color: #d11d1f;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 210px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 106px solid #d11d1f;
    position: absolute;
    left: -126px;
}

.fullsizered {
    height: 100%;
    position: relative;
    z-index: 1;
}

.carousel-fullscreen .col-xs-3 {
    height: 100%;
    position: relative;
    display: block;
    background: #d11d1f
}

.carousel-fullscreen .fullsizered:after {
    top: 0px;
    content: "";
    width: 2000px;
    position: absolute;
    left: 0px;
    display: block;
    background: #d11d1f;
    height: 1000px;
    z-index: -1;
}

#p18 .fullsizered:after {
    top: 0px;
    content: "";
    width: 2000px;
    position: absolute;
    left: 0px;
    display: block;
    background: rgba(214, 159, 87, 1);
    height: 1000px;
    z-index: -1;
}

#p18 .arrow-right {
    border-right: 106px solid rgba(214, 159, 87, 1);
}

#p18 .header-content .col-xs-3 {
    background: rgba(214, 159, 87, 1);
}

#p20 .fullsizered:after {
    top: 0px;
    content: "";
    width: 2000px;
    position: absolute;
    left: 0px;
    display: block;
    background: rgba(111, 111, 110, 1);
    height: 1000px;
    z-index: -1;
}

#p20 .arrow-right {
    border-right: 106px solid rgba(111, 111, 110, 1);
}

#p20 .header-content .col-xs-3 {
    background: rgba(111, 111, 110, 1);
}

#p19 .fullsizered:after {
    top: 0px;
    content: "";
    width: 2000px;
    position: absolute;
    left: 0px;
    display: block;
    background: rgba(148, 166, 176, 1);
    height: 1000px;
    z-index: -1;
}

#p19 .arrow-right {
    border-right: 106px solid rgba(148, 166, 176, 1);
}

#p19 .header-content .col-xs-3 {
    background: rgba(148, 166, 176, 1);
}

#p22 .fullsizered:after {
    top: 0px;
    content: "";
    width: 2000px;
    position: absolute;
    left: 0px;
    display: block;
    background: rgba(178, 178, 177, 1);
    height: 1000px;
    z-index: -1;
}

#p22 .arrow-right {
    border-right: 106px solid rgba(178, 178, 177, 1);
}

#p22 .header-content .col-xs-3 {
    background: rgba(178, 178, 177, 1);
}

.powermail_fieldwrap_icherklaeremichdamiteinverstandendassfrankiameinepersonenbezo_genendatenfueranschreibenunde_mailszumarketingzweckennutztundmichregelmaessigperpostodere_mailkontaktiertzurdurchfuehrungdermarketingmassnahmenistfrankiaberechtigtmeinepersonenbezogenendatenanf.form-group .checkbox {
    width: 100%;
}

.powermail_fieldwrap_icherklaeremichdamiteinverstandendassfrankiameinepersonenbezo_genendatenfueranschreibenunde_mailszumarketingzweckennutztundmichregelmaessigperpostodere_mailkontaktiertzurdurchfuehrungdermarketingmassnahmenistfrankiaberechtigtmeinepersonenbezogenendatenanf .checkbox label {
    line-height: 26px;
    position: relative;
    top: 2px;
    left: 20px;
    padding-left: 0px;
}

.powermail_fieldwrap_icherklaeremichdamiteinverstandendassfrankiameinepersonenbezo_genendatenfueranschreibenunde_mailszumarketingzweckennutztundmichregelmaessigperpostodere_mailkontaktiertzurdurchfuehrungdermarketingmassnahmenistfrankiaberechtigtmeinepersonenbezogenendatenanf .col-sm-10 {
    margin-left: 20px;
}

.powermail_fieldwrap_icherklaeremichdamiteinverstandendassfrankiameinepersonenbezo_genendatenfueranschreibenunde_mailszumarketingzweckennutztundmichregelmaessigperpostodere_mailkontaktiertzurdurchfuehrungdermarketingmassnahmenistfrankiaberechtigtmeinepersonenbezogenendatenanf .fulllabel {
    margin-left: 20px;
}

/* WOHNMOBILE NAVIGATION */

.fullsizenavigation {
    right: -100%;
    padding-top: 40px;
    padding-bottom: 40px;
    z-index: 999999;
    width: 100%;
    background: #fff;
    position: fixed;
    top: 70px;
    border-top: 5px solid #d11d1f;
    visibility: hidden;
    opacity: 0;
    transition-property: opacity, visibility;
    transition-duration: 0.8s, 0s;
    transition-delay: 0s, 0.8s;
}

.fullsizenavigation.showmodels {
    left: 0px;
    right: initial;
    visibility: visible;
    opacity: 1;
    transition-delay: 0s, 0s;
}

.fullsizenavigation-overlay {
    z-index: 999;
    display: none;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 100vh;
    top: 70px;
}

.fullsizenavigation .btn-default {
    position: relative;
    top: 20px;
}

.navbar-nav li.dropdown {
    height: 70px;
    position: relative;
}

.navbar-nav li.dropdown:hover a {
    color: #d11d1f;
}

.navbar-nav li.dropdown:hover:after {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #d11d1f;
    bottom: -18px;
    position: absolute;
    font-size: 30px;
    width: 100%;
    text-align: center;
}

/* --- Remove red arrow on site /wohnmobile-und-reisemobile since there's no dropdown --- */
.noArrow:hover:after {
    content: "" !important;
}

.element20 {
    transition: all 0.3s ease-in-out;
    width: 20%;
    box-sizing: border-box;
    padding: 0px 20px;
    float: left;
    min-height: 1px;
    overflow: hidden;
}

.element20 img {
    width: 100%;
    height: auto;
}

.element20:hover {
    transform: scale(1.12);
    transition: all 0.3s ease-in-out;
}

.btn-gradient {
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.btn-gradient:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    font-size: 18px;
    color: #fff;
}

.platin {
    background: rgba(182, 115, 64, 1);
    background: -moz-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(182, 115, 64, 1)), color-stop(100%, rgba(214, 159, 87, 1)));
    background: -webkit-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: -o-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: -ms-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: linear-gradient(to right, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b67340', endColorstr='#d69f57', GradientType=1);
}

.mline {
    background: rgba(60, 60, 59, 1);
    background: -moz-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(60, 60, 59, 1)), color-stop(100%, rgba(111, 111, 110, 1)));
    background: -webkit-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: -o-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: -ms-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: linear-gradient(to right, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3b', endColorstr='#6f6f6e', GradientType=1);
}

.titan {
    background: rgba(116, 140, 153, 1);
    background: -moz-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(116, 140, 153, 1)), color-stop(100%, rgba(148, 166, 176, 1)));
    background: -webkit-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: -o-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: -ms-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: linear-gradient(to right, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#748c99', endColorstr='#94a6b0', GradientType=1);
}

.fline {
    background: rgba(175, 25, 22, 1);
    background: -moz-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(175, 25, 22, 1)), color-stop(100%, rgba(219, 13, 20, 1)));
    background: -webkit-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -o-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -ms-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: linear-gradient(to right, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af1916', endColorstr='#db0d14', GradientType=1);
}

.selection {
    background: rgba(135, 135, 134, 1);
    background: -moz-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(135, 135, 134, 1)), color-stop(100%, rgba(178, 178, 177, 1)));
    background: -webkit-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: -o-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: -ms-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: linear-gradient(to right, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878786', endColorstr='#b2b2b1', GradientType=1);
}

.teasernavigation {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #ededed;
    padding-bottom: 40px;
}

/* COOKIE HINWEIS */

.cc_container {
    background: #57585a !important;
    border-top: 0px !important
}

.cc_container .cc_message {
    color: #fff !important
}

.cc_container .cc_btn {
    background: #d11d1f !important;
    color: #fff !important;
    border-radius: 0px !important;
}

.cc_container .cc_btn:hover {
    background: #b21a1a !important
}

/* HÄNDLERSUCHE ANPASSUNGEN */

.gm-style-iw a {
    color: #000;
    margin-left: 5px;
}

.gm-style-iw p {
    margin-bottom: 0px;
}

.location-manager__tag {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
}

#tx-locationmanager-24-tags>li.category-5:before {
    content: "";
    width: 20px;
    height: 28px;
    background: url(../Images/frankia-servicepartner.png) no-repeat;
    background-size: contain;
    display: inline-block;
    left: 10px;
    position: absolute;
    top: 10px;
}

#tx-locationmanager-24-tags>li.category-5 {
    padding-left: 38px;
    min-height: 48px;
    position: relative;
    line-height: 48px;
}

#tx-locationmanager-24-tags>li.category-6:before,
#tx-locationmanager-24-tags>li.category-31:before {
    content: "";
    width: 20px;
    height: 28px;
    background: url(../Images/frankia-handelspartner.png) no-repeat;
    background-size: contain;
    display: inline-block;
    left: 10px;
    position: absolute;
    top: 10px;
}

#tx-locationmanager-24-tags>li.category-6,
#tx-locationmanager-24-tags>li.category-31 {
    padding-left: 38px;
    min-height: 48px;
    position: relative;
}

#tx-locationmanager-24-tags>li.category-6 span,
#tx-locationmanager-24-tags>li.category-31 span {
    line-height: 17px;
    padding-top: 6px;
    display: block;
}

.location-manager__tags {
    padding-left: 10px !important;
    padding-top: 20px !important
}

#tx-locationmanager-24-tags-reset {
    transition: 0.3s linear;
    display: block;
    height: 48px;
    line-height: 46px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

#tx-locationmanager-24-tags-reset i {
    font-size: 25px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

#tx-locationmanager-24-tags-reset:hover {
    background: #fff;
    color: #000;
    cursor: pointer;
}

.category-38 {
    position: relative;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    height: 48px;
    line-height: 40px;
}

.category-38 span {
    position: relative;
    top: -2px;
}

.category-38:before {
    content: "";
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 7px;
}

.category-38.location-manager__tag_active:after {
    content: "\f00c";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    left: 15px;
    top: 2px;
    font-size: 20px;
    color: #fff;
}

.category-38.location-manager__tag_active {
    font-weight: 400;
}

.category-38:hover {
    background: none;
    cursor: pointer;
}

#c374 a {
    color: #333;
    text-decoration: underline;
}

#c280 .padding-t-b,
#c450 .padding-t-b {
    padding-bottom: 20px;
}

#c281 .padding-t-b {
    padding-top: 30px;
}

.pixel-frankia {
    height: 1px;
    width: 1px;
    position: absolute;
    text-indent: -99999999px;
}

.pswp__caption__center p {
    color: #fff;
}

#c41>div>form>fieldset>div.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_hauptkatalog.form-group>div>div:nth-child(1)>label {
    width: 70%;
    line-height: 18px;
}

.additional-information a {
    color: #57585a;
    text-decoration: underline;
}

#c6>div>div>div.fullsize-background,
#c832>div>div>div.fullsize-background,
#c1033>div>div>div.fullsize-background {
    width: 80%;
    margin: 0 auto;
    padding: 70px 0px;
}

#c6,
#c832,
#c1033 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcb9bb+0,ffffff+50,bcb9bb+100 */
    background: #bcb9bb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #bcb9bb 0%, #ffffff 50%, #bcb9bb 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bcb9bb 0%, #ffffff 50%, #bcb9bb 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bcb9bb 0%, #ffffff 50%, #bcb9bb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcb9bb', endColorstr='#bcb9bb', GradientType=0);
    /* IE6-9 */
}

.navbar-header .search .search-list-item {
    display: none;
}

/* KATALOG ANFORDERN – KATALOG COVER */

#c45 {
    margin-bottom: 30px;
}

#c45 img {
    width: 100%;
    height: auto;
}

#c40 h1,
#c996 h1,
#c1366 h1 {
    color: #fff;
    text-align: center;
    padding-top: 70px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#c40 p:nth-child(2),
#c996 p:nth-child(2),
#c1366 p:nth-child(2) {
    text-align: center;
    color: #fff;
}

/* #####################
#### DETAILS MODELL#####
##################### */

/* TEDDY TABS */

.download-detail {
    margin-top: 30px;
}

.ui-widget-content {
    border: none;
}

.ui-widget-header {
    background: none;
    border: none;
    border-radius: 0px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #f4f4f4;
    border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: none;
    background: #d11d1f;
    color: #fff;
}

.ui-corner-top {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    color: #aaa;
    font-size: 18px;
    padding: 20px 20px;
    font-family: 'Open Sans', sans-serif;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    color: #fff;
}

.ui-tabs .ui-tabs-nav li:focus,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus {
    outline: none;
    -webkit-appearance: none;
}

.ui-tabs .ui-tabs-panel {
    padding: 40px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    -webkit-box-shadow: -1px -1px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -1px -1px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: -1px -1px 3px 0px rgba(0, 0, 0, 0.4);
}

.ui-tabs .ui-tabs-nav {
    padding: 0px;
}

.ui-widget {
    font-family: 'Open Sans', sans-serif;
}

.ui-widget-content a {
    color: inherit;
}

.ui-state-default .ui-state-hover {
    background: #d11d1f;
    color: #fff;
    cursor: pointer;
}

/* INTRO */

.intro-vorteile h3 {
    width: 90%;
    line-height: 130%;
}

.intro-vorteile {
    padding: 70px 0px;
}

.intro-vorteile ul {
    list-style: none;
}

.intro-vorteile ul li {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.intro-vorteile ul li:before {
    content: "\f055";
    font-family: FontAwesome;
    color: #cacaca;
    margin-right: 12px;
    font-size: 36px;
    float: left;
    line-height: 47px;
}

/* GRUNDRISSE */

.layout-layout {
    text-align: left;
    width: 100%;
    margin: 30px 0px;
}

.layout-layout img {
    width: 80%;
    height: auto;
}

.layout-description {
    border-bottom: 1px solid #ddd;
    margin-bottom: 45px;
}

.construction-technology-table {
    margin-bottom: 30px;
}

.layout-description ul {
    list-style: none;
    width: 45%;
    float: left;
    margin-bottom: 25px;
}

.layout-description ul:nth-child(2) {
    margin-left: 5%;
}

.layout-description:after {
    content: "";
    width: 100%;
    display: block;
    clear: both;
}

.layout-description ul li {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.layout-description ul li:before {
    content: "\f055";
    font-family: FontAwesome;
    color: #cacaca;
    margin-right: 12px;
    font-size: 25px;
    float: left;
    line-height: 23px;
}

.btn-default.layout-button {
    font-size: 16px;
    margin-left: 5px;
    color: #fff;
}

.btn-default.layout-button:hover {
    cursor: pointer;
}

/* ##### MODEL BOTTOM ##### */

.model-bottom {
    padding: 70px 0px;
}

/* ACCORDION */

.panel {
    box-shadow: none;
    border: none;
}

.panel-default>.panel-heading {
    position: relative;
    background: #cacaca;
    padding: 0px;
}

.panel-default>.panel-heading:after {
    content: "\f067";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 15px;
    top: 10px;
    pointer-events: none;
}

.panel-default>.panel-heading a {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    padding: 15px;
}

.panel-default>.panel-heading.panel-active {
    background: #d11d1f;
    -webkit-box-shadow: -1px -1px 3px -1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -1px -1px 3px -1px rgba(0, 0, 0, 0.4);
    box-shadow: -1px -1px 3px -1px rgba(0, 0, 0, 0.4);
}

.panel-default>.panel-heading.panel-active:after {
    content: "\f068";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 15px;
    top: 10px;
    pointer-events: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
    padding: 40px;
}

/* ENGINE */

.construction-engine,
.construction-chassis {
    position: relative;
}

.construction-engine:before {
    content: "";
    width: 41px;
    height: 34px;
    background: url(../Images/engine-icon.png) no-repeat;
    display: inline-block;
    margin-right: 15px;
}

.construction-engine span {
    display: none;
    position: relative;
    top: -7px;
    font-size: 14px;
    line-height: 34px;
}

.construction-engine p {
    position: relative;
    top: -3px;
    display: inline-block;
    line-height: 18px;
}

/* CHASSIS */

.Fiat-icon:before {
    content: "";
    width: 47px;
    height: 34px;
    background: url(../Images/fiat-logo.png) no-repeat;
    display: inline-block;
    margin-right: 8px;
    top: 5px;
    position: relative;
    background-size: cover;
}

.benz-icon:before {
    content: "";
    width: 47px;
    height: 34px;
    background: url(../Images/mercedes-benz-logo.png) no-repeat;
    display: inline-block;
    margin-right: 8px;
    top: 1px;
    position: relative;
    background-size: cover;
}

.construction-chassis span {
    position: relative;
    top: -7px;
    font-size: 14px;
    line-height: 34px;
}

.construction-chassis p {
    position: relative;
    top: -7px;
    display: inline-block;
    line-height: 34px;
}

/* HEIGHT / LENGTH / WIDTH */

.default-seat-belts {
    background: #d11d1f;
    border-radius: 50%;
}

.option-mass {
    display: inline-block;
    font-weight: 300;
    padding-left: 4px;
}

.massunit {
    margin-left: 6px;
    display: inherit;
    font-weight: 300;
}
.massunit-highlight {
    margin-left: 6px;
    display: inherit;
    font-weight: 700;
}

.defaultmass {
    font-weight: 700;
    display: inline-block;
}

.construction-technology-table {
    margin: 0px 20px;
    margin-bottom: 30px;
}

.height-length .col-xs-4,
.height-length .col-xs-8 {
    text-align: center;
}

.height-length .col-xs-4 img {
    width: 70%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.height-length .col-xs-8 img {
    width: 85%;
    height: auto;
    position: relative;
    top: -15px;
}

.height-length {
    padding: 40px 0px;
}

.construction-text-small-width {
    padding-top: 10px;
    width: 62%;
    position: relative;
    margin-top: 20px;
    font-size: 14px;
    display: inline-block;
    border-top: 1px solid #000;
}

.construction-text-small-width:before {
    content: "";
    width: 1px;
    height: 20px;
    background: #000;
    display: block;
    position: absolute;
    left: 0px;
    top: -11px;
}

.construction-text-small-width:after {
    content: "";
    width: 1px;
    height: 20px;
    background: #000;
    display: block;
    position: absolute;
    right: 0px;
    top: -11px;
}

.construction-text-highlight {
    line-height: 24px;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
}

.construction-text-small-height {
    position: relative;
    padding-right: 20px;
    width: 20%;
    float: left;
    font-size: 14px;
    text-align: right;
    border-right: 1px solid #000;
    min-height: 240px;
}

.construction-text-small-height .construction-text-highlight {
    display: block;
    position: relative;
    top: -4px;
}

.construction-text-small-height:before {
    content: "";
    width: 20px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 0px;
    right: -10px;
    display: block;
}

.construction-text-small-height:after {
    content: "";
    width: 20px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0px;
    right: -10px;
    display: block;
}

.construction-side-image {
    float: left;
    width: 80%;
    position: relative;
}

.vertical-middle {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    right: 20px;
}

.vertical-middle span {
    line-height: 24px;
}

.construction-text-small-length {
    margin: 0 auto;
    width: 85%;
    font-size: 14px;
    border-top: 1px solid #000;
    position: relative;
    top: -15px;
    padding-top: 10px;
}

.construction-text-small-length:before {
    content: "";
    width: 1px;
    height: 20px;
    background: #000;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 24px;
}

.construction-text-small-length:after {
    content: "";
    width: 1px;
    height: 20px;
    background: #000;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 24px;
}

.row.grey {
    background: #f4f4f4;
    padding: 10px 0px;
}

.row.white {
    padding: 10px 0px;
    background: #fff;
}

/* GURTSITZPLÄTZE */

.construction-table-seatBelts ul {
    list-style: none;
    padding: 0px;
    margin: 10px 0px;
}

.construction-table-seatBelts ul li {
    margin-bottom: 0px;
    margin-right: 7px;
    display: inline-block;
    background: #cacaca;
    color: #fff;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    font-size: 18px;
    font-weight: 400;
}

.construction-table .construction-chassis:before {
    display: none;
}

.construction-table-seatBelts span:before {
    position: relative;
    top: -2px;
}

.construction-table-seatBelts>ul>span {
    font-size: 14px;
    width: 30%;
    float: left;
    line-height: 18px;
    margin-right: 60px;
}

.construction-table-seatBelts span:before {
    float: left;
    margin-right: 15px;
    content: "";
    width: 33px;
    height: 39px;
    display: block;
    background: url(../Images/seat-icon.png) no-repeat;
}

.construction-table-seatBelts>ul li.active {
    background: #d11d1f;
}

/* MASSE IN FAHRBEREITEM ZUSTAND */

.construction-mass span:before {
    position: relative;
    top: 1px;
    float: left;
    margin-right: 15px;
    content: "";
    width: 31px;
    height: 50px;
    display: block;
    background: url(../Images/zuladung-icon.png) no-repeat;
    background-size: contain;
}

.construction-mass span {
    float: left;
    font-size: 14px;
    width: 30%;
    line-height: 18px;
    margin-right: 50px;
}

.construction-mass .construction-text-highlight {
    font-size: 24px;
    line-height: 54px;
}

/* SCHLAFPLÄTZE */

.construction-table-sleeping ul {
    list-style: none;
    padding: 0px;
    margin: 10px 0px;
}

.construction-table-sleeping ul li {
    margin-bottom: 0px;
    margin-right: 7px;
    display: inline-block;
    background: #cacaca;
    color: #fff;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    font-size: 18px;
    font-weight: 400;
}

.construction-table-sleeping span:before {
    position: relative;
    top: -4px;
    float: left;
    margin-right: 15px;
    content: "";
    width: 34px;
    height: 40px;
    display: block;
    background: url(../Images/bed-icon.png) no-repeat;
    background-size: contain;
}

.construction-table-sleeping span {
    margin-right: 60px;
    float: left;
    font-size: 14px;
    width: 30%;
    line-height: 18px;
}

/* ZULADUNG */

.construction-maxpackage {}

.construction-maxpackage .construction-text-highlight {
    font-size: 24px;
    line-height: 54px;
}

.construction-maxpackage span {
    float: left;
    font-size: 14px;
    width: 30%;
    line-height: 18px;
    margin-right: 50px;
    ;
}

.construction-maxpackage span:before {
    position: relative;
    top: 3px;
    float: left;
    margin-right: 15px;
    content: "";
    width: 35px;
    height: 45px;
    display: block;
    background: url(../Images/maximale-zuladung.png) no-repeat;
    background-size: contain;
}

/* STEHHÖHE */

.construction-text-standing-height {}

.construction-text-standing-height .construction-text-highlight {
    font-size: 24px;
    line-height: 54px;
}

.construction-text-standing-height span {
    margin-right: 59px;
    float: left;
    font-size: 14px;
    width: 30%;
    line-height: 18px;
    position: relative;
    top: 9px;
}

.construction-text-standing-height span:before {
    position: relative;
    top: -1px;
    float: left;
    margin-left: 5px;
    margin-right: 19px;
    content: "";
    width: 25px;
    height: 40px;
    display: block;
    background: url(../Images/stand-height-icon.png) no-repeat;
    background-size: contain;
}

/* GESAMTMASSE */

.construction-text-gesamtmasse .construction-text-highlight {
    font-size: 24px;
    line-height: 54px;
}

.construction-text-gesamtmasse span {
    float: left;
    font-size: 14px;
    width: 30%;
    line-height: 18px;
    margin-right: 50px;
}

.construction-text-gesamtmasse span:before {
    position: relative;
    top: 3px;
    float: left;
    margin-right: 15px;
    content: "";
    width: 37px;
    height: 44px;
    display: block;
    background: url(../Images/zulaessige-gesamtmasse.png) no-repeat;
    background-size: contain;
}

/* AUSSTATTUNG */

#accordion-construction-2 ul,
#accordion-construction-3 ul,
#accordion-construction-4 ul,
#accordion-construction-5 ul {
    width: 100%;
    float: none;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

#accordion-construction-2 ul li,
#accordion-construction-3 ul li,
#accordion-construction-4 ul li,
#accordion-construction-5 ul li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    margin-bottom: 3px;
}

#accordion-construction-2 ul li:before,
#accordion-construction-3 ul li:before,
#accordion-construction-4 ul li:before,
#accordion-construction-5 ul li:before {
    color: #cacaca;
    margin-right: 8px;
    content: "\f055";
    font-family: FontAwesome;
    display: inline-block;
    min-height: 20px;
    float: left;
    position: absolute;
    top: 1px;
    width: 30px;
    left: -2px;
}

#accordion-construction-3 p,
#accordion-construction-3 p,
#accordion-construction-4 p,
#accordion-construction-5 p {
    width: 80%;
}

/* SONDERAUSSTATTUNG */

.special-stuff .gallery-item:hover:before {
    transition: 0.4s linear;
    background: #57585a;
    pointer-events: none;
    top: 35%;
    margin-top: -25px;
    text-align: center;
    content: "\f00e";
    font-family: FontAwesome;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    z-index: 999;
    font-size: 30px;
    color: #fff;
}

.special-stuff .gallery-item {
    padding: 0px 20px 20px 20px !important;
    position: relative;
}

/* BOOTSTRAP OVERRIDES */

.caption {
    text-align: center;
}

.frame {
    padding: 0px 0px;
}

.section {
    padding: 0px;
}

.container-fluid {
    margin: 0px;
    padding: 0px;
}

body img {
    width: 100%;
    height: auto;
}

.btn-default {
    background: #d11d1f;
    color: #fff !important;
    border: none;
    transition: 0.4s linear;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none !important
}

.redside .btn-default {
    background: none;
    color: #fff !important;
    border: none;
    transition: 0.4s linear;
    padding: 0;
    font-size: 16px;
    font-weight: inherit;
    text-decoration: none !important
}

.btn-default:hover,
.btn-default:focus {
    outline: none;
    border: none;
    background: #b21a1a;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

.redside .btn-default:hover,
.redside .btn-default:focus,
.redside:hover .btn-default,
.redside:focus .btn-default {
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
    color: #d11d1f !important;
    text-decoration: none;
}

/* HEADER */

.navbar-default,
.navbar-default-transition,
.navbar-default-transition.navbar-transition {
    transition: 0.4s linear;
    border: none;
    background: rgba(255, 255, 255, 0.8);
}

.navbar-default.darkHeader {
    background: #fff;
}

.navbar.navbar-top {
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0px;
    z-index: 99999;
}

.navbar-header-main .navbar-brand {
    line-height: 100%;
    height: auto;
    position: relative;
    top: 34px;
}

.navbar-main>li>.navbar-text,
.navbar-main>li>a {
    transition: 0.4s linear;
    line-height: 69px;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default-transition .navbar-nav>li>a:hover,
.navbar-default-transition.navbar-transition .navbar-nav>li>a:hover {
    color: #d11d1f;
    text-decoration: none;
}

.navbar-default .navbar-nav>.active>a {
    color: #d11d1f
}

/* SUCHE */

.navbar-default #tx-indexedsearch-searchbox-sword {
    max-height: 37px;
    max-width: 300px;
    float: right;
    border: 1px solid #57585a;
    outline: none;
}

.navbar-default .search .media {
    display: none;
}

.navbar-default div.search>p:nth-child(2),
.navbar-default div.search>p:nth-child(3) {
    display: none;
}

#tx-indexedsearch-searchbox-sword:focus {
    outline: none;
    box-shadow: none;
}

.search {
    max-height: 70px;
    display: none;
    position: absolute;
    right: 50px;
    padding: 10px 20px;
    z-index: 99;
}

.search input {
    position: relative;
    top: 6px;
}

#showsearch {
    font-size: 24px;
    color: #b21a1a;
    background: #dfdfdf;
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 10px;
    line-height: 48px;
    cursor: pointer;
}

#showsearch:before {
    content: "\f002";
    font-family: FontAwesome;
}

.hidesearch:before {
    content: "\f00d" !important;
    font-family: FontAwesome !important;
}

.hidesearch {
    display: none;
    font-size: 24px;
    color: #b21a1a;
    background: #dfdfdf;
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 10px;
    line-height: 48px;
    cursor: pointer;
}

/* LOCATION MANAGER */

.location-manager__map-wrapper {
    height: 100vh;
    position: relative;
    top: 70px;
    float: right;
    width: 75%;
}

.fixed-options {
    width: 25%;
    position: absolute;
    left: 0px;
    height: 94vh;
    background: #fff;
    padding: 30px;
    z-index: 9;
    top: 70px;
    margin-bottom: 100px;
    overflow: scroll;
}

#tx-locationmanager-24-search-form {
    background: #fff;
    position: relative;
    z-index: 9;
    text-align: center;
}

.location-manager__search {
    padding: 10px 15px;
    font-size: 14px;
    width: 100%;
}

.location-manager__search:focus {
    outline: none;
}

small,
.small {
    font-size: 14px;
}

.location-manager__button {
    border: 1px solid #d11d1f;
    border-radius: 0px;
    font-size: 14px;
    padding: 11px 15px 11px 15px;
    position: relative;
    top: -1px;
}

.btn-default.location-manager__button {
    border: 1px solid #d11d1f;
    width: 100%;
}

.location-manager__location {
    padding-bottom: 10px;
    width: 100%;
    min-height: 70px;
    float: none;
    border: none;
    border-bottom: 1px solid #333;
    margin: 0px;
}

.location-manager__location__content {
    margin: 0px;
}

.location-manager__locations {
    margin-top: 50px;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.location-manager__location__name {
    background: none;
    padding: 0px;
    color: #57585a
}

.location-manager__location__name h3 {
    font-size: 18px;
}

.location-manager__location .location-manager__button {
    display: none;
}

/* HÄNDLERSUCHE – STARTSEITE */

.haendlersuche {
    padding: 80px 0px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.haendler-icon {
    width: 100px;
    height: auto;
}

.haendlersuche h3 {
    font-size: 36px;
    margin-top: 15px;
    margin-bottom: 0px;
    line-height: 100%;
    color: #fff;
}

.haendlersuche .subline {
    margin-bottom: 15px;
    letter-spacing: 1px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 300;
}

.haendlersuche .frankia-search {
    color: #fff;
    font-size: 16px;
    padding: 12px 12px;
    width: 300px;
    background: rgba(255, 255, 255, 0.55);
    border: 2px solid #fff;
}

.haendlersuche .frankia-search:focus {
    outline: none;
}

.haendlersuche ::-webkit-input-placeholder {
    color: #fff;
}

.haendlersuche ::-moz-placeholder {
    color: #fff;
}

.haendlersuche :-ms-input-placeholder {
    color: #fff;
}

.haendlersuche :-moz-placeholder {
    color: #fff;
}

.haendlersuche .use-your-place {
    display: none;
    color: #fff;
    margin-top: 5px;
    font-size: 14px;
}

.haendlersuche .haendler-wrap {
    position: relative;
    display: inline-block;
}

.haendlersuche .frankia-find {
    width: 53px;
    height: 53px;
    right: 0px;
    background: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0px;
    position: absolute;
}

.haendlersuche .haendler-wrap:after {
    pointer-events: none;
    content: "";
    background: url(../Images/haendlersuche-finden-icon.png) no-repeat;
    width: 32px;
    height: 31px;
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    z-index: 9;
}

/* #########################
######### MODELLE ##########
######################### */

/* MODELROW COLORS */

.modelrow-bar {
    height: 10px;
    width: 85%;
    display: block;
    position: absolute;
    z-index: 9;
    right: 20px;
}

.model-teaser.TITAN {
    background: inherit;
}

.TITAN,
.model-teaser.TITAN .btn-default {
    background: rgba(116, 140, 153, 1);
    background: -moz-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(116, 140, 153, 1)), color-stop(100%, rgba(148, 166, 176, 1)));
    background: -webkit-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: -o-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: -ms-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: linear-gradient(to right, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#748c99', endColorstr='#94a6b0', GradientType=1);
}

.model-teaser.PLATIN {
    background: inherit;
}

.PLATIN,
.model-teaser.PLATIN .btn-default {
    background: rgba(182, 115, 64, 1);
    background: -moz-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: -webkit-gradient(left, right top, color-stop(0%, rgba(182, 115, 64, 1)), color-stop(100%, rgba(214, 159, 87, 1)));
    background: -webkit-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: -o-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: -ms-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: linear-gradient(to right, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b67340', endColorstr='#d69f57', GradientType=1);
}

.model-teaser.F-LINE {
    background: inherit;
}

.F-LINE,
.model-teaser.F-LINE .btn-default {
    background: rgba(175, 25, 22, 1);
    background: -moz-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(175, 25, 22, 1)), color-stop(100%, rgba(219, 13, 20, 1)));
    background: -webkit-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -o-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -ms-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: linear-gradient(to right, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af1916', endColorstr='#db0d14', GradientType=1);
}

.model-teaser.M-LINE {
    background: inherit;
}

.M-LINE,
.model-teaser.M-LINE .btn-default {
    background: rgba(60, 60, 59, 1);
    background: -moz-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(60, 60, 59, 1)), color-stop(100%, rgba(111, 111, 110, 1)));
    background: -webkit-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: -o-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: -ms-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: linear-gradient(to right, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3b', endColorstr='#6f6f6e', GradientType=1);
}

.model-teaser.SELECTION {
    background: inherit;
}

.SELECTION,
.model-teaser.SELECTION .btn-default {
    background: rgba(135, 135, 134, 1);
    background: -moz-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(135, 135, 134, 1)), color-stop(100%, rgba(178, 178, 177, 1)));
    background: -webkit-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: -o-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: -ms-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: linear-gradient(to right, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878786', endColorstr='#b2b2b1', GradientType=1);
}

/* MODELS BASIC */

.model-teaser .btn-default {
    opacity: 0;
    position: relative;
    bottom: -37px;
    width: 100%;
    transition: 0.3 cubic-bezier(0.25, 0.1, 0.25, 1);
}

.overview-models {
    padding: 80px 0px;
}

.overview-models .row {
    margin-bottom: 15px;
}

.model-info {
    padding: 25px 25px 25px 25px;
    background: #ddd;
}

.model-teaser h4 a {
    color: #333;
    text-decoration: none;
}

.model-teaser {
    padding: 0px 20px 40px 20px;
    overflow: hidden;
}

/* IMAGES */

.model-teaser .img-wrap {
    position: relative;
    overflow: hidden;
}

.model-teaser .first-image {}

.model-teaser .img-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 50px solid white;
    border-right: 50px solid transparent;
    z-index: 99;
}

.model-teaser .second-image {
    left: 0px;
    transition: 0.7s ease-in-out;
    position: absolute;
    top: -100%;
    pointer-events: none;
}

.model-teaser:hover .second-image {
    top: 0px;
}

.model-teaser:hover .btn-default {
    bottom: 0px;
    opacity: 1.0;
}

/* VERFÜGBARE GRUNDRISSE */

.model-teaser .possible-view {
    font-size: 14px;
    margin-top: 20px;
}

.model-teaser .possible-view ul {
    list-style: none;
    padding-left: 0px;
}

.model-teaser .possible-view ul li {
    display: inline-block;
    font-size: 14px;
}

.model-teaser .possible-view ul li:after {
    content: "/";
    display: inline-block;
    margin: 0px 6px;
    color: #333;
}

.model-teaser .possible-view ul li:last-child:after {
    display: none;
}

.model-teaser .possible-view ul li a {
    color: #57585a;
    text-decoration: none;
}

.model-teaser .possible-view ul li a:hover {
    color: #d11d1f;
    text-decoration: none;
}

/* MODEL DATA */

.data-table {
    font-size: 14px;
    margin-top: 20px;
}

.data-table .row {
    margin: 0px 0px;
    border-top: 1px solid #000;
}

.data-table .col-xs-4 {
    padding: 15px 10px 0px 10px;
    text-align: center;
    border-left: 1px solid #000;
    min-height: 51px;
}

.data-table .col-xs-4:first-child {
    border: none;
}

.data-table .the-data.round {
    background: #fff;
    line-height: 30px;
    position: relative;
    top: -7px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
}

.data-table .seats:before {
    content: "";
    width: 20px;
    height: 25px;
    background: url(../Images/seats.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 10px;
}

.data-table .sleep:before {
    content: "";
    width: 22px;
    height: 26px;
    background: url(../Images/beds.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 10px;
}

.data-table .length:before {
    content: "L:";
    display: inline-block;
    margin-right: 4px;
    line-height: 30px;
}

/* FILTER MODEL

.filter-wrap {
    background: #ddd;
    padding: 15px 0px;
}

.filter-wrap ul {
    margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
    text-align: center;
}

.filter-wrap ul li {
    font-weight: 300;
    font-size: 16px;
    transition: 0.4s linear;
    display: inline-block;
    margin-bottom: 0px;
}

.filter-wrap ul li:after {
    position: relative;
    top: -1px;
    content: "|";
    display: inline-block;
    margin: 0px 10px 0px 5px;
    color: #333 !important
}

.filter-wrap ul li:last-child:after {
    display: none;
}

.filter-wrap ul li:hover {
    color: #d11d1f;
    cursor: pointer;
}

.filter-integrated-element.active {
    color: #d11d1f;
}

/* FILTER SECOND

.second-wrap {
    background: #57585a;
    color: #fff;
}

.second-filter .row:first-child {
    margin-bottom: 40px;
}

.second-filter {
    display: none;
    position: relative;
    padding: 70px 0px;
}

.second-filter:before {
    content: "\A";
    border-style: solid;
    border-width: 30px 25px 0px 25px;
    border-color: #ddd transparent transparent transparent;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -30px;
}

.filter-layout ul {
    list-style: none;
    padding-left: 0px;
}

.filter-layout-header {
    margin-bottom: 22px;
}

.filter-layout ul li {
    width: 33.3333%;
    float: left;
    margin-bottom: 15px;
}

.filter-layout ul li span {
    display: inline-block;
    width: 50%;
    float: left;
    line-height: 18px;
    font-size: 14px;
    position: relative;
    top: 6px;
}

.filter-layout ul li input[type="checkbox"] {
    position: relative;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: none;
    border: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-right: 12px;
    float: left;
}

.filter-layout ul li input[type="checkbox"]:hover {
    cursor: pointer;
}

.filter-layout ul li input[type="checkbox"].disabled:hover {
    cursor: not-allowed;
}

.filter-layout ul li.disabled:hover {
    cursor: not-allowed;
}

.filter-layout ul li input[type="checkbox"]:focus {
    outline: none;
}

.filter-layout ul li input[type="checkbox"].active:after {
    content: "\f00c";
    font-family: FontAwesome;
    color: #d11d1f;
    font-size: 30px;
    left: 5px;
    top: 5px;
    position: absolute;
}

.filter-layout ul li.disabled {
    opacity: 0.3
}*/

#c7 .carousel-text h1 {
    padding-bottom: 8px;
}

.carousel-control.left {}

.carousel .carousel-control {
    width: 50px;
    opacity: 1.0 !important;
}

.carousel .left .carousel-control-icon {
    left: 0px;
    color: #57585a;
    background: rgba(255, 255, 255, 0.75);
}

.carousel .carousel-control-icon:before {
    color: #57585a;
    border-top: 1px solid #57585a;
    border-right: 1px solid #57585a;
}

.carousel .right .carousel-control-icon {
    right: 0px;
    color: #57585a;
    background: rgba(255, 255, 255, 0.75);
}

.carousel-control {
    top: inherit;
    bottom: 0px;
    height: 50px;
    width: 50px;
    z-index: 9;
}

.carousel-indicators {
    display: none !important;
    opacity: 0 !important;
}

.skipslide {
    letter-spacing: 1px;
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 25px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
    z-index: 999;
    width: 100px;
    left: 50%;
    margin-left: -25px;
    cursor: pointer;
    -webkit-animation-name: Floating-webkit;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: Floating-moz;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
}

@-webkit-keyframes Floating-webkit {
    from {
        -webkit-transform: translate(0, 0px);
    }
    50% {
        -webkit-transform: translate(0, 15px);
    }
    to {
        -webkit-transform: translate(0, -0px);
    }
}

@-moz-keyframes Floating-moz {
    from {
        -moz-transform: translate(0, 0px);
    }
    50% {
        -moz-transform: translate(0, 15px);
    }
    to {
        -moz-transform: translate(0, -0px);
    }
}

.carousel-text {}

.carousel-text h1 {
    font-size: 36px;
    position: relative;
    z-index: 999;
    color: #57585a !important;
    padding: 22px 0px;
    padding-bottom: 12px;
}

.carousel-text h2 {
    font-size: 36px;
    position: relative;
    z-index: 999;
    color: #57585a !important;
    padding: 22px 0px;
    padding-bottom: 12px;
}

.red {
    color: #d11d1f;
}

.carousel-text p {
    padding-left: 5px;
    position: relative;
    z-index: 99;
    color: #57585a;
}

#carousel-7>div>div.item>div>div.carousel-text.vcontainer>p:nth-child(4) {
    margin-top: 12px;
    background: none;
}

/* CAROUSEL – LANDINGPAGE ORDER CATALOG */

#c40,
#c996,
#c1366 {
    margin-top: 70px;
}

#p38 .carousel-text:before {
    display: none;
}

#p38 .get-catalog {
    padding-top: 90px;
    width: 100%;
    vertical-align: top;
    text-align: center;
}

#p38 .get-catalog p {
    width: 100%;
    text-align: center;
    margin-top: 0px;
    color: #fff;
}

#p38 .get-catalog h1 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 40px;
    position: relative;
    z-index: 999;
    color: #57585a !important;
    text-align: center;
}

#p38 .skipslide {
    bottom: 95px;
    width: 100%;
    margin-left: 0px;
    left: inherit;
}

#p38 .skipslide:before {
    background: #d11d1f;
    padding: 5px 10px;
    content: "Jetzt Katalog anfordern";
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: 10px;
}

#p38.language-1 .skipslide:before {
    background: #d11d1f;
    padding: 5px 10px;
    content: "Request Catalogue";
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: 10px;
}

#p38 .skipslide-btn {
    display: inline-block;
    background: #d11d1f;
    color: #fff;
    border: none;
    transition: 0.4s linear;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 300;
}

#p38 .skipslide-btn:hover {
    background: #b21a1a;
    cursor: pointer;
}

#carousel-40>div>div.skipslide>i,
#carousel-996>div>div.skipslide>i,
#carousel-1366>div>div.skipslide>i {
    display: block;
    margin-top: 10px;
}

/* KONTAKTSEITE */

#p13 .lightgrey-foot {
    margin-top: 0px;
}

#c375 {
    margin-top: 60px;
}

/* ####################
######### POWERMAIL ###
#################### */

.powermail_fieldwrap_type_html .col-sm-offset-2 {
    margin-left: 0px;
}

.powermail_fieldwrap_type_text .col-sm-offset-2 {
    margin-left: 0px;
    margin-top: 20px;
    font-size: 12px;
}

.powermail_fieldwrap_absenden .col-sm-offset-2 {
    margin-left: 0px;
    padding-left: 0px;
}

.powermail_fieldwrap_type_textarea label {
    display: none;
}

.powermail_fieldset select {
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.powermail_fieldset .form-control {
    border: 1px solid #666;
}

.powermail_fieldset .form-control::-webkit-input-placeholder {
    color: #333;
}

.powermail_fieldset .form-control::-moz-placeholder {
    color: #333;
}

.powermail_fieldset .form-control::-ms-input-placeholder {
    color: #333;
}

.powermail_fieldset .form-control::-moz-placeholder {
    color: #333;
}

.powermail_fieldset .form-control:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #666;
}

.powermail_fieldwrap_type_select .col-sm-10 {
    position: relative;
}

.powermail_fieldwrap_type_select .col-sm-10:after {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    right: 36px;
    top: 7px;
    color: #333;
    pointer-events: none;
}

.fulllabel {
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}

.powermail_fieldwrap_hauptkatalog {
    margin-left: 0px !important;
}

.checkbox input[type="checkbox"] {
    cursor: pointer;
    line-height: 28px;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 0px;
    border: 1px solid #666;
    width: 30px;
    height: 30px;
}

.checkbox input[type="checkbox"]:focus {
    outline: none;
}

.checkbox input[type="checkbox"]:checked {
    background: #57585a;
    color: #fff;
}

.checkbox input[type="checkbox"]:checked:after {
    content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    font-size: 20px;
}

.form-group .checkbox {
    width: 33%;
    float: left;
    font-size: 14px;
    line-height: 40px;
}

.powermail_fieldwrap_kataloganfragen .col-sm-offset-2 {
    margin-left: 0px;
    padding-left: 0px;
}

/* ANFRAGE FORMULAR */

.tx-powermail .col-sm-10 {
    width: 100%;
}

.tx-powermail .col-sm-offset-2 {
    margin-left: 0px;
}

.powermail_fieldwrap_type_radio .control-label {
    display: none;
}

.radio input[type="radio"] {
    cursor: pointer;
    line-height: 28px;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 0px;
    border: 1px solid #666;
    width: 30px;
    height: 30px;
    background: #fff;
}

.powermail_fieldset_1 .powermail_fieldwrap_vorname {
    float: left;
    width: calc(50% - 8px);
    margin-right: 8px;
}

.powermail_fieldwrap_vorname input {
    width: 100%;
}

.powermail_fieldset_1 .powermail_fieldwrap_nachname {
    float: right;
    width: calc(50% - 7px);
    margin-left: 7px;
}

.radio input[type="radio"]:focus {
    outline: none;
}

.radio input[type="radio"]:checked {
    background: #57585a;
    color: #fff;
}

.powermail_fieldwrap_anrede .radio {
    width: 50%;
    float: left;
}

.radio input[type="radio"]:checked:after {
    content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    font-size: 20px;
}

.radiolabel {
    margin-left: 15px;
}

.powermail_fieldwrap_grundrisswaehlen {
    margin-bottom: 0px;
}

#c396,
#c399,
#c429,
#c430,
#c431,
#c432,
#c433,
#c434,
#c435,
#c436,
#c437,
#c438,
#c439,
#c440,
#c441,
#c442,
#c443,
#c444,
#c445,
#c446,
#c447,
#c448,
#c449,
#c2424 {
    text-align: center;
    padding: 80px 0px;
    background: url(../Images/frankia-haendlersuche.png) no-repeat;
    background-size: cover;
    color: #fff;
}

#c429 form,
#c430 form,
#c431 form,
#c432 form,
#c433 form,
#c434 form,
#c435 form,
#c436 form,
#c437 form,
#c438 form,
#c439 form,
#c440 form,
#c441 form,
#c442 form,
#c443 form,
#c444 form,
#c445 form,
#c446 form,
#c447 form,
#c448 form,
#c449 form,
#c2424 form {
    width: 90%;
    margin-left: 5%;
}

.powermail_fieldwrap_anrede {
    text-align: left;
}

.powermail_fieldwrap_anrede .radio:nth-child(2) {
    padding-left: 40px;
}

#c396 p,
#c399 p,
#c429 p,
#c430 p,
#c431 p,
#c432 p,
#c433 p,
#c434 p,
#c435 p,
#c436 p,
#c437 p,
#c438 p,
#c439 p,
#c440 p,
#c441 p,
#c442 p,
#c443 p,
#c444 p,
#c445 p,
#c446 p,
#c447 p,
#c448 p,
#c449 p,
#c2424 p {
    color: #fff;
    font-size: 16px;
}

.powermail_fieldwrap_anfrageabsenden .col-sm-offset-2 {
    padding-left: 0px;
}

/* ####################
##### GRIDELEMENTS ####
#####################*/

.padding-t-b {
    padding: 70px 0px;
}

.content-left ul {
    background: #efefef;
    padding: 30px;
    list-style: none;
}

.content-left ul li {
    position: relative;
    font-size: 18px;
}

.content-left ul li:before {
    color: #cacaca;
    margin-right: 8px;
    content: "\f055";
    font-family: FontAwesome;
    display: inline-block;
}

.container.content-50-50 {
    width: 100%;
}

.t3ddy-item .container {
    width: 100%;
}

.t3ddy-item .padding-t-b {
    padding: 20px 0px;
}

.t3ddy-item h4 {
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 18px;
}

h4.media-heading {
    font-size: 14px;
    text-transform: none;
    margin-bottom: 3px;
}

.uploads-fileicon {
    display: none;
}

ul.media-list {
    padding-left: 0px;
    margin-top: 20px;
}

.uploads-filesize {
    position: relative;
}

.uploads-filesize:before {
    content: "(";
    display: inline-block;
    margin-left: 3px;
}

.uploads-filesize:after {
    content: ")";
    display: inline-block;
}

/* 33/66 Aufteilung */

.t3ddy-item .sidebar-content .col-xs-4 {
    padding: 20px 20px 20px 20px;
    background: #F2EFEF;
}

.t3ddy-item .sidebar-content .col-xs-4:after {
    content: "";
    border-style: solid;
    z-index: 99;
    border-width: 40px 0px 40px 60px;
    border-color: transparent transparent transparent #F2EFEF;
    position: absolute;
    right: -60px;
    top: 20px;
}

.t3ddy-item .content-sidebar .col-xs-4 {
    padding: 20px 20px 20px 20px;
    background: #F2EFEF;
}

.t3ddy-item .content-sidebar .col-xs-4:before {
    content: "";
    border-style: solid;
    border-width: 40px 60px 40px 0;
    border-color: transparent #F2EFEF transparent transparent;
    position: absolute;
    left: -60px;
    top: 20px;
}

.t3ddy-item #c255 .content-sidebar .col-xs-4,
.t3ddy-item #c1168 .content-sidebar .col-xs-4,
.t3ddy-item #c967 .content-sidebar .col-xs-4 {
    background: none;
}

.t3ddy-item #c255 .content-sidebar .col-xs-4::before,
.t3ddy-item #c1168 .content-sidebar .col-xs-4:before,
.t3ddy-item #c967 .content-sidebar .col-xs-4:before {
    display: none;
}

.t3ddy-item #c61 h4,
.t3ddy-item #c1168 h4,
.t3ddy-item #c967 h4 {
    text-transform: none;
    margin-bottom: 0px;
}

#c61 .panel-default>.panel-heading a,
#c1168 .panel-default>.panel-heading a,
#c967 .panel-default>.panel-heading a {
    text-transform: none;
    text-decoration: none;
}

#c61 .panel-default>.panel-heading+.panel-collapse>.panel-body,
#c1168 .panel-default>.panel-heading+.panel-collapse>.panel-body,
#c967 .panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding: 20px;
}

#c61 .panel-default>.panel-heading:after,
#c1168 .panel-default>.panel-heading:after,
#c967 .panel-default>.panel-heading:after {
    top: 6px;
}

#c259 img {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

/* VORTEILE */

.bildergal {
    overflow: hidden;
}

.ui-accordion .ui-accordion-content {
    padding: 10px 10px 0px 10px;
    overflow: hidden;
    background: #efefef;
}

.t3ddy-accordion .ui-state-active,
.t3ddy-accordion .ui-widget-content .ui-state-active,
.t3ddy-accordion .ui-widget-header .ui-state-active {
    text-align: center;
}

.t3ddy-accordion .ui-icon {
    display: none;
}

.t3ddy-accordion .ui-accordion .ui-accordion-header {
    text-align: center;
}

.t3ddy-accordion .ui-corner-all {
    border-radius: 0px;
    text-align: center;
}

/* #####################
######### DCEs #########
######################*/

/* BILDERGALERIE */

#c343 img,
#c344 img,
#c345 img,
#c347 img,
#c1103 img,
#c902 img,
#c910 img,
#c1111 img {
    border: 1px solid #000;
    width: 60%;
    margin-bottom: 30px;
}

#c347 img {
    max-height: 214px;
}

#c329>div>div>div:nth-child(1)>a>div.img-box>img {
    top: -256px;
}

.pswp__caption__title {
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.pswp__caption__subtitle {
    color: #fff;
}

.img-element {
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    padding: 0px 5px;
    margin-bottom: 10px;
}

.img-element a {
    color: #fff;
    text-decoration: none;
}

.img-element:hover .overlay-img {
    bottom: 0px;
}

.img-box {
    height: 340px;
    overflow: hidden;
    position: relative;
}

.img-box img {
    position: absolute;
    min-height: 340px;
}

.overlay-img {
    min-height: 340px;
    position: absolute;
    bottom: -300px;
    opacity: 1.0;
    padding: 20px;
    padding-top: 10px;
    background-color: rgba(0, 0, 0, 0.75);
    transition: 0.5s linear;
    width: 97.38%;
    z-index: 9;
}

.overlay-img {
    text-align: center;
}

.overlay-img p {
    color: #fff;
    text-align: center;
}

.overlay-img i {
    transition: 0.4s linear;
    font-size: 24px;
    margin-top: 15px;
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-left: -12px;
}

.overlay-img i:hover {
    color: #d11d1f;
}

/* FULLSIZEBANNER DCE */

.fullsizebanner {
    position: relative;
    min-height: 458px;
}

.content-fullsizebanner {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    display: block;
}

.content-fullsizebanner .btn {
    position: absolute;
    bottom: 40px;
    display: block;
    left: 50%;
    margin-left: -84px;
}

.fullsizebanner h3 {
    margin-top: 60px;
    margin-bottom: 0px;
    padding-bottom: 2px;
}

.fullsizebanner span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

/* FIXED SIDEBAR DCE  */

.fixed-sidebar {
    position: fixed;
    z-index: 999 !important;
}

.iconwrap {
    right: -161px;
    position: fixed;
    padding-left: 15px;
    transition: 0.6s linear;
    width: 220px;
    text-align: left;
    line-height: 50px;
    background: #57585a;
    height: 50px;
    display: block;
    margin-bottom: 3px;
}

.iconwrap img {
    width: auto;
    height: 33px;
    display: inline-block;
}

.iconwrap span {
    padding-left: 15px;
    position: relative;
    width: auto;
    color: #fff;
    display: inline-block;
}

#iconwrap-1 {
    top: 300px;
}

#iconwrap-2 {
    top: 355px;
}

#iconwrap-3 {
    top: 410px;
}

#iconwrap-4 {top:465px;}
#iconwrap-5 {top:520px;}
#iconwrap-5 img {position: relative; margin-left: -2px; margin-top: -2px;}
#iconwrap-4 img {position: relative;margin-left: -3px;margin-top: -4px;}


#iconwrap-3 img {
    height: 28px;
    position: relative;
    top: -2px;
}

#iconwrap-3 span {
    line-height: 50px;
}

.icon-inner {
    display: inline-block;
    height: 100%;
    z-index: 99;
    position: relative;
}

.iconwrap:hover {
    background: #b21a1a;
    right: 0px;
    transition: 0.6s linear;
}

/* INTRO – FULLSCREEN DCE */

.background-full {
    height: 100vh;
    overflow: hidden;
}

.background-full img {
    height: auto;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.full-wrap {
    position: absolute;
    top: 10%;
    z-index: 9;
}

.fullsize-headline {
    margin-top: 15px;
    position: relative;
    z-index: 99;
    line-height: 1.1em;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 300;
    width: 60%;
    display: block;
}

.fullsize-subline {
    position: relative;
    z-index: 99;
}

.full-wrap:before {
    height: auto;
    width: 80%;
    position: absolute;
    left: -15%;
    min-height: 160px;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.75);
    -webkit-transform: skew(-29deg);
    -moz-transform: skew(-29deg);
    -o-transform: skew(-29deg);
    transform: skew(-29deg);
    z-index: 9;
}

/* INFORMATIONS ICONS + TEXT DCE */

.container.icon-section {
    padding: 70px 0px 0px 0px;
}

.icon-section .col-xs-3 {
    text-align: center;
}

.icon-section h3 {
    text-align: center;
    margin-bottom: 40px;
}

.element-5 {
    float: left;
    width: 20%;
    padding: 0px 10px;
    text-align: center;
}

.rounded {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    background: #57585a;
    text-align: center;
    border-radius: 50%;
    line-height: 60px;
    color: #fff;
    font-size: 28px;
}

.rounded:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.rounded:before {
    position: absolute;
    left: -7px;
    top: -7px;
    content: "";
    display: block;
    width: 75px;
    height: 75px;
    border: 2px solid #57585a;
    border-radius: 50%;
}

.highlight {
    font-size: 14px;
    font-weight: 700;
}

p.vorteil {
    font-size: 14px;
    margin-bottom: 70px;
    width: 70%;
    margin-left: 15%;
}

#c49 .content-fullsizebanner .btn,
#c990 .content-fullsizebanner .btn,
#c1191 .content-fullsizebanner .btn {
    bottom: inherit;
}

/* CHRONIC DCE */

.chronik {
    padding: 70px 0px;
    overflow: hidden;
}

.zeitstrahl .caroufredsel_wrapper {
    min-height: 153px;
    overflow: inherit !important;
}

.zeitstrahl ul {
    list-style: none;
    padding-left: 0px;
}

.list_carousel.zeitstrahl {
    position: relative;
}

.zeitstrahl ul li {
    float: left;
    text-align: center;
}

.list_carousel li .event {
    width: 60%;
    margin-left: 20%;
}

.list_carousel.zeitstrahl li .year {
    margin-bottom: 12px;
    display: inline-block;
    background: #57585a;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    z-index: 99;
}

.list_carousel.zeitstrahl li .year:before {
    position: absolute;
    left: -7px;
    top: -7px;
    content: "";
    display: block;
    width: 75px;
    height: 75px;
    border: 2px solid #57585a;
    border-radius: 50%;
}

.list_carousel.zeitstrahl:before {
    z-index: 9;
    width: 100%;
    content: "";
    height: 10px;
    background: #57585a;
    display: block;
    position: absolute;
    top: 25px;
}

#chronik-next {
    text-align: center;
    position: absolute;
    top: 15px;
    color: #fff;
    right: 0px;
    font-size: 20px;
    z-index: 999;
    width: 30px;
    height: 30px;
    background: #57585a;
}

#chronik-prev {
    text-align: center;
    position: absolute;
    top: 15px;
    color: #fff;
    left: 0px;
    font-size: 20px;
    z-index: 999;
    width: 30px;
    height: 30px;
    background: #57585a;
}

.event-image {
    display: none;
}

.chronik li a {
    color: #57585a;
    text-decoration: none;
    font-size: 24px;
}

.chronik li a:hover {
    color: #d11d1f;
    text-decoration: none;
}

.chronik h3 {
    text-align: center;
    margin-bottom: 30px;
}

/* STATEMENTS DCE */

.statements {
    background: #efefef;
    padding: 60px 0px;
}

.statements ul {
    list-style: none;
    padding: 0px;
}

.statements h3 {
    text-align: center;
    margin-bottom: 30px;
}

.statements img {}

.statement:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 160px;
    position: absolute;
    top: -30px;
    left: 0px;
    opacity: 0.2;
}

.statement {
    padding: 50px 0px;
}

.statement p {
    font-size: 16px;
    line-height: 30px;
}

.statements .author {
    padding-top: 20px;
    font-weight: 700;
}

.statement-image {
    margin: 7%;
    transform: rotate(-3deg);
    padding: 20px 20px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

#statement-prev {
    background: #57585a;
    padding: 5px 10px;
    color: #fff;
    font-size: 40px;
    position: absolute;
    right: 110px;
    bottom: 60px;
    z-index: 99;
}

#statement-next {
    background: #57585a;
    padding: 5px 10px;
    color: #fff;
    font-size: 40px;
    position: absolute;
    right: 70px;
    bottom: 60px;
    z-index: 99;
}

/* Bildergalerie DCE*/

.description {
    padding: 10px;
    position: absolute;
    transition: 0.3s ease-in;
    z-index: 99;
    color: #fff;
    text-align: center;
}

.description p {
    color: #fff;
    font-size: 14px;
    position: absolute;
    text-align: center;
}

.description.responsive {
    display: none;
}

.wrap-image-group-inner .image-element {
    position: relative;
    float: left;
    overflow: hidden;
}

.image-element {
    position: relative;
    overflow: hidden;
}

.image-element:hover .description {
    opacity: 1.0;
}

.image-element img {
    position: absolute;
    overflow: hidden;
}

.wrap-image-group {
    float: left;
    position: relative;
}

.image-gallery .image-element {
    float: left;
    position: relative;
}

.image-gallery .image-element:before {
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    right: 0px;
    background: #fff;
    z-index: 999;
}

.image-gallery .image-element:after {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0px;
    background: #fff;
    z-index: 999;
}

.modelreihe {
    margin-top: 70px;
}

.modelcontainer a {
    position: relative;
    padding: 15px 30px;
    display: block;
    color: #fff;
}

.modelcontainer a h4 {
    font-weight: 300;
    transition: 0.4s linear;
    margin-bottom: 0px;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    position: relative;
    top: 1px;
}

.modelcontainer a span {
    display: inline-block;
    font-size: 14px;
    transition: 0.4s linear;
    opacity: 0;
    position: absolute;
    right: 35px;
    top: 15px;
}

.platinimage:hover>a span {
    opacity: 1;
}

.mlineimage:hover>a span {
    opacity: 1;
}

.titanimage:hover>a span {
    opacity: 1;
}

.flineimage:hover>a span {
    opacity: 1;
}

.selectionimage:hover>a span {
    opacity: 1;
}

.modelcontainer:after {
    content: "";
    width: 5px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
}

.modelcontainer a.imglink {
    padding: 0px;
}

/* STANDARD HEADERIMAGE */

.headerbild {
    position: relative;
    height: 80vh;
}

.fullsizebackground {
    background-size: cover;
    background-position: center center;
    height: 80vh;
    width: 100%;
}

.header-wrap {
    position: relative;
    overflow: hidden;
}

.header-content .col-xs-9 {
    height: 20vh;
}

.header-content .col-xs-3 {
    height: 20vh;
    background: #d11d1f;
}

.fullsizered:after {
    top: 0px;
    content: "";
    width: 2000px;
    position: absolute;
    left: 0px;
    display: block;
    background: #d11d1f;
    height: 1000px;
    z-index: -1;
}

.redside:hover {
    cursor: pointer;
}

.header-content {
    height: 20vh;
    position: relative;
    width: 100%;
}

.header-content .col-xs-9 h1 {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

h1.frankia-sub {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 25px !important;
}

.red h1 {
    color: #d11d1f;
}

.headerbild:after {
    position: absolute;
    bottom: 0px;
    display: block;
    content: "";
    width: 100%;
    height: 15px;
    background: rgba(175, 25, 22, 1);
    background: -moz-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(175, 25, 22, 1)), color-stop(100%, rgba(219, 13, 20, 1)));
    background: -webkit-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -o-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -ms-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: linear-gradient(to right, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 70%, rgba(219, 13, 20, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af1916', endColorstr='#db0d14', GradientType=1);
}

#c1714 {
    position: relative;
}

#c1714:after {
    position: absolute;
    bottom: 0px;
    display: block;
    content: "";
    width: 100%;
    height: 15px;
    background: rgba(175, 25, 22, 1);
    background: -moz-linear-gradient(left, rgba(175, 25, 22, 1) 0%, #d11d1f 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(175, 25, 22, 1)), color-stop(100%, #d11d1f));
    background: -webkit-linear-gradient(left, rgba(175, 25, 22, 1) 0%, #d11d1f 100%);
    background: -o-linear-gradient(left, rgba(175, 25, 22, 1) 0%, #d11d1f 100%);
    background: -ms-linear-gradient(left, rgba(175, 25, 22, 1) 0%, #d11d1f 100%);
    background: linear-gradient(to right, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 70%, #d11d1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af1916', endColorstr='#d11d1f', GradientType=1);
}

#p1 .carousel-inner:after {
    position: absolute;
    bottom: 0px;
    display: block;
    content: "";
    width: 100%;
    height: 15px;
    background: rgba(175, 25, 22, 1);
    background: -moz-linear-gradient(left, rgba(175, 25, 22, 1) 0%, #d11d1f 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(175, 25, 22, 1)), color-stop(100%, #d11d1f));
    background: -webkit-linear-gradient(left, rgba(175, 25, 22, 1) 0%, #d11d1f 100%);
    background: -o-linear-gradient(left, rgba(175, 25, 22, 1) 0%, #d11d1f 100%);
    background: -ms-linear-gradient(left, rgba(175, 25, 22, 1) 0%, #d11d1f 100%);
    background: linear-gradient(to right, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 70%, #d11d1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af1916', endColorstr='#d11d1f', GradientType=1);
    z-index: 1;
}

.header-content h1 {
    padding-top: 0px;
    z-index: 999;
    position: relative;
    font-size: 36px;
}

.header-content .no-frankiasub h1 {
    position: absolute;
}

.header-content h2 {
    z-index: 999;
    position: relative;
    font-size: 36px;
}

.header-content h4 {
    position: relative;
    padding-top: 16px;
    z-index: 999;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

#p3 .header-content:before {
    width: 70%;
}

#p3 .header-content h2 {
    padding-top: 25px;
}

#c6 .fullsizebanner span,
#c832 .fullsizebanner span,
#c1033 .fullsizebanner span {
    color: #333;
}

#c49 .fullsizebanner h3,
#c990 .fullsizebanner h3,
#c1191 .fullsizebanner h3 {
    color: #fff;
}

/* #######################
########## NEWS ##########
########################*/

.page-navigation {
    position: absolute;
    bottom: -30px;
}

#c271 .page-navigation p, #c2528 .page-navigation p, #c2538 .page-navigation p {
    display: none;
}

/* JOBS LISTENANSICHT */

.joblist .row {
    padding: 15px 0px;
    margin: 0px;
}

.joblist .row p {
    margin-bottom: 0px;
    line-height: 40px;
}

.joblist .row .jobtitle p {
    font-weight: 700;
}

.joblist .row:nth-child(even) {
    background: #fff;
}

.joblist .row:nth-child(odd) {
    background: #efefef;
}

.joblist h4 a {
    color: #000;
    text-decoration: none;
}

.joblist h4 a:hover {
    color: #000;
    text-decoration: none;
}

.joblist h4 {
    font-size: 16px;
    text-transform: none;
}

.header-row {
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
}

.joblist .row.header-row {
    color: #fff;
    background: #57585a;
    margin: 0px;
}

.job-btn {
    text-align: right;
}

/* LISTENANSICHT – LATEST HOME */

.news-latestlist-home .news-category {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.news-latestlist-home h3 {
    text-align: center;
    margin-bottom: 10px;
}

.news-latestlist-home .news-list-view p {
    text-align: center;
    margin-bottom: 30px;
}

.news-category:before {
    content: "\f276";
    font-family: FontAwesome;
    margin-right: 5px;
}

.news-latestlist-home .extra {
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

.news-latestlist-home .row {
    margin-bottom: 30px;
}

#c271 .news-list-item, #c2528 .news-list-item, #c2538 .news-list-item {
    min-height: 207px;
    margin-bottom: 40px;
    overflow: hidden;
    top: auto !important
}

#c271 .grey-pattern, #c2528 .grey-pattern, #c2538 .grey-pattern {
    padding-top: 0px;
}

#c298 {
    margin-top: 70px;
    padding: 40px 0px;
    background: #cccccc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #cccccc 0%, #f2f2f2 57%, #eaeaea 68%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cccccc 0%, #f2f2f2 57%, #eaeaea 68%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cccccc 0%, #f2f2f2 57%, #eaeaea 68%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}

.btn-grey {
    background: #57585a;
    color: #fff;
    border: none;
    transition: 0.4s linear;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 300;
    margin-right: 5px;
}

.btn-grey:focus {
    outline: none;
    -webkit-appearance: none;
}

.btn-grey:hover,
.btn-grey:active,
.btn-grey:focus {
    background: #b21a1a;
    color: #fff;
}

.filterwrap {
    text-align: center;
}

.grey-pattern {
    padding: 110px 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,f2f2f2+57,eaeaea+68,cccccc+100 */
    background: #cccccc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #cccccc 0%, #f2f2f2 57%, #eaeaea 68%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cccccc 0%, #f2f2f2 57%, #eaeaea 68%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cccccc 0%, #f2f2f2 57%, #eaeaea 68%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}

.news-latestlist-home h4 {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
}

.news-latestlist-home h4 a {
    color: #fff;
    text-decoration: none;
}

.news-latestlist-home h4 a:hover {
    color: #d11d1f;
    text-decoration: none;
    cursor: pointer;
}

.news-latestlist-home .outerwrap .btn-default {
    margin-top: 15px;
}

.news-latestlist-home .latest-image:hover+.outerwrap .overlay-wrap {
    opacity: 1;
    z-index: 99;
    top: 0px;
}

.news-latestlist-home .overlay-wrap:hover {
    opacity: 1;
    z-index: 99;
    top: 0px;
}

/*.news-latestlist-home .latest-image:hover > h4 {top:35px;padding-top:30px;}
.news-latestlist-home .latest-image h4.open {top:35px;}*/

.news-latestlist-home .overlay-wrap:hover .latest-image h4 {
    top: 35px;
}

.news-latestlist-home .overlay-wrap:hover+.latest-image {
    pointer-events: none;
}

.news-latestlist-home .col-xs-4 {
    overflow: hidden;
    position: relative;
}

.news-latestlist-home .outerwrap {
    width: 100%;
    left: 20px;
    position: absolute;
    top: 0px;
}

.news-latestlist-home .latest-image {
    position: relative;
    z-index: 9;
}

.news-latestlist-home .lead {
    margin-bottom: 8px;
}

.news-latestlist-home .lead p {
    color: #fff;
}

.news-latestlist-home .lead p:first-child {
    margin-bottom: 0px;
}

.news-latestlist-home .latest-image h4 {
    position: absolute;
    top: 100%;
    margin-top: -35px;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    text-align: left;
    transition: 0.3s;
}

.news-latestlist-home .outerwrap .overlay-wrap {
    min-height: 300px;
    position: absolute;
    opacity: 1.0;
    padding: 20px;
    padding-top: 10px;
    background-color: rgba(0, 0, 0, 0.75);
    width: 89.7%;
    z-index: 9;
}

/* LISTENANSICHT – DETAILANSICHT */

.container.news-single {
    margin-top: 130px;
    margin-bottom: 40px;
}

.news-single .extra {
    display: none;
}

.container.news-single img {
    margin-bottom: 50px;
}

.container.news-single h1 {
    font-size: 24px;
}

.news-single .lead p {
    font-weight: 700;
}

/* REGULAR LIST */

.regular-list .row {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}

/* #########################
########## FOOTER ##########
##########################*/

/* BASICS */

.footer-section-meta {
    background: none;
}

.scroll-top {
    opacity: 1.0 !important;
    background: none;
    height: 30px;
    font-size: 20px;
    position: relative;
    color: #fff !important;
    text-align: center;
    width: 100%;
    display: block;
    bottom: inherit;
    right: inherit;
    top: -3px;
}

.scroll-top:hover,
.footer-section-meta a:hover,
.scroll-top:active,
.scroll-top:focus {
    background: none;
    color: #b21a1a;
}

.footer-section-meta a.btn-default {
    color: #fff;
}

.footer-section-meta a.btn-default:hover {
    background: #b21a1a;
    color: #fff;
    text-decoration: none;
}

.footer-section-meta a:hover,
.footer-section-meta a:focus {
    color: #d11d1f;
    outline: none;
    text-decoration: none;
}

/* LIGHTGREY FOOTER */

.lightgrey-foot {
    background: #efefef;
    position: relative;
    z-index: 9;
}

#p1 .lightgrey-foot,
#p5 .lightgrey-foot {
    margin-top: 0px;
}

.menu-global,
.enterprsie {
    padding: 0px;
    margin: 0px;
    text-align: left;
    list-style: none;
}

.menu-global li,
.enterprsie li {
    position: relative;
    margin-bottom: 4px;
}

.menu-global li a,
.enterprsie li a {
    color: #57585a;
    font-size: 16px;
    font-weight: 400;
}

.menu-global li a:hover,
.enterprsie li a:hover {
    text-decoration: none;
    color: #b21a1a;
}

.menu-global li a:before,
.enterprsie li a:before {
    margin-right: 5px;
    content: "\f0da";
    font-family: FontAwesome;
    color: #d11d20;
}

.white-foot h3 {
    color: #000;
    text-align: left;
}

.white-foot {
    padding: 50px 0px;
    height: inherit !important
}

.catalog-footer .btn-default:nth-child(2) {
    margin-left: 5px;
}

.catalog-footer .col-md-6:first-child {
    max-width: 30%;
}

.catalog-footer .col-md-6:nth-child(2) {
    width: 70%;
}

.catalog-footer {
    text-align: left;
}

.catalog-footer h3 {
    color: #000;
}

.catalog-footer .image {
    max-width: 140px;
}

.catalog-footer .image img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
}

/* GRAUER FOOTER */

.smallfooter-grey {
    background: #57585a;
    padding: 25px 0px;
}

.smallfooter-grey ul {
    list-style: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

.smallfooter-grey ul li {
    display: inline-block;
}

.smallfooter-grey ul li a {
    text-decoration: none;
    line-height: 30px;
    transition: 0.4s linear;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 14px;
}

.smallfooter-grey ul li a:hover {
    color: #d11d20;
    text-decoration: none;
}

.smallfooter-grey .leftmenu {
    text-align: left;
}

.smallfooter-grey .right {
    text-align: right;
}

.leftmenu li {
    margin-right: 10px;
}

.rightmenu {
    text-align: right;
}

.rightmenu li {
    margin-left: 10px;
}

/* SMALL FOOTER WHITE */

.smallfooter-white {
    padding: 10px 0px;
}

.smallfooter-white i {
    color: #000;
    margin-right: 5px;
}

.anschrift {
    text-align: left;
}

.anschrift div,
.contact div {
    display: inline-block;
}

.contact {
    text-align: right;
}

.smallfooter-white .row {
    height: inherit !important;
}

.slidernames div {
    float: left;
}

.slidernames {
    left: -10px;
    margin-top: 20px;
    position: absolute;
}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important;
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.image-gallery-container {
    position: relative;
    width: 100% !important;
}

.image-gallery {
    overflow: auto;
}

/******************* EXTERNAL SCROLLBAR *******************/

.external-scroll_x {
    background: #efefef;
    cursor: pointer;
    display: none;
    position: absolute;
}

.external-scroll_x.scroll-scrollx_visible {
    display: block;
    height: 18px;
    left: 0;
    position: relative;
    margin-bottom: 20px;
}

.external-scroll_x {
    margin-top: 5px;
}

.external-scroll_x div {
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}

.external-scroll_x div.scroll-arrow {
    position: absolute;
    top: -3px;
}

.external-scroll_x .scroll-bar {
    background: #57585a;
    z-index: 12;
    height: 10px;
    position: relative;
    top: 4px;
}

.external-scroll_x .scroll-bar {
    width: 100px;
}

.model-teaser.TITAN {
    background: inherit;
}

.TITAN,
.model-teaser.TITAN .btn-default {
    background: rgba(116, 140, 153, 1);
    background: -moz-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(116, 140, 153, 1)), color-stop(100%, rgba(148, 166, 176, 1)));
    background: -webkit-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: -o-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: -ms-linear-gradient(left, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    background: linear-gradient(to right, rgba(116, 140, 153, 1) 0%, rgba(148, 166, 176, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#748c99', endColorstr='#94a6b0', GradientType=1);
}

.model-teaser.PLATIN {
    background: inherit;
}

.PLATIN,
.model-teaser.PLATIN .btn-default {
    background: rgba(182, 115, 64, 1);
    background: -moz-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(182, 115, 64, 1)), color-stop(100%, rgba(214, 159, 87, 1)));
    background: -webkit-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: -o-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: -ms-linear-gradient(left, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    background: linear-gradient(to right, rgba(182, 115, 64, 1) 0%, rgba(214, 159, 87, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b67340', endColorstr='#d69f57', GradientType=1);
}

.model-teaser.F-LINE {
    background: inherit;
}

.F-LINE,
.model-teaser.F-LINE .btn-default {
    background: rgba(175, 25, 22, 1);
    background: -moz-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(175, 25, 22, 1)), color-stop(100%, rgba(219, 13, 20, 1)));
    background: -webkit-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -o-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: -ms-linear-gradient(left, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    background: linear-gradient(to right, rgba(175, 25, 22, 1) 0%, rgba(219, 13, 20, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af1916', endColorstr='#db0d14', GradientType=1);
}

.model-teaser.M-LINE {
    background: inherit;
}

.M-LINE,
.model-teaser.M-LINE .btn-default {
    background: rgba(60, 60, 59, 1);
    background: -moz-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(60, 60, 59, 1)), color-stop(100%, rgba(111, 111, 110, 1)));
    background: -webkit-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: -o-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: -ms-linear-gradient(left, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    background: linear-gradient(to right, rgba(60, 60, 59, 1) 0%, rgba(111, 111, 110, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3b', endColorstr='#6f6f6e', GradientType=1);
}

.model-teaser.SELECTION {
    background: inherit;
}

.SELECTION,
.model-teaser.SELECTION .btn-default {
    background: rgba(135, 135, 134, 1);
    background: -moz-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(135, 135, 134, 1)), color-stop(100%, rgba(178, 178, 177, 1)));
    background: -webkit-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: -o-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: -ms-linear-gradient(left, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    background: linear-gradient(to right, rgba(135, 135, 134, 1) 0%, rgba(178, 178, 177, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878786', endColorstr='#b2b2b1', GradientType=1);
}

/* SUCHERGEBNISSE */

.tx-indexedsearch-browsebox {
    padding-left: 0px !important;
}

#c20>p:nth-child(3) {
    padding: 8px;
    background: #efefef;
    margin-bottom: 40px;
}

.search-list-item .btn-default {
    margin-top: 10px;
}

.search-list-item .btn-default a {
    color: #fff;
}

.search-list-item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #57585a
}

.search-list-item p {
    margin-bottom: 0px;
}

.search-list-item .media-heading a {
    color: #57585a;
    font-weight: 700;
    font-size: 16px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.tx-indexedsearch-browsebox>.tx-indexedsearch-browselist-currentPage>strong>a,
.tx-indexedsearch-browsebox>.tx-indexedsearch-browselist-currentPage>strong>a:hover,
.tx-indexedsearch-browsebox>.tx-indexedsearch-browselist-currentPage>strong>a:focus,
.tx-indexedsearch-browsebox>.tx-indexedsearch-browselist-currentPage>a,
.tx-indexedsearch-browsebox>.tx-indexedsearch-browselist-currentPage>a:hover,
.tx-indexedsearch-browsebox>.tx-indexedsearch-browselist-currentPage>a:focus {
    background: #57585a;
    border: 1px solid #57585a;
}

.pagination>li>a,
.pagination>li>span,
.tx-indexedsearch-browsebox>li>strong>a,
.tx-indexedsearch-browsebox>li>a {
    color: #57585a;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.tx-indexedsearch-browsebox>li>strong>a:hover,
.tx-indexedsearch-browsebox>li>strong>a:focus,
.tx-indexedsearch-browsebox>li>a:hover,
.tx-indexedsearch-browsebox>li>a:focus {
    color: #d11d1f;
    background: none;
}

/** haendlersuche **/

.additional-information {
    display: none;
    padding-top: 5px;
}

.additional-information i {
    margin-right: 5px;
}

.additional-information p {
    margin-bottom: 0px;
}

#tx-locationmanager-24-markers {
    height: 100%;
}

.location-manager__location__content .more-button {
    background: #dfdfdf;
    color: #000;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 0px;
    bottom: 15px;
}

.languagemenu {
    transition: 0.3s linear;
    position: fixed;
    right: -101px;
    top: 245px;
    z-index: 9999;
    height: 50px;
    background: #57585a
}

.languagemenu:hover {
    background: #d11d1f;
    right: 0px;
}

.languagemenu li {
    display: inline-block;
    width: 50px;
}

.languagemenu li:nth-child(2) {
    margin-left: 10px;
}

.languagemenu ul {
    padding-left: 0px;
}

.languagemenu ul li a {
    transition: 0.3s linear;
    height: 50px;
    line-height: 50px;
    color: #fff;
    opacity: 0.5;
    width: 50px;
    text-align: center;
    display: block;
}

.languagemenu ul li a:hover {
    opacity: 1.0;
    cursor: pointer;
}

.languagemenu ul li.active a {
    opacity: 1.0;
    position: relative;
}

.languagemenu ul li.active a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 0px;
    color: #fff;
}

/* FRANZÖSISCH – ANPASSUNGEN */

#p20.language-2 .header-content:before {
    width: 75%;
}

#p21.language-2 .header-content:before {
    width: 75%;
}

#p22.language-2 .header-content:before {
    width: 75%;
}

#p20.language-2 .header-content h1 {
    width: 60%;
}

#p21.language-2 .header-content h1 {
    width: 60%;
}

#p22.language-2 .header-content h1 {
    width: 60%;
}

#p3.language-2 .header-content:before {
    width: 95%;
}

#p4.language-2 .header-content:before {
    width: 70%;
}

#p4.language-2 .header-content .no-frankiasub {
    margin-top: 22px;
}

.language-2 .smallfooter-grey ul li {
    display: block;
}

#p38.language-2 .skipslide:before {
    content: "recevoir un catalogue";
}

#p38.language-2 .powermail_fieldwrap .col-sm-10 div:nth-child(1)>label {
    max-width: 210px;
    line-height:0px;
}

.language-2 #c2305 > div > form > fieldset > div.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_icherklaeremichdamiteinverstandendassfrankiameinepersonenbezo_genendatenfueranschreibenunde_mailszumarketingzweckennutztundmichregelmaessigperpostodere_mailkontaktiertzurdurchfuehrungdermarketingmassnahmenistfrankiaberechtigtmeinepersonenbezogenendatenanf.form-group > div > div.checkbox > label {line-height:18px !important;width:100%;max-width:100% !important;}
.language-1 #c2345 > div > form > fieldset > div.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_hauptkatalog.form-group > div > div:nth-child(1) > label {line-height:18px !important}

#p38.language-2 .powermail_fieldwrap .col-sm-10 div:nth-child(1)>label::first-line {
    line-height: 40px;
}

#c1390 {
    margin-top: 60px;
}

#c1209,
#c1216,
#c1227,
#c1234,
#c1240,
#c1247,
#c1258,
#c1265,
#c1270,
#c1275,
#c1285,
#c1292,
#c1299,
#c1306,
#c1313,
#c1318,
#c1324,
#c1330,
#c1335,
#c1341,
#c1350,
#c1355,
#c1362 {
    text-align: center;
    padding: 80px 0px;
    background: url(../Images/frankia-haendlersuche.png) no-repeat;
    background-size: cover;
    color: #fff;
}

#c1209 p,
#c1216 p,
#c1227 p,
#c1234 p,
#c1240 p,
#c1247 p,
#c1258 p,
#c1265 p,
#c1270 p,
#c1275 p,
#c1285 p,
#c1292 p,
#c1299 p,
#c1306 p,
#c1313 p,
#c1318 p,
#c1324 p,
#c1330 p,
#c1335 p,
#c1341 p,
#c1350 p,
#c1355 p,
#c1362 p {
    color: #fff;
    font-size: 16px;
}

#p1.language-2 .news {
    display: none !important;
}

/* ENGLISCH – ANPASSUNGEN */

#p22.language-1 #c646 .header-content:before {
    width: 75%
}

#c513,
#c520,
#c531,
#c538,
#c544,
#c551,
#c562,
#c569,
#c574,
#c579,
#c589,
#c596,
#c603,
#c610,
#c617,
#c622,
#c628,
#c634,
#c639,
#c645,
#c659,
#c666,
#c654 {
    text-align: center;
    padding: 80px 0px;
    background: url(../Images/frankia-haendlersuche.png) no-repeat;
    background-size: cover;
    color: #fff;
}

#c513 p,
#c520 p,
#c531 p,
#c538 p,
#c544 p,
#c551 p,
#c562 p,
#c569 p,
#c574 p,
#c579 p,
#c589 p,
#c596 p,
#c603 p,
#c610 p,
#c617 p,
#c622 p,
#c628 p,
#c634 p,
#c639 p,
#c645 p,
#c659 p,
#c666 p,
#c654 p {
    color: #fff;
    font-size: 16px;
}

#p1.language-1 .news {
    display: none !important;
}

/* Karriereseite EN/FR */

#p11.language-1 .news {
    display: none !important;
}

#p11.language-2 .news {
    display: none !important;
}

.inspector-container {
    position: relative;
    margin: 0 auto;
    max-height: 584px;
}

.inspector-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}

.inspector-image-container.active {
    display: block;
}

.inspector-image {
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.inspector-image img {
    width: auto;
    height: 100%;
}

.inspector-coordinates-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.inspector-coordinates {
    position: absolute;
    background: #d11d1f;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}

.inspector-coordinates.pulse:hover {
    cursor: pointer;
    background: #b11d1a;
    transition: none;
    animation-duration: 0ms;
}

.inspector-coordinates:hover .inspector-coordinate-pixel-outline {
    transition: all 0.3s ease-in-out;
    border: 1px solid #b11d1a;
}

.inspector-coordinate-pixel-outline {
    width: 30px;
    height: 30px;
    border: 1px solid #d11d1f;
    position: absolute;
    left: -5px;
    top: -5px;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}

.pulse {
    animation-name: pulse_animation;
    animation-duration: 2500ms;
    transform-origin: 70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pulse.inspector-coordinate-active {
    animation-play-state: paused;
    background: #b11d1a
}

.inspector-coordinate-active .inspector-coordinate-pixel-outline {
    border: 1px solid #b11d1a;
}

@keyframes pulse_animation {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.15);
    }
    50% {
        transform: scale(1.25);
    }
}

75% {
    transform: scale(1.15);
}

100% {
    transform: scale(1);
}

}

.inspector-coordinate-pixel {
    position: absolute;
    z-index: 9999;
    display: block;
}

.inspector-coordinate-description {
    position: absolute;
    display: none;
}

.inspector-navigation-left {
    position: absolute;
    left: -20px;
    top: 50%;
}

.inspector-navigation-right {
    position: absolute;
    right: -20px;
    top: 50%;
}

.inspector-description-top-left {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 0;
    top: 0;
    z-index: 9999;
}

.inspector-description-top-right {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 50%;
    top: 0;
    z-index: 9999;
}

.inspector-description-bottom-right {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 50%;
    top: 50%;
    z-index: 9999;
}

.inspector-description-bottom-left {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 0;
    top: 50%;
    z-index: 9999;
}

.inspector-description {
    position: absolute;
    z-index: 9999;
}

.inspector-description-data .inspector-coordinate-description {
    display: block;
    z-index: 9999;
}

.inspector-description-position {
    position: absolute;
}

.inspector-title {
    font-size: 14px;
    height: 0px;
    width: 0px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    position: absolute;
    left: 30px;
    width: 100%;
    z-index: 1;
}

.inspector-coordinates:hover .inspector-title {
    height: auto;
    display: block;
    min-width: 220px;
    background: #fff;
    transition: 0.3s ease-in-out;
}

.inspector-description-container {
    min-height: 240px;
    max-width: 330px;
    min-width: 330px;
    z-index: 99999;
    width: 100%;
    border: 3px solid #d11d1f;
    border-radius: 0px;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
}

.inspector-description-top-left .inspector-description-container {
    position: relative;
    margin-top: 5%;
    left: 5%;
}

.inspector-description-close {
    line-height: 27px;
    transition: all 0.3s ease-in-out;
    height: 35px;
    width: 35px;
    display: block;
    border: 3px solid #d11d1f;
    position: absolute;
    right: -18px;
    top: -18px;
    background: #d11d1f;
    color: #fff;
    font-size: 21px;
    border-radius: 50%;
    text-align: center;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
}

.inspector-description-close:hover {
    transition: all 0.3s ease-in-out;
    background: #b11d1a;
    border: 3px solid #b11d1a;
    cursor: pointer;
}

.inspector-coordinate-description h3 {
    color: #d11d1f;
    font-size: 22px;
}

.inspector-coordinate-description h3 strong {
    display: blocK;
}

/* ##########################
######## RESPONSIVE #########
########################## */

/* BIG DISPLAYS */

@media only screen and (max-width: 2500px) and (min-width: 1930px) {
    .header-content:before {
        width: 60%;
    }
    .full-wrap:before {
        width: 139%;
        left: -75%;
    }
}

@media only screen and (max-width: 1930px) and (min-width: 1380px) {
    .full-wrap:before {
        left: -45%;
        width: 100%;
    }
    .header-content:before {
        width: 60%;
    }
}

/* SMALL DISPLAYS */

@media (max-width: 1200px) {
    .header-content .col-xs-9 h1 {padding-right: 100px;}
    .construction-maxpackage span,
    .construction-text-gesamtmasse span,
    .construction-mass span,
    .construction-table-seatBelts>ul>span,
    .construction-table-sleeping span,
    .construction-text-standing-height span {
        width: 40%;
    }
    h1 {
        font-size: 36px;
    }
    .container {
        width: 90%;
    }
    .container.padding-t-b {
        padding: 60px 0px;
    }
    .fullsize-background img {
        width: 110%;
        margin-left: -5%;
    }
    .contact {
        text-align: right;
        width: 40%;
    }
    .anschrift {
        text-align: left;
        width: 60%;
    }
    .smallfooter-grey .center {
        width: 20%;
    }
    .smallfooter-grey .leftmenu-wrap,
    .smallfooter-grey .rightmenu-wrap {
        width: 40%;
    }
    .frame-space-after-large {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .t3ddy-item .container.padding-t-b {
        padding: 30px 0px;
    }
}

/* STEP BETWEEN SMALL DISPLAY AND TABLET LANDSCAPE */

@media (max-width: 1100px) {
    .fixed-options {
        height: 95vh;
    }
    .construction-maxpackage span,
    .construction-text-gesamtmasse span,
    .construction-mass span,
    .construction-table-seatBelts>ul>span,
    .construction-table-sleeping span,
    .construction-text-standing-height span {
        width: 50%;
    }
    .fullsize-background img {
        width: 120%;
        margin-left: -10%;
    }
    .anschrift {
        text-align: center;
        float: none;
        width: 100%;
    }
    .contact {
        text-align: center;
        float: none;
        width: 100%;
    }
    .grey-pattern {
        padding: 80px 0px;
    }
    .overlay-wrap .news-category,
    .overlay-wrap .extra {
        display: none;
    }
    .news-latestlist-home .outerwrap .btn-default {
        margin-top: 0px;
    }
    .news-latestlist-home .lead p {
        margin-bottom: 0px;
    }
    .news-latestlist-home .lead {
        margin-bottom: 0px;
    }
    .data-table .col-xs-4 {
        padding: 15px 6px 0px 6px;
    }
    h2 {
        font-size: 38px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    #c111 .header-content:before,
    #c260 .header-content:before {
        min-height: 141px;
    }
    .fullsize-headline {
        font-size: 42px;
    }
    #c46 .full-wrap:before {
        min-height: 150px;
    }
    #statement-next {
        background: #57585a;
        padding: 5px 10px;
        color: #fff;
        font-size: 40px;
        position: absolute;
        right: -20px;
        bottom: inherit;
        z-index: 99;
        top: 50%;
        margin-top: -35px;
    }
    #statement-prev {
        background: #57585a;
        padding: 5px 10px;
        color: #fff;
        font-size: 40px;
        position: absolute;
        right: inherit;
        bottom: inherit;
        z-index: 99;
        left: -20px;
        top: 50%;
        margin-top: -25px;
    }
    .fixed-options {
        width: 35%;
    }
    .joblist .row p {
        line-height: 22px;
    }
    .carousel-text h1 {
        font-size: 32px;
    }
    .vcontainer p {
        width: 90%;
    }
    .redside {
        position: relative;
        width: 100%;
        top: 50%;
        left: inherit;
        transform: translateY(-50%);
    }
}

/* TABLET LANDSCAPE */

@media (max-width: 1024px) {
    .carousel-text h1, .carousel-text h2 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .skipslide {
        bottom: 65px;
    }
    .news-latestlist-home .lead {
        margin-bottom: 0px;
        max-height: 27px;
        overflow: hidden;
    }
    #p1 .fullsizebanner {
        min-height: 435px;
    }
    .description p {
        width: 90%;
        margin-left: 0;
    }
    .news-list-item.Messen .overlay-wrap .articletype-2 br {
        display: none;
    }
    .news-list-item.Messen .overlay-wrap .articletype-2 .lead {
        margin-bottom: 10px;
    }
    .description.responsive {
        display: block;
    }
    .description {
        display: none;
    }
    .news-latestlist-home .outerwrap .overlay-wrap {
        padding: 10px;
        width: 100%;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 16px;
    }
    #c375 .container .col-xs-8,
    #c375 .container .col-xs-4 {
        width: 100%;
    }
}

/* 991 */

@media (max-width: 991px) {

  .navbar.navbar-top {position: relative;}
    .navbar-header-main .navbar-brand {
        top: 0;
    }
    .navbar-toggle {
        margin-right: 90px;
    }
    .navbar-default,
    .navbar-default-transition,
    .navbar-default-transition.navbar-transition {
        background: #fff;
    }
    .overlay-img p br {
        display: none;
    }
    .frame-well {
        width: 100%;
    }
    .fullsize-background img {
        width: 130%;
        margin-left: -15%;
    }
    .catalog-footer a.btn {
        width: 100%;
        margin-bottom: 5px;
        margin-left: 0 !important;
    }
}

/* IPAD HOCHFORMAT */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .platinimage a .morelink,
    .mlineimage a .morelink,
    .titanimage a .morelink,
    .flineimage a .morelink,
    .selectionimage a .morelink {
        display: none;
    }
}

/* TABLET PORTRAIT */

@media (max-width: 768px) {
    #p1 .fullsizebanner h3 {
        margin-top: 20px;
    }
    .t3ddy-accordion-item .col-md-1:hover img, #c1866 .gallery-item.col-md-3:hover img, #c1866 .gallery-item.col-md-2:hover img,
    #c2136 .gallery-item.col-md-3:hover img, #c2136 .gallery-item.col-md-2:hover img,
    #c2232 .gallery-item.col-md-3:hover img, #c2232 .gallery-item.col-md-2:hover img {
        transform: none !important;
    }
    #p1 .fullsizebanner {
        min-height: 335px;
    }
    .news-list-item.Messen .overlay-wrap .articletype-2 .lead {
        display: none;
    }
    .news-latestlist-home h4 {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .modelcontainer a {
        padding: 15px 20px;
    }
    .header-content h1,
    .header-content h2 {
        font-size: 30px;
    }
    .overlay-img {
        padding: 10px;
    }
    .overlay-img .fa-search-plus {
        display: none;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 14px;
        padding: 10px;
    }
    .t3ddy-item .content-sidebar .col-xs-8,
    .t3ddy-item .content-sidebar .col-xs-4,
    .t3ddy-item .sidebar-content .col-xs-8,
    .t3ddy-item .sidebar-content .col-xs-4 {
        width: 50%;
    }
    #c255 .col-xs-4 {
        width: 33.33333333%;
    }
    #c255 .col-xs-8 {
        width: 66.66666667%;
    }
    .background-full {
        height: 70vh;
    }
    #c49 .fullsizebanner {
        min-height: 320px;
    }
    .t3ddy-item .col-xs-4.img-element .overlay-img {
        font-size: 12px;
        padding-top: 5px;
    }
    .t3ddy-item .col-xs-4.img-element .overlay-img p:nth-child(2) {
        margin-bottom: 17px;
    }
    .carousel-text h2 {
        font-size: 25px;
    }
    .modelrow-bar {
        width: 75%;
    }

    .carousel-fullscreen .col-xs-9, .carousel-fullscreen .col-xs-3 {
        width: 100%;
    }

    .carousel-fullscreen .col-xs-3 {
        height: auto;
        background: none;
    }

    .fullsizered {
        height: auto !important;
    }

    .arrow-right, .carousel-fullscreen .fullsizered:after {
        display: none;
    }

    .redside {
        top: inherit;
        transform: none;
        border: 1px solid #b11d1a;
        color: #b11d1a;
        margin: 10px 0;
    }

    .carousel-fullscreen p {
        padding-left: 0;
    }

    .header-content .redside {
        border: 1px solid #fff;
        color: #fff;
        position: absolute;
    }
    .header-content .arrow-right {
        display: block;
    }
}

/* ZWISCHENGRÖßE 768 BIS 750 PIXEL */

@media (min-width: 750px) and (max-width: 768px) {
    #c7 .vcontainer p:nth-child(3) {
        width: 320px;
    }
}

/* SMARTPHONES */

@media (max-width: 750px) {

  #iconwrap-4 {display: none !important}
    .header-content .col-xs-9 h1 {padding-right: 0;}
    .carousel {
        min-height: inherit !important;
    }
    .header-content .col-xs-3, .header-content .col-xs-9 {
        width: 100%;
        height: auto;
    }
    .header-content .container .col-xs-3 {
        background: none !important;
        float: left;
    }
    .header-content .no-frankiasub h1 {
        position: relative;
        top: inherit;
        transform: none;
    }
    .header-content .arrow-right {
        display: none;
    }
    .header-content .redside {
        position: relative;
    }
    .header-content .fullsizered:after {
        display: none !important;
    }
    /* LANGUAGE MENU */
    .navbar.navbar-top {
        top: 0px;
    }
    .languagemenu {
        transition: 0.3s linear;
        position: relative;
        right: 0px;
        top: inherit;
        z-index: 9999;
        height: 50px;
        background: #efefef;
        text-align: center;
        width: 100%
    }
    .languagemenu:hover {
        background: #efefef;
    }
    .languagemenu ul li.active a {
        color: #57585a
    }
    .languagemenu ul li a {
        color: #57585a
    }
    .languagemenu ul li.active a:after {
        display: none;
    }
    .languagemenu li:nth-child(2) {
        margin-left: 0px;
    }
    .container.padding-t-b {
        padding: 0px;
    }
    #p1 .fullsizebanner {
        min-height: 265px;
    }
    #p21.language-1 .intro-vorteile ul li {
        min-height: 40px;
        width: 80%
    }
    #c6>div>div>div.fullsize-background {
        width: 80%;
        margin: 0 auto;
        padding: 0px 0px;
    }
    #p1 .fullsizebanner h3 {
        margin-top: 0px;
    }
    .news-latestlist-home .outerwrap {
        width: 100%;
        left: 0px;
        position: relative;
        top: 0px;
    }
    .news-latestlist-home h4 {
        margin-bottom: 14px !important
    }
    .news-latestlist-home h4 a {
        color: #000;
    }
    .news-latestlist-home .lead p {
        color: #000;
    }
    .news-list-item.Messen .overlay-wrap .articletype-2 .lead {
        display: block !important;
    }
    .news-latestlist-home .outerwrap .overlay-wrap {
        min-height: inherit !important;
        position: relative;
        opacity: 1.0;
        padding: 20px;
        padding-top: 10px;
        background-color: transparent;
        width: 89.7%;
        z-index: 9;
        width: 100% !important;
        top: inherit !important;
        height: auto !important;
        color: #000 !important;
    }
    .t3ddy-item .content-sidebar .col-xs-8,
    .t3ddy-item .content-sidebar .col-xs-4,
    .t3ddy-item .sidebar-content .col-xs-8,
    .t3ddy-item .sidebar-content .col-xs-4 {
        width: 100%;
        float: none;
    }
    #accordion-construction-2 ul,
    #accordion-construction-3 ul,
    #accordion-construction-4 ul,
    #accordion-construction-5 ul {
        width: 100%;
        float: none;
        padding-left: 0px;
    }
    .header-content h4 {
        text-align: center;
    }
    #c7,
    #c830,
    #c1031 {
        display: none;
    }
    #c407,
    #c831,
    #c1032 {
        display: block;
    }
    #c255 .col-xs-4 {
        width: 100%;
    }
    #c255 .col-xs-8 {
        width: 100%;
    }
    .navbar-header-main .navbar-brand.navbar-brand-image>img {
        max-height: 30px;
    }
    .navbar-header-main .navbar-brand {
        line-height: 100%;
        height: auto;
        position: relative;
        top: 5px;
        left: 0px;
    }
    #showsearch {
      font-size: 24px;
color: #b21a1a;
background: #dfdfdf;
width: 40px;
height: 41px;
text-align: center;
position: absolute;
right: -20px;
top: 122px;
line-height: 38px;
cursor: pointer;
    }
    .navbar-default,
    .navbar-default-transition,
    .navbar-default-transition.navbar-transition {
        background: #fff;
        border-bottom: 2px solid #dfdfdf;
    }
    .search {
      max-height: 72px;
    display: none;
    position: absolute;
    padding: 0px;
    z-index: 99;
    top: 116px;
    left: inherit;
    width: 112%;
    right: -15px;
    }
    #tx-indexedsearch-searchbox-button-submit {padding: 10px 14px 10px 14px;}
    .search .btn-default {
        padding: 10px 14px 10px 14px;
        position: relative;
        top: 6px;
    }
    .navbar-default #tx-indexedsearch-searchbox-sword {
        max-height: 44px;
        max-width: 300px;
        float: right;
        outline: none;
        padding: 21px 12px 20px 12px;
        box-shadow: none;
        width: 100%;
        border: none;
    }
    .hidesearch {
        display: none;
        font-size: 24px;
        color: #b21a1a;
        background: #dfdfdf;
        width: 40px;
        height: 41px;
        text-align: center;
        position: absolute;
        right: -20px;
        top: 122px;
        line-height: 40px;
        cursor: pointer;
    }
    .navbar-toggle {
        margin-right: 20px;
    }
    .navbar-main>li.dropdown>a {
        padding-right: 0px;
    }
    .navbar-main>li>.navbar-text,
    .navbar-main>li>a {
        line-height: 29px;
        border-bottom: 1px solid #ddd;
    }
    .navbar-main>li>.navbar-text,
    .navbar-main>li:last-child>a {
        border-bottom: 0px;
        padding-bottom: 0px;
    }
    .navbar-collapse {
        overflow: hidden;
        width: 100%;
        padding: 0px;
        box-shadow: none;
        margin-left: 0px !important;
        margin-right: 0px !important;
        text-align: center;
        background: #fff;
        position: absolute;
        left: 0px;
    }
    h1 {
        text-transform: none;
        color: #57585a;
        font-size: 20px;
    }
    h2 {
        font-size: 20px;
    }
    h3 {
        text-transform: uppercase;
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 24px;
    }
    h1 br {
        display: none;
    }
    .fixed-sidebar {
        position: fixed;
        z-index: 99;
    }
    .container {
        padding: 0px 20px;
    }
    .col-xs-8,
    .col-xs-4,
    .col-xs-3,
    .col-xs-6 {
        width: 100%;
        float: none;
        margin: 20px 0px
    }
    .grey-pattern {
        padding: 30px 0px;
    }
    .news-latestlist-home .latest-image:hover .overlay-wrap {
        top: 0px;
        opacity: 1.0;
    }
    .news-latestlist-home .news-category,
    .news-latestlist-home .extra {
        display: none;
    }
    .news-latestlist-home .outerwrap .btn-default {
        margin-top: 0px;
    }
    .white-foot h3 {
        text-align: center;
    }
    .white-foot ul {
        text-align: center;
        margin-bottom: 30px;
    }
    .catalog-footer .col-md-6:first-child {
        float: none;
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .catalog-footer .image {
        max-width: 140px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .catalog-footer .col-md-6:nth-child(2) {
        width: 100%;
        float: none;
        text-align: center;
    }
    .smallfooter-grey .leftmenu {
        text-align: center;
    }
    .smallfooter-grey .col-xs-4 {
        width: 100%;
    }
    .rightmenu {
        text-align: center;
    }
    .smallfooter-white i {
        display: none;
    }
    .anschrift div,
    .contact div {
        display: block;
        text-align: center;
    }
    .footer-section-meta a {
        display: block;
    }
    .content-fullsizebanner {
        position: relative;
        width: 100%;
        text-align: center;
        height: 100%;
        display: block;
        padding: 20px 20px;
    }
    .content-fullsizebanner .btn {
        position: relative;
        bottom: inherit;
        display: block;
        left: inherit;
        margin-left: 0px;
    }
    .fullsizebanner h3 {
        margin-top: 20px;
        margin-bottom: 0px;
        padding-bottom: 2px;
    }
    .fullsizebanner {
        min-height: inherit;
    }
    .fullsize-background img {
        width: 110%;
        margin-left: -5%;
    }
    /* MODELLE */
    .selectreihe {
        height: inherit !important;
    }
    .modelcontainer {
        height: inherit !important;
        margin-bottom: 20px;
        position: relative !important;
        top: inherit !important
    }
    .filter-wrap ul li {
        font-weight: 300;
        font-size: 16px;
        transition: 0.4s linear;
        display: block;
        margin-bottom: 5px;
        border-bottom: 1px solid #000;
        padding-bottom: 5px;
    }
    .filter-wrap ul li:last-child {
        border-bottom: 0px;
    }
    .filter-wrap ul li:after {
        display: none;
    }
    .second-filter {
        padding-top: 50px;
    }
    .second-filter h3 {
        text-align: left;
    }
    .filter-layout ul li {
        width: 100%;
        float: none;
        margin-bottom: 15px;
        display: flex;
    }
    .filter-length:after {
        content: "\f0d7";
        font-family: FontAwesome;
        position: absolute;
        right: 35px;
        top: 54px;
        color: #000;
        pointer-events: none;
    }
    #filter-slider-select {
        -webkit-appearance: none;
        border-radius: 0px;
        background: #fff;
        width: 100%;
        color: #000;
        padding: 7px 10px;
        margin-bottom: 40px;
        border: 0px;
    }
    #filter-slider-select:focus {
        outline: none;
    }
    .data-table .col-xs-4 {
        width: 33.33333333%;
        float: left;
        margin: 0px;
    }
    .model-teaser .btn-default {
        bottom: 0px;
    }
    .col-xs-4.model-teaser {
        margin: 0px;
    }
    .container.overview-models {
        padding: 20px 20px;
    }
    .overview-models .row {
        margin-bottom: 0px;
    }
    .model-teaser {
        padding: 0px 20px 20px 20px;
    }
    .model-teaser .possible-view {
        font-size: 14px;
        margin-top: 10px;
    }
    .model-teaser .possible-view a {
        color: #57585a;
        text-decoration: none;
    }
    .model-teaser .possible-view a:hover {
        color: #d11d1f;
        text-decoration: none;
    }
    .data-table {
        font-size: 14px;
        margin-top: 0px;
    }
    .model-teaser .possible-view ul {
        margin-bottom: 0px;
    }
    h4 {
        font-size: 16px;
        text-transform: none;
        letter-spacing: 0px;
        font-weight: 400;
    }
    .fixed-sidebar {
        position: fixed;
        z-index: 99999;
        bottom: -3px;
        width: 100%;
        left: 0px;
    }
    #iconwrap-1,
    #iconwrap-2,
    #iconwrap-3 {
        top: inherit;
        width: 33.3333333%;
        right: inherit;
        text-align: center;
        padding: 0px;
        float: left;
    }
    #iconwrap-3 .icon-inner:after {
        display: none !important;
    }
    .iconwrap {
        right: -161px;
        position: relative;
        padding-left: 15px;
        transition: 0.6s linear;
        width: 220px;
        text-align: left;
        line-height: 50px;
        background: #57585a;
        height: 70px;
        display: block;
        margin-bottom: 3px;
    }
    .icon-inner:after {
        top: 0px;
        content: "";
        width: 2px;
        height: 100%;
        background: #fff;
        display: block;
        position: absolute;
        right: 0px;
    }
    .icon-inner {
        display: block;
        margin: 0 auto;
        z-index: 99;
        position: relative;
    }
    .iconwrap img {
        width: auto;
        height: 30px;
        display: inline;
        text-align: center;
    }
    .iconwrap span {
        padding-left: 0px;
        position: relative;
        width: auto;
        color: #fff;
        display: block;
        font-size: 10px;
        top: -40px;
    }
    /* MODELLREIHE */
    .headerbild {
        position: relative;
        margin-top: 70px;
        height: 50vh;
    }
    .headerbild .fullsizebackground {
        height: 50vh;
    }
    .header-content {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
    }
    .header-content h1 {
        background: rgba(255, 255, 255, 0.75);
        padding: 8px 20px 8px 20px;
        margin-bottom: 0px;
    }
    .frame-well {
        width: 100%;
        padding: 0px 20px;
        margin: 20px 0px 0px 0px;
    }
    .header-content .container {
        padding: 0px;
    }
    .header-content:before {
        display: none;
    }
    #p20 .header-content:before,
    #p21 .header-content:before,
    #p22 .header-content:before {
        display: none;
    }
    .headerbild:after {
        height: 8px !important
    }
    #p18 .header-content {
        bottom: 8px;
    }
    .intro-vorteile ul {
        list-style: none;
        padding-left: 0px;
    }
    .intro-vorteile ul li {
        width: 100%;
        float: none;
        margin-bottom: 15px;
        min-height: 40px;
    }
    /* MODELLE DETAILS */
    .pagelevel-3 .header-content h1 {
        display: none;
    }
    .ui-tabs .ui-tabs-nav li {
        float: none;
        display: block;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .ui-tabs .ui-tabs-panel {
        padding: 20px;
        border: 2px solid #d11d1f;
    }
    .layout-description ul {
        list-style: none;
        width: 100%;
        float: none;
        margin-bottom: 25px;
        padding-left: 0px;
    }
    .layout-description ul:nth-child(2) {
        margin-left: 0;
    }
    .btn-default.layout-button {
        font-size: 16px;
        margin-left: 5px;
        color: #fff;
        display: block;
        margin-bottom: 10px;
    }
    .container.model-bottom {
        margin-top: 30px;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: none;
        display: block;
    }
    .layout-layout img {
        width: 100%;
        height: auto;
    }
    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border: 2px solid #d11d1f;
        padding: 20px;
    }
    .construction-table-seatBelts>ul>span {
        font-size: 14px;
        width: 60%;
        float: left;
        line-height: 18px;
        margin-right: 10px;
    }
    .construction-mass span {
        float: left;
        font-size: 14px;
        width: 60%;
        line-height: 18px;
        margin-right: 10px;
    }
    .row.grey,
    .row.white {
        background: #fff;
        padding: 0px 0px;
    }
    .row.grey .col-xs-6,
    .row.white .col-xs-6 {
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
    }
    .construction-table-sleeping span {
        margin-right: 10px;
        float: left;
        font-size: 14px;
        width: 60%;
        line-height: 18px;
    }
    .pswp {
        z-index: 99999;
    }
    .pswp__caption__subtitle {
        text-align: center;
    }
    .construction-maxpackage span {
        float: left;
        font-size: 14px;
        width: 60%;
        line-height: 18px;
        margin-right: 10px;
    }
    .construction-text-standing-height span {
        margin-right: 10px;
        float: left;
        font-size: 14px;
        width: 60%;
        line-height: 18px;
        position: relative;
        top: 9px;
    }
    .construction-text-gesamtmasse span {
        float: left;
        font-size: 14px;
        width: 60%;
        line-height: 18px;
        margin-right: 10px;
    }
    #accordion-construction-2 ul {
        width: 100%;
        float: none;
        margin-bottom: 40px;
        list-style: none;
        padding-left: 0px;
    }
    .pswp__caption {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        min-height: 44px;
        text-align: center;
    }
    .construction-mass .construction-text-highlight,
    .construction-maxpackage .construction-text-highlight,
    .construction-text-standing-height .construction-text-highlight,
    .construction-text-gesamtmasse .construction-text-highlight {
        font-size: 18px;
    }
    .construction-text-small-height {
        position: relative;
        padding-right: 0px;
        width: 100%;
        float: none;
        font-size: 14px;
        text-align: center;
        border-right: 0px;
        min-height: inherit;
        display: block;
    }
    .construction-text-small-height:before,
    .construction-text-small-height:after {
        display: none;
    }
    .vertical-middle {
        position: relative;
        top: 0%;
        margin-top: 25px;
        right: inherit;
    }
    .construction-text-small-height .construction-text-highlight {
        display: inline-block;
        position: relative;
        top: 0px;
        margin-left: 5px;
    }
    .height-length .col-xs-8 img {
        width: 100%;
        height: auto;
        position: relative;
        top: 0px;
    }
    .construction-side-image {
        float: none;
        width: 100%;
        position: relative;
    }
    .construction-text-small-length {
        margin: 0 auto;
        width: 100%;
        font-size: 14px;
        border-top: 1px solid #000;
        position: relative;
        top: -5px;
        padding-top: 10px;
    }
    .btn-default {
        display: block;
    }
    #c396 form,
    #c399 form {
        width: 100%;
    }
    .form-horizontal .form-group {
        margin-left: 0px;
        margin-right: 0px;
    }
    .powermail_fieldwrap_type_select .col-sm-10:after {
        content: "\f0d7";
        font-family: FontAwesome;
        position: absolute;
        right: 16px;
        top: 7px;
        color: #333;
        pointer-events: none;
    }
    .powermail_fieldwrap_vorname {
        float: none;
        width: 100%;
    }
    .powermail_fieldwrap_nachname {
        float: none;
        width: 100%;
    }
    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
        width: 100%;
    }
    .tx-powermail .col-sm-10 {
        width: 100%;
        padding: 0px;
        float: left;
    }
    .powermail_fieldwrap_anrede .radio:nth-child(2) {
        padding-left: 0px;
    }
    .construction-engine:before {
        display: none;
    }
    .construction-engine span {
        position: relative;
        top: 0px;
        font-size: 14px;
        line-height: 14px;
        display: none;
    }
    .height-length .col-xs-4 img {
        width: 80%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }
    .construction-engine,
    .construction-chassis {
        position: relative;
        text-align: center;
        width: 80%;
        margin-left: 10%;
    }
    .construction-engine p {
        position: relative;
        top: 0px;
        display: inline-block;
        line-height: 24px;
    }
    .benz-icon:before,
    .Fiat-icon:before {
        display: none;
    }
    /* VORTEILE */
    .t3ddy-item .sidebar-content .col-xs-4 {
        padding: 20px 20px 20px 20px;
        background: #fff;
    }
    .section-centered .col-xs-2 {
        display: none;
    }
    .t3ddy-item .sidebar-content .col-xs-4:after {
        display: none;
    }
    .t3ddy-item .sidebar-content .col-xs-4>div .t3ddy-item .sidebar-content .col-xs-4:after {
        display: none;
    }
    .header-content h2 br {
        display: none;
    }
    #c111 .header-content,
    #c260 .header-content {
        bottom: -72px;
        padding: 0px 20px;
        background: rgba(255, 255, 255, 0.75);
    }
    #c293,
    #c256 {
        margin-top: 80px;
    }
    .frame-space-after-large {
        margin: 20px 0px;
    }
    .t3ddy-item .padding-t-b {
        padding: 0px;
    }
    .t3ddy-item h4 {
        text-transform: uppercase;
        margin-bottom: 8px;
        font-size: 14px;
    }
    .t3ddy-item .col-xs-8,
    .t3ddy-item .col-xs-4 {
        margin: 0px;
    }
    .t3ddy-item .col-xs-4.img-element {
        margin-bottom: 10px;
    }
    #c343 img,
    #c344 img,
    #c345 img,
    #c347 img,
    #c899 img,
    #c1103 img {
        border: 1px solid #000;
        width: 100%;
        margin-bottom: 30px;
    }
    .ui-accordion .ui-accordion-icons {
        padding-left: 0px;
        font-size: 14px;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        color: #aaa;
        font-size: 14px;
        padding: 10px 0px;
        font-family: 'Open Sans', sans-serif;
        text-align: center;
    }
    #c148>div>div,
    #c162>div>div,
    #c175>div>div {
        display: flex;
        flex-flow: column-reverse;
    }
    #c141,
    #c148,
    #c154,
    #c162,
    #c171 {
        margin-bottom: 30px;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: 5px;
        padding-bottom: 1px;
    }
    .panel-default>.panel-heading a {
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
        padding: 15px;
        width: 90%;
        line-height: 150%;
    }
    .t3ddy-item .content-sidebar .col-xs-4 {
        background: #fff;
    }
    .t3ddy-item .content-sidebar .col-xs-4:before {
        display: none;
        background: #fff;
    }
    /* ÜBER UNS */
    .background-full {
        height: auto;
        overflow: hidden;
    }
    #c46 .full-wrap {
        display: none;
    }
    .statement p {
        font-size: 14px;
        line-height: 24px;
    }
    .statement:before {
        display: none;
    }
    #statement-prev {
        background: #57585a;
        padding: 5px 10px;
        color: #fff;
        font-size: 40px;
        position: absolute;
        right: inherit;
        bottom: inherit;
        z-index: 99;
        top: 50%;
        left: 0px;
    }
    #statement-next {
        background: #57585a;
        padding: 5px 10px;
        color: #fff;
        font-size: 40px;
        position: absolute;
        right: 0px;
        bottom: inherit;
        z-index: 99;
        top: 50%;
    }
    .statement {
        padding: 0px 30px;
        text-align: center;
    }
    .statement-image {
        margin: 7%;
        transform: rotate(0deg);
        padding: 20px 20px;
        background: #fff;
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
    }
    #c49 .content-fullsizebanner .btn {
        bottom: 20px;
    }
    #c49 {
        margin-bottom: 30px
    }
    /* KATALOG ANFORDERN */
    .form-group .checkbox {
        width: 100%;
        float: none;
        font-size: 14px;
        line-height: 40px;
        padding: 0px 20px;
    }
    #c41>div>form>fieldset>div.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_hauptkatalog.form-group>div>div:nth-child(1)>label {
        width: 65%;
        line-height: 18px;
        top: 2px;
    }
    .powermail_fieldwrap_kataloganfragen {
        margin-bottom: 50px;
    }
    #c40 h1 {
        color: #fff;
        text-align: center;
        padding-top: 40px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    #p38 .skipslide {
        display: none;
    }
    /* KARRIERE */
    #c280 {
        margin-top: 100px;
    }
    .joblist .col-xs-8,
    .joblist .col-xs-4,
    .joblist .col-xs-3,
    .joblist .col-xs-6 {
        margin: 0px;
        padding: 0px;
    }
    .joblist .col-xs-2 {
        width: 100%;
        float: none;
        padding: 0px;
    }
    .joblist .row p {
        margin-bottom: 0px;
        line-height: 25px;
    }
    .joblist .row.header-row {
        display: none;
    }
    .joblist .row {
        padding: 20px 0px;
        margin: 0px;
    }
    .container.joblist {
        padding: 0px 0px;
        margin-top: -30px;
    }
    .joblist .row:nth-child(odd) {
        background: #fff;
    }
    .joblist .col-xs-3.job-btn {
        margin-top: 10px;
    }
    /* AKTUELLES */
    #c271 .news-list-item, #c2528 .news-list-item, #c2538 .news-list-item {
        position: relative !important;
        top: inherit !important;
        margin-bottom: 20px;
    }
    #p12 .white-foot {
        height: inherit !important
    }
    #p12 #c10>div {
        height: inherit !important;
    }
    #p12 #c10>div>div:nth-child(1)>div {
        height: inherit !important
    }
    #c271>div>div>div>div>div, #c2528>div>div>div>div>div, #c2538>div>div>div>div>div {
        height: auto !important
    }
    #p12>div.body-bg>footer>section>div.smallfooter>div>div>div,
    #p12>div.body-bg>footer>section>div.smallfooter-white>div>div {
        height: auto !important
    }
    .smallfooter-white {
        padding: 10px 0px;
        padding-bottom: 75px;
    }
    #p37 {
        margin-top: 120px;
    }
    #tx_indexedsearch>fieldset {
        padding: 0px;
        margin-right:16px;
    }
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
        z-index: 2;
        margin-left: -1px;
        padding: 11px 14px 10px 14px;
    }
    .news-latestlist-home .col-xs-4 {
        padding: 0px;
    }
    #c407 h3,
    #c1032 h3,
    #c831 h3 {
        position: absolute;
        bottom: 0px;
        width: 100%;
        background: rgba(255, 255, 255, 0.75);
        color: #333;
        left: 0px;
        padding: 14px;
        margin-bottom: 0px;
    }
    .news-latestlist-home .outerwrap .overlay-wrap {
        left: -20px;
    }
    .location-manager__map-wrapper {
        height: 100vh;
        position: relative;
        width: 100%;
        top: 70px;
        left: 0px;
    }
    .fixed-options {
        width: 100%;
        position: relative;
        left: 0px;
        height: auto;
        background: #fff;
        padding: 30px;
        z-index: 9;
        top: 70px;
    }
    #c111 .header-content,
    #c260 .header-content {
        bottom: inherit;
        padding: 0px 20px;
        background: rgba(255, 255, 255, 0.75);
        position: relative;
    }
    #c293,
    #c256 {
        margin-top: 0px;
    }
    .header-content h1,
    .header-content h2 {
        font-size: 20px;
        text-align: center;
    }
    .search {
        max-height: 72px;
        display: none;
        position: absolute;
        padding: 0px;
        z-index: 99;
        top: 116px;
        left: inherit;
        width: 112%;
        right: -15px;
    }
    #tx_indexedsearch {
        width: calc(100% - 2px);
        right: 17px;
        position: absolute;
    }

    #c1652 {display: none !important;}
    .navbar-nav li.dropdown {height:initial !important;}
    .img-element:hover .overlay-img {
        bottom: -310px;
    }
    #c367 a {
        color: #57585a;
    }
    #c367 a:hover {
        text-decoration: underline;
    }
    #c21>div>div>div>div {
        height: inherit !important;
    }
    #content>footer>section>div.smallfooter>div>div>div {
        height: inherit !important;
    }
    #c10>div,
    #c10>div>div:nth-child(1)>div {
        height: inherit !important
    }
    .facebook {
        color: #3b5998 !important;
        font-size: 16px;
        float: left;
        margin-left: 0px;
        float: none;
        text-align: center;
    }
    .white-foot ul.enterprsie {
        margin-bottom: 0px;
    }
}

@media (max-width: 500px) {
    .headerbild {
        height: 30vh;
    }
    .headerbild .fullsizebackground {
        height: 30vh;
    }
}

@media (max-width: 380px) {
    .img-box {
        height: 200px;
        overflow: hidden;
        position: relative;
    }
    .news-latestlist-home .outerwrap {
        padding: 10px;
        background: #fff;
    }
    .news-latestlist-home .outerwrap .overlay-wrap h4 {
        margin-bottom: 5px !important;
        font-weight: bold;
    }
    #c451>p br {
        display: none;
    }
    #c6>div>div>div.fullsize-background {
        width: 70%;
        margin: 0 auto;
        padding: 20px 0px;
    }
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .news-latestlist-home .col-xs-4 {
        padding: 0px 10px;
    }
    ..navbar-header-main .navbar-brand {
        padding-left: 0px;
    }
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        padding: 0px 10px;
    }
    .modelcontainer a span {
        opacity: 1.0 !important;
    }
    div.col-xs-8.anschrift {
        padding: 0px;
    }
    .content-fullsizebanner {
        padding-top: 20px;
    }
    .ui-accordion .ui-accordion-icons {
        font-size: 14px;
    }
    .pswp__caption__center p {
        display: none;
    }
    #c111 .header-content,
    #c260 .header-content {
        position: relative;
        bottom: inherit;
    }
    #c256,
    #c293 {
        margin-top: 10px;
    }
    .container {
        padding: 0px;
    }
    #showsearch,
    #hidesearch {
        right: 0px;
    }
    fieldset.container {
        width: 80%;
    }
    .img-box {
        height: 213px;
        overflow: hidden;
        position: relative;
    }
    .haendlersuche .frankia-search {
        color: #fff;
        font-size: 16px;
        padding: 12px 12px;
        width: 100%;
        background: rgba(255, 255, 255, 0.55);
        border: 2px solid #fff;
    }
    .haendlersuche .haendler-wrap {
        display: block;
    }
    .header-content {
        position: relative;
    }
    #c111 .header-content,
    #c260 .header-content {
        bottom: inherit;
    }
    #p3 .header-content h2 {
        font-size: 24px;
        line-height: 140%;
        padding-top: 0px;
    }
    #c451>p br,
    #c451>h3 br {
        display: none;
    }
    .navbar-main li,
    .navbar-main li a {
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }
    .news-latestlist-home .outerwrap .overlay-wrap {
        padding: 0px;
        left: inherit !important;
    }
    .modelrow-bar {
        right: 10px;
    }
    .container.overview-models {
        padding: 30px 0px;
    }
    .overview-models .row {
        margin-bottom: 20px;
    }
    .navbar-default #tx-indexedsearch-searchbox-sword {
        padding: 21px 12px 21px 12px;
    }
    #tx_indexedsearch {
        right: 21px;
    }
    .hidesearch {
        top: 70px;
        right: 0;
        z-index: 99999;
    }
    .pagelevel-2 .header-content h1 {
        background: transparent;
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 30px;
    }
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
    #c49 .fullsizebanner h3 {
        color: #333;
    }
    .navbar-toggle {
        margin-right: 0px;
    }
    .navbar-header-main .navbar-brand {
        left: -20px;
    }
    .data-table .seats:before {
        content: "";
        width: 20px;
        height: 25px;
        background: url(../Images/seats.png) no-repeat;
        background-size: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .data-table .sleep:before {
        content: "";
        width: 22px;
        height: 26px;
        background: url(../Images/beds.png) no-repeat;
        background-size: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 19px;
    }
    div.col-xs-4.length>span {
        position: relative;
        top: -12px;
        font-size: 13px;
    }
    .data-table .length:before {
        content: "L:";
        display: block;
        margin: 0 auto;
        line-height: 30px;
        margin-bottom: 24px;
    }
    .intro-vorteile ul li:before {
        content: "\f055";
        font-family: FontAwesome;
        color: #cacaca;
        margin-right: 12px;
        font-size: 26px;
        float: left;
        line-height: 37px;
        min-height: 50px;
        float: left;
    }
    .construction-table-sleeping span:before {
        position: relative;
        top: inherit;
        float: none;
        content: "";
        width: 34px;
        height: 40px;
        display: block;
        background: url(../Images/bed-icon.png) no-repeat;
        background-size: contain;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .row.grey .col-xs-6,
    .row.white .col-xs-6 {
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
        text-align: center;
    }
    .construction-mass span:before {
        position: relative;
        top: 1px;
        float: none;
        margin: 0 auto;
        content: "";
        width: 31px;
        height: 50px;
        display: block;
        background: url(../Images/zuladung-icon.png) no-repeat;
        background-size: contain;
    }
    #c429 form,
    #c430 form,
    #c431 form,
    #c432 form,
    #c433 form,
    #c434 form,
    #c435 form,
    #c436 form,
    #c437 form,
    #c438 form,
    #c439 form,
    #c440 form,
    #c441 form,
    #c442 form,
    #c443 form,
    #c444 form,
    #c445 form,
    #c446 form,
    #c447 form,
    #c448 form,
    #c449 form {
        width: 100%;
    }
    .construction-table-sleeping span,
    .construction-maxpackage span {
        margin-right: 10px;
        float: none;
        font-size: 14px;
        width: 100%;
        line-height: 18px;
        text-align: center;
        margin: 0 auto;
    }
    .construction-table-sleeping ul li {
        margin-bottom: 0px;
        margin: 0 auto;
        display: block;
        background: #cacaca;
        color: #fff;
        text-align: center;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        font-size: 18px;
        font-weight: 400;
    }
    .construction-maxpackage span:before {
        position: relative;
        top: 3px;
        float: none;
        margin: 0 auto;
        content: "";
        width: 35px;
        height: 45px;
        display: block;
        background: url(../Images/maximale-zuladung.png) no-repeat;
        background-size: contain;
        margin-bottom: 10px;
    }
    .construction-text-standing-height span:before {
        position: relative;
        top: inherit;
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
        content: "";
        width: 25px;
        height: 40px;
        display: block;
        background: url(../Images/stand-height-icon.png) no-repeat;
        background-size: contain;
    }
    .construction-text-standing-height span {
        margin-right: 10px;
        float: none;
        font-size: 14px;
        width: 100%;
        line-height: 18px;
        position: relative;
        top: 0px;
        display: block;
    }
    .construction-text-standing-height .construction-text-highlight {
        font-size: 24px;
        line-height: 34px;
    }
    .construction-maxpackage .construction-text-highlight {
        font-size: 24px;
        line-height: 34px;
    }
    .construction-text-gesamtmasse span {
        float: none;
        font-size: 14px;
        width: 100%;
        line-height: 18px;
        margin: 0 auto;
        display: block;
    }
    .construction-text-gesamtmasse span:before {
        position: relative;
        top: inherit;
        float: none;
        margin: 0 auto;
        content: "";
        width: 37px;
        height: 44px;
        display: block;
        background: url(../Images/zulaessige-gesamtmasse.png) no-repeat;
        background-size: contain;
        margin-bottom: 10px;
    }
    .construction-table-seatBelts>ul>span {
        font-size: 14px;
        width: 100%;
        float: none;
        line-height: 18px;
        margin: 0 auto;
    }
    .construction-table-seatBelts span:before {
        float: none;
        margin: 0 auto;
        content: "";
        width: 33px;
        height: 39px;
        display: block;
        background: url(../Images/seat-icon.png) no-repeat;
        margin-bottom: 10px;
        top: inherit;
    }
    .construction-table-seatBelts ul li {
        margin-bottom: 0px;
        margin: 0 auto;
        display: block;
        background: #cacaca;
        color: #fff;
        text-align: center;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        font-size: 18px;
        font-weight: 400;
    }
    .construction-mass span {
        float: none;
        font-size: 14px;
        width: 100%;
        line-height: 18px;
        margin: 0 auto;
        text-align: center;
    }
    .construction-mass .construction-text-highlight {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (max-width: 320px) {
    #c369 {
        margin-top: 90px;
    }
    .img-box {
        height: 198px;
        overflow: hidden;
        position: relative;
    }
    .overlay-img {
        min-height: 190px;
        bottom: inherit;
        color: #000;
        font-size: 14px !important;
        margin-top: 10px;
    }
    .overlay-img p {
        color: #000;
        text-align: center;
        width: 90%;
    }
    .overlay-img p br {
        display: none;
    }
    .frame-space-after-medium {
        margin-bottom: 10px;
    }
    .data-table .seats:before {
        content: "";
        width: 20px;
        height: 25px;
        background: url(../Images/seats.png) no-repeat;
        background-size: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .data-table .sleep:before {
        content: "";
        width: 22px;
        height: 26px;
        background: url(../Images/beds.png) no-repeat;
        background-size: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 19px;
    }
    div.col-xs-4.length>span {
        position: relative;
        top: -12px;
        font-size: 13px;
    }
    .data-table .length:before {
        content: "L:";
        display: block;
        margin: 0 auto;
        line-height: 30px;
        margin-bottom: 24px;
    }
    .intro-vorteile ul li:before {
        content: "\f055";
        font-family: FontAwesome;
        color: #cacaca;
        margin-right: 12px;
        font-size: 26px;
        float: left;
        line-height: 37px;
        min-height: 50px;
        float: left;
    }
    .construction-table-sleeping span:before {
        position: relative;
        top: inherit;
        float: none;
        content: "";
        width: 34px;
        height: 40px;
        display: block;
        background: url(../Images/bed-icon.png) no-repeat;
        background-size: contain;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .row.grey .col-xs-6,
    .row.white .col-xs-6 {
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
        text-align: center;
    }
    .construction-mass span:before {
        position: relative;
        top: 1px;
        float: none;
        margin: 0 auto;
        content: "";
        width: 31px;
        height: 50px;
        display: block;
        background: url(../Images/zuladung-icon.png) no-repeat;
        background-size: contain;
    }
    #c429 form,
    #c430 form,
    #c431 form,
    #c432 form,
    #c433 form,
    #c434 form,
    #c435 form,
    #c436 form,
    #c437 form,
    #c438 form,
    #c439 form,
    #c440 form,
    #c441 form,
    #c442 form,
    #c443 form,
    #c444 form,
    #c445 form,
    #c446 form,
    #c447 form,
    #c448 form,
    #c449 form {
        width: 100%;
    }
    .construction-table-sleeping span,
    .construction-maxpackage span {
        margin-right: 10px;
        float: none;
        font-size: 14px;
        width: 100%;
        line-height: 18px;
        text-align: center;
        margin: 0 auto;
    }
    .construction-table-sleeping ul li {
        margin-bottom: 0px;
        margin: 0 auto;
        display: block;
        background: #cacaca;
        color: #fff;
        text-align: center;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        font-size: 18px;
        font-weight: 400;
    }
    .construction-maxpackage span:before {
        position: relative;
        top: 3px;
        float: none;
        margin: 0 auto;
        content: "";
        width: 35px;
        height: 45px;
        display: block;
        background: url(../Images/maximale-zuladung.png) no-repeat;
        background-size: contain;
        margin-bottom: 10px;
    }
    .construction-text-standing-height span:before {
        position: relative;
        top: inherit;
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
        content: "";
        width: 25px;
        height: 40px;
        display: block;
        background: url(../Images/stand-height-icon.png) no-repeat;
        background-size: contain;
    }
    .construction-text-standing-height span {
        margin-right: 10px;
        float: none;
        font-size: 14px;
        width: 100%;
        line-height: 18px;
        position: relative;
        top: 0px;
        display: block;
    }
    .construction-text-standing-height .construction-text-highlight {
        font-size: 24px;
        line-height: 34px;
    }
    .construction-maxpackage .construction-text-highlight {
        font-size: 24px;
        line-height: 34px;
    }
    .construction-text-gesamtmasse span {
        float: none;
        font-size: 14px;
        width: 100%;
        line-height: 18px;
        margin: 0 auto;
        display: block;
    }
    .construction-text-gesamtmasse span:before {
        position: relative;
        top: inherit;
        float: none;
        margin: 0 auto;
        content: "";
        width: 37px;
        height: 44px;
        display: block;
        background: url(../Images/zulaessige-gesamtmasse.png) no-repeat;
        background-size: contain;
        margin-bottom: 10px;
    }
    .construction-table-seatBelts>ul>span {
        font-size: 14px;
        width: 100%;
        float: none;
        line-height: 18px;
        margin: 0 auto;
    }
    .construction-table-seatBelts span:before {
        float: none;
        margin: 0 auto;
        content: "";
        width: 33px;
        height: 39px;
        display: block;
        background: url(../Images/seat-icon.png) no-repeat;
        margin-bottom: 10px;
        top: inherit;
    }
    .construction-table-seatBelts ul li {
        margin-bottom: 0px;
        margin: 0 auto;
        display: block;
        background: #cacaca;
        color: #fff;
        text-align: center;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        font-size: 18px;
        font-weight: 400;
    }
    .construction-mass span {
        float: none;
        font-size: 14px;
        width: 100%;
        line-height: 18px;
        margin: 0 auto;
        text-align: center;
    }
    .construction-mass .construction-text-highlight {
        font-size: 24px;
        line-height: 34px;
    }
    .t3ddy-item .content-sidebar .col-xs-8,
    .t3ddy-item .content-sidebar .col-xs-4,
    .t3ddy-item .sidebar-content .col-xs-8,
    .t3ddy-item .sidebar-content .col-xs-4 {
        width: 100%;
        float: none;
    }
    h3 {
        font-size: 16px;
    }
    .intro-vorteile ul li {
        font-size: 13px;
    }
    .hidesearch {
        display: none;
        font-size: 24px;
        color: #b21a1a;
        background: #dfdfdf;
        width: 40px;
        height: 41px;
        text-align: center;
        position: absolute;
        right: 4px;
        top: 71px;
        line-height: 40px;
        cursor: pointer;
    }
    .search {
        max-height: 72px;
        display: none;
        position: absolute;
        padding: 0px;
        z-index: 99;
        top: 116px;
        left: inherit;
        width: 100%;
        right: -12px;
    }
    #showsearch,
    #hidesearch {
        right: 4px;
    }
    #c407 h1,
    #c1032 h1,
    #c831 h1 {
        position: absolute;
        bottom: 0px;
        width: 100%;
        background: rgba(255, 255, 255, 0.75);
        color: #333;
        left: 0px;
        padding: 17px;
        margin-bottom: 0px;
        font-size: 16px;
    }
    .news-latestlist-home .outerwrap .overlay-wrap {
        min-height: 90px;
        position: relative;
        top: inherit !important;
        opacity: 1.0;
        padding: 0px;
        padding-top: 10px;
        background-color: transparent;
        transition: 0.5s linear;
        width: 89%;
        z-index: 9;
        width: 100% !important;
    }
    .news-latestlist-home .outerwrap {
        width: 100%;
        left: 0px;
        position: relative;
        top: 0px;
    }
    .news-latestlist-home h4 a {
        color: #000;
    }
    .news-latestlist-home h4 {
        margin-bottom: 10px;
    }
    .model-teaser {
        padding: 0px 10px 10px 10px;
    }
    .construction-text-gesamtmasse .construction-text-highlight {
        font-size: 24px;
        line-height: 34px;
    }
}

.screenvideo {
    width: 90%;
    max-width: 1180px;
    margin: 0 auto;
}

.screenvideo video {
    width: 100%;
}

.ft-outer,
.ft-inner {
    width: 100%;
    position: relative;
}

.ft-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 50px solid white;
    border-right: 50px solid transparent;
    z-index: 99;
}

.ft-headline {
    width: 100%;
    background: #57585a;
    padding: 10px 10px 10px 60px;
}

.ft-headline h3 {
    color: #fff;
    margin-bottom: 0;
    font-size: 20px;
}

.ft-button {
    color: #fff;
    transition: all .3s;
    cursor: pointer;
    background: #d11d1f;
    padding: 10px 20px;
}

.ft-button:hover {
    background: #57585a;
}

.katalog-modal-outer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.9);
    display: none;
}

.katalog-modal-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1000px;
    height: auto;
    max-height: 90%;
}

.katalog-modal-close {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #57585a;
    transition: all .3s;
    font-size: 30px;
    cursor: pointer;
}

.katalog-modal-close:hover {
    color: #d11d1f;
}

#c1715 {
    background: #dfdfdf;
}

.ds-hinweis-formular p {
    font-size: 12px;
    line-height: 19px;
}

.ds-hinweis-formular p:nth-child(7) {
    margin-bottom: 0;
}

.ds-hinweis-formular {
    padding: 20px;
    background: #f7f7f7;
}

#c1857 a {
    margin: 0 10px;
}

.t3ddy-accordion-item .content-sidebar .col-xs-4,
.t3ddy-accordion-item .sidebar-content .col-xs-4 {
    background: #fff;
}

.t3ddy-accordion-item .content-sidebar .col-xs-4:before {
    border-color: transparent #fff transparent transparent;
}

.t3ddy-accordion-item .sidebar-content .col-xs-4:after {
    border-color: transparent transparent transparent #fff;
}

.t3ddy-accordion-item .content-sidebar .row,
.t3ddy-accordion-item .sidebar-content .row {
    margin-left: inherit;
    margin-right: inherit;
}

.t3ddy-accordion-item .col-md-1 img,
#c1866 .gallery-item.col-md-3 img,
#c1866 .gallery-item.col-md-2 img,
#c2232 .gallery-item.col-md-3 img,
#c2232 .gallery-item.col-md-2 img,
#c2136 .gallery-item.col-md-3 img,
#c2136 .gallery-item.col-md-2 img {
    transition: all .5s;
}

.t3ddy-accordion-item .col-md-1:hover img,
#c1866 .gallery-item.col-md-3:hover img,
#c1866 .gallery-item.col-md-2:hover img,
#c2232 .gallery-item.col-md-3:hover img,
#c2232 .gallery-item.col-md-2:hover img,
#c2136 .gallery-item.col-md-3:hover img,
#c2136 .gallery-item.col-md-2:hover img {
    transform: scale(2.5);
    z-index: 999;
}

.t3ddy-accordion-item .col-md-1:hover,
#c1866 .gallery-item.col-md-3:hover,
#c1866 .gallery-item.col-md-2:hover,
#c2232 .gallery-item.col-md-3:hover,
#c2232 .gallery-item.col-md-2:hover,
#c2136 .gallery-item.col-md-3:hover,
#c2136 .gallery-item.col-md-2:hover {
    z-index: 999;
}

#c1866,#c2136,#c2232 {
    padding: 25px !important;
}

#c1866 hr,#c2136 hr,#c2232 hr {
    border-top: 1px solid #b11d1a;
}

#c1866 .caption,#c2136 .caption,#c2232 .caption {
    width: 100%;
    text-align: center;
    padding: 10px 0 !important;
}

::selection {
    background: #d11d1f;
    color: #fff;
}

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

.li-vorteile-high::before {
    margin-bottom: 30px;
}


#p113 {
    height: 100vh;
    width: 100vw;
}

#p113 .navbar, #p113 footer {
    display: none;
}

.outer-404 {
    width: 100vw;
    height: 100vh;
    background: url(/fileadmin/user_upload/frankia-header-neuheiten-1600x963px.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.inner-404 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-sizing: border-box;
    padding: 40px;
    width: 90%;
    max-width: 720px;
}

.inner-404 h1 {
    margin-bottom: 20px;
}

.buttons-404 a {
    padding:  7px 15px;
    background: #d11d1f;
    color: #fff;
    transition: all .3s;
    text-decoration: none;
    margin-right: 15px;
    float: left;
    margin-top: 20px;
}

.buttons-404 a:hover {
    background: #b11d1a;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.powermail_fieldset_1 .powermail_fieldwrap_type_select .col-sm-10:after {
    right: 16px;
}

.powermail_fieldset_1 .radio label, .checkbox label {
    padding-left: 40px;
}

.powermail_fieldset_1 .radio input[type="radio"], .powermail_fieldset_1 .radio-inline input[type="radio"], .powermail_fieldset_1 .checkbox input[type="checkbox"], .powermail_fieldset_1 .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
}

.powermail_fieldset_1 .powermail_fieldwrap_marker {
    margin-left: 0 !important;
}

.powermail_fieldset_1 .powermail_fieldwrap_icherklaeremichdamiteinverstandendassfrankiameinepersonenbezo_genendatenfueranschreibenunde_mailszumarketingzweckennutztundmichregelmaessigperpostodere_mailkontaktiertzurdurchfuehrungdermarketingmassnahmenistfrankiaberechtigtmeinepersonenbezogenendatenanf .col-sm-10 {
    margin-left: 0;
}

.powermail_fieldset_1 .powermail_fieldwrap_icherklaeremichdamiteinverstandendassfrankiameinepersonenbezo_genendatenfueranschreibenunde_mailszumarketingzweckennutztundmichregelmaessigperpostodere_mailkontaktiertzurdurchfuehrungdermarketingmassnahmenistfrankiaberechtigtmeinepersonenbezogenendatenanf .checkbox label {
    left: 0;
    left: 40px;
    font-size: 12px;
    line-height: 19px;
}

@media (max-width: 1012px) {
    .construction-table-seatBelts > ul > span {margin-bottom: 10px;}
    .construction-table-seatBelts ul li {margin-bottom: 7px;}
    .button-bottom a {margin-bottom: 5px;}
}

@media (max-width: 1100px) {
    .construction-text-gesamtmasse span {margin-right: 20px;}
    .construction-text-gesamtmasse .construction-text-highlight {font-size: 18px; width: calc(50% - 20px);}
    .defaultmass {width: 100%; line-height: 24px; text-align: right; float: left;}
    .option-mass {width: 80%; line-height: 24px; text-align: right; float: left;}
    .massunit {width: 20%; line-height: 24px; text-align: left; float: left; margin-left: 0; padding-left: 6px;}
    .img-element .overlay-img strong, .img-element .overlay-img b {font-size: 12px;}
}

.section-centered .powermail_fieldwrap_vorname {width: 50%; padding-right: 8px; box-sizing: border-box;}
.section-centered .powermail_fieldwrap_nachname {width: 50%; padding-left: 7px; box-sizing: border-box;}
.section-centered .powermail_fieldwrap_type_select .col-sm-10:after {right: 16px;}

body.safari .frame .gallery-row .gallery-item:first-of-type {margin-left: -1px;}

#c2392 {margin-top:100px;}
#c2392 h1 {color:#333;}

.formheadline {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.spacebottom {
    margin-bottom: 20px;
}

.cr_ipe_item input[type="text"] {
    width: 100%;
    border: 1px solid #666;
    display: block;
    height: 38px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.55;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cr_ipe_item input[type="text"]:focus, .cr_ipe_item input[type="radio"]:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #666;
}

.cr_ipe_item input[type="radio"] {
    margin-right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #666;
    display: block;
    height: 38px;
    width: 38px;
    position: relative;
    float: left;
    margin-top: 0;
}

.label-radio {
    float: left;
    margin-right: 25px;
    margin-top: 6px;
}

.cr_ipe_item input[type="radio"]:after {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    color: #555;
    position: absolute;
    transition: all 0.3s;
    font-size: 28px;
    left: 4px;
    top: 4px;
    transform: scale(0);
}

.cr_ipe_item input[type="radio"]:checked:after {
    transform: scale(1);
}

.cr_button {
    background: #d11d1f;
    color: #fff;
    border: none;
    transition: 0.4s linear;
    padding: 8px 14px;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
    margin-top: 10px;
}

#c2386 {
    padding: 20px;
    box-sizing: border-box;
    background: #eee;
}

/* FRANKIA PLATIN Landingpage */
#c2433 .col-xs-4 li {margin-bottom: 0; line-height: 44px;}
#c378 .overview-models {padding-top: 30px;}
@media screen and (max-width: 750px) {
    #c2433 .col-xs-4 li {line-height: 47px;}
    #c2523 {display: none;}
    #c2423 .powermail_fieldwrap_vorname, #c2423 .powermail_fieldwrap_nachname {width: 100%; padding-left: 0; padding-right: 0;}
}

.language-2 #c1342 .header-content h1 {font-size: 29px;}