/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
/*Header-Höhe  */
#s5_menu_wrap {
    height: 115px;
    
}
#s5_logo_wrap {
    position: unset;   /* ist im Template abolute */
}

/* für Search unten  */
#s5_bottom_row3 input {
    background: #817C7C;
    font-size: 14px !important;
}

.top_boxes_right {
  height: auto;
}

#s5_logo_wrap {
  margin-left: 10pt;
  margin-right: 0pt;
}

/* Startseite Step-Boxen */
.steps_boxes_picture {
  background: url(/images/Tipps/Regenzeit/AF-flooding-692.jpg) no-repeat top center;    
  }
.steps_boxes_picture2 {
  background: url(/images/Menschen/TEQ-MN-Beach-Driving-692.jpg) no-repeat center;    
  }
.steps_boxes_picture3 {
  background: url(/images/Tipps/TEQ-4WD-FraserIsland-692.jpg) no-repeat top center;    
  }

.steps_boxes_picture4 {
  background: url(/images/Tipps/SEB-Cash-692.jpg) no-repeat center;    
  }
.steps_boxes_picture5 {
  background: url(/images/Tipps/SEB-smartphone-692.jpg) no-repeat center;    
  }
.steps_boxes_picture6 {
  background: url(/images/Tipps/KL-super-692.jpg) no-repeat center;    
  }

.steps_boxes_number1 {
  font-family: Open Sans;
  display: block;
  font-size: 3em;
  font-weight: 700;
  margin-bottom: 42px;
  line-height: 30pt;
}
.steps_boxes_title {
    font-size: 1.9em;
}

.steps_boxes_item {
  color: #000000;
  padding-top: 40px;
  padding-bottom: 40px;
}

.top_boxes_wrap {
  margin-top: -350px;
}

.top_boxes_wrap_neu {
  margin-top: -600px;
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
}


#s5_nav li {
  padding-left: 10px;
  padding-right: 10px;
}

#s5_menu_inner {
  background-color: white;
}
  
h3 {
    font-family: inherit !important;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 1.4em;
    color: rgb(101, 97, 97);
    font-variant: small-caps;
    border-bottom: 1px solid #ff9900;
    margin-bottom: 5pt;
}

h6 {
    font-size: 0.9em;
    font-weight: normal;
    font-style: italic;
    line-height: 19px;
}

.S5_parent_subtext {
    color: rgb(38, 34, 34) !important;
    font-size: 0.9em;
    margin-top: -4px;   
}

/* Fragen & Antworten */

.post_content_wrapper{
    padding: 10pt;
    border: solid 1px rgb(231, 230, 230);
    margin-top: 5pt;
}

.kasten {
    margin-top: 10pt;
    margin-bottom: 10pt;
    background-color: rgba(237, 230, 215, 0.54);
    border: 1px dotted rgb(93, 88, 81);
    padding: 10pt;
}
  
/* für Sj Responsive Content  */
.item {
  margin-bottom: 0 !important;
}
.sj-responsive-content {
    background: url("");
}
.sj-responsive-content hr {
    border-color: white;
}
/* Sj Responsive Content  -  Ende */ 

/* .uk-button, uk-button-primary {
    background: transparent -moz-linear-gradient(center top , rgb(122, 10, 10) 0%, rgb(184, 9, 9) 100%) repeat scroll 0% 0% !important;
    padding-top: 6pt;
    padding-left: 25pt;
    padding-right: 25pt;
    padding-bottom: 6pt;
    margin-top: 5pt;
    font-size: 12pt;
    color: white;
    font-family: 'Noto Sans',Helvetica,Arial,Sans-Serif;
    font-weight: bold;
    border: none;
} */

/* über der Überschrift / Titel */
#s5_middle_top_wrap {
    padding-bottom: 0px;
}
  
/* Foto-Umrandungen   */
.border {
border: 1px solid rgb(255, 255, 255);
box-shadow: 0px 5px 5px -8px 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;
}

.borderleft {
border: 1px solid rgb(255, 255, 255);
box-shadow: 0px 5px 5px -8px 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-right: 10pt;
margin-bottom: 10pt;
vertical-align: bottom;
}

/* für grosses Menu oben  */
.S5_submenu_item {
  padding: 8px;
}

#subMenusContainer, li.subMenuBtn {
  min-width: 150px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#subMenusContainer li.subParentBtn {
  padding-left: 5px !important;
  padding-right: 5px !important;
  min-width: 250px !important;
}
div.S5_grouped_child_item span {
    font-size: 0.95em !important;
}
/*  grosses Menu oben Ende */

/* für Suchen-Anzeige  */

.s5_ls_result1 h2, .s5_ls_result2 h2 {
   line-height: 19pt;
}

#s5_responsive_menu_button {
	margin-left:0px;
    margin-top:0px;
	}
.ion-android-menu::before {
    content: "\f394";
    display: none;
}
#s5_search_wrap {
    margin-top: 43px;
    margin-right: 27px;
}

/* alles für das kleine Menü oben   */
.unset {
    display: unset;
    padding: 0px 0px;
    font-weight: bold;
    color: #c9733e;
    font-size:13px;
    text-transform: none;
}
.nochmehr {
    text-transform: uppercase;
}
#s5_top_menu_login_wrap {
   padding-left: 20px;
}

.slideInfoZone .text_and_image .left, .slideInfoZone_unload .text_and_image .left  {
   padding-left:50,5%;
}

/* neues aus dem Forum */

.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: 15px;
  font-weight:bold;
  line-height: 0.2;
}
/* aus dem Forum ENDE */

/*Startseite VOR den Tipps */
#s5_center_area1 {
    margin-bottom: 0px !important;
}
.module_round_box_outer {
    margin-bottom: 10px !important;
}


/* 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;
    }
.iziModal-header-title {
  color: #ffffff;
}

.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 */

.slide_title {
  padding: 0pt !important;
}

.module_round_box.outlined2 {
  padding: 20px;
  border: solid 1px #c8c5c5;
  background-color: #e7e6e6;
}

.umrandung {
  margin-top: 10pt; 
  margin-bottom: 10pt; 
  background-color: rgba(237, 230, 215, 0.54); 
  border: 1px dotted #5d5851; 
  padding: 10pt;
  font-size: 0.9em;
  line-height: 14pt;
}