/* =============================================================================
 * Schriftart - Quicksand - Lokal
 * ========================================================================== */

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* =============================================================================
 * CALL TO ACTION
 * ========================================================================== */


.ce_calltoaction_v2 p {
  font-size: 1.0em;
}

.ce_calltoaction_v2 .ce_calltoaction_inside {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}

/* =============================================================================
 * Rahmenfarbe und Borderdicke und Radius Ecken geändert
 * ========================================================================== */

.submenu_v3 {
    border: 2px solid rgb(231, 231, 231);
    padding: 15px;
    border-radius: 0px;
}

/* =============================================================================
 * Höhe verändert
 * ========================================================================== */


#main .mod_article.mod_article_offset_top {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: -100px;
}


/* =============================================================================
 * Hyperlink excented
 * ========================================================================== */

.ce_hyperlink-extended a {
    min-width: 150px;
}

/* =============================================================================
 * Rechte Spalte Abstand oben geändert
 * ========================================================================== */
 

body.sidebar #right .inside {
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 40px;
}

/* =============================================================================
 * Hauptspalte Abstand oben geändert
 * ========================================================================== */
 
body.content_page.sidebar #main .mod_article {
    padding-top: 20px;
    padding-bottom: 10px;
}

/* =============================================================================
 * Linkboxes V3 - BG Farbe geändert
 * ========================================================================== */
 
.ce_linkbox.version3 .content {
  background: rgb(247, 247, 248);
  padding: 15px 15px 10px 15px;
  min-height: 200px;
}


/* =============================================================================
 * Liststyle2 - Schriftgösse, linken Abstand geändert
 * ========================================================================== */
 

.ce_list.list-style2 li, .ce_list.list-style2 li.fa {
    font-size: 1.0rem;
    margin-bottom: 5px;
}

.ce_list li.fa::before {
    margin-left: -5px;
    margin-right: 10px;
    width: 26px;
    font-family: FontAwesome;

}
.ce_text ol, .ce_list ol {
    list-style: decimal;
    padding-left: 8px;
}

/* =============================================================================
 * Pricelist- - Schriftgösse
 * ========================================================================== */
 

.ce_pricelist .label {
    float: left;
    padding-right: 10px;
    font-size: 1.1em;
}


.ce_pricelist .price {
    float: right;
    padding-left: 10px;
    font-size: 1.0em;
}

.ce_pricelist .label {
  float: left;
  padding-right: 10px;
  font-size: 1.3em;
  font-weight: normal;
}

.ce_pricelist .subline {
  clear: both;
  font-size: 0.9em;
  font-weight: normal;
}

/* =============================================================================
 * Form Fieldset- Rahmen entfernt-BG eingefügt
 * ========================================================================== */
 

form fieldset {

    padding: 10px;
        padding-top: 10px;
    border: 0px solid rgba(0,0,0,0.2);
    background: #f2f2f2;
    padding-top: 20px;

}

input, textarea, select {
    background-color: rgb(255,255,255);
    padding: 15px;
    font-size: 0.8rem;
}

form fieldset legend {
    background-color: #999999;
}

/* =============================================================================
 * Datepicker
 * ========================================================================== */
 

.picker__day--today::before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: .5em solid #ff0264;
    border-left: .5em solid transparent;
}

.picker__button--today::before {
    top: -.05em;
    width: 0;
    border-top: .66em solid #ff0264;
    border-left: .66em solid transparent;
}

.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #004523;
    font-weight: 700;
}

/* =============================================================================
 * Pricelist Label Größe geändert
 * ========================================================================== */
 

.ce_pricelist .label {
    float: left;
    padding-right: 10px;
    font-size: 1.3em;
}

/* =============================================================================
 * Submenü rechts border entfernt
 * ========================================================================== */
 
.submenu_v3 {
    border: 0px solid rgb(231, 231, 231);
    padding: 15px;
    border-radius: 0px;
}

/* =============================================================================
 * Form Checkbox Padding eingefügt
 * ========================================================================== */
 

form .checkbox_container {
    overflow: hidden;
    margin-bottom: 2px;
    padding: 5px;
}


/** Form Submit Button - Hover Farbe geändert */

input.submit[type="submit"]:hover, button.submit[type="submit"]:hover {
    background: rgb(156,204,101);
}


/** Formular- Checkbox */

form fieldset input.checkbox {
	display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    margin-right: 20px;
}

form fieldset label {
    display: inline-block;
    width: 90%;
    vertical-align: top;
}

/* =============================================================================
 * Form Checkbox BG geändert
 * ========================================================================== */
 

form .checkbox_container span, form .widget-radio span {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 20px;
    font-style: bold;
    font-weight: bold;
    background: #0066331a;
}

/* =============================================================================
 * Tabs Horizontal Höhe geändert
 * ========================================================================== */
 

.ce_tabs .tabs.horizontal li a {
    font-size: 1.0rem;
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    display: block;
}

/* =============================================================================
 * Tabs Klaasik 
 * ========================================================================== */
 
.ce_tabs .panes.classic {
    background: rgb(255, 255, 255);
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 50px;
}

.ce_tabs .tabs.classic ul li.active, .ce_tabs .tabs.classic ul li:hover {
    border-color: #006633;
        border-top-color: rgb(0, 102, 51);
    border-top: 4px solid rgb(0, 102, 51);
}


.ce_tabs .tabs.classic ul li {
    display: inline-block;
    padding: 10px 10px;
    background: rgb(247,247,247);
    border-top: 2px solid transparent;
    box-shadow: 0 0 inset, 0 -2px 2px rgba(0,0,0,0.03) inset, 0 0 inset, 0 0 inset;
}

/* =============================================================================
 * Background Image - Farbe geändert global
 * ========================================================================== */
 
.bg-lightgray {
    background-color: rgb(242, 242, 242) !important;
}



/* =============================================================================
 * Mitarbeiterbereich- Iconbox V3 padding geändert
 * ========================================================================== */
 
.ce_iconbox_v3.style1 .ce_iconbox_v3_inside {
    padding: 15px;
}



/* =============================================================================
 * ÄNDERUNG LABEL INFO FARBEN
 * ========================================================================== */
 
.label-info {
  background: #438966;
  color: rgb(255, 255, 255);
  border-radius: 3px;
  font-size: 0.95rem;
  padding-top: 5px;
  padding-bottom: 5px;
}

.label-alert {
  background: #d90c4f;
  padding: 0px 10px 0px 10px;
  font-size: 0.95rem;
}


/* =============================================================================
 * AGB DOWNLOADBOX
 * ========================================================================== */
 


.ce_downloads_box .ce_downloads_box_inside {
  background: rgb(248,248,248);
  padding: 30px;
  font-size: 0.85rem;
  margin-top: 20px;
}


/* =============================================================================
 * ICONBOX
 * ========================================================================== */
 


.ce_iconbox .ce_iconbox_outside.padding {
  padding: 10px;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
}


/* =============================================================================
 * IMAGEMAP - TEAM
 * ========================================================================== */
 


.ce_imagemap .hotspot.small .circle {
  border-radius: 100%;
  width: 25px;
  height: 26px;
  border: 1px solid rgba(255,255,255,0.5);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -13px;
  margin-top: -13px;
  display: block;
  background: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
  box-shadow: 0 0 0 2px #438966;
}


/* =============================================================================
 * DROPDOWN MENÜ
 * ========================================================================== */
 

.mainmenu ul ul li a {
  text-transform: none;
  text-align: left;
  border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  padding: 0 1.5rem !important;
  line-height: 40px !important;
  color: #393939;
  font-size: 0.8rem;
  letter-spacing: 0;
  border-bottom: 1px solid rgb(242,242,242);
  font-weight: normal;
}