/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
/* für neue HTTPS-Seite  */
#s5_nav li a {
    font-size: 1.3em !important;
}

/* Menüauswahl Reisebine-Seiten  */
#s5_top_row1_area1 .module_round_box_outer {
    margin-left: 0px !important;
}
#s5_top_row1_area1, #s5_menu_wrap {
    word-break: keep-all;
}

#s5_top_bar1 {
    z-index: 10;
}

/* damit das Buchungsmdodule rechts obenbündig ist   */
#s5_right_column_wrap {
    padding-top: 0pt !important;
}

.module_round_box_outer {                   /* neu für Navi rechts */
    margin-right: 0px !important;
    margin-top: 20pt !important;
}


/* für Tabs   */
.rl_tabs > ul.nav-tabs > li > a {
  color: #217f13 !important;
}
.rl_tabs .nav-tabs > li.active > a {
  font-weight: bold !important; 
}
.rl_tabs.outline_content > .tab-content {           /*Tab innen   */
  background: rgba(226, 216, 212, 0.57) !important;
  padding-top: 6pt;
}
.rl_tabs.color_inactive_handles > ul.nav > li.active > a { /* Tab oben */
  background: rgba(226, 216, 212, 0.57) !important;
}





.stray {
    margin-bottom: 30pt;
    background-color: rgba(242, 238, 232, 0.65);
  /*  border: 1px dotted rgb(93, 88, 81);
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);  */
    padding: 10pt;
}


/* startseite und blog */
.jdGallery .slideInfoZone h2 {
  color: #FFFFFF !important;
  line-height: 1.3;
  font-size: 1.6em !important;
  margin-bottom: 5px !important;
}

/* für Reisebine-Buttons ganz oben  */

.button-wt:hover, .button-oz:hover, .button-nz:hover, .button-stop:hover, .button-fi:hover {
   background:#333333 !important;
   filter:none;
}

.button-news:hover {
  background:#DEDADA !important; 
}

.button-wt a, .button-oz a, .button-nz a, .button-stop a, .button-fi a, .button-news a {
  text-decoration: none !important;
}

/* Reisebine-Buttons ENDE   */

/* für RSForm Überschrift */
#userForm h1 {
    padding: 10pt !important;
    font-size: 2.1em !important;
    text-align: center;
    font-weight: bold;
    line-height: 35px !important;
}

/* für Reihe mit der Camper-Werbung   */
#s5_bottom_rows_wrap {
    padding-top: 0px;
    padding-right: 0px;
}


/* social Media icons */
.jmm-social.default .jmm-list li {
  margin: 0 0 0 5pt !important;
}

/* Ende */


/* für RSForm - Pop-up-Kalender */
table th {
    background: none repeat scroll 0 0;
}
/* Ende */


/* breadcrumbs   */
#s5_breadcrumb_wrap {
    padding-top: 0px;
    padding-bottom: 12px;
}


#s5_right_column_wrap {
    min-height: auto !important;
}


@media screen and (max-width: 970px) {
 #s5_phone_wrap {
    padding-top: 60px !important;
    padding-bottom: 0px;
}}

@media screen and (max-width: 970px) { 
 #s5_times_phone_wrap {
   padding-bottom: 0px !important;
   height: unset !important;
   display:none !important;
}}



a.readon {
  font-size: 1.5em !important;
  padding: 10pt;
}


.fett {
  font-weight: bold;
}
.theme_elegant .mix {
  background: rgb(251, 246, 241);
}

#s5_component_wrap {
    box-shadow: none;
}
 #s5_above_columns_wrap1 {
   margin-left: 20pt;
   margin-right: 20pt;
}


/* für Überschrift in Foto - Übersicht */
.upper-mix-hover h3 a {
  color: white !important;
}
.regridart .inner-mix h3 {
  line-height: 1.3;
}
/* für Überschrift in Foto - Übersicht */



/* Auswahl Startseite  */
#s5_center_column_wrap_inner .module_round_box {
    background-color: rgb(252, 249, 249);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid rgb(202, 200, 200);
} 
/* Auswahl Startseite - Ende */

.small {
  font-size: 1.0em;
  color: RGB(132, 132, 133) !important;
}


.result-text {
  margin-bottom: 20pt;
}

.jdGallery .slideInfoZone p {
  font-size: 10pt;
}
/* startseite und blog Ende */

h1 {
  font-size: 2em !important;
  line-height: 23px !important;
}


.divider {
  font-weight: bold;
  margin-top: 10pt;  
  margin-bottom: 5pt;
  font-size: 1.2em;
}

/* Foto-Umrandungen   */
.cis-style-1 {
border: 1px solid rgb(219, 219, 219);
/* box-shadow: 0px 10px 5px -10px rgba(0, 0, 0, 0.5), 0px 1px 5px rgba(0, 0, 0, 0.3), 0px 0px 40px rgba(0, 0, 0, 0.1) inset; */
margin-left: 10pt;
margin-bottom: 10pt;
vertical-align: bottom;
}
.cis-style-3 {
border: 1px solid rgb(219, 219, 219);
/* box-shadow: 0px 10px 5px -10px rgba(0, 0, 0, 0.5), 0px 1px 5px rgba(0, 0, 0, 0.3), 0px 0px 40px rgba(0, 0, 0, 0.1) inset; */
}
.cis-style-4 {
border: 1px solid rgb(219, 219, 219);
/* box-shadow: 0px 10px 5px -10px rgba(0, 0, 0, 0.5), 0px 1px 5px rgba(0, 0, 0, 0.3), 0px 0px 40px rgba(0, 0, 0, 0.1) inset; */
}
/* Foto-Umrandungen  Ende */


/* für Werbung Touren unten */
.touren {
	background-color: rgba(237, 230, 215, 0.54);
	border: 1px dotted rgb(93, 88, 81);  
	margin-left: 5pt;
	padding: 10pt;
	height: 280pt;
}
/* Ende Werbung Touren */

/* für Werbung Touren unten länger */
.touren2 {
	background-color: rgba(237, 230, 215, 0.54);
	border: 1px dotted rgb(93, 88, 81);  
	margin-left: 5pt;
	padding: 10pt;
	height: 300pt;
}
/* Ende Werbung Touren länger */


/* RS-Form - neue Formulare  */
.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 15px;
}
.formResponsive .formHorizontal p.formDescription {
    margin-top: 0px;
}
.formResponsive {
  border: 1px solid rgb(220, 220, 220);
  background: #F0E7DE;
  padding: 15pt;

}
.formResponsive .formHorizontal .formControlLabel {
  padding-bottom: 3pt;
  margin-right: 10pt;
  width:200px;
}

.formResponsive .formBody {
    float: left;
}


a.mod-articles-category-title {
list-style:disc;    /* neu hinzugefügt    */
}
.shariff .facebook a {
    color: white !important;
}
.shariff .twitter a {
    color: white !important;
}
.shariff .googleplus a {
    color: white !important;
}
.shariff .whatsapp a {
    color: white !important;
}
.shariff .mail a {
    color: white !important;
}

#s5_top_row1_area1 {
  padding: 7px;
}


/* News aus dem Blog - Startseite */
.s5_fourdivs_1_white_blog_startseite {  
   padding: 3pt 10pt 2pt;
   font-size: 12px;
   margin-bottom: 5pt;
   color: #ffffff !important;
}

.s5_fourdivs_1_white_blog_startseite h3{
    font-size: 13pt !important;
    margin-bottom: 2pt;
    color: #ffffff;
}
.s5_fourdivs_1_white_blog_startseite h2{
    line-height: 12pt;
    color: #ffffff;  
}
.s5_fourdivs_1_white_blog_startseite a {
    color: rgb(231, 169, 169) !important;
}
.readmore_white_blog_startseite a {
    color: #ffffff;
}
.s5_main_modules_wrap_white_blog_startseite a {
    color: #ffffff;  
}

/* News aus dem Blog Startseite - Ende   */




.s5_main_modules_wrap a {
  color: rgb(31, 140, 16);
}

.flugbox  {
  height:600px; 
}

.startseite {
  height:310px;  
  
}

.jb_brownbox {
  font-size:12pt;
  font-weight:bold;
  margin: 22px 0px 13px !important;
}

.jb_greenbox {
  font-size:12pt;
  font-weight:bold;
  margin: 22px 0px 13px !important;
  border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgba(147, 174, 61, 1) !important;
}

.xtypo_rounded1 {
	background: url('../../../plugins/content/xtypo/themes/default/assets/shadow.png') repeat-x scroll center bottom rgb(238, 154, 0);
    font-size: 1.0em;
    color: #595955;      /* Schriftfarbe - war vorher rgb(102, 102, 102) */
}

.xtypo_rounded1 h3 {
    font-size: 12pt;
}

.xtypo_rounded3_right {
  padding: 1em;
  background: #FFF0D9;
  font-weight:normal;
  text-shadow: 0px 0px 0px;
  font-size:12px;
  margin: 10px 0px 20px 20px;
  color: #000000;
  
}

.xtypo_rounded3_buchung {
    background: none repeat scroll 0% 0% rgba(207, 194, 189, 0.65);
    color: #464342;
    text-shadow: 0px 0px 0px;
    display: block;
    padding: 1em;
    box-shadow: 0px 0px 5px rgb(204, 204, 204);
    border-radius: 3px;
    margin: 0px;
    padding-top: 25pt !important;
}

.xtypo_rounded3_neu {
  background:#E2D8D4;
  color: #464342; 
  text-shadow: 0px 0px 0px;
  padding: 0px 0px 30px; 
  margin-top: 10px;
  margin-bottom: 10px;
} 





.xtypo_button1 a {
  margin: 0px !important;
}

.module_round_box_white {       /* für den Youtube Kanal - Startseite   */
  background: #ffffff;
  padding-top: 15pt;
  padding-left: 10pt;
  padding-right: 10pt;
  padding-bottom: 15pt;
}

.s5_fourdivs_1_brown {       /* für den Youtube Kanal    */
   margin-top: 20pt;
   background:#E2D8D4;
   padding: 10pt;
   font-size: 12pt;
  
}

.brown_forum {       /* für die Themen aus dem Forum    */
   background:#E2D8D4;
   padding: 10pt 10pt 2pt;
   font-size: 12px;
   margin-bottom: 10pt;
}

.brown_forum h3 {       /* für die Themen aus dem Forum    */
   font-size: 18px;
   margin-bottom: 15pt;  
}

.brown_forum hr {       /* für die Themen aus dem Forum    */
  margin: 15px 0; 
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #000000;
}

.brown_forum a {        /* für die Themen aus dem Forum    */
  font-size: 13px;
  font-weight:bold;
}

.xtypo_rounded4 {
	background: url(../../../plugins/content/xtypo/themes/default/assets/shadow.png) repeat-x bottom rgb (238, 154, 0);
    font-size: 1.0em;
    padding: 1em;
    color: #595955;      /* Schriftfarbe - war vorher rgb(102, 102, 102) */
    text-shadow: 0px 0px 0px;
    background-size: 250px 160px;
}

.xtypo_rounded4_red {
    display: block;
    box-shadow: 1px 1px 2px rgb(204, 204, 204);
    border-radius: 5px;
    margin: 10px 0px;
    background: rgb(140, 18, 18) url("../../../plugins/content/xtypo/themes/default/assets/shadow.png") repeat-x scroll center bottom;
	/* background: url(../../../plugins/content/xtypo/themes/default/assets/shadow.png) repeat-x bottom rgb (238, 154, 0); */
    padding: 0.3em;
    color: #ffffff;      /* Schriftfarbe - war vorher rgb(102, 102, 102) */
    text-shadow: 1px 0px 0px;
    background-size: 250px 160px;
}

.xtypo_rounded4_blue {
    display: block;
    box-shadow: 1px 1px 2px rgb(204, 204, 204);
    border-radius: 5px;
    margin: 10px 0px;
    background: rgb(43, 67, 163) url("../../../plugins/content/xtypo/themes/default/assets/shadow.png") repeat-x scroll center bottom;
	/* background: url(../../../plugins/content/xtypo/themes/default/assets/shadow.png) repeat-x bottom rgb (238, 154, 0); */
    padding: 0.3em;
    color: #ffffff;      /* Schriftfarbe - war vorher rgb(102, 102, 102) */
    text-shadow: 1px 0px 0px;
    background-size: 250px 160px;
}

.xtypo_rounded4_green {
    display: block;
    box-shadow: 1px 1px 2px rgb(204, 204, 204);
    border-radius: 5px;
    margin: 10px 0px;
    background: rgb(19, 110, 5) url("../../../plugins/content/xtypo/themes/default/assets/shadow.png") repeat-x scroll center bottom;
	/* background: url(../../../plugins/content/xtypo/themes/default/assets/shadow.png) repeat-x bottom rgb (238, 154, 0); */
    padding: 0.3em;
    color: #ffffff;      /* Schriftfarbe - war vorher rgb(102, 102, 102) */
    text-shadow: 1px 0px 0px;
    background-size: 250px 160px;
}
.xtypo_rounded4_yellow {
    display: block;
    box-shadow: 1px 1px 2px rgb(255, 255, 255);
    border-radius: 5px;
    margin: 10px 0px;
    background: rgb(232, 163, 10) url("../../../plugins/content/xtypo/themes/default/assets/shadow.png") repeat-x scroll center bottom;
	/* background: url(../../../plugins/content/xtypo/themes/default/assets/shadow.png) repeat-x bottom rgb (238, 154, 0); */
    padding: 0.3em;
    color: #ffffff;      /* Schriftfarbe - war vorher rgb(102, 102, 102) */
    text-shadow: 1px 0px 0px;
    background-size: 250px 160px;
}


.xtypo_rounded3 {
  background:#E2D8D4;
  color: #464342; 
  text-shadow: 0px 0px 0px;
  padding: 10px 10px 10px;      /* neu hinzugefügt    */
}


#s5_right_column_wrap .module_round_box  {
  padding-top: 0px;           /* war vorher 15px    */
  padding-left: 5px;         /* war vorher 15px    */
  padding-right: 5px;
  padding-bottom: 0px;
}


#cboxLoadedContent {
    padding-bottom: 0px !important;
}

#s5_top_rows_wrap {
  padding-top: 0px;
  padding-right: 0px;
}
/*  #s5_top_rows_wrap .module_round_box_outer {
  margin: 0px;
}   
*/


.sj-responsive-content .responsive-content-box-bg {
  background-color: rgba(237, 230, 215, 0.54);
  border: 1px dotted rgb(93, 88, 81);    
  margin: 5px;
  height: 180pt;
}

.sj-responsive-content h4   {
  font-size: 13px;
}

.sj-responsive-content {
  font-size: 12px;
}

.button, p.readmore a {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
  background: transparent -moz-linear-gradient(center top , rgb(37, 96, 28) 0%, rgb(29, 148, 10) 100%) repeat scroll 0% 0%;
  box-shadow: 1px 1px 2px rgb(108, 103, 103);
}

.xtypo_info, {      /* klappt nicht   */
  padding: 0.5em 1em 0.5em 0.5em !important;
}


.s5_va_element_inner {
  background: rgba(228, 225, 225, 0.4) !important;
  padding: 15pt !important;
}

#s5_component_wrap h3 {
  margin-bottom: 0px;
}

.pagenavcounter {
  padding: 10px 10px 10px; 
  font-weight: bold;
  background: #ededed;
}
/* für Einbindung HM-Camper-Auswahl */

    .custom-calculator-header {
      font-family: "Open Sans",Helvetica,Arial,sans-serif !important;
      background-color: #0b506c;
      margin:0;
      max-width:1140px;
      color: #ffffff;
      padding:5px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
}

.control-label {
      font-weight:normal !important;
      font-size: 13px;
      font-family: arial;
}

     .vehicles-calculation-form-wrapper {
      margin: 0px;
}
    .custom-calculator-header h4 {
      margin-top:5px;
}

#vehicles-calculation-form-wrapper .fields-wrapper .form-item {
    margin-bottom: 0px !important;
}

.form-actions {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: rgb(11, 80, 108);
    border-top: rgb(11, 80, 108);
  
    *zoom: 1;
/* Einbindung HM-Camper-Auswahl ENDE */
}

  .white {                /* für row3_1 - Startseite   */
  background: #ffffff;
  padding-bottom: 5pt;
/*  padding-left: 10pt;  */
/*  padding-right: 10pt;  */
}

#s5_top_rows_wrap .module_round_box {
  padding: 0px;
}


/* für Menü oben - Untermenü */
.S5_grouped_child_item .S5_submenu_item {
    padding: 6px;
    margin-left: 12pt;
}

h5 {
    font-size: inherit;
    font-family: Helvetica;
    font-weight: normal;
}

.inputbox:hover {
    background: unset;
    border: none;
    transition: none;
}

.inputbox {
    border: unset;
    padding: 3pt 2pt 0 1pt;
    font-size: unset;
    background: none;
    box-shadow: none;
    color: #0f0e0ecc;
}


.umrandung {
padding: 10pt;
background-color: rgb(252, 249, 249);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
border: 1px solid rgb(202, 200, 200);
}

.linkueberschrift {      /* für das Menü oben   */
  font-size: 1.2em;
  font-weight: bold;
  font-variant: small-caps;
  padding-top: 10pt !important;
}

.linkueberschrift_klein {      /* für das Menü oben   */
  font-size: 1.1em;
  font-weight: bold;
  font-variant: small-caps;
}

.linkueberschrift_klein_abstand_oben {      /* für das Menü oben   */
  font-size: 1.1em;
  padding-top: 8pt !important;
  font-weight: bold;
  font-variant: small-caps;
}

.s5_middle_bottom_1 {
  margin: 0pt 20pt 20pt 30pt;
}