/*
 Theme Name: scout-out-Child-Theme
 Theme URI: https://www.scout-out.ch/
 Description: Dies ist ein <b>ready-to-start</b> Child-Theme f&uuml;r Divi. Entwickelt und bereitgestellt von Niki Huwyler scout-out Multimediadirector. Dieses Theme beinhaltet alle notwendigen Dateien, um den schnellen und einfach Start zu erm&ouml;glichen.
 Author: scout-out - Niki Huwyler
 Author URI: https://www.scout-out.ch/
 Template: Divi
 Version: 1.0.1
 Tag: divi, child-theme, mediadirector, easy-to-use, scout-out, swiss-group, 
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*  ==================================================================
	Custom STANDARD CSS =====================================================
	==================================================================  */

html { font-size: 16px; /* Die Basis-Schriftgrösse */ }

/* accessibility Button Farbe */
button.close_container {
    background: #A82828 !important;
    color: #fff !important;
}
body .accessability_container * {
    color: none !important;
}

/* Macht den contact form button fullwidth*/
.pa-contact-form-submit-fullwidth .et_contact_bottom_container {
	width: 100%;
	flex-direction: column;
	gap: 1em;
	padding-left: 3%;
	margin-top: 0px;
}

.pa-contact-form-submit-fullwidth .et_contact_bottom_container button {
	width: 100%;
	margin: 0;
}

/* Titelabstand beim Hero Header
.et_pb_module_header {
    margin-bottom: 1.5rem;
	}*/

.et_pb_section {
    background-position: none;
}

p { 
	hyphens: auto; 
}

/* Tabellen Formatierung */
.table .thead-dark th {
    color: #000;
    background-color: #fff;
	}
	
.entry-content table:not(.variations) {
    border: none !important;
    text-align: left;
    width: 100%;
}
	.entry-content tr td {
  padding: 22px 22px;
		
}
.table td, .table th {
	padding: .85rem;
    vertical-align: top;
	border: none;
}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f7f7f7;
	border-left: 0px solid #fff !important;
	border-top: 1px solid #dee2e6;
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }
html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
    html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}
/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }
    html .et-db .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
    html .et-db .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}
/* Buttons unten aussrichten auf 100% */
.bottom_fixed_buttons .et_pb_column {
padding-bottom:20px;
}

.bottom_fixed_buttons .et_pb_button_module_wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
}

/* Deaktiviert das Mobilmenü */
.hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
.hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}

/* Divi mobiles Menü nicht einklappen */
@media (max-width: 980px){
    .no-menu-collapse.et_pb_menu .et_pb_menu__menu,
    .no-menu-collapse.et_pb_fullwidth_menu .et_pb_menu__menu {
        display: block;
    }
    .no-menu-collapse.et_pb_menu .et_mobile_nav_menu,
    .no-menu-collapse.et_pb_fullwidth_menu .et_mobile_nav_menu {
        display: none;
    }
}

/* Menu CTA Button Button Styling */
.menu-cta a, .et-fixed-header #top-menu .menu-cta a {
    background: #065990; /* Button Hintergrundfarbe hier austauschen */
    border-radius: 18px; /* Radius hier anpassen, oder Zeile komplett entfernen für eckigen Button */
    color:#fff !important;
    padding:12px 20px !important; /* Innenabstand des Buttons hier anpassen */
	margin:0px -5px 0px 0px !important; 
    opacity:1;
}
/* mouse over link */
.menu-cta a:hover, .et-fixed-header #top-menu .menu-cta a:hover {
  	background: #333333;
	text-decoration: underline;
}

a:hover {
  	text-decoration: underline;
}

/* Suchlogo im Header */
.bb-search-icon::after {
    content: '\55';
    font-family: ETModules;
    font-size: 20px;
    color: #000;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) scaleX(-1);
    pointer-events: none;
    z-index: 9;
}

.bb-search-icon .et_pb_searchsubmit {
    z-index: 10;
}

@media (min-width:981px) {
    /* Setzt den oberen und unteren Abstand des Hauptmenüs zurück */
    .et_header_style_left #et-top-navigation nav > ul > li:not(.menu-cta) > a, 
    .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li:not(.menu-cta) > a,
    .et_header_style_split #et-top-navigation nav > ul > li:not(.dt-menu-cta) > a {
        padding-bottom:0 !important;
    }
    /* Korrigiert die Position des Suchicons */
    #et_search_icon:before {
        top:-10px;
    }
    /* Positioniert die Menülinks vertikal links */
    .et_header_style_left #et-top-navigation, 
    .et_header_style_split #et-top-navigation {
        display: flex;
        align-items: left;
    }
    /* Hier Menühöhe anpassen */
    .et_header_style_left #et-top-navigation, 
    .et_header_style_split #et-top-navigation {
        padding:25px 0 !important;
    }
    /* Hier Menühöhe für fixiertes Navgationsmenü anpassen (Menühöhe beim scrollen) */
    .et_header_style_left .et-fixed-header #et-top-navigation {
        padding:15px 0 !important;
    } }