/* 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;
}

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

#s5_top_row1_area1 .module_round_box_outer {
    margin-left: 0px !important;
}

#s5_top_bar1 {
    z-index: 10;
}


/* 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   */


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

hr {
    border-top: 1px solid #f5bb45;
}


.startseite {
  height:410px !important; 
}
.theme_elegant .mix {
  background: rgb(251, 246, 241);
}


.formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
    margin: 8px !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;
}}



#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);
} 

#s5_component_wrap {
    box-shadow: none;
} 


#s5_above_columns_wrap1 {
   margin: 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 */

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

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


/*
#s5_nav li, a, */

#s5_top_row1 .module_round_box a {
    color: rgb(254, 253, 250) !important;
}

ul.menu li.current a {
    color: RGB(132, 132, 133) !important;
}

/* für Showcase  */
#s5_photo_showcase_button_content li {
  list-style: none;
}

.item-page h1 {
  text-transform: none;         /* war vorher im com_content.css uppercase */
}

/* für das flex-menu  */
.S5_grouped_child_item .S5_submenu_item {
  padding: 8px;
}
.S5_grouped_child_item .S5_subtext {
  padding-left: 0px;
}
.S5_grouped_child_item {
    font-size: 1.0em;
    font-weight: normal;
}

.S5_subtext {
  font-weight:normal;
}


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



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

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

.s5_photo_showcase_conent_wrap_inner1 {
  padding: 1%;
}


.menulinks {
  font-weight: bold;
  color: RGB(132, 132, 133) !important;
}

.breadcrumb .active {
  padding-top: 3px;
  color: rgb(125, 122, 122);
}

/* für Werbung Touren */
.touren {
	background-color: rgba(237, 230, 215, 0.54);
	border: 1px dotted rgb(93, 88, 81);  
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	padding: 10pt;
    height: 310pt;

}
/* Ende Werbung Touren */


/* für Auflistung Fluege*/
.fluege {
	background-color: rgba(237, 230, 215, 0.54);
	border: 1px dotted rgb(93, 88, 81);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	padding: 10pt;

}
/* Ende Auflistung Fluege */

/* für Auflistung Touren ohne Höhe */
.touren2 {
	background-color: rgba(237, 230, 215, 0.54);
	border: 1px dotted rgb(93, 88, 81);  
	padding: 10pt;
    margin-top: 5pt;
    margin-bottom: 5pt;
}
/* Ende Auflistung Touren ohne Höhe */


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


/* 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: 0pt;
   margin-bottom: 5pt;
   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-2 {
   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-bottom: 5pt;
   vertical-align: bottom;
}



/* 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;
}

/* für RSForm Überschrift */
#userForm h1, #userForm h2  {
    padding: 10pt !important;
    font-size: 2.1em !important;
    text-align: center;
    font-weight: bold;
    line-height: 35px !important;
}
/* für RSForm - Pop-up-Kalender */
table th {
    background: none repeat scroll 0 0;
}
/* Ende */





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 */
.white_blog_startseite {  
   padding: 3pt 10pt 2pt;
   font-size: 12px;
   margin-bottom: 5pt;
   color: #ffffff !important;
}

.white_blog_startseite h3{
    font-size: 13pt !important;
    margin-bottom: 2pt;
    color: #ffffff;
}
.white_blog_startseite h2{
    line-height: 12pt;
    color: #ffffff;  
}
.white_blog_startseite a {
    color: rgb(231, 169, 169) !important;
}
.readmore_white_blog_startsete 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;
}

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

.jb_yellowbox {
  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(232, 163, 10, 1) !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_buchung {
  background: none repeat scroll 0% 0% rgba(209, 182, 171, 1);
  color: #464342; 
  text-shadow: 0px 0px 0px;
  display: block;
  padding: 1em;
  box-shadow: 0px 0px 5px rgb(204, 204, 204);
  border-radius: 3px;
  margin: 10px 0px;  
}

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

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


.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;
  
}

.brown_forum hr {       /* für die Themen aus dem Forum    */
  margin: 5px 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    */
}
.xtypo_rounded3_left {
  width:45%;
  background:#E2D8D4;
  color: #464342; 
  text-shadow: 0px 0px 0px;
  padding: 10px 10px 10px;      /* neu hinzugefügt    */
}
.xtypo_rounded3_right {
  width:45%;
  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.btn {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
  background: transparent -moz-linear-gradient(center top , RGB(221, 133, 12) 0%, RGB(245, 201, 8) 100%) repeat scroll 0% 0%;
  box-shadow: 1px 1px 2px rgb(108, 103, 103);
  padding: 8px;
  font-size:1.1em;
}


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


.s5_va_element_inner {
  background: rgba(207, 231, 199, 1) !important;
}

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

.pagenavcounter {
  padding: 10px 10px 10px; 
  font-weight: bold;
  background: #ededed;
}

.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);
}

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

/* für Tabs   */

.rl_tabs.color_inactive_handles > ul.nav > li > a {
  background-color: #f5f5f5;
}
.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.64) !important;
}
.rl_tabs.color_inactive_handles > ul.nav > li.active > a { /* Tab oben */
  background: rgba(226, 216, 212, 0.64) !important;
}

.rl_tabs .nav-tabs > li.active > a {
  background: rgba(226, 216, 212, 0.64) !important;
}
.rl_tabs > ul.nav-tabs > li > a {
  background: #f5f5f5;
}
/* Tabs Ende  */