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

/* Navigation rechts  */
.module_round_box ul.menu ul li a {
    font-size: 1.1em !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;
}


/* Überschrift Menü an der rechten Seite   */
#s5_right_column_wrap .module_round_box_outer {
   margin-top:10pt;
}

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

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

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

/* für Rezepte */
.rezept {
	background-color: rgba(237, 230, 215, 0.54);
	border: 1px dotted rgb(93, 88, 81);  
	padding: 5pt;
	/* height: 350pt; */
}
 /* Ende Rezepte */


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

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


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

#s5_right_column_wrap {
    min-height: auto !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 */


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


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


/* für Tabs   */
.rl_tabs > ul.nav-tabs > li > a {
  color: #263a8a !important;
}
.rl_tabs .nav-tabs > li.active > a {
  font-weight: bold !important; 
}
.rl_tabs.outline_content > .tab-content {           /*Tab innen   */
  background: rgba(240, 231, 222, 1.0)  !important;
}
.rl_tabs.color_inactive_handles > ul.nav > li.active > a { /* Tab oben */
  background: rgba(240, 231, 222, 1.0)  !important;
}


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


h1 {
  font-size: 2em !important;
  line-height: 23px !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: 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 Showcase  */
#s5_photo_showcase_button_content li {
  list-style: none;
}


/* 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 */
.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;
    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_startsete a {
    color: #ffffff;
}
.s5_main_modules_wrap_white_blog_startseite a {
    color: #ffffff;  
}

/* News aus dem Blog Startseite - Ende   */



.uebersicht {
   font-size: 16pt;
}
.kurse {
  margin-top: 0px !important;
}

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

.jb_bluebox {
  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(66, 101, 185, 1) !important;
}

.flugbox  {
  height:620px;
}

.startseite {
  height:300px;    
}

.startseite2 {
  height:380px;    
}

.startseite3 {
  height:300px;    
}

ul.category-module_kurse {
  margin-left: 20pt;
}

.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: none;
  font-size:12px;
  margin: 10px 0px 20px 20px;
  color: #000000;
  
}

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

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



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

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


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

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

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

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

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

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

  

@media screen and (min-width:580px) and (max-width: 970px){
 .s5_fourdivs_1_brown { /* für den Youtube Kanal    */
   width: 230 px;
   margin-top: 20pt;
   background:#E2D8D4;
   padding: 10pt;
   font-size: 12pt;  
}
}


.module_round_box_outer {
  margin-right: 0px !important;
}

#s5_right_column_wrap .module_round_box  {
  padding-top: 0px;           /* war vorher 15px    */
  padding-left: 5px;         /* war vorher 15px    */
  padding-right: 15px;
  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;
}

/* .div.sj-responsive-content .responsive-content-box-bg_kurse{      geht nicht
  height: 100px;
}   */ 

.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(32, 52, 132) 0%, rgb(60, 93, 214) 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 {
  padding: 0px !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.3em;
  font-weight: bold;
  font-variant: small-caps;
  padding-top: 10pt !important;
}