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

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

#s5_top_bar1 {
    z-index: 10;
}

/* für neue Slideshow   */
.camera_caption_title {
    font-family: 'Handlee', cursive !important;
}


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

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


.formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
    margin: 8px !important;
}

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


/* Abstand links gab es vorher nicht   */
s5_center_column_wrap_inner {
    padding-left: 15pt !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;
}}


/* rechte Navigation  */

.module_round_box_outer ul {
    margin-top: 5pt !important;
}
/* Ende   */




/*.button-wt, .button-oz, .button-nz, .button-stop, .button-fi, .button-news {
  text-align: center;
  padding: 16px 16px 14px 16px;
  cursor: pointer;
  font-weight: normal;
  border-radius: 0px;  
  box-shadow: none;
  font-size: 1.0em;
  text-decoration: none !important;
}
*/


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



.button, .button2, p.readmore a.btn, .rsform-submit-button {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgb(108, 103, 103);
  padding: 8px;
  font-size: 1.2em;
  background: -webkit-linear-gradient(top, #0F8291 0%,#64D4E2 100%) !important;
}

.s5_photo_showcase_text_background_light {
  font-size: 15pt;
  background: #d4d8d8b3;
  line-height: initial;
}

.s5_photo_showcase_title {
  color:#ffffff;
  font-size:1.5em !important;
  margin-bottom:5px;
  font-weight:bold;
  text-shadow: #000000 1pt 1pt 2pt;
}
.s5_photo_showcase_text {
  margin-bottom: 10pt;
  font-weight: bold;
  font-size: 16pt !important;
}


/* Felder   */
.field-label {
  font-weight: bold;
}
.field-value {
   margin-left: 5pt;
}
dd {
  line-height: normal !important;
}

hr {
  border-top: 1px solid #11b3b5;
  border-bottom: none;
  margin-top: 2pt;
  
}

#s5_bottom_rows_wrap {
  padding-left: 30pt;
  border: none !important;
  box-shadow: none !important;
  background: none;
}

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

/* damit die Navigation rechts einen Anstand zu oben hat   */
.s5_mod_h3 {
    margin-top: 20pt;
}

#s5_bottom_row3_area1 a {
  color: #11a3b5 !important;
}

/* für Tabs   */
.rl_tabs > ul.nav-tabs > li > a {
  color: #11A3B5 !important;
}
.rl_tabs .nav-tabs > li.active > a {
  font-weight: bold !important; 
}
.rl_tabs.outline_content > .tab-content {           /*Tab innen   */
  background: rgba(138, 119, 119, 0.2)  !important;
}
.rl_tabs.color_inactive_handles > ul.nav > li.active > a { /* Tab oben */
  background: rgba(138, 119, 119, 0.2)  !important;
}


/* für Grid Links  */

.theme_fancy.mix-grid .mix .mix-title {
  color: #FFFFFF !important;
}
/* Ende  */

/* letzte Fusszeile  */
#s5_footer_area_inner {
  font-size: 1.0em;
}
/* Ende  */

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

/* weiß nicht, wieso das hier verändert wurde

#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_center_column_wrap_inner .module_round_box {
    background-color: unset !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0pt !important;
} 


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

/* Seitennavigation 
.module_round_box_outer ul.menu ul {
    margin-bottom: 20px;
}

 Ende   */
  
  
  
  
/* 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: 2px;
  padding-bottom: 10px;
}

.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(98, 93, 78);
}

/* 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: 320pt;

}
/* 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;
    height: 530pt;

}
/* 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: #11A3B5 !important;
}

h2 {
  font-size: 1.6em;
  margin-bottom: 5pt;
}

h3 {
  font-size: 1.2em;
  font-weight: bold;
  
}

h6 {
  font-size: 8pt;
}



/* 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: 32px 0px 13px !important;
  border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) #11a3b5 !important;
}

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

.xtypo_rounded1 ul {
    margin-left: 10pt;
}

.xtypo_rounded3_hoeher {
    background: rgba(17, 163, 181, 0.40);
    box-shadow: 0 0 3px rgb(204, 204, 204);
    text-shadow: unset;
    padding: 1em 1em;
}

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

/* neue xtypo   */

.xtypo_rounded3, .xtypo_rounded1 {
    background: #F8F7F6;
    color: #6e6d6d;
    text-shadow: none;
    padding: 15pt;
    box-shadow: 0 0 3px #ccc;
}

.xtypo_rounded1 {
   background: #ADD1D14D;
}


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


.xtypo_rounded4_red {
    border: 1pt black;
    display: block;
    box-shadow: 1px 1px 3px 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_rounded4_fiji {
    display: block;
    box-shadow: 1px 1px 2px rgb(255, 255, 255);
    border-radius: 5px;
    margin: 10px 0px;
    background: #11A3B5 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_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;
}


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


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