/*
Theme Name: ahoiTheme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Child theme for the Divi theme
Author: Ulrike Braun
Author URI: https://ahoipixel.de
Template: Divi
*/

/*--------------- Font: Open Sans ----------------*/

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans-Regular.ttf') format('truetype'),
        url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBoldItalic.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
        url('fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
        url('fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiBold.eot');
    src: url('fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('fonts/OpenSans-SemiBold.woff') format('woff'),
        url('fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-BoldItalic.eot');
    src: url('fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('fonts/OpenSans-BoldItalic.ttf') format('truetype'),
        url('fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic.eot');
    src: url('fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Italic.woff2') format('woff2'),
        url('fonts/OpenSans-Italic.woff') format('woff'),
        url('fonts/OpenSans-Italic.ttf') format('truetype'),
        url('fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff'),
        url('fonts/OpenSans-Bold.ttf') format('truetype'),
        url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBold.eot');
    src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiBoldItalic.eot');
    src: url('fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
        url('fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}



/*--------------- Font-Definition ----------------*/

body {
  	font-family: 'Open Sans', sans-serif;
}

.et_pb_column .et_pb_module h1,
.et_pb_column .et_pb_module h2,
.et_pb_column .et_pb_module h2 a,
.et_pb_column .et_pb_module h3,
.et_pb_column .et_pb_module h3 a,
.et_pb_column .et_pb_module h4,
.et_pb_column .et_pb_module h4 a,
.et_pb_column .et_pb_module h5,
.et_pb_column .et_pb_module h6 {
  	font-family: 'Open Sans', sans-serif;
}

.et_pb_column .et_pb_module p,
.et_pb_column .et_pb_module li,
.et_pb_column .et_pb_module a,
.et_pb_column .et_pb_module input,
.et_pb_column .et_pb_module select,
.et_pb_column .et_pb_module div {
  	font-family: 'Open Sans', sans-serif;
}

/*--------------- HEADER ----------------*/

#headnav .et_pb_column_0_tb_header { width: 43% !important; }
#headnav .et_pb_column_1_tb_header,
#headnav .et_pb_column_2_tb_header,
#headnav .et_pb_column_3_tb_header { width: 19% !important; }


.et_pb_menu .et_pb_menu__search-input {
	color: #fff;
}


/*--------------- Theme-Anpassungen ----------------*/

header#main-header {
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
	border-top: solid 4px #fff;
	border-bottom: solid 4px #fff;
}

.home-news div article.et_pb_post {
	margin-bottom: 30px !important;
}


.container {
	width: 90%;
}

.vcenter {
display: flex;
flex-direction: column;
justify-content: center;
}

.blog-sidebar div article.et_pb_post {
	margin-bottom: 10px !important;
}

.et_pb_main_blurb_image {
	margin-bottom: 10px;
}





/*--------------- Kompaktes Sub-Menu ----------------*/
 
#menu-main2 li a {
	padding-bottom: 18px;
}
#menu-main2 li {
	padding-top: 15px;
} 

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li, .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 3px;
}

/* drop down menu - level 1 */
    #menu-main2 li ul {
        width: 240px;
        padding: 10px 0px;}
    #menu-main2 li li {
        line-height: 16px;}
    #menu-main2 li li {
        padding: 0 0px;}
    #menu-main2 li li a {
        width: 240px;
        padding: 13px 15px;}
 
/* drop down menu - level 2 */
    #menu-main2 li li ul {
        top: -5px;
        left: 240px;
		padding: 0px;}
 
/* change drop down icon in submenus only */
    #menu-main2 li .menu-item-has-children > a:first-child:after {
        top: 12px;
        right: 7px;
        font-size: 18px;
        font-weight: bold;
		color: #f07833;
        content: "5";}


/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #000;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

/*show hamburger menu on desktop for specific menu module*/

@media (min-width: 980px) {
	
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
	margin-left: 40px !important;
}

.et_pb_menu .et_pb_menu__search-container {
	width: 50%;
	left: 25%;
}
	
#headnav-menu .et_pb_menu__menu {
    display: none;
}

#headnav-menu .et_mobile_nav_menu {
    display: block;
    float: none;
    margin: 0 6px;
    align-items: center;
}
/* set the width, and right align */
#mobile_menu1 { 
	width: 280px;
	top: 90px;
	right: 0; 
	left:auto;
	list-style: none;
	padding: 0px !important; }
	
#mobile_menu1 a {
		color:#f07833;
	}
	
#headnav-menu .mobile_menu_bar:before {
    font-size: 60px!important;
}
}









/* Align Buttons in bottom of a row */

.bottom-buttons .et_pb_column {
	padding-bottom: 50px;}

.bottom-buttons .et_pb_button_module_wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}


/* The CSS for having the featured image on the left */

.et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post {
  	width: 100%;
	box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.1);}

.et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post .entry-featured-image-url {
    width: 15%;
    float: left; }

.et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post .entry-title,
.et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post .post-meta,
.et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post .post-content {
    width: 82%;
    float: right;
	padding-right: 5%; }

.et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post .entry-title {
	margin-top: 10px;
}

.et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post .post-meta {
	display: none;
}

.bild-links div article.et_pb_post {
	margin-bottom: 30px !important;
}

.bild-links div article.et_pb_post .entry-featured-image-url {
	margin-bottom: 0px !important;
}

@media all and (max-width: 479px) {
	.et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post .entry-featured-image-url,
    .et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post .entry-title,
    .et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post .post-meta,
    .et_pb_module.bild-links .et_pb_ajax_pagination_container article.et_pb_post .post-content {
      	width: 100%;
      	float: none; } 
}


/*--------------- Responsive ---------------- */


@media (max-width: 980px) {
	.et_header_style_left #logo {
		max-height: 85%;
		max-width: 85%;
		margin-left: 0;
}
}




@media only screen and (max-width: 1080px) {
    .two-columns .et_pb_column {
    	width: 48%!important;
		margin-right: 4%!important;
}
	.two-columns .et_pb_column:nth-child(2n) {
		margin-right: 0%!important;
}
    .three-columns .et_pb_column {
    width: 33%!important;
}	

	.four-columns .et_pb_column {
    width: 25%!important;
}
}